@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);

h1 {padding:20px 0; text-align:center;}
img, p, h2, h3, h4, h5, h6 {margin-top:10px; margin-bottom:10px;}
ul {margin:10px 0 10px 40px;}
#main-menu ul {margin:0;}
p, li, a {line-height:1.4em !important;}
a {text-decoration:none !important;}
img {border:none; max-width:100%; height:auto; vertical-align:middle;}

* {padding:0;  margin:0; word-wrap: break-word; }
body {margin:0 0 0; font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; color:#000; background:#f8f8f8;}

input, textarea, select {background:url(/img/input.png) repeat-x #f7f7f7; outline:0;outline-color:#ccc; font-size:12px; font-family:Arial, sans-serif; width:100%; padding:10px; border:solid 1px #ccc; display:block; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {box-shadow:0 0 2px 0 #ccc;}

input[type="radio"] {width:16px; display:inline;}
input[type="checkbox"] {width:16px; display:inline;}
textarea {min-height:120px;}
label {padding:3px 0 5px 0; display:block;}

.textbox ul li,
.textbox ol li,
.textbox ul li *,
.textbox ol li * {
	text-align: left !important;
}

::selection {background:#308dbc; color:#fff;}
::-moz-selection {background:#308dbc; color:#fff;}

a {color:#675ba3;}
a:hover {color:#373157; text-decoration:none;}

.clear {clear:both;}

.left {float:left;}
.right {float:right;}

.hr {margin:20px 0; border-bottom:1px solid #e0e0e0;}
.row:before, .header:before, .header:after, .row:after {display:table; content:" ";}
.row:after, .header:after {clear:both;}

.wrapper {margin:0 auto; width:100%; max-width:1000px;}
.container {margin:20px;}
/*Form*/
.formdata label {position:relative; float:left;}
.formdata label input[type="checkbox"], .formdata label input[type="radio"] {padding:0 10px; margin-top:5px; margin-right:5px;}
.formdata label input[type="checkbox"] + span {position:relative; padding-right:15px; top:-2px; left:-5px;}
.form p {margin-bottom:0; font-size:12px; font-weight:700;}
.form .row {margin:0;}
.span6.formdata {width:49%;}
.form .form-items .formdata span {
    display: inline-block;
    margin-bottom: 10px;
}
.form .form-items .formdata .form-preview-checkboxes span {
	display: inline;
	left: 0;
}
.form .form-items .span6 {
    margin-bottom: 20px;
}

.password-access-form ::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
    opacity: 0;
}
.password-access-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: transparent;
    opacity: 0;
}
.password-access-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: transparent;
    opacity: 0;
}
.password-access-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: transparent;
    opacity: 0;
}

.fancybox {
    font-size: 0;
}

.w_talign_left {
  text-align: left;
}
.w_talign_center {
  text-align: center;
}
.w_talign_right {
  text-align: right;
}
.w_talign_center.textbox p {
  padding-left: 5px;
  padding-right: 5px;
}
.w_talign_right.textbox p {
  padding-left: 10px;
  padding-right: 0;
}
/* header-bar */
.header-bar {height:7px; width:100%; z-index:999999999999;}
.bar1 {background: #50575e; width:20%; height:100%; display:inline-block; float:left;}
.bar2 {background: #48C4B3; width:20%; height:100%; display:inline-block; float:left;}
.bar3 {background: #77E2D3; width:20%; height:100%; display:inline-block; float:left;}
.bar4 {background: #177F71; width:20%; height:100%; display:inline-block; float:left;}
.bar5 {background: #48C4B3; width:20%; height:100%; display:inline-block; float:left;}
/* -- header -- */
.header {background:#fefefe; background:#fff; position:relative; margin:0; min-height:100px;	margin-left:auto; margin-right:auto; box-shadow:0 4px 4px #ddd; -moz-box-shadow:0 4px 4px #ddd; -webkit-box-shadow:0 4px 4px #ddd;}
.header .logo {float:left; line-height:100px !important;/*hotfix*/ margin-left:20px;}
.header .logo:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease;}
.header .logo img {margin-top:0; margin-bottom:0; max-height: 65px;width: auto;}
.header #main-menu li {display:inline-block; text-align:center;}
.header #main-menu li > ul li {text-align: left;}
.header #main-menu li a {padding:0 10px 0 10px; color:#50575E; color:#666; text-decoration:none;}
.header #main-menu ul li a {padding:10px 5px 10px 15px; display:inline-block; width:100%; box-sizing: border-box;}
.header #main-menu > li > a {color:#50575E; color:#666; text-decoration:none; padding:40px 10px 41px; display:block;}
.header #main-menu li a:hover {color:#48c4b3; color:#222222; text-decoration:underline;}
.header #main-menu li.active > a {color:#48c4b3; color:#177f71;}
.header #main-menu li ul li a {display:block; list-style-type:none;}
.header .menu-show-moible {display:none;}

.header.logo_center .logo{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
	float: none;
}
.header.logo_center #main-menu{
	width: 100%;
	text-align: center;
	margin: 0;
}
.header.logo_center #main-menu li{
	float: none;
}

.header.hide_logo .logo{
	display: none !important;
}

.header.hide_logo #main-menu{
	width: 100%;
	text-align: center;
}
.header.hide_logo #main-menu li{
	float: none;
}

.hdr_flags{
	position: relative;
	float: left;
	margin-left: 25px;
}
.hdr_flags .flag img{
	width: 20px;
}
.hdr_flags .flag{
	margin: 5px;
}


@media (min-width:769px){

	.header #main-menu li li a:hover {color:#fff; color:#177f71;}
	.header #main-menu li.active {border-bottom:2px solid #48c4b3; border-bottom-color:#177f71;}
	/*.header #main-menu > li:hover > a {box-shadow:inset 0 4px #48c4b3;} tien zatial zruseny*/
	.header #main-menu li:hover ul {top:100%;left:auto;  z-index:10000; margin-top:0; box-shadow:0 0 8px #000; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; right: 0}
	.header #main-menu li:hover ul li > a {background:#fff; background:#fff; box-shadow:inset 4px 0 #50575e; -moz-box-shadow:inset 4px 0 #50575e; -webkit-box-shadow:inset 4px 0 #50575e;}
	.header #main-menu li li:hover ul {top:0%;}
	.header #main-menu li ul li:hover {width:200px;}
	.header #main-menu li ul li:hover > a {color:#50575E; color:#222222; box-shadow:inset 8px 0 #48c4b3; -moz-box-shadow:inset 8px 0 #48c4b3; -webkit-box-shadow:inset 8px 0 #48c4b3;}
	ul#main-menu {float:right; display:block !important; margin:0 20px 0 0;}
	ul#main-menu li {float:left; display:inline; position:relative; list-style:none; padding-left:0; margin-left:0;}
	ul#main-menu ul {position:absolute;/*right:-89%;*/top:100%; display:none; padding-top:20px; width:200px;}
	ul#main-menu ul ul ul {left:100%; top:0;}
	ul#main-menu > li:hover > a {color:#50575E; color:#222222;}
	ul#main-menu ul ul {position:absolute; top:0; right:100%; margin-top:0;}
	ul#main-menu ul > li {width:200px; padding:0 0; border-bottom:1px solid #eee;}
	ul#main-menu ul ul > li {width:200px; padding:0 0;}
	ul#main-menu > ul > ul > li > a {padding:10px 5px;}
	ul#main-menu ul a {color:rgba(0,0,0,1.0); color:#666;}
	ul#main-menu li:hover > ul {display:block;}
	ul#main-menu ul {padding:0 0;}
	ul#main-menu ul ul  {padding:0 0;}
	ul#main-menu li {list-style:none;}
}
@media (max-width:768px) {
	/*.header #main-menu li.active > a {border-bottom:1px solid #9E9E9E;}*/
	.header {padding:0; border:0;}
	/*.header .mobile-menu {margin:4% 0; background:url(http://s8.pagebrix.eu/img/menu-mobile.png) no-repeat; height:42px; width:50px; float:right; cursor:pointer;}*/
	.header .mobile-menu { height:14px; width:25px; float:right; cursor:pointer; padding:42px 19px; background-position:center;}
	.header .mobile-menu span {
		display: block;
		width: 25px;
		height: 2px;
		margin-bottom: 4px;
		background: #666;
	}
	.header.logo_hide .mobile-menu,
	.header.logo_center .mobile-menu {
		float: none;
		margin: 0 auto;
		padding: 30px 19px;
	}
	.header #main-menu li ul {padding:0; left:0; margin:0 0 0 0; position:static; width:100%;}
	.header #main-menu li:hover ul {}
	.header #main-menu li ul li a {font-weight:normal; padding:10px 15px; text-align:center; display:block; border-bottom:solid 1px #eee; width:auto; font-size:13px; font-weight:normal;}

	.header #main-menu {float:right; width:100%; background-color:rgba(255,255,255,0.95); background-color:#fff; list-style-type:none; margin:-2px 0 0 0;}
	.header #main-menu li {float:none; width:100%;}
	.header #main-menu li a {border-bottom:solid 1px #eee; display:block; padding:10px 15px; text-align:center; color:#666; text-decoration:none;}
	.header #main-menu li a:hover {color:#48c4b3; color:#222222; background:#fdfdfd; background:#fff; text-decoration:none;}
	.header .menu-show-moible {margin:45px 15px 0 0; float:right; width:25px; height:14px; display:block; background:url(http://s4.pagebrix.eu/img/menu-mobile.png); cursor:pointer; background-color:transparent;}
}


/* -- slider -- */

.slider {margin:30px 0 10px;}
.bxslider {position:relative; list-style-type:none; overflow:hidden; margin:0;}

.bx-wrapper {position:relative; *zoom:1;}
.bx-wrapper img {width:100%; max-width:100%; margin:0 auto; display:block;}
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:3%;}

.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}

/* -- slider -- gulicky -- */

.bx-wrapper .bx-pager {margin:0 0 0 20px; font-size:.85em; font-family:Arial; font-weight:bold; color:#666;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent:-9999px; display:block; width:6px; height:6px; margin:0 10px 0 0; outline:0; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:3px solid #d5d5d5;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#d5d5d5;}

/* -- slider -- sipky -- */

.bx-wrapper .bx-prev {left:10px; background:url(../img/controls.png) no-repeat 0 -40px; opacity:0;}
.bx-wrapper .bx-next {right:10px; background:url(../img/controls.png) no-repeat -40px -40px; opacity:0;}
.bx-wrapper:hover .bx-prev {/*background-position:0 -32px;*/ opacity:1; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.bx-wrapper:hover .bx-next {opacity:1; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-22px; outline:0; width:41px; height:41px; text-indent:-9999px; z-index:9999;}

.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {display:none;}

/* -- content -- */


.content { }
.content h1 {font-weight:600; font-size:45px;  color:#414549; border-bottom:1px solid #e7e7e7; margin-bottom:12px; text-align: left;}
.content h2 {font-weight:700; font-size:18px;  color:#555;}
.content h3 {font-weight:700; font-size:15px;  color:#333;}
.content .title h3 {font-weight: 500;padding-bottom: 20px;font-size: 14px;margin-top: -5px;}

.content p {line-height:19px;}
.content h1 span {color:#48c4b3;}
/* -- zoznamy -- */

.content ul { }
.content ul li {margin:6px 0;}

.content ol { }
.content ol li {margin:6px 0;}

/* -- buttons -- */
@media only screen and (max-width:768px) {button.button {width:100%;}}
.button, button {display:inline-block; font-family:'Open Sans', sans-serif; color:#888; outline:0; margin:10px 0; background:none; padding:10px 20px; text-align:center; cursor:pointer; border: 1px solid #ccc; text-decoration:none;}

.buttonrow .button.orange {
  color: #EB9532;
  border-color: rgba(235, 149, 50, 0.5);
}
.buttonrow .button.red {
  color: #d00213;
  border-color: rgba(208, 2, 19, 0.5);
}
.buttonrow .button.green {
  color: #48c4b3;;
  border-color: rgba(72, 196, 179, 0.5);
}
.button:hover {
  color: #48c4b3;
  border-color: #48c4b3;
}
.button.green:hover {
	color: #48c4b3;
	border-color: #48c4b3;
}
.button.orange:hover {
  color: #EB9532;
  border-color: #EB9532;
}
.button.red:hover {
  color: #d00213;
  border-color: #d00213;
}


/*.buttonrow .button.green:hover {
 background: rgba(144, 198, 149, 0.1)
}*/
/*.buttonrow .button.orange:hover {
 background: rgba(235, 149, 50, 0.1);
}
.buttonrow .button.red:hover {
 background: rgba(208, 2, 19, 0.1);
}*/
/* -- img -- */
/*.content .gallery.gallery_odd a {
	position: relative;
}
.content .gallery.gallery_odd a:hover::after {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -ms-transform: scale3d(4,4,4);
    -webkit-transform: scale3d(4,4,4);
    transform: scale3d(4,4,4);
    opacity: .15;
}
.content .gallery.gallery_odd a::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20%;
	margin-left: -20%;
	display: block;
	width: 40%;
	height: 0;
	padding-bottom: 40%;
	background: #000;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0s ease,opacity .2s ease;
	-webkit-transition-delay: .2s,0s;
	transition: transform 0s ease .2s,opacity .2s ease;
	opacity: 0;
	pointer-events: none;
}*/
.content .gallery.gallery_odd a:hover {
	opacity: 0.9;
}


/* -- alert -- */
.content .alert{
	background: rgba(23,127,113,0.4);
	text-align: center;
	border: 2px solid #177f71;
	padding: 8px;
}

.content .title {
    margin-top: 40px;
}
/* -- table -- */

table.widget-preview-pricelist-table {
	margin: 0 auto;
	width: 100%;
	max-width: 1390px;
	text-align: left;
	vertical-align: middle;
	border-collapse: collapse;
}

.row table.widget-preview-pricelist-table th {
	background: #177f71;
	color: #fff;
}

.row table.widget-preview-pricelist-table tr:nth-child( 2n+1 ) {
	background: #f0f0f0;
}

table.widget-preview-pricelist-table th, td {
	padding: 10px 10px;
}


/* -- footer -- */

.footer {background:#2D3033; padding:10px 0 10px;}

.footer p, .footer a {line-height:22px; color:#888;}
.footer ul {list-style-type: none; margin-left: 0;}
.footer h2 {color:#949494;}
.footer h3 {font-weight:600; font-size:15px; margin:0 0 10px 0; font-weight:700; color:#ADADAD;}

.copy {font-size:11px; margin:20px 0 0;}

.footer .left, .footer .right {line-height:20px;}

.footer .right {text-align:right;}
.footer .right a {color:#000;}

/* footer-down */
.sc {
	position: fixed;
	top: 240px;
	right: 0;
	z-index: 100;
}
#footer-icons {
	float: right;
}
#footer-icons a {
	width: 40px;
	height: 40px;
	display: block;
	background-size: 20px 20px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #49C4B3;
	margin-bottom: 1px;
	background-size: auto 18px;
}
#footer-icons .ico1 {
	background-color: #4E71A8;
	background-image: url(../img/fac.png);
}
#footer-icons .ico2 {
	background-color: #E3411F;
	background-image: url(../img/goo.png);
}
#footer-icons .ico3 {
	background-color: #1CB7EB;
	background-image: url(../img/twi.png);
}
#footer-icons .ico4 {
	background-color: #444444;
	background-image: url(../img/ins.png);
}
#footer-icons .ico5 {
	background-color: #bd081c;
	background-image: url(../img/pin.png);
}
#footer-icons .ico6 {
	background-color: #cc181e;
	background-image: url(../img/you.png);
}
/*#footer-icons .ico1:hover {
	background-image: url(../img/i-f-h.png);
}
#footer-icons .ico2:hover {
	background-image: url(../img/i-g-h.png);
}
#footer-icons .ico3:hover {
	background-image: url(../img/i-tw-h.png);
}
#footer-icons .ico4:hover  {
	background-image: url(../img/i-i-h.png);
}
#footer-icons .ico5:hover  {
	background-image: url(../img/i-p-h.png);
}
#footer-icons .ico6:hover  {
	background-image: url(../img/i-y-h.png);
}*/
form {
	display:block;
}
.row.formular{
	padding-top: 10px;
}

/* -- span struktura -- */
.row {clear:both; width:100%;} /*bolo margin */
.content > div {
	margin-bottom: 35px;
}
.content .title{
	margin-bottom: 5px;
}
.content .clear{
	margin-bottom: 0;
}

.responsive_video {width:100%; height:590px;}

.flngs{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	text-transform: uppercase;
}
.footer-down p, .footer-down a {
	color: #888;
	font-size: 13px;
}
.footer-down {
    padding: 5px 0;
}
.footer-down p.left {
	margin-left: 20px;
}
.footer_share{
	list-style-type: none;
}
.footer_share li{
	display: block;
	margin-bottom: 7px;
}
.footer_share .gpli{
	margin-bottom: 2px;
}

.span12.d1.img_right img{
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
	max-width: 50%;
}
.span12.d1.img_right h3{
	padding-top: 5px;
	margin-bottom: -5px;
}
.span12.d1.img_right p{
	padding-top: 5px;
}
.span12.d1.img_left img{
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	max-width: 50%;
}
.span12.d1.img_left h3{
	padding-top: 5px;
	margin-bottom: -5px;
}
.span12.d1.img_left p{
	padding-top: 5px;
}
/* -- responsive -- */
@media only screen and (max-width:1060px) {
	/*.wrapper {width:769px;}*/
	.responsive_video {height:500px;}
}

@media only screen and (max-width:800px) {.wrapper {width:100%;}
	.slider {margin: 20px 0 10px;}
	.header .logo {margin-left:15px;}

	.responsive_video {height:400px;}
	.footer {padding:10px 10px;}
}
@media only screen and (max-width:747px) {.pre-footer .tagline, .coverimg .tagline {font-size:18px;}
	.pre-footer button {margin-top:20px;}
}

@media only screen and (max-width:640px) {bx-controls-direction {display:none;}
	.responsive_video {height:280px;}
}
@media only screen and (max-width:400px) {.responsive_video {height:190px;}}
@media only screen and (max-width:600px) {
	.span12.d1.img_left,
	.span12.d1.img_right {
		width: 100%;
	}
	.span12.d1.img_left img,
	.span12.d1.img_right img {
		max-width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width:319px) {.wrapper {width:100%;}}

/* -- span struktura -- */

/*footer*/
.footer .row .span12 {width:98%; padding:0 1%;}
.footer .row .span6 {width:48%; float:left; padding:0 1%;}
.footer .row .span4 {width:31.3%; float:left; padding:0 1%;}
.footer .row .span3 {width:23%; float:left; padding:0 1%;}
@media (max-width:768px) {.footer .row .span12 {width:98%; padding:0 1%;}
	.footer .row .span6 {width:98%; float:left; padding:0 1%;}
	.footer .row .span4 {width:98%; float:left; padding:0 1%;}
	.footer .row .span3 {width:98%; float:left; padding:0 1%;}

}

.row.pricelist .span2 {width:18%; float:none; margin:0;}
.row.pricelist .span3 {width:23%; float:none; margin:0;}
/*.row.pricelist .span3:nth-child(4n+0) {text-align:right;} */
.row.pricelist .span4 {width:31.3%; float:none; margin:0;}
/*.row.pricelist .span4:nth-child(3n+0) {text-align:right;}*/
.row.pricelist .span6 {width:48%; float:none; margin:0;}
/*.row.pricelist .span6:nth-child(2n+0) {text-align:right;}*/

.row.pricelist .span2:nth-child(1),
.row.pricelist .span3:nth-child(1),
.row.pricelist .span4:nth-child(1),
.row.pricelist .span6:nth-child(1) {text-align:left;}

.pricelist {margin-top:0; margin-bottom:10px;}
.pricelist > div {text-align:center;}
.pricelist > h3 {margin-bottom:0;}

@media (min-width:769px) {.pricelist > .pricelist > div div{font-size:14px; padding:10px 1%;}
	.pricelist > .pricelist > div {display:table; float:none;}
	.pricelist > .pricelist > div div {display:table-cell; vertical-align:middle;}
}
.pricelist > .pricelist > div {float:left; width:100%;}
.pricelist > .pricelist > div:nth-child(odd) {background-color:#e9e9e9}
.pricelist > .pricelist > div:nth-child(odd) {background-color:#e9e9e9}
.pricelist > .pricelist > div:nth-child(even)  {background-color:#f4f4f4}
.pricelist > .pricelist > .titles > div {font-size:14px; font-weight:bolder;}
.pricelist > .pricelist > div > div.titles {font-size:14px; text-align:left;}
.pricelist > .pricelist > .titles {background-color:rgba(119,226,211, 0.05) !important;}

@media only screen and (max-width:1000px) {
	.slider {height:auto;}
	.row.pricelist .span2 {width:19%;}
	.row.pricelist .span3 {width:23%;}
	.row.pricelist .span4 {width:31.3%;}
	.row.pricelist .span6 {width:48%;}
}
@media only screen and (max-width:768px) {.row.pricelist .span2 {width:19%;}
	.row.pricelist .span3 {width:24%;}
	.pricelist > .pricelist > div div{font-size:14px; padding:10px 2%;}
	.row .span6 {width:100%; margin-right:0; float:none;}
	.row .span4 {width:100%; margin-right:0; float:none;}
	.row .span3 {width:100%; margin-right:0; float:none;}
	.responsive_video {height:400px;}
	.header #main-menu {display:none; margin-top:0;}
	.row.pricelist .span2 {width:96%; float:none; padding-right:0;}
	.row.pricelist .span3 {width:96%; float:none; padding-right:0;}
	.row.pricelist .span4 {width:96%; float:none; padding-right:0;}
	.row.pricelist .span6 {width:96%; float:none; padding-right:0;}
	.row .span6.formdata {width:100%; margin-right:0; float:none;}
	.row .span4.formdata {width:100%; margin-right:0; float:none;}
	.row .span3.formdata {width:100%; margin-right:0; float:none;}
}
/* TEXTBOX */
.textbox .span12 {width:100%;}
.textbox .span6 {margin-right:3%; float:left; width:48%;}
.textbox .span4 {margin-right:3%; float:left; width:31.3%;}
.textbox .span3 {margin-right:3%; float:left; width:22%;}
.textbox p {padding:0 10px 0 0; color:#888;}
.textbox blockquote {font-style: italic;}
.textbox ul,
.textbox ol{color:#888;margin-left: 0;position: relative;left: 40px;width: calc(100% - 40px);
}

.textbox .span6.d2,
.textbox .span4.d3,
.textbox .span3.d4 {
	margin-right: 0;
}

@media only screen and (max-width:768px){
	/*.textbox div {text-align:center;}
	.textbox div p, .textbox div h3, .textbox div h1, .textbox div h2, .textbox div h4, .textbox div h5, .textbox div h6 .textbox div li, .textbox div ul {text-align:left;}*/
	.textbox .span6 {margin-right:1%; width:100%; float:left;}
	.textbox .span4 {margin-right:1%; width:100%; float:left;}
	.textbox .span3 {margin-right:1%; width:49%; float:left;}
	.textbox p {padding:0 10px 0 0;}
}
@media only screen and (max-width:500px) {.textbox .span3 {width:100%; float:left;}.content h1 {font-size: 25px }}

/* -- like boxs -- */
.span12 .lbox {height:45px; list-style-type:none; margin:10px 0 0 5px; overflow:hidden;}
.span12 .lbox li {float:left; height:40px; margin:10px 0 0 0;}
.span12 .lbox li.fbli {margin-right:10px;}
.span12 .lbox li.gpli {margin-right:10px; width:58px;}
.span12 .lbox li.twli {}
@media (max-width:480px) {
	.header .logo { width: calc(100% - 80px); }
}
@media only screen and (max-width:400px) {
	.responsive_video {height:190px;}
	.span12 .lbox {height:100px;}
	.span12 .lbox li {width:35px; float:none; margin:0; height:32px;}
}
/* -- gallery -- */
/*.row.gallery {padding:0 0;}*/
.row.gallery div p, .row.gallery div h1, .row.gallery div h2, .row.gallery div h3, .row.gallery div h4, .row.gallery div h5, .row.gallery div h6 {/*margin-left:0.5%;*/}
.row.gallery a img {max-width:100%; height:auto; margin:0;padding: 2px;
box-sizing: border-box;}
.row.gallery.gallery_odd .span12{ margin-left: -2px; margin-right: -2px; }
@media only screen and (min-width:992px) {.row.gallery div img {width:25%;}}
@media only screen and (max-width:991px) {.row.gallery div img {width:25%;}}
@media only screen and (max-width:768px) {.row.gallery div img {width:50%;}}
@media only screen and (max-width:499px) {.row.gallery div img {width:100%;}}

.content-title {margin-bottom:30px; position:relative; text-align:center;}

.content-title > em {font-weight:normal; display:block; font-size:12px; font-style:normal; margin-top:3px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8;}
.content-title:before {display:block; content:''; position:absolute; height:3px; width:33%; border-bottom:2px solid #e5e5e5; top:50%; right:0; z-index:1;}
.content-title:after {display:block; content:''; position:absolute; height:3px; width:33%; border-bottom:2px solid #e5e5e5; top:50%; left:0; z-index:1;}
@media only screen and (max-width:768px) {.content-title:before, .content-title:after{width:17%;}}