/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Custom CSS Code 
=================================================*/

/* this logo width & height , you can change it depend on your logo */
.logo {margin: 0; padding: 0;}
.logo img {
	height: 100px;
	/*height: 84px;*/
}
.phone-mail {padding: 5px 0;}
.headerlogin:before,.headerlogout:before {
	display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
	padding-top: 2px;
	padding-right: 5px;
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    speak: none;
}
	.headerlogin:before {content: "\f090";}
	.headerlogout:before {content: "\f08b";}

body.pagebody {background: url(bg/fabric.jpg) repeat;}

.main-content p a,.main-content li a,.main-content td a {color: #378ac4;}
.main-content p a:hover,.main-content li a:hover {color: #5a5c5d;}
a.button.color {color: white;}
a.button.color:hover {color: white;}

/*.container {padding: 0 30px;}*/

h1 {font-size: 36px; line-height: 40px; margin-bottom: 14px;}
	.page-title h1 {font-size: 46px; line-height: 50px;}
	h1.subtitle {font-size: 28px; line-height: 40px; margin-top: 0;}
	/*h1.moduletitle {display: none;}*/
h2 {font-size: 28px; line-height: 40px; margin-top: 20px; margin-bottom: 10px;}
	h2.subtitle {font-size: 23px; line-height: 34px; margin-top: 0;}
h3 {font-size: 23px; line-height: 34px; margin-top: 15px; margin-bottom: 8px;}
h4 {font-size: 19px; line-height: 30px; margin-bottom: 4px;}
h5 {font-size: 16px; line-height: 24px;}
h6 {font-size: 14px; line-height: 21px;}

p {margin: 12px 0;}
b {font-weight: bold;}
i {font-style: italic;}
span {line-height: 18px;}

.small {font-size: 90%; line-height: 90%;}
.large {font-size: 112%; line-height: 110%;}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left  {text-align: left;}
.text-indent-1 {margin-left: 25px;}
.text-indent-2 {margin-left: 50px;}
.text-indent-3 {margin-left: 75px;}
.font-xsmall {font-size: 80%;}
.font-small {font-size: 90%;}
.font-normal {font-size: 100%;}
.font-large {font-size: 110%;}
.font-xlarge {font-size: 120%;}

.page-title {margin-bottom: 20px; padding: 28px 0 20px;}
.breadcrumbs {margin: 0; padding: 0; border: 0; color: white;}
	.breadcrumbs a {color: white;}
	.breadcrumbs a:hover {color: white;}
	.breadcrumbs a.altfile {color: #378ac4;}
	.breadcrumbs a.altfile:hover {color: #378ac4;}
/*.main-content .flex-container ul {list-style: inherit;}
.main-content .flex-container li {display: inherit; list-style: inherit; margin: inherit; line-height: inherit;}
.main-content .flex-container li {margin-bottom: inherit;}*/
.main-content .htmlmodule ul,.main-content  #ctl00_mainContent_ctl00_Event ul {list-style: disc; list-style-type: disc;}
.main-content .htmlmodule li,.main-content  #ctl00_mainContent_ctl00_Event li {display: list-item; list-style: disc; margin: 0 0 8px 40px; line-height: 20px;}
.main-content .htmlmodule .list li {list-style: none; margin: 0;}
.main-content .htmlmodule .mojo-tabs .ui-tabs-panel li {list-style-type: disc !important;}
.main-content .htmlmodule ul.ui-tabs-nav > li {display: list-item; list-style: none; margin: 0; line-height: 100%;}
.main-content .htmlmodule  p:first-of-type,.main-content .htmlmodule  h2:first-of-type,.main-content .htmlmodule  h3:first-of-type {margin-top: 0;}

.top {margin-top: 0;}
.bottom {margin-bottom: 0;}
.topbot {margin-top: 0; margin-bottom: 0;}

.lowercase,.lowercase a {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}

.event {margin-top: 10px; font-size: 12pt; text-align: left;}
	.event h2 {margin: 0;}
	.event p {margin: 0;}

.sidebar  {padding: 15px 0; background: #f9f9f9; font-size: 90%;}
.quick-block {padding: 0 4px;}
.sidebar h1 {margin: 0; padding: 5px 15px; font-size: 22px; line-height: 26px;}
.sidebar p {margin: 0; padding: 5px 15px;}
.sidebar ul {margin: 0; padding: 0 15px; list-style: none;}
.sidebar .cleared {margin-bottom: 15px;}
.main-content .sidebar .htmlmodule li {list-style: none; margin: 0; padding: 0;}
.main-content .sidebar .htmlmodule li li {margin: -3px 0 5px 0; line-height: 90%;}

.draft {position: absolute; top: 20px; right: 0; padding: 10px; border: 1px solid red; color: red; font-size: 24px; font-weight: bold; text-transform: uppercase; transform: rotate(20deg);}

.presenter-right {
	float: right;
	margin: 0 0 10px 10px;
}
.presenter-left {
	float: left;
	margin: 0 10px 10px 0;
}

table.style td, table.style th {text-align: left;}
	table.style thead th {background-color: #378ac4; color: white; font-size: 110%; font-weight: bold;}
	table.style thead td {background-color: #F9F9F9;}
	table.style td p,table.style th p {margin-bottom: 0;}
	table.style td ul li {margin-left: 15px!important;}
	
	table.style.dark thead td {background-color: #C0C0C0;}
	table.style.dark td,table.style.dark th {border-color: #4b4c4d;}

header.style-2 .top-bar {padding: 5px 0;}

/*Menu*/
.navigation ul li ul {top: 107px  !important;/*top: 91px  !important;*/}
.navigation ul li a {padding: 46px 15px 41px;/*padding: 38px 15px 33px;*/}

/*Mega Menu*/
/*li.megamenu + ul {width: 600px; background-color: orange;}
li a.megaMenu + ul li a.megaMenuHeading  { 
	width: 200px !important;
	margin: 0 20px 0 0 !important;
}

li a.megaMenu + ul li a.megaMenuHeading + ul  { 
	width: 200px; 
	margin: 0 !important;
	padding: 0;

}

li a.megaMenu + ul li a.megaMenuHeading + ul li a  { 
	width: 200px; 
}

li a.megaMenu + ul li a { 
	text-align: left !important; 
	padding: 10px 0 0 0 !important; 
}

li a.megaMenu + ul li.AspNet-Menu-Leaf { 
	margin: 0; 
	padding: 0; 
	width: 220px;
}

li a.megaMenu + ul li.AspNet-Menu-Leaf a  {
    font-size: .9em; 
    color: #333; 
    width: 100%; 
    text-decoration: underline; 
}*/

/*Sponsors*/
#sponsor-logos {margin: 0; padding: 0;}
#sponsor-logos ul {margin: 0; padding: 0; clear: both;}
#sponsor-logos li {
	list-style: none;
	float: left;
	width: 150px;
	height: 80px;
	line-height: 80px;
	/*width: 120px;
	height: 60px;
	line-height: 60px;*/
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #d8e5ef;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#sponsor-logos li:hover {border-color: #1064a2;}
#sponsor-logos li img {vertical-align: middle; text-align: center;}

.navigation ul li.background111d a {text-transform: none;}

/*Comments*/
.comment {
    display: inline-block;
	margin-bottom: 5px;
	padding: 13px;
    border: none;
    width: 45%;
    margin-right: 2px;
	border-radius: 2px;
	background: #454546;
	color: #c2c2c2;
	font-size: 16px;
	font-family: 'RobotoCondensed', Arial, sans-serif;
}
.comment-full {
	width: 95%;
}

/* Flex Slider */
.flexslidernaseo {
	margin:0;
	padding:0;
	position:relative;
	zoom:1;
}
.flexslidernaseo .slides {
	zoom:1;
}
.flexslidernaseo .slides>li {
	display:none;
	position: relative;
	-webkit-backface-visibility:hidden;
}
.flexslidernaseo .slides img {
	display: block;
	max-width: 100%;
}
.slider-naseo {overflow: hidden; height: 480px;}
.slider-naseo .slides li .contain, .slider-naseo .loading {min-height: 380px;}
.slider-naseo .slides li p {line-height: 30px;}
.slider-naseo .loading {background: #4b4c4d url(../images/icons/loading.gif) no-repeat center center;}
.slider-naseo .button.medium {
	margin-right: 12px;
	padding: 17px 30px;
}
.slider-naseo .slides li h2, .slider-naseo .slides li p, .slider-naseo .slides li .links {
	position: absolute;
	width: 70%;
	padding: 0 15%;
}
.slider-naseo .slides li h2 { opacity: 0; }
.slider-naseo .slides li p { opacity: 0; }
.slider-naseo .slides li .links { opacity: 0; }
.slider-naseo .slides li h2 span {
    padding: 10px 20px;
    /*background: rgba(0, 0, 0, 0.5);*/
    line-height: 75px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.slider-naseo .slides li p span {
  background: none;
  padding: 0;
}
.slider-naseo .slides li .links a:hover {
	background: rgba(0, 0, 0, 0.5);
}
.slider-naseo .flex-direction-nav li a {
	height: 40px;
	padding: 8px 18px;
}

.slider-naseo .flex-direction-nav li .flex-next {
	position: absolute;
	right: -30px;
	opacity: 0; filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.slider-naseo:hover .flex-direction-nav li .flex-next {
	opacity:.9; filter: alpha(opacity=90);
	right: 0;
}

.slider-naseo .flex-direction-nav li .flex-prev{
	position: absolute;
	left: -30px;
	opacity:0; filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.slider-naseo:hover .flex-direction-nav li .flex-prev {
	opacity: .9; filter: alpha(opacity=90);
	left: 0;
}
.slider-naseo:hover .flex-control-nav {
	bottom: 18px;
}
.slider-naseo .slides li h2, .slider-naseo .slides li p {font-family: 'RobotoCondensed', Arial, sans-serif; color: #4b4c4d;}
.slider-naseo .slides li p {font-size: 18px; line-height: 22px; margin-top: 20px;}
.slider-naseo .flex-direction-nav li a {font-size: 41px;}
.slider-naseo .slides li h2 span {font-size: 42px;}
.slider-naseo .slides li .contain {text-align: center;}
.slider-naseo .container {width: 100%;}

.slider-1 {height: 478px;}
/*.slider-1 li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-right: -100%;
	opacity: 1;
	-webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease;
	z-index: 2;
}*/
.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width: 400px;
    min-width: 400px;
}
.slider-1 .showcaseimage {position: relative; width: 480px; height: 400px;}
.slider-1 .showcaseimage img {
	position: absolute; 
	top: 50%;
	left: 50%;
	width: auto; max-width: 480px;
	height: auto; max-height: 400px;
	text-align: right;
	vertical-align: middle;
	-ms-transform: translate(-50%,-50%); /* IE 9 */ -webkit-transform: translate(-50%,-50%); /* Safari */ transform: translate(-50%,-50%);
}

/*SEP Success*/
.flexslidernaseo .slides li p span {background: rgba(0, 0, 0, 0.498039); padding: 8px;}
.ssheader {background: #ffc000; float: left; margin-bottom: 20px;}
	.ssheadertext {float: left; width: 35%; height: 200px; margin-right: -40px; padding: 20px; position: relative;}
		.ssheadertext h2 {position: absolute; font-weight: bold; line-height: 32px; text-align: left; padding: 0;}
		.ssheadertext h2 .subtitle {font-size: 18pt; font-weight: normal;}
	.ssheaderimage {float: right; overflow: hidden; width: 65%; max-height: 240px;}
.boxes {clear: both; margin: 0 0 0 5%;}
.ssbox {float: left; width: 27.5%; margin: 0 5% 0 0; padding-bottom: 27.5%; background-size: contain; border: 3px solid #a6a6a6; position: relative;}
	.box1 {background: url(../../../images/sep-success/box1.png) no-repeat top left;}
	.box2 {background: url(../../../images/sep-success/box2.png) no-repeat top left;}
	.box3 {background: url(../../../images/sep-success/box3.png) no-repeat top left; margin: 0;}
.ssbox .inner {padding: 15px 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 15pt; line-height: 24pt; overflow: hidden;}
	.ssbox .inner b {color: #378ac4; font-size: 24pt; line-height: 28pt;}

.slider-naseo .lislide {padding-top: 100px;}
.slider-naseo .ssbox {float: none; position: absolute; width: 25%; padding-bottom: 25%; background-color: white; background-size: contain; margin: 0; border: none; border-radius: 3px; text-align: left;}
.slider-naseo .box1,.slider-naseo .box2,.slider-naseo .box3 {background: none; background: rgba(0, 0, 0, 0.498039);/*background-color: rgba(55,138,196,0.85);*/}
.slider-naseo .ssbox .inner span b {font-size: 22pt; line-height: 25pt; color: white;}
.slider-naseo .ssbox .inner {font-size: 14pt; line-height: 17pt; color: #d2d2d2;}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {width: 90%; padding: 0 5%;}
.slider-2 .slides li h2 span {font-size: 36px; line-height: 60px;}

.StateList td {padding-right: 40px; padding-bottom: 5px;}

/*Affiliate Members*/
.afflogo a {
		position: relative;
		float: left;
		display: inline-block;
		width: 246px;
		height: 125px;
		line-height: 125px;
		margin: 0 0 10px;
		padding: 10px;
		border: 1px solid #d8e5ef;
		background: white;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
	}
		.afflogo a:hover {border-color: #1064a2;}
	.afflogo img {
		vertical-align: middle;
		text-align: center;
	}

.affiliateslider div a {
	list-style: none;
	float: left;
	width: 209px;
	height: 98px;
	line-height: 98px;
	/*width: 120px;
	height: 60px;
	line-height: 60px;*/
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #d8e5ef;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
	.affiliateslider div a:hover {border-color: #1064a2;}
	.affiliateslider div a img {vertical-align: middle; text-align: center;}

#affiliate-logos {margin: 0; padding: 0;}
#affiliate-logos ul {margin: 0; padding: 0;}
#affiliate-logos li {
	list-style: none;
	float: left;
	width: 196px;
	height: 98px;
	line-height: 98px;
	/*width: 120px;
	height: 60px;
	line-height: 60px;*/
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #d8e5ef;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#affiliate-logos li:hover {border-color: #1064a2;}
#affiliate-logos li img {vertical-align: middle; text-align: center;}
/*#affiliate-logos li a {display: block; width: 120px; height: 60px;}*/

#company-affiliate-logos {margin: 0; padding: 0;}
#company-affiliate-logos ul {margin: 0; padding: 0;}
#company-affiliate-logos li {
	position: relative;
	display: block;
	list-style: none;
	float: left;
	width: 216px;
	height: 165px;
	margin: 0 10px 0 0;
	padding: 0;
	cursor: pointer;
	vertical-align: top;
	text-align: center;
}
#company-affiliate-logos li #logo {
	display: block;
	width: 196px;
	height: 98px;
	line-height: 98px;
	border: 1px solid #d8e5ef;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
#company-affiliate-logos li #logo:hover {border: 1px solid #1064a2;}
#company-affiliate-logos li img {vertical-align: middle; text-align: center; z-index: 1000;}
	#company-affiliate-logos li .company {margin-top: 5px;}

.affcorner h2 {margin-top: 0; font-size: 13pt; line-height: 15pt; font-weight: bold;}

.slidewrap3 h3,.slidewrap4 h3 {margin-top: 0;}
.info-box ul {margin-left: -20px;}
.homeevents {margin-bottom: 20px;}
.homeevents ul {list-style: none; margin-left: 0;}
.homeevents li {margin-bottom: 8px;}
.homeevents li:last-child {margin-bottom: 0;}

ul.events {list-style: none;}
	ul.events li {margin-bottom: 10px;}

/*Jquery Tabs*/
.ui-tabs {margin-top: 50px; padding: 0;}
.ui-widget-header {border: none !important; background: transparent !important;}
.ui-tabs .ui-tabs-nav {margin: -39px 0 0 -1px; padding: 0; background: transparent !important;}
.ui-tabs .ui-tabs-nav li {margin: 1px -1px 0 0; border-top: 2px solid #4b4c4d; font-size: 18px; height: 35px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -2px; padding-bottom: 2px; border-top-color: #378ac4;}
	/*.ui-tabs .ui-tabs-nav > li a {height: 23px;}*/

/*Miscellaneous*/
table.staff td {padding: 5px 5px 5px 0;}
.tabscontent li {display: list-item; list-style: none; margin: 0 0 10px 0; line-height: 20px;}
.tabscontent .title {display: block;}
.recent-work .item .img-caption.rollover {top: 100%; text-align: center;}
.recent-work .item .img-caption.text {top: 0; background: none; text-align: center; text-shadow: 2px 2px 0 black;}
.twitter-share-button {margin-right: 30px;}
/*.recent-work .item .img-caption span {display: none; margin: 0 auto;}*/

/*Admin Styles*/
.List1 label,.List1bold label,.List2 label,.List2bold label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #14314F; font-weight: normal;}

/* This class defines the styles for table headers in the  */
.TableHeader 
{
	color: white; 
	background-color: #378ac4;
	font: bold 11px Verdana, tahoma, Arial;
	padding: 2px 6px 2px 6px; 
	border: 1px solid white;
}

/* This class defines table backgrounds */
.List1
{
	color: #14314F; 
	background-color: #C0C0C0;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type */
.List1bold
{
	color: #14314F; 
	background-color: #C0C0C0;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds */
.List2,.List2 p
{
	color: #14314F; 
	background-color: #E2E2E2;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type*/
.List2bold,.List2bold p
{
	color: #14314F; 
	background-color: #E2E2E2;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}
.List1 p, .List1bold p, .List2 p, .List2bold p,
.List1 ul, .List1bold ul, .List2 ul, .List2bold ul
{
	font: normal 10px/14px Verdana,tahoma,Arial;
	margin: 0;
	border: 0;
}

/* This class defines the styles for all generic buttons */
.InputSubmit1
{
	color: white;
	background-color: #378ac4;
	font: bold 10px Verdana, Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all buttons on the main admin display*/
.InputSubmit2
{
	color: black; 
	background-color: white;
	font: bold 10px Verdana, Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all input boxes*/
.InputBox
{
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for all text areas*/
.InputBoxTextArea
{
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for main tables*/
.Table1
{
	border: 1px solid black;
	margin: 1px 0 10px 0;
	border-collapse: separate;
}

.Error {color: red;}
.Required {font: bold 10px Verdana,tahoma,Arial; color: red;}
.Message {display: block; padding: 10px; margin-bottom: 10px; background-color: lemonchiffon; color: #5a5c5d;}
.validatorHighlight {background-color: lemonchiffon;}
.progressBackgroundFilter,#progressBackgroundFilter {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #000; 
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1000;
}
.popupPanel {
    z-index: 1002;
    padding: 10px;
    background-color: White;
    color: Black;
    border: 2px solid black;
    position: relative;
}
.Watermark {
	color: #888888;
	background-color: #FDFDFD;
	border: 1px solid #000000;
	font-family: Verdana,tahoma,Arial; 
	font-size: 10px;
	font-weight: normal;
}

.flex-direction-nav {margin-top: -269px;}

/*Mojo Fixes*/
body.wysiwygeditor {background-color: white; font-size: 90%;}
body.wysiwygeditor li {display: list-item; list-style: disc; margin: 0 0 8px 40px; line-height: 20px;}
.settingrow.widetextbox {width: 100%;}
.settinglabel {width: 15em;}
.modulecontent > fieldset > legend {font-size: 28px; line-height: 40px; margin-top: 20px; margin-bottom: 0;}

@media only screen and (max-width: 959px) {
	.slider-naseo .flex-direction-nav li a {padding: 8px 9px;}
	.ssbox .inner {font-size: 13pt; line-height: 18pt;}
	.ssbox .inner b {font-size: 20pt; line-height: 24pt;}

	.slider-naseo .slides .item {display: none;}
	.flex-direction-nav {margin-top: -229px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.slider-naseo .slides li h2 span {line-height: 50px;}
	.slider-naseo .slides li h2, .slider-naseo .slides li p, .slider-naseo .slides li .links {
		width: 80%;
		padding: 0 10%;
	}
	.slider-naseo .slides li .contain, .slider-naseo .loading {
		min-height: 380px;
	}
	.slider-naseo .slides li h2, .slider-naseo .slides li p, .slider-naseo .slides li .links {
		width: 100%;
		padding: 0;
	}

	.slider-1 {height: 395px;}
	.slider-1 .showcaseimage {width: 360px; height: 320px;}
	.slider-1 .showcaseimage img {max-width: 360px; max-height: 320px;}
}
@media only screen and (max-width: 767px)
{
	.ssbox {float: none; margin: 0 auto 15px; width: 50%; padding-bottom: 50%; border: 3px solid #a6a6a6;}
	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {min-width: initial;}
	.flex-direction-nav {margin-top: -150px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	h1.siteheading {text-align: center; margin-top: -60px;}
	#menu {position: absolute; top: 0; right: 0;}

	.slider-1 {height: 240px;}
	.slider-2 .slides li h2 span {line-height: 50px;}
	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {width: 200px; min-width: 200px; max-width: 200px;}
	.slider-1 .summary {display: none;}
	.slider-1 .showcaseimage {width: 200px; height: 200px;}
	.slider-1 .showcaseimage img {max-width: 200px; max-height: 200px;}
	
	.slider-naseo .slides li h2 span {
		padding: 5px 20px;
		line-height: 50px;
		font-size: 30px;
	}
	.slider-naseo .slides li p {font-size: 16px;}
	.slider-naseo .slides li .contain, .slider-2 .loading {min-height: 427px;}
	.slider-naseo .lislide {padding-top: 85px;}
	.slider-naseo .ssbox {width: 42%; padding-bottom: 42%;}
	.slider-naseo .box2 {display: none; visibility: hidden;}
	.slider-naseo .ssbox .inner span b {font-size: 18pt; line-height: 22pt;}
	.slider-naseo .ssbox .inner {font-size: 12pt; line-height: 15pt;}
}
@media only screen and (max-width: 479px)
{
	.page-title h1 {font-size: 33px; line-height: 38px; text-align: left;}
	.pagebody img {height: auto!important;}
		
	.logo {float: left; width: 150px;}
	#menu > a {margin: -65px 0 0 0; float: right;}
	#menu > ul {top: 4px;}

	.slider-1 {height: 135px;}
	.slider-1 .slides {height: 260px;}
	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {width: 100%; text-align: center;}
	.slider-1 .slides li .links {display: block;}
		.slider-1 .slides li .links .button.medium.color {padding: 10px 15px; font-size: 14px;}
	.slider-1 .summary {display: none;}
	.slider-1 .item {top: 0!important;}
	.slider-1 .showcaseimage {width: 125px; height: 150px; display: none;}
	.slider-1 .showcaseimage img {max-width: 100px; max-height: 100px;}
	.flex-direction-nav {margin-top: -220px;}
}