@charset "utf-8";





/* CSS Document */









/* ==========================================================================

 Helper classes

  ========================================================================== */

/*********************************CLASSES**********************************/







@font-face {







    font-family: mygleego;







    src: url(../font/Glegoo-Regular.ttf);







}







@font-face {







    font-family: mylobstar;







    src: url(../font/Lobster.ttf);







}









.clear {



	clear: both;	display: block;	overflow: hidden;









	visibility: hidden;















	line-height: 0;















	font-size: 0;















	height: 0;















}















.spacer {















	clear: both;















	font-size: 0;















	line-height: 0;















}















.floatleft {















	float: left;















	width: auto;















}















.floatright {















	float: right;















	width: auto;















}















.relative {















	position: relative;















}















.center {















	display: block;















	margin: 0 auto;















}















/*.error-message{ color:#ed1c24; float:left; font-size:13px; line-height:16px;}*/















.relative {















	position: relative;















}















.noMargin {















	margin: 0 !important;















}















.noPadding {















	padding: 0 !important;















}















.noRightMrgn {















	margin-right: 0 !important;















}















.noLeftMrgn {















	margin-left: 0 !important;















}















.noBottomMrgn {















	margin-bottom: 0 !important;















}















.noTopMrgn {















	margin-top: 0 !important;















}















.noPdni {















	padding: 0 !important;















}















.noRightPdni {















	padding-right: 0 !important;















}















.noleftPdni {















	padding-left: 0 !important;















}















.noTopPdin {















	padding-top: 0 !important;















}















.noBorder {















	border: none !important;















}















.noRightBorder {















	border-right: none !important















}















.noBottomBorder {















	border-bottom: none !important















}















.noBg {















	background: none !important;















}















.centerAlign {















	text-align: center;















}















.block {















	display: block;















}















/*















 * Clearfix: contain floats















 *















 * For modern browsers















 * 1. The space content is one way to avoid an Opera bug when the















 *    `contenteditable` attribute is included anywhere else in the document.















 *    Otherwise it causes space to appear at the top and bottom of elements















 *    that receive the `clearfix` class.















 * 2. The use of `table` rather than `block` is only necessary if using















 *    `:before` to contain the top-margins of child elements.















 */































.clearfix:before, .clearfix:after {















	content: " "; /* 1 */















	display: table; /* 2 */















}















.clearfix:after {















	clear: both;















}















.clear {















	clear: both;















	margin: 0;















	padding: 0;















	visibility: hidden;















}















/*















 * For IE 6/7 only















 * Include this rule to trigger hasLayout and contain floats.















 */































.clearfix {















 *zoom: 1;















}















* {















	-webkit-box-sizing: border-box;















	-moz-box-sizing: border-box;















	box-sizing: border-box;















}















*:before, *:after {















	-webkit-box-sizing: border-box;















	-moz-box-sizing: border-box;















	box-sizing: border-box;















}















.span10 {















	width: 10%;















	float: left;















	position: relative;















}















.span15 {















	width: 15%;















	float: left;















	position: relative;















}















.span20 {















	width: 20%;















	float: left;















	position: relative;















}















.span25 {















	width: 25%;















	float: left;















	position: relative;















}















.span30 {















	width: 33.333%;















	float: left;















	position: relative;















}















.span32 {















	width: 32%;















	float: left;















	position: relative;















}















.span33 {















	width: 34%;















	float: left;















	position: relative;















}















.span35 {















	width: 35%;















	float: left;















	position: relative;















}















.span40 {















	width: 40%;















	float: left;















	position: relative;















}















.span45 {















	width: 45%;















	float: left;















	position: relative;















}















.span50 {















	width: 50%;















	float: left;















	position: relative;















}















.span55 {















	width: 55%;















	float: left;















	position: relative;















}















.span60 {















	width: 60%;















	float: left;















	position: relative;















}















.span65 {















	width: 65%;















	float: left;















	position: relative;















}















/*******Edit 21.11.13*********/















.span66 {















	width: 66%;















	float: left;















	position: relative;















}















/*******Edit 21.11.13*********/















.span70 {















	width: 70%;















	float: left;















	position: relative;















}















.span75 {















	width: 75%;















	float: left;















	position: relative;















}















.span80 {















	width: 80%;















	float: left;















	position: relative;















}















.span85 {















	width: 85%;















	float: left;















	position: relative;















}















