PK

ADDRLIN : /home/anibklip/msbhogalnsons.com/
FLL :
Current File : /home/anibklip/msbhogalnsons.com/style.css

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

body{
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#primary_nav_wrap{
	margin:auto; width:80%;
}

#primary_nav_wrap ul{
	list-style:none; position:relative;
	float:left; margin:0; padding:0;
}

#primary_nav_wrap ul a{
	display:block; color:#ffffff;
	text-decoration:none; font-weight:700;
	font-size:12px; line-height:32px;
	padding:0 15px; text-transform:uppercase;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:10px 11px;
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#fbb631
}

#primary_nav_wrap ul li:hover {
	background:#fbb631
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#19b47a;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

/*************************************************/
.main_content{ 
	width:78%; margin:auto;
	min-height:350px;
}
.factory-pagetitle h1 {
  color: #296f21; border-bottom:2px dashed #296f21; 
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 0;
}

.factory-progress-text p {
  font-size: 17px;
  line-height: 30px;
  margin: 0 0 21px;
}

.factory-progress-text {
	min-height: 350px;
	color: #0d0b0b;
	text-align: justify;
}

.thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	line-height: 1.42857;
	margin-bottom: 20px;
	margin-right:6px;
	padding: 4px;
	transition: border 0.2s ease-in-out 0s;
}

.main_menu{
	background:#19B47A; min-height:52px;
}

.group_logo{
	background-image:url("images/index_05.jpg"); height:91px;
	background-position: center; padding:0px;
}
.hexagon{
	background-image:url("images/hexabg.jpg"); 
	background-position: center; padding:0px;
}
.hexagon img{
	margin:auto;
}

.testimonials{
	margin-top:36px;
}
.testimonials .item{
	background-image:url("images/quote_bg.jpg"); 
	background-repeat:no-repeat; 
	padding:20px 6px 6px 30px;

	font-size: 15px;
    line-height: 1.625em;
    padding-bottom: 1.625em;
	font-style: italic;
}

.testimonials .item .source {
	padding:4px 6px;
	float: right;
}
 
.footer{
	height:185px;
	background-image:url("images/index_08.jpg"); 
	background-position: center; padding:0px;
}
.footer .bg{
	background-color:#464243; padding:12px; 
	margin-top:30px; min-height:130px;
}
.footer .mtitl{
	color:#ffffff; font-size:24px;
	text-align:center;
}
.footer .titl{
	color:#fbb631; font-size:22px; 
	font-weight:600; font-style:italic;
}
.footer .txt{
	color:#ffffff; font-size: 15px;
    line-height: 1.625em; text-align:center; 
}

.copyright{
	background:#00aa6b; color:#ffffff; font-size: 15px;
    line-height: 2.125em; text-align:center; 
}
.maps{
	margin-bottom:36px; 
}
.maps iframe{
    pointer-events: none;
}

.navbar-inverse {
	background-image: none !important;
	background-repeat: repeat-x; border-radius:0px;
	background-color:#19b47a !important; border-color:none !important;
}

.navbar {
  border: 1px solid transparent;
  margin-bottom:0px; min-height: 50px;
  position: relative;
}

.navbar-inverse .navbar-nav > li > a {
	color:#ffffff !important; text-transform: uppercase; 
	font-weight:600; font-size:13px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	background-color:#fbb631 !important; color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
	background-color:#fbb631 !important; color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
	background-image: none;
	background-repeat: repeat-x;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
  background-color: #fbb631; color: #fff;
}

.gallery > a {
	float: left;
}
.gallery .titl{
	color:#5a5657; font-weight:600; font-size: 14px;
	margin-bottom:20px; text-align:center; 
	height: 60px;
}

.gallery .gallery_item {
	border: 4px solid #fff;
	border-radius: 4px;
	/*height: 280px;*/
	line-height: 1.42857;
	margin-bottom:4px;
	margin-right: 0px;
	overflow: hidden;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}

.news .titl > a {
	color:#5a5657;
}
.news .titl{
	font-weight:600; font-size:16px; text-align:left; 
}

.news .txt {
	line-height: 1.42857; margin-bottom:4px;
	text-align:justify; margin-bottom:20px; color:#5a5657;
	padding-bottom:6px; border-bottom:1px solid #efefef;
font-size: 18px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu {
	background-clip: padding-box;
	background-color: #19b47a;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	display: none;
	float: left;
	font-size: 14px;
	left: 0;
	list-style: outside none none;
	margin: 2px 0 0;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	text-align: left;
	top: 100%;
	z-index: 1000;
}

.dropdown-menu > li > a {
	border-bottom: 1px dotted #dfdfdf;
	clear: both;
	color: #ffffff;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 6px 16px;
	white-space: nowrap;
}

.fancybox-caption {
	font-size: 17px !important;
	text-align:center; text-transform: uppercase;
	font-weight: 600;

	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, transparent 0px, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
}



.pagging .right ul li {list-style:none; }
.pagging { height:20px; padding:8px 10px; font-size:12px; line-height:19px; color:#949494; }
.pagging a{ background-color:#efefef; background-image:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:2px;  }
.pagging b{ background:#2B6A91; color:#fff; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#2B6A91; color:#fff; }
.pagging span{ float:left; margin-left:2px; padding-top:2px; }


/***************************************************************/

.fixed-sideContent {
	position: fixed;
	right: 0rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.fixed-sideContent a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgb(10, 135, 88);
	color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(255, 255, 255);
	width: auto;
	width: 3.7rem;
	height: 3.7rem;
	overflow: hidden;
	white-space: nowrap;
	transition: .4s all;
	padding: 8px;
	font-size: 19px;
}
.fixed-sideContent a span {
	font-size: 1.5rem;
	line-height: 3.5rem;
	white-space: nowrap;
	box-sizing: content-box;
	padding-right: 15px;
	padding-left: 10px;
}
.fixed-sideContent i {
	display: flex;
	text-align: center;
	min-width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	line-height: 1;
}


.fixed-sideContent a:hover {
	width: 100%;
}
.fixed-sideContent a:last-child {
	border-bottom: none;
}
@media only screen and (max-device-width: 800px){
.gallery .gallery_item {
	border: 4px solid #fff;
	border-radius: 4px;
	/*height: 600px;*/
	line-height: 1.42857;
	margin-bottom:4px;
	margin-right: 0px;
	overflow: hidden;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}
}
@media only screen and (min-device-width: 1900px){
.gallery .gallery_item {
	border: 4px solid #fff;
	border-radius: 4px;
	height: 280px;
	line-height: 1.42857;
	margin-bottom:4px;
	margin-right: 0px;
	overflow: hidden;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}
}


PK 99