.span90 {















	width: 90%;















	float: left;















	position: relative;















}















.span95 {















	width: 95%;















	float: left;















	position: relative;















}















.span100 {















	width: 100%;















	float: left;















	position: relative;















}















.container {















	max-width: 1000px;















	margin: 0 auto;















	width: 100%;















}















.displayTab {















	display: none;















}















.displayMobile {















	display: none;















}















/******************************DD*******************************/















.borderRadius {















	-webkit-border-radius: 5px;















	border-radius: 5px;















}















.borderRadiusTp {















	-webkit-border-radius: 5px 5px 0 0;















	border-radius: 5px 5px 0 0;















}















.borderRadiusBtm {















	-webkit-border-radius: 0 0 5px 5px;















	border-radius: 0 0 5px 5px;















}















.ddcommon {















	position: relative;















	display: -moz-inline-stack;















	zoom: 1;















	display: inline-block;















*display:inline;















	cursor: default;















}















.ddcommon ul {















	padding: 0;















	margin: 0;















}















.ddcommon ul li {















	list-style-type: none;















}















.borderRadiusTp ul li:last-child {















	-webkit-border-radius: 0 0 5px 5px;















	border-radius: 0 0 5px 5px;















	border-bottom: 0 none #c3c3c3;















}















.borderRadiusBtm ul li:first-child {















	-webkit-border-radius: 5px 5px 0 0;















	border-radius: 5px 5px 0 0;















	border-bottom: 1 solid #c3c3c3;















}















.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll {















	opacity: .5; /* standard: ff gt 1.5, opera, safari */















	-ms-filter: "alpha(opacity=50)"; /* ie 8 */















	filter: alpha(opacity=50); /* ie lt 7 */















	-khtml-opacity: .5; /* safari 1.x */















	-moz-opacity: .5; /* ff lt 1.5, netscape */















	color: #999999;















}















.ddcommon .clear {















	clear: both















}















.ddcommon .shadow {















	-moz-box-shadow: 5px 5px 5px -5px #888888;















	-webkit-box-shadow: 5px 5px 5px -5px #888888;















	box-shadow: 5px 5px 5px -5px #888888;















}















.ddcommon input.text {















	color: #7e7e7e;















	padding: 0 0 0 0;















	position: absolute;















	background: #fff;















	display: block;















	width: 98%;















	height: 98%;















	left: 2px;















	top: 0;















	border: none;















}















.ddOutOfVision {















	position: relative;















	display: -moz-inline-stack;















	display: inline-block;















	zoom: 1;















*display:inline;















}















.borderRadius .shadow {















	-moz-box-shadow: 5px 5px 5px -5px #888888;















	-webkit-box-shadow: 5px 5px 5px -5px #888888;















	box-shadow: 5px 5px 5px -5px #888888;















}















.borderRadiusBtm .shadow {















	-moz-box-shadow: -5px -5px 5px -5px #888888;















	-webkit-box-shadow: -5px -5px 5px -5px #888888;















	box-shadow: -5px -5px 5px -5px #888888















}















.borderRadiusTp .border, .borderRadius .border {















	-webkit-border-radius: 0 0 5px 5px;















	border-radius: 0 0 5px 5px;















}















.borderRadiusBtm .border {















	-webkit-border-radius: 5px 5px 0 0;















	border-radius: 5px 5px 0 0;















}















img.fnone {















	float: none !important















}















.ddcommon .divider {















	width: 0;















	height: 100%;















	position: absolute;















}















.ddcommon .arrow {















	display: inline-block;















	position: absolute;















	top: 50%;















	right: -1px;















}















.ddcommon .arrow:hover {















	background-position: 0 100%;















}















.ddcommon .ddTitle {















	padding: 0;















	position: relative;















	display: inline-block;















	width: 100%















}















.ddcommon .ddTitle .ddTitleText {















	display: block;















}















.ddcommon .ddTitle .ddTitleText .ddTitleText {















	padding: 0;















}















.ddcommon .ddTitle .description {















	display: block;















}















.ddcommon .ddTitle .ddTitleText img {















	position: relative;















	vertical-align: middle;















	float: left















}















.ddcommon .ddChild {















	position: absolute;















	display: none;















	width: 100%;















	overflow-y: auto;















	overflow-x: hidden;















	zoom: 1;















	z-index: 9999















}















.ddcommon .ddChild li {















	clear: both;















}















.ddcommon .ddChild li .description {















	display: block;















}















.ddcommon .ddChild li img {















	border: 0 none;















	position: relative;















	vertical-align: middle;















	float: left















}















.ddcommon .ddChild li.optgroup {















	padding: 0;















}















.ddcommon .ddChild li.optgroup .optgroupTitle {















	padding: 0 5px;















	font-weight: bold;















	font-style: italic















}















.ddcommon .ddChild li.optgroup ul li {















	padding: 5px 5px 5px 15px















}















.ddcommon .noBorderTop {















	border-top: none 0 !important;















	padding: 0;















	margin: 0;















}















/*************** default theme **********************/















.dd {















	-webkit-box-shadow: inset 0 1px 1px 0 #f8f8f8;















	box-shadow: inset 0 1px 1px 0 #f8f8f8;















	border: 1px solid #a9a9a9;















	cursor: pointer;















	background: #dedede; /* Old browsers */















	background: -moz-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* FF3.6+ */















	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #b5b5b5)); /* Chrome,Safari4+ */















	background: -webkit-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* Chrome10+,Safari5.1+ */















	background: -o-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* Opera 11.10+ */















	background: -ms-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* IE10+ */















	background: linear-gradient(to bottom, #dedede 0%, #b5b5b5 100%); /* W3C */















filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b5b5b5', GradientType=0 ); /* IE6-9 */















}















.dd .divider {















	background: url(../images/select-divider.png) no-repeat;















	width: 2px;















	height: 43px;















	position: absolute;















	right: 24px;















	bottom: 1px;















}















.dd .arrow {















	width: 9px;















	height: 6px;















	margin: -2px 0 0 0;















	background: url(../images/select-arrow.png) no-repeat;















	cursor: pointer;















	right: 8px;















}















.dd .arrow:hover {















}















.dd .ddTitle {















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















	font-size: 16px;















	color: #454545;















}















.dd .ddTitle .ddTitleText {















	padding: 15px 28px 15px 10px;















	text-align: center;















}















.dd .ddTitle .ddTitleText .ddTitleText {















	padding: 0;















}















.dd .ddTitle .description {















	font-size: 12px;















	color: #666;















}















.dd .ddTitle .ddTitleText img {















	padding-right: 5px;















}















.dd .ddChild {















	border: 1px solid #a9a9a9;















	left: -1px;















	box-shadow: none;















}















.dd .ddChild li {















	padding: 0.429em;















	background-color: #f3f3f3;















	border-bottom: 1px solid #c3c3c3;















	cursor: pointer;















}















.dd .ddChild li .description {















	color: #666;















}















.dd .ddChild li .ddlabel {















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















	font-size: 14px;















}















/*.ddlabel span{font-size:12px; font-family: 'HelveticaLightLight';}*/















.dd .ddChild li.hover {















	background-color: #fff















}















.dd .ddChild li img {















	padding: 0 6px 0 0;















}















.dd .ddChild li.optgroup {















	padding: 0;















}















.dd .ddChild li.optgroup .optgroupTitle {















	padding: 0 5px;















	font-weight: bold;















	font-style: italic















}















.dd .ddChild li.optgroup ul li {















	padding: 5px 5px 5px 15px















}















.dd .ddChild li.selected {















	background-color: #d8d8d8;















	color: #3f3f3f;















}















.errorSelect .dd {















	border: 0.071em solid #ff0000;















}















/*.select02 .dd{background:#e4e4e4; -webkit-box-shadow: none; box-shadow: none; border:1px solid #a4a4a4; }















.select02 .dd .arrow{width:31px;height:27px; margin:-14px 0 0 0; background:url(../images/selectbox-arrow2.png) no-repeat;}















.select02 .dd .ddTitle{font-family: 'HelveticaRegular';}















.select02 .dd .ddTitle .ddTitleText{padding:5px 32px 4px 5px;}















.select02 .dd .ddChild li .ddlabel{font-family: 'HelveticaRegular';}















.select02 .dd .ddChild{border:1px solid #a4a4a4;}















*/















/******************************DD end*******************************/































/***********************Page Style*****************/















/*transition:All .3s ease; -webkit-transition:All .3s ease; -moz-transition:All .3s ease;































.fixed-menu{















  animation: animationFrames linear .3s;















  animation-iteration-count: 1;















  transform-origin: 50% 50%;















  -webkit-animation: animationFrames linear .3s;















  -webkit-animation-iteration-count: 1;















  -webkit-transform-origin: 50% 50%;















  -moz-animation: animationFrames linear .3s;















  -moz-animation-iteration-count: 1;















  -moz-transform-origin: 50% 50%;















  -o-animation: animationFrames linear .3s;















  -o-animation-iteration-count: 1;















  -o-transform-origin: 50% 50%;















  -ms-animation: animationFrames linear .3s;















  -ms-animation-iteration-count: 1;















  -ms-transform-origin: 50% 50%;















}































@keyframes animationFrames{















  0% {















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















  }















  100% {















    transform:  translate(0px,0px)  ;















  }















}















































@-webkit-keyframes animationFrames {















  0% {















    -webkit-transform:  translate(0px,-80px)  ;















  }















  100% {















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















  }















}































@-ms-keyframes animationFrames {















  0% {















    -ms-transform:  translate(0px,-80px)  ;















  }















  100% {















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















  }















}















*/































.container{max-width:1182px; margin:0 auto; padding:0; position:relative;}















.content_part{ width:1034px; margin:0px auto; padding:0px;}











.nav_bg{}



.nav-main-container{ padding:0;}







.brand{float:left; margin:0; padding:0;}







.brand strong{font-size:0; text-indent:-999999px; position:absolute; left:-999999px; top:-999999px;}







.nav-part{float:left; padding:0; position:relative; z-index:999; width:100%; background:transparent;}



.main-menu>li.first{ color:#000000;}







.mobile-menu{display:none; float:right; border:1px solid #1f9e4e; width:40px; padding:5px 5px 0; -webkit-border-radius: 5px; border-radius: 5px; margin:25px 0 6px;}







.mobile-menu.active{background:#e5f8ec;}







.mobile-menu span{width:100%; height:3px; display:block; background:#1f9e4e; margin-bottom:5px;}







.main-menu{margin:0; padding:0;}







.main-menu:after, .main-menu:before{content:""; display:table; clear:both;}







.main-menu>li{ float:left; display:block; font-size:22px; font-family: myrobotoblack; text-transform:uppercase; font-weight:400; padding:0; margin:0; position:relative;



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9e4e', endColorstr='#167238',GradientType=0 ); /* IE6-9 */







}







.main-menu>li>a{display:block; color:#000; margin:0 0 0 -2px; padding: 10px 18px; font-size:16px; font-family: Arial, Helvetica, sans-serif; }







.main-menu>li.last>a{background:none;}







.main-menu>li:hover>a,







.main-menu>li.active>a{ color:#fff; background-color:#000;}







.main-menu>li.first:hover>a,







.main-menu>li.first.active>a{padding:12px 18px; color:#fff; background-color:#000;}







.main-menu li ul{position:absolute; left:0; top:100%; padding:0; margin:0; min-width:165px; display:none;}







.main-menu li ul li{display:block; font-size:15px; line-height:18px; text-align:left; text-transform:none; font-weight:normal;font-family: Arial, Helvetica, sans-serif;}







.main-menu li ul li a{display:block; padding:6px 10px; color:#605b5c; background: rgba(255, 255, 255, 0.8); transition:All .3s ease; -webkit-transition:All .3s ease; -moz-transition:All .3s ease;}







.main-menu li ul li a:hover,







.main-menu li ul li.active a{ background: #197aad;}











.mobile-menu {



  display: none;



  float: right;



  border: 1px solid #1f9e4e;



  width: 40px;



  padding: 5px 5px 0;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  margin: 25px 0 6px;



}











.nav-main-container{ padding:0;}







.brand{float:left; margin:0; padding:0;}







.brand strong{font-size:0; text-indent:-999999px; position:absolute; left:-999999px; top:-999999px;}







.nav-part{float:left; padding:0; position:relative; z-index:999;}



.main-menu>li.first{ color:#000000;}







.mobile-menu{display:none; float:right; border:1px solid #1f9e4e; width:40px; padding:5px 5px 0; -webkit-border-radius: 5px; border-radius: 5px; margin:10px 0 6px;}







.main-menu>li>a.active{background:#000 !important; color:#fff !important;}







.mobile-menu span{width:100%; height:3px; display:block; background:#1f9e4e; margin-bottom:5px;}







.main-menu{margin:0; padding:0;}







.main-menu:after, .main-menu:before{content:""; display:table; clear:both;}







<!--...............................................index..........................................................-->



.ll{}



.my_logo{ float:left; text-align:left; width:30%; float:left;}



.my_menubar{ width:70%; float:left; margin-top:20px; padding-left:5%;}





.mytop_bar{  border-top:0px dotted #000; border-bottom:0px dotted #000; padding:10px 0; overflow:show;}



.top_barr{ padding-top:60px;}



.banner_middle{ background-image:url(../images/ban_bg.png); background-repeat:no-repeat; padding:5px 0; font-family: mygleego, Arial, sans-serif; font-size:36px; color:#fff; background-position:center; text-align:center; margin-top:175px !important; margin-bottom:140px !important; margin:0px auto; width:500px;}



.images_block{ margin-top:20px; z-index:9999; position:relative;}



.imageblock_left{ width:25%; float:left; text-align:right;}

.imageblock_left img:hover{opacity: 0.8;

    filter: alpha(opacity=70);}



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



.imageblock_center img:hover{opacity: 0.8;

    filter: alpha(opacity=70);}



.imageblock_right{ width:25%; float:left; text-align:left;}



.imageblock_right  img:hover{opacity: 0.8;

    filter: alpha(opacity=70);}



.welcome_part{ background-color:#000; margin-top:-15px; padding:30px 0 50px; z-index:999; position:relative; right:0; left:0;}



.wel_left{ width:30%; float:left; height:1px ; border-bottom:1px solid #fff; padding-top:60px;}



.wel_area{ width:40%; float:left;}



.welcome_text{ text-align:center; font-family: mylobstar; color:#36adad; font-size:62px; padding-top:10px;}



.after_welcome{ color:#fff; text-align:center; font-size:16px; font-family: mygleego; letter-spacing:8px; text-transform:uppercase; padding-top:10px;}



.after_welcome_text{ color:#83a4a4; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; text-align:center; padding-top:30px; width:80%; margin:0px auto;}







.my_footer{ background-color:#000f0f; padding:10px 0; overflow:hidden;}



.my_footer_allpart{ padding:15px 0;}



.my_footer_logo{ width:20%; float:left}







.my_footer_menu{ width:28%; padding-left:2%; float:left; padding-top:20px;}



.my_footer_menu ul{ margin:0px auto; padding:0px;}



.my_footer_menu ul li{ list-style:none; display:inline; padding-left:7px;}



.my_footer_menu ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#83a4a4; text-decoration:none;}



.my_footer_menu ul li a:hover{ color:#fff;}







.my_footer_addressarea{ float:left; width:35%; padding-top:10px; }



.my_footer_address{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#83a4a4; text-align:right; padding-top:3px;}



.my_footer_address a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#83a4a4; text-decoration:none;}



.my_footer_address a:hover{ color:#fff;}







.my_footer_social{ width:15%; float:left; padding-top:10px;}



.my_footer_social ul{ margin:0px auto; padding:0px;}



.my_footer_social ul li{ list-style:none; display:inline;}







<!--.....................................................................about........................................................................-->



.lll{}



.others_bg{ background-image:url(../images/others.jpg); background-position:top; background-repeat:no-repeat;}



.banner_others{ background-image:url(../images/ban_bg.png); background-repeat:no-repeat; padding:5px 0px ; font-family:mygleego, Arial, Helvetica, sans-serif; font-size:36px; color:#fff; background-position:center; text-align:center; margin-top:15px !important; margin-bottom:18px; width: 500px; margin: 0px auto;}



.page_area{ background-color:#000; margin-top:-10px;}



.about_manu{border-bottom:1px solid #313131; padding-top:30px; padding-bottom: 10px;}



.inner_page{ width:80%; margin:0px auto;}



.about_top_menu{  text-align:center;}



.about_top_menu ul{ margin:0px auto; padding:0px;}



.about_top_menu ul li{ font-size:14px; color:#bcbcbc; font-family: mygleego; letter-spacing:1px; text-transform:uppercase; padding:10px 20px; border-right:1px solid #313131; list-style:none; display:inline;}



.about_top_menu ul li a{ font-size:14px; color:#bcbcbc; font-family: mygleego; letter-spacing:1px; text-transform:uppercase; text-decoration:none;}







.sec_header{color:#fff; text-align:center; font-size:16px; font-family: mygleego; letter-spacing:8px; text-transform:uppercase; padding-top:10px;}



.sec_text{color:#83a4a4; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; text-align:center; padding-top:20px;}



.sec_img{ padding:20px 0; margin:0px auto; text-align:center;}



.padd{ height:30px;}



.sec_part{ width:25%; float:left; padding-right:20px; padding-top:15px;}



.sec_part_header{ font-family: mygleego; font-size:16px; color:#017185; text-transform:uppercase; padding-bottom:7px; text-align:left;}



.sec_part_subheader{ font-family: mygleego; font-size:12px; color:#cecece; padding-bottom:5px; text-align:left; border-bottom:1px dashed #cecece;}



.sec_part_gen{ color:#83a4a4; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 10px; line-height:20px; text-align:left;}



.sec_part_logos{ margin:0px auto; padding:0px; }



.sec_part_logos ul{ margin:0px auto; padding:0px; }



.sec_part_logos ul li{ display:inline; list-style:none; padding: 3px; }



<!--.....................................................................services........................................................................-->



.lll{}



.service_part{ width:100%; padding-bottom:10px; border-bottom:1px solid #333333; padding-top:10px;}



.service_partheader{font-family: mygleego;font-size: 18px;color: #017185;text-transform: uppercase;padding-bottom: 7px;text-align: left;}



.service_parttext{color: #83a4a4;font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding: 5px 0 0px;line-height: 20px;text-align: left;}

.service_parttext a{color: #017185;}
.service_parttext a:hover{color: #FFFFFF;}

.top_scroll{ display:block; position:fixed; bottom:0; right:0; opacity:0.5; z-index: 9999;}

.mail_link{ text-align:ce; padding:10px 0;}

.mail_link a{color: #83a4a4;  font-family: Arial, Helvetica, sans-serif;  font-size: 14px;  line-height: 22px; text-decoration:underline;}

.mail_link a:hover{color: #fff; }



.myform_area{ width:50%; margin:0px auto; padding:30px 0;}

.myform_image{ width:45%; padding-left:5%; float:right; padding-top:60px;}

.myform_text{ padding:10px 0; font-family: mygleego;  font-size: 16px;  color: #017185; text-align:left;}

.myform_field{ clear:both; padding:5px 0;}

.form_beh{ width:100%; border-radius:5px;}

.form_sub{ clear:both; padding:5px 0;}

.butt_sub{ background-color:#fff;color: #017185; font-family: mygleego;  font-size: 18px; border-radius:5px;}

/**



 * --------------------------------------------------------------



 * Accordian Section



 * --------------------------------------------------------------



 */



.container_demo{



			max-width: 900px;



			margin: 30px auto 100px;



		}



.smk_accordion {



  position: relative;



  margin: 0;



  padding: 0;



  list-style: none;



  margin-bottom: 20px;



  padding-top: 20px;



}







.smk_accordion .accordion_in {



  border: 1px solid #ccc;



  position: relative;



  z-index: 10;



  margin-top: -1px;



  overflow: hidden;



}



/**



 * --------------------------------------------------------------



 * Head



 * --------------------------------------------------------------



 */



.smk_accordion .accordion_in .acc_head {



  position: relative;



  background: #FDFDFD;



  padding: 10px;



  font-size: 14px;



  display: block;



  cursor: pointer;



}



.smk_accordion .accordion_in .acc_head .acc_icon_expand {



  display: block;



  width: 18px;



  height: 18px;



  position: absolute;



  left: 10px;



  top: 50%;



  margin-top: -9px;



  background: url(../images/plusminus.png) center 0;



}



/**



 * --------------------------------------------------------------



 * Content



 * --------------------------------------------------------------



 */



.smk_accordion .accordion_in .acc_content {



  background: #F9F9F9;



  color: #7B7E85;



  padding: 3px 10px;



}



.smk_accordion .accordion_in .acc_content h1:first-of-type,



.smk_accordion .accordion_in .acc_content h2:first-of-type,



.smk_accordion .accordion_in .acc_content h3:first-of-type,



.smk_accordion .accordion_in .acc_content h4:first-of-type,



.smk_accordion .accordion_in .acc_content h5:first-of-type,



.smk_accordion .accordion_in .acc_content h6:first-of-type {



  margin-top: 5px;



}



/**



 * --------------------------------------------------------------



 * General



 * --------------------------------------------------------------



 */



.smk_accordion .accordion_in:first-of-type,



.smk_accordion .accordion_in:first-of-type .acc_head {



  border-radius: 3px 3px 0 0;



}



.smk_accordion .accordion_in:last-of-type,



.smk_accordion .accordion_in:last-of-type .acc_content {



  border-radius: 0 0 3px 3px;



}



.smk_accordion .accordion_in.acc_active > .acc_content {



  display: block;



}



.smk_accordion .accordion_in.acc_active > .acc_head {



  background: #F9F9F9;



}



.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {



  background: url(../images/plusminus.png) center -18px;



}



.smk_accordion.acc_with_icon .accordion_in .acc_head,



.smk_accordion.acc_with_icon .accordion_in .acc_content {



  padding-left: 40px;



    padding-left: 40px;



  text-align: left;



  font-size: 14px;



  font-family: myrobotoreg;



    color: #197aad;



}







.top_searchform{ width:300px; float:right; margin-top: -40px; margin-bottom: 20px; clear:both;}	



.flexsearch--form {overflow: hidden; position: relative;}	



.flexsearch--input-wrapper {padding: 0 66px 0 0; overflow: hidden;}



.flexsearch--input {  width: 100%;}



.flexsearch--input {  -webkit-box-sizing: content-box;	-moz-box-sizing: content-box;	box-sizing: content-box; 	height: 35px;  padding: 0 46px 0 10px;	border-color: #888;  border-radius: 35px;  border-style: solid;	border-width: 1px;  margin-top: 15px;  color: #333;  font-family: 'Helvetica', sans-serif;	font-size: 16px;	-webkit-appearance: none;	-moz-appearance: none;}



.flexsearch--submit {  position: absolute;	right: 0;	top: 0;	display: block;	width: 60px; height: 60px;  padding: 0;  border: none; margin-top: 5px; margin-right: 5px; background: transparent; color: #888; font-family: 'Helvetica', sans-serif;  font-size: 30px;  line-height: 60px;}



.flexsearch--input:focus {  outline: none;  border-color: #333;}



.flexsearch--input:focus.flexsearch--submit { 	color: #333; }



.flexsearch--submit:hover {  color: #333;  cursor: pointer;}



::-webkit-input-placeholder {color: #888;  }



input:-moz-placeholder {  color: #888 }







.search_list{ padding-top:20px;}



.search_list ul{ padding:0; margin:0;}



.search_list ul li{ list-style:none; text-align:left; margin-top:10px;}



.search_list ul li a{ padding:5px 10px; background-color:#F2F2F2; font-size:16px; display:block;}



.search_list ul li a:hover{ background-color:#197aad; color:#FFFFFF;}



.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }



	* html .cf { zoom: 1; }



	*:first-child+html .cf { zoom: 1; }







	code { padding: 0 .5em; background: #fff2b2; }	



	.rt { width: 100%; font-size: 0.75em;/*12*/ line-height: 1.25em;/*15*/ border-collapse: collapse; border-spacing: 0; text-align:center; }







	.rt th,



	.rt td { margin: 0; padding: 0.4166em;/*10*/ vertical-align: top; border: 1px solid #babcbf; background: #fff; height: 45px; width:auto; float:none; text-transform: none; vertical-align:middle; color:#000;  }



	.rt th { background: #fff2b2; font-family: myrobotoReg; font-size: 14px; text-align: center; line-height: 20px; color: #197aad; }



	.sc_table_title{ font-size:20px; padding-top:30px; padding-bottom:10px; color:#000000;}



	.vessel_info{ font-size:16px; font-family: myrobotoReg; color:#000000; width:29%; margin:2%; float:left; text-align:left;}



	.vessel_info ul{ padding:0; margin:0; color:#197aad; font-size:14px; padding-top: 20px;}



	.vessel_info ul li{ list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; text-align:left;   padding-top: 5px;}







	@media only screen and (max-width: 40em) { /*640*/







		#rt1 { display: block; position: relative; width: 100%; }



		#rt1 thead { display: block; float: left; }



		#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }



		#rt1 thead tr { display: block; }



		#rt1 th { display: block; }



		#rt1 tbody tr { display: inline-block; vertical-align: top; }



		#rt1 td { display: block; min-height: 1.25em; }







		#rt2 { display: block; position: relative; width: 100%; }



		#rt2 thead { display: block; float: left; }



		#rt2 tbody { display: -webkit-box; overflow-x: auto; }



		#rt2 th,



		#rt2 tr,



		#rt2 td { display: block; }







		/* sort out borders */







		.rt th { border-bottom: 0; }



		.rt td { border-left: 0; border-right: 0; border-bottom: 0; }



		.rt tbody tr { border-right: 1px solid #babcbf; }



		.rt th:last-child,



		.rt td:last-child { border-bottom: 1px solid #babcbf; }







	}







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



 .container{ width:96%; margin:0px auto; }



.cb-slideshow li span {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: none;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;-webkit-animation: imageAnimation 36s linear infinite 0s;-moz-animation: imageAnimation 36s linear infinite 0s;



-o-animation: imageAnimation 36s linear infinite 0s;-ms-animation: imageAnimation 36s linear infinite 0s;animation: imageAnimation 36s linear infinite 0s; /*height: 500px !important;*/}



.banner_middle {background-image: url(../images/ban_bg.png);background-repeat: no-repeat;padding: 5px;font-family:mygleego, Arial, Helvetica, sans-serif;font-size: 36px;color: #fff;background-position:center;text-align: center;margin-top: 100px;margin-bottom: 64px; width: 450px; }



.my_footer_logo {width: 50%;float: left; height:50px;}



.my_footer_menu {width: 50%;padding-left: 2%;float: left;padding-top: 20px; height:50px;}



.my_footer_addressarea {float: left;width: 50%;padding-top: 10px;}



.my_footer_social {width: 50%;float: left;padding-top: 10px;}



.banner_others{ margin-bottom:0px; font-size: 30px; width: 375px;}



.about_top_menu ul li{ padding:10px 2px;}



.about_top_menu ul li a{ letter-spacing:2px;}



.sec_part {width: 100%;float: left;padding-right: 0px;padding-top: 15px;}



}



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



 .container{ width:96%; margin:0px auto; }



 .cb-slideshow li span{ /*height:470px !important;*/}



 .welcome_text {text-align: center;font-family: mylobstar;color: #fff;font-size: 45px;padding-top: 10px;}



 .nav-main-container {padding: 0 1%;background:none !important;}



 .mytop_bar{ border:none; overflow:visible;}



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



.my_footer_menu {width: 100%;padding-left: 2%;float: left;padding-top: 20px; }



.my_footer_addressarea {float: left;width: 100%;padding-top: 10px;}



.my_footer_social {width: 100%;float: left;padding-top: 10px;}



.my_footer_address {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #83a4a4;text-align: center;padding-top: 3px;}



.banner_middle {background-image: url(../images/ban_bg.png);background-repeat: no-repeat;;font-size: 36px;color: #fff;background-position: center;text-align: center;margin-top: 112px ;margin-bottom: 64px ;}



.about_top_menu ul li a {font-size: 11px;}



.banner_others {margin-bottom: 0px;font-size: 30px;width: 362px;}



}







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



 .container{ width:96%; margin:0px auto; }



.banner_middle {background-image: url(../images/ban_bg.png);background-repeat: no-repeat;font-size: 23px;color: #fff;background-position: center;text-align: center;margin-top: 124px !important;margin-bottom: 76px !important; width: 290px;}



 .welcome_text {text-align: center;font-family: mylobstar;color: #fff;font-size: 35px;padding-top: 10px;}



 .wel_left {width: 20%;float: left;height: 1px;border-bottom: 1px solid #fff;padding-top: 35px;}



 .wel_area {width: 60%;float: left;}



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



.my_footer_menu {width: 100%;padding-left: 2%;float: left;padding-top: 20px; }



.my_footer_addressarea {float: left;width: 100%;padding-top: 10px;}



.my_footer_social {width: 100%;float: left;padding-top: 10px;}



.my_footer_address {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #83a4a4;text-align: center;padding-top: 3px;}



.banner_others {margin-bottom: 0px;font-size: 20px; width: 100%;}



}

.img-circle
{

	 align-items: left;
    padding-right: -59px;
    border-bottom: 1px solid #e1e1e1;
    margin: 0px;
    border-radius: 50% !important;
    height: 100px;
    width: 100px;
}
.clearfix {
       padding-top: 15px;
    margin-bottom: 30px;
}