* {
}
body {
font-family: Arial;
color: #323131;
font-size: 13px;
overflow-x: hidden !important;
} a {
color:#69acc7;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
transition: all ease .2s;
}
input, button {
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
transition: all ease .2s;
}
a:hover {
color: #69acc7;
text-decoration: underline;
}
hr {
border-color: #e5e5e5;
margin: 10px 0 10px 0;
}
h1, h2, h3, h4, h5, .btn, p.big-paragraph, .carousel-caption, .recent-posts .col-md-9 .text p small, .navbar-default .navbar-brand, .orange {
font-family: Arial;
font-weight: bold;
}
h1 {
font-size: 48px;
line-height: 48px;
color: #51595f;
}
h1.page_title {
text-transform: none;
font-size: 24px;
}
h1 span {
color: #e74c3c;
}
h2 {
font-size: 32px;
color: #51595f;
line-height: 50px;
text-transform: uppercase;
}
h2 small {
color: #c7c7c7;
font-size: 12px;
}
h2.page__title {
font-size: 48px;
padding: 0;
margin: 0;
background: none;
color: #51595f; }
h1.proddetail {
font-size: 27px;
color: #51595f;
font-weight: 400;
text-transform: none;
line-height:105%;
}
h2.proddetail {
font-family: Arial;
color: #a6a8a8;
font-size: 13px; text-transform: none;  }
.seper {
border-top: 3px solid #69acc7;
width: 80px;
height: 1px;
text-align: center;
display: block;
margin: 15px auto;
}
.whole__seper {
background: url(//www.musechem.com/wp-content/themes/images/sep_both.png) repeat-x;
height: 42px;
width: 100%;
position: relative;
z-index: 200;
margin-top: -5px;
}
h3 {
font-size: 27px;
color: #51595f;
font-weight: 400;
text-transform: none;
line-height:105%;
}
h3 small {
font-size: 14px;
text-transform: uppercase;
font-family:Arial;
font-weight: 400;
}
h3 a {
color: #51595f;
font-weight: 400;
font-size: 20px;
line-height:105%;
}
h3 a:hover {
text-decoration: none;
color: #69acc7;
}
.typo {
margin-top: 80px;
}
h4 {
font-size: 22px;
color: #51595f;
margin: 0;
padding: 0;
}
h4 a {
color: #51595f;
font-weight: 400;
}
h4 a:hover {
text-decoration: none;
color: #69acc7;
}
h5 {
font-size: 18px;
text-transform: uppercase;
color: #33313a;
}
h2.with__margin {
margin-top: 70px;
margin-bottom: 0px;
}
h2.with__margin2 {
margin: 50px 0;
}
p.small-paragraph {
font-size: 14px;
color: #999;
font-family:Arial;
text-transform: uppercase;
font-weight: normal;
}
p.smaller {
font-size: 16px;
color: #bababa;
font-family: Arial;
text-transform: none;
}
.relative_btn {
position: absolute;
left: 50%;
margin-left: -90px;
bottom: -35px;
}
.headings {
background: #fff;
border-bottom: 1px solid #efefef;
color: #999;
font-family: Arial;
}
.headings h1 {
color: #51595f;
;
}
.headings p.small-paragraph {
margin: 15px 0 35px 0;
color: #d4d4d4;
}
.headings p {
font-size: 18px;
text-transform: none;
font-weight: 300;
margin: 35px 0;
}
.row.title__block {
padding: 40px 0;
}
#feedback {
color: #1c6107;
}
#feedback ul {
padding-left: 0;
}
#feedback ul li {
list-style: none;
} .form-control, .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
border-color: #ffdd3c;
} .btn-primary {
font-size: 14px;
width: 142px;
height: 42px;
line-height: 42px;
padding: 0;
text-transform: uppercase;
border-width: 1px;
color: #999;
font-family: Arial;
font-weight: 500;
border-color: #f0f0f0;
background: #f0f0f0;
}
.btn-primary:hover, .btn-primary:focus {
background-color: #69acc7;
border-color: #69acc7;
color: #fff;
}
.btn-info {
font-size: 18px;
font-weight: 400;
color: #fff;
border-color: #69acc7;
background: #69acc7;
font-family: Arial;
text-transform: uppercase;
width: 140px;
height: 40px;
line-height: 40px;
border-width: 1px;
padding: 0;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
background-color: #f0f0f0;
border-color: #f0f0f0;
color: #999;
}
.btn-default {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
font-family: Arial;
color: #fff;
border-color: #fff;
background: none;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
background: #69acc7;
border-color: #69acc7;
color: #fff;
}
button.btn-primary:focus, .btn-default:focus, .btn-info:focus {
outline: none;
}
.btn-lg {
width: 180px;
height: 57px;
text-transform: uppercase;
line-height: 57px;
padding: 0;
}
.btn-md {
font-size: 14px;
width: 140px;
height: 40px;
font-weight: 500;
line-height: 40px;
padding: 0;
margin-top: -5px;
}
footer .btn-md, .recent-posts .btn-md {
margin-top: 0px;
} header {
background: #fff;
box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
width: 100%;
position: fixed;
z-index: 112;
top: 0;
}
header.normal {
position: relative;
}
.navbar-toggle {
margin-right: 0;
position: absolute;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
font-size: 24px;
color: #69acc7;
width: 100%;
font-weight: 500;
text-transform: uppercase;
padding: 17px 0 20px 0;
}
.navbar-default .navbar-brand a {
text-decoration: none;
}
.navbar-default .navbar-brand span {
color: #e74c3c;
} .navbar-default {
background: none;
border: none;
margin-bottom: 0px;
position: relative;
z-index: 999;
}
.navbar-default .navbar-nav {
padding: 0px;
}
.navbar-default .navbar-nav>li {
padding: 0;
margin-left: 0px;
}
.navbar-default .navbar-nav>li>a {
color: #51595f;
border-bottom: 2px solid transparent;
font-size: 11px;
padding: 35px 25px;
font-weight: 400;
font-family: Arial;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: uppercase;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.navbar-default .navbar-nav>li.dropdown>a {
background: none;
}
.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>li.open>a, .navbar-default .navbar-nav>li.active>a:hover {
background: #fbfbfb;
border-color: #69acc7;
color: #69acc7;
}
.navbar-default .navbar-nav>li:first-child {
margin-left: 0px;
}
ul.dropdown-menu {
left: 0px !important;
border-radius: 0px;
padding: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border: none;
background: #fff;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
top: 85%;
opacity: 0;
visibility: hidden;
}
.dropdown:hover .dropdown-menu {
top: 100%;
opacity: 1;
visibility: visible;
}
ul.dropdown-menu li {
border-bottom: 1px solid #ededed;
}
ul.dropdown-menu li:last-child {
border-bottom: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
ul.dropdown-menu li:first-child {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
ul.dropdown-menu>li>a {
color: #2a2a2a;
border-top: none;
font-size: 11px;
line-height: 11px;
padding: 15px 20px;
text-transform: uppercase;
}
ul.dropdown-menu>li>a:hover {
color: #fff;
border-top: none;
background: #69acc7;
} .slider {
position: fixed;
top: 80px;
height: 100%;
width: 100%;
z-index: 5;
}
.absolute__img {
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -49px;
z-index: 99;
}
.slider .btn {
margin: 0px 10px 0;
}
.carousel-caption {
top: 50%;
margin-top: -270px;
font-size: 24px;
color: #fff;
text-transform: none;
}
.carousel-caption p.blue {
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
font-family: Arial;
background-color: #69acc7;
padding: 10px 20px;
display: inline-block;
}
.carousel-caption h1 {
text-transform: uppercase;
color: #fff;
}
.carousel-caption p {
text-shadow: 1px 1px 3px #666666;
font-weight: 400;
font-family: Arial;
color: #e0e0e0;
font-size: 18px;
text-transform: none;
margin: 35px 0 20px 0;
}
.carousel-caption h1 span {
color: #ffdd3c;
border: 2px solid #fff;
padding: 0 4px 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.carousel-control {
background: none;
opacity: 1;
position: absolute;
top: 0%;
margin-top: 0px;
-moz-opacity: 1;
}
.carousel-control span {
position: absolute;
top: 36%;
}
.carousel-control .carousel-control-left {
background: url(//www.musechem.com/wp-content/themes/images/prev.png) no-repeat;
width: 57px;
height: 57px;
left: 25px;
}
.carousel-control .carousel-control-right {
background: url(//www.musechem.com/wp-content/themes/images/next.png) no-repeat;
width: 57px;
height: 57px;
right: 25px;
}
.carousel-control .carousel-control-left:hover {
background: url(//www.musechem.com/wp-content/themes/images/prev_a.png) no-repeat;
}
.carousel-control .carousel-control-right:hover {
background: url(//www.musechem.com/wp-content/themes/images/next_a.png) no-repeat;
}
.boxess .carousel-control .carousel-control-left {
top: 50%;
margin-top: -7px;
}
.boxess .carousel-control .carousel-control-right {
top: 50%;
margin-top: -7px;
}
.boxess .carousel-caption {
top: 110px;
margin-top: 0;
}
.boxess {
background-color: #fff;
position: relative;
margin-bottom: 82px;
}
.boxess .carousel-caption h1 {
font-size: 40px;
line-height: 40px;
} .row.nice__title {
background: url(//www.musechem.com/wp-content/themes/images/pattern_lines.png) repeat;
padding: 60px 0 80px 0;
font-size: 18px;
}
.nice__title h2 {
color: #fff;
text-transform: none;
font-weight: 500;
}
.row.nice__title img {
margin: 35px auto;
}
.row.nice__title p {
margin-top: 25px;
font-weight: 300;
font-family: Calibri, Arial, sans-serif;
color: #fff;
text-align: justify;
} .main__middle__container .row ul, .main__middle__container .row ol {
padding-left: 20px;
}
.main__middle__container {
width: 100%;
}
.homepage {
position: relative;
margin-top: 33%;
z-index: 111;
background: #fff;
}
.row {
padding: 45px 0;
}
.row.pd0{
padding:0;
}
.row.with__sep {
background: url(//www.musechem.com/wp-content/themes/images/lines.png) repeat-x left bottom;
} p.big-paragraph {
font-size: 14px;
text-transform: uppercase;
padding-top: 15px;
color: #69acc7;
}
.orange {
color: #69acc7;
font-size: 14px;
text-transform: none;
padding: 0 0 10px 0;
}
.black-text {
color: #1e1e1e;
}
.to_top {
margin-top: -80px !important;
}
.line__bg {
width: 100%;
margin: 0;
padding: 75px 0;
margin-top: -5px;
background: url(//www.musechem.com/wp-content/themes/images/image_1920x1000.jpg) no-repeat;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 100%;
}
.line__bg h3 {
color: #fff;
}
.line__bg p {
color: #fff;
}
.testimonials p {
color: #fff;
text-transform: none;
font-size: 14px;
line-height: 18px;
}
.testimonials p small {
font-size: 14px;
color: rgba(255,255,255,0.8);
font-weight: normal;
}
.testimonials p.small-paragrapher {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
font-family: 'Arvo', serif;
color: #eeeeee;
}
.testimonials img {
width: 100%;
margin: 40px auto;
}
img.full-width {
width: 100%;
}
.line__bg ol.carousel-indicators {
bottom: -10px;
padding-left: 0;
}
.line__bg .carousel-indicators li {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border: none;
margin: 0 3px;
width: 10px;
height: 11px;
background: url(//www.musechem.com/wp-content/themes/images/pager.png) no-repeat center center;
}
.line__bg .carousel-indicators li.active, .line__bg .carousel-indicators li:hover {
background: url(//www.musechem.com/wp-content/themes/images/pager_a.png) no-repeat center center;
} .icons__blocks {
background: url(//www.musechem.com/wp-content/themes/images/bg_pattern.png) repeat left center;
width: 100%;
margin: 0;
padding: 80px 0 80px;
}
.icons__blocks h2 {
color: #fff;
background: url(//www.musechem.com/wp-content/themes/images/lines.png) repeat-x left center;
}
.icons__blocks h3 a {
color: #fff;
}
.icons__blocks h3 a:hover {
color: #77beec;
}
.icons__blocks h2 span {
background: url(//www.musechem.com/wp-content/themes/images/bg_pattern.png) repeat left center;
padding: 0 40px;
}
.icons__blocks p.small-paragraph {
position: relative;
margin-top: 5px;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 40px;
color: #5c5c5c;
font-weight: 800;
}
.icons__blocks p {
margin-top: 20px;
}
.icons__blocks img.img-rounded {
width: 100%;
}
.separator {
background: url(//www.musechem.com/wp-content/themes/images/lines.png) repeat-x left 30px;
}
.separator.sub {
position: relative;
top: 80px;
margin-bottom: 20px;
} .grey-info-block {
width: 100%;
position: relative;
z-index: 200;
margin: -5px 0 0 0;
z-index: 9;
padding: 45px 0 85px 0;
background: url(//www.musechem.com/wp-content/themes/images/sep_top.png) repeat-x left top, url(//www.musechem.com/wp-content/themes/images/sep_bottom.png) repeat-x left bottom;
color: #999;
}
.grey-info-block h2 {
margin: 45px 0 0 0;
padding: 0;
} .grey-info-block>.container {
position: relative;
}
.grey-info-block h3 {
padding-bottom: 10px;
}
.grey-info-block .col-md-6 img {
width: 100%;
margin: 0;
height: auto;
}
.grey-info-block .col-md-6 img {
width: 540px;
margin: 0;
height: 300px;
}
.grey-info-block p.small-paragraph {
padding: 0px 0 65px 0;
}
.grey-info-block .col-md-6 p.small-paragraph {
padding-bottom: 10px;
}
.grey-info-block img {
margin-bottom: 20px;
}
.grey-info-block .btn {
margin-top: 10px;
} .three__blocks {
padding-top: 50px !important;
background: #f8f8f8;
background-size: auto 100%;
position: relative;
z-index: 99;
}
.three__blocks.bottomer {
background-position: left bottom;
background-size: auto auto;
}
.three__blocks .container h3 {
color: #2c3e50;
margin-top: 40px;
}
.three__blocks .container h3 span {
color: #999;
font-size: 14px;
font-weight: 400;
font-family: Calibri, Arial, sans-serif;
text-transform: uppercase;
display: block;
}
.three__blocks .col-md-4 img {
width: 100%;
height: auto;
}
.three__blocks .col-md-4 .seper {
margin: 10px auto;
}
.three__blocks .col-md-4 h3 {
padding-top: 45px;
line-height: 24px;
padding-bottom: 0px;
display: block;
}
.three-blocks {
background: url(//www.musechem.com/wp-content/themes/images/line_bg.jpg) no-repeat center top;
background-size: 100% 100%;
}
.three-blocks .container .row:first-child {
padding: 55px 10%;
}
.three-blocks h2 {
color: #fff;
text-transform: none;
padding: 0;
}
.three-blocks p {
padding: 15px 0 0 0;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
font-weight: 800;
font-size: 14px;
}
.three__blocks p.smaller {
margin-top: -10px;
margin-bottom: 20px;
}
.three__blocks p.smaller small {
font-size: 14px;
color: #a5a5a5;
}
.three__blocks img {
margin: 0 auto 20px auto;
}
.three__blocks p:last-child {
margin-top: 30px;
} .recent-posts h2 {
margin: 45px 0 0 0;
padding: 0;
}
.recent-posts>.container {
position: relative;
}
.recent-posts p.small-paragraph {
padding: 0px 0 25px 0;
}
.recent-posts .sep img {
background: url(//www.musechem.com/wp-content/themes/images/bg_pattern.jpg) repeat;
}
.recent-posts .col-md-9, .recent-posts .col-md-3 {
margin-top: 40px;
}
.recent-posts .col-md-9 .text {
float: left;
width: 55%;
margin-left: 2%;
}
.recent-posts .col-md-9 .text h3 {
margin-top: -1px;
margin-bottom: 15px;
line-height: 24px;
}
.recent-posts .col-md-9 .text p {
padding: 5px 0;
}
.recent-posts .col-md-9 .text p.small-paragraph {
margin-bottom: 15px;
padding: 0;
}
.recent-posts .col-md-9 img {
width: 43%;
}
.recent-posts .col-md-9 article {
margin-bottom: 50px;
}
.icon-item {
margin-bottom: 35px;
}
.recent-posts .col-md-3 .icon-item h4 {
padding: 0px 0 5px 0;
}
.recent-posts .col-md-3 .icon-item img {
max-width: 100%;
}
.recent-posts .col-md-3 .icon-item p {
padding: 0px 0 10px 0;
margin: 0;
}
.icon-item .btn {
width: 100%;
} .socialicon {
position: relative;
display: inline-block;
width: 32px;
margin-right: 5px;
height: 32px;
}
.socialicon-twitter {
background: url(//www.musechem.com/wp-content/themes/images/twitter.png) no-repeat;
}
.socialicon-facebook {
background: url(//www.musechem.com/wp-content/themes/images/facebook.png) no-repeat;
}
.socialicon-google {
background: url(//www.musechem.com/wp-content/themes/images/google.png) no-repeat;
}
.socialicon-mail {
background: url(//www.musechem.com/wp-content/themes/images/mail.png) no-repeat;
}
.socialicon-twitter:hover {
background: url(//www.musechem.com/wp-content/themes/images/twitter_a.png) no-repeat;
}
.socialicon-facebook:hover {
background: url(//www.musechem.com/wp-content/themes/images/facebook_a.png) no-repeat;
}
.socialicon-google:hover {
background: url(//www.musechem.com/wp-content/themes/images/google_a.png) no-repeat;
}
.socialicon-mail:hover {
background: url(//www.musechem.com/wp-content/themes/images/mail_a.png) no-repeat;
} .contact-form {
}
.contact-form .col-md-6 {
padding: 0 20px 0 0;
}
.contact-form .col-md-6:nth-child(2) {
padding: 0 0px 0 0;
} aside h3 {
line-height: 11px;
margin-bottom: 40px;
}
aside img {
width: 100%;
margin-bottom: 10px;
}
aside ul li {
border-bottom: 1px solid #e5e5e5;
padding: 10px 0;
}
aside ul li:last-child {
border-bottom: none;
}
aside a.btn {
margin: 20px 0 40px;
} .main-content h2 {
line-height: 11px;
margin-bottom: 40px;
} footer {
background: #333;
position: relative;
z-index: 111;
color: #cecece;
}
footer a {
color: #cecece;
}
footer a:hover {
color: #69acc7;
}
footer h3 {
padding-bottom: 20px;
color: #fff;
}
footer hr {
border-top: 1px solid #4e4e4e;
margin: 40px 0 0 0;
}
footer p span {
color: #fff;
}
footer>.container>.row:first-child {
padding: 45px 0;
}
footer .text-center {
padding: 40px 0;
margin: 0;
}
footer .form-group {
width: 90%;
}
footer button.btn-info {
position: relative;
top: 10px;
}
footer button.btn-info:focus {
outline: none;
}
.copyright {
background-color: #f8f8f8;
color: #51595f;
margin: 0;
font-size: 14px;
font-family:Arial;
position: relative;
z-index: 200;
} .img-responsive {
width: 255px;
height: 146px;
margin: 0 auto;
}
.no-margin {
position: relative;
margin: 0;
}
.no_padding {
padding: 0px 0 80px 0;
}
.row.nothing {
padding-left: 0px !important;
padding-right: 0px !important;
}
@media(max-width:1600px) {
.carousel-caption h1 {
font-size: 40px;
line-height: 50px;
padding: 40px 0;
}
}
@media(max-width:1310px) {
.carousel-caption {
font-size: 14px;
top: 55%;
}
.carousel-caption h1 {
font-size: 30px;
line-height: 40px;
}
.slider .btn {
margin: 0 10px;
}
.carousel-caption p {
margin: 30px 0;
}
.navbar-default .navbar-nav>li {
margin-left: 0px;
}
}
@media(max-width:990px) {
.main__middle__container h3.heading.white {
background: none;
}
.icon-item {
text-align: center;
}
.carousel-caption {
font-size: 13px;
top: 50%;
margin-top: -110px;
left: 15%;
right: 15%;
}
.carousel-caption h1 {
font-size: 20px;
line-height: 30px;
margin-bottom: 0px;
padding: 5px 0;
background: none;
}
.carousel-caption p {
margin: 10px 0;
}
.boxess .carousel-caption h1 {
font-size: 20px;
line-height: 20px;
}
.carousel-control .carousel-control-left {
left: 5px;
} .carousel-control .carousel-control-right {
right: 5px;
} .carousel-control {
width: auto;
}
.boxess .carousel-control {
width: auto;
top: 50%;
margin-top: -27px;
}
.boxess .carousel-caption {
top: 50%;
margin-top: -80px;
}
.navbar-default .navbar-nav>li {
margin-left: 0px;
}
.navbar-default .navbar-nav>li>a {
font-size: 10px;
padding: 35px 15px;
}
}
@media(max-width:768px) {
h1.page_title {
padding: 20px 30px;
}
.recent-posts .col-md-9 .text {
margin-left: 0px;
}
.navbar-toggle {
top: 25px;
}
.recent-posts .col-md-9 .text h3 {
margin-top: 15px;
margin-bottom: 5px;
}
.three-blocks p {
padding: 20px 0 10px 0;
margin-bottom: 0px;
}
.recent-posts .col-md-9 .text, .recent-posts .col-md-9 img {
float: left;
width: 99%;
}
header.with-boxed {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
min-width: auto;
height: 300px;
}
.homepage {
margin-top: 80%;
}
.navbar-collapse {
height: 0px;
border-top: none;
overflow: hidden;
}
.navbar-collapse.navbar-left {
margin-top: 110px;
margin-bottom: -20px;
}
.navbar-collapse.in {
display: block !important;
}
.navbar-default .navbar-nav {
padding: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li {
display: block;
width: 100%;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #51595f;
display: block;
width: 100%;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: #222;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:focus:hover {
color: #51595f;
background-color: transparent;
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 15px;
}
.navbar-default .navbar-nav>li {
display: block;
padding: 10px 0;
text-align: center;
margin-left: 0px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
background-color: #fff;
}
.navbar-default .navbar-toggle {
border-color: #51595f;
top: 20px;
right: 5px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #51595f;
}
.navbar-default .navbar-toggle:hover .icon-bar {
background-color: #69acc7;
}
.navbar-default .navbar-nav>li a {
padding: 5px 0;
}
.three-blocks {
background-size: 100% 100%;
}
h1.page_title {
padding: 10px 30px;
line-height: normal;
font-size: 24px;
}
h2.page__title {
font-size: 24px;
line-height: normal;
}
h1 {
font-size: 24px;
line-height: normal;
}
.carousel-control span {
margin-top: 0px;
top: 50%;
}
.boxess .carousel-control .carousel-control-right {
top: 8%;
}
.boxess .carousel-control .carousel-control-left {
top: 8%;
}
.main__middle__container {
overflow: hidden;
}
.carousel-caption {
display: none;
}
.slider {
position: absolute;
}
.boxess {
position: relative;
}
}
@media(max-width:600px) {
.slider .btn {
display: none;
}
}
@media(max-width:440px) {
.carousel-caption {
display: none;
}
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.active {
opacity: 1;
}
.active.left,  .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.next.left,  .prev.right {
opacity: 1;
}
}
.carousel-control {
z-index: 2;
}
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
} #portfolio {
padding: 30px 0px 40px 0px;
overflow: hidden;
}
#portfolio ul.controls {
padding: 0px 0 20px 2px;
overflow: hidden;
margin: 20px 0;
border-bottom: #69acc7 solid 2px;
}
#portfolio ul.controls li {
float: left;
color: #000;
font-weight: 400;
font-size: 15px;
padding: 5px 15px;
cursor: pointer;
}
#portfolio ul.controls li:hover, #portfolio ul.controls li.active {
padding: 4px 15px;
color: #69acc7;
margin: 0 -1px;
border: 1px solid #69acc7;
}
#portfolio ul#Grid {
margin: 0 0 30px 0;
padding: 0;
position: relative;
}
#portfolio ul#Grid li {
padding: 0 1px 1px 0;
margin: 0;
display: none;
position: relative;
}
#portfolio ul#Grid li a {
display: block;
position: relative;
color: #fff;
}
#portfolio ul#Grid li span.overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
text-indent: -9999px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
background: #000;
}
#portfolio ul#Grid li:hover span.overlay {
visibility: visible;
opacity: 0.2;
filter: alpha(opacity=20);
}
#portfolio ul#Grid span.text {
padding: 0px 10px;
height: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
z-index: 10;
overflow: hidden;
font-size: 22px;
font-weight: 400;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
color: #FFF;
line-height: 30px;
background: #69acc7;
}
#portfolio ul#Grid li:hover span.text {
background: #69acc7;
opacity: 0.9;
}
#portfolio ul#Grid span.text span {
color: #f9f9f9;
font-weight: 400;
display: block;
font-size: 14px;
text-transform: none;
line-height: 22px;
}
#portfolio ul#Grid span.text:after {
border-color: rgba(63, 141, 191, 0);
border-bottom-color: #69acc7;
border-width: 10px;
margin-left: -10px;
}
#portfolio ul#Grid span.text:before {
border-color: rgba(63, 141, 191, 0);
border-bottom-color: #69acc7;
border-width: 16px;
margin-left: -16px;
}
#portfolio ul#Grid li:hover span.text {
padding: 10px 10px;
height: auto;
overflow: visible;
text-decoration: none;
} a.submenu {
display: none;
position: absolute;
right: 5px;
top: 23px;
width: 44px;
height: 34px;
text-indent: -9999px;
outline: none;
-webkit-transition: all ease 0s;
-moz-transition: all ease 0s;
-o-transition: all ease 0s;
transition: all ease 0s;
background: url(//www.musechem.com/wp-content/themes/images/submenu.jpg) top left no-repeat;
}
a.submenu:hover {
background: url(//www.musechem.com/wp-content/themes/images/submenu.jpg) bottom left no-repeat;
}
.menuBar {
padding-right: 15px; }
.menuBar ul {
list-style: none;
}
.menuBar li {
position: relative;
float: left;
}
.menuBar li a {
color: #51595f;
border-bottom: 2px solid transparent;
font-size: 12px;
padding: 35px 25px;
display: block;
font-weight: 600;
font-family: Arial;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: uppercase;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
line-height: 20px;
}
.menuBar li a:hover {
background-color: #f9f9f9;
color: #51595f;
box-shadow: 0 0 0 1px #f6f6f6 inset;
border-color: #69acc7;
text-decoration: none;
}
.menuBar li.active a {
color: #69acc7;
border-color:#69acc7;
}
.menuBar li ul {
position: absolute;
left: 0px;
border-radius: 0px;
padding: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
background: #fff;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
top: 85%;
opacity: 0;
visibility: hidden;
height: 0px;
}
.menuBar li:hover ul {
top: 100%;
opacity: 1;
visibility: visible;
height: auto !important;
}
.menuBar li li {
margin: 0px;
float: none;
border-bottom: 1px solid #ededed;
}
.menuBar li li a {
color: #2a2a2a;
border: 0px;
font-size: 11px;
line-height: 11px;
padding: 15px 10px;
font-weight: 400;
text-transform: uppercase;
white-space: nowrap;
}
.menuBar li li a:hover {
color: #fff;
background: #69acc7;
}
@media(min-width:768px) {
.menuBar ul, .menuBar {
display: block !important;
}
.menuBar li {
margin-left: -5px;
}
.menuBar li a {
font-size: 10px;
padding: 35px 15px;
}
}
@media(min-width:992px) {
.menuBar li {
margin-left: 0px;
}
.menuBar li a {
font-size: 11px;
padding: 35px 25px;
}
}
@media(min-width:1200px) {
.menuBar li {
margin-left: 0px;
}
.menuBar li a {
font-size: 11px;
}
}
@media only screen and (max-width: 767px) {
a.submenu {
display: block;
}
.menuBar {
padding: 10px 0px 10px 0px;
float: none;
max-height: 350px;
overflow: auto;
width: 100%;
display: none;
}
.menuBar ul {
padding: 0px;
margin: 0px;
}
.menuBar li {
margin: 0px;
float: none;
text-align: center;
}
.menuBar li a {
padding: 7px 0px;
outline: 0px;
}
.menuBar li ul {
position: static;
left: 0px;
top: 0px;
opacity: 1;
visibility: visible;
display: none;
height: auto;
}
.menuBar li li {
border: 0px;
}
.menuBar li.dropdown:hover, .menuBar li.dropdown.active {
border-bottom: #69acc7 solid 0px;
}
.menuBar li.current {
border-bottom: #69acc7 solid 2px;
}
.slider {
overflow: hidden;
max-width: 100%;
}
.main__middle__container {
overflow: hidden;
max-width: 100%;
}
footer {
overflow: hidden;
max-width: 100%;
}
#portfolio ul#Grid a.link span {
font-size: 11px;
line-height: 15px;
}
#portfolio ul.controls li {
padding: 5px 10px;
}
}
@media(min-width:768px) and (max-width:991px) {
#portfolio ul#Grid a.link {
font-size: 18px;
}
#portfolio ul#Grid a.link span {
font-size: 11px;
line-height: 15px;
}
.slider {
position: absolute;
}
.boxess {
position: static;
}
.carousel-caption {
top: 40%;
}
.carousel-caption a.btn {
display: none;
}
.menuBar li ul {
top: 100%;
opacity: 1;
visibility: visible;
height: auto;
display: none !important;
}
.menuBar li:hover ul {
top: 100%;
opacity: 1;
visibility: visible;
height: auto !important;
display: block !important;
}
.contact-us {
overflow: hidden;
}
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
min-width: 100%;
height: auto;
}
@media only screen and (max-width: 767px) {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
min-width: auto;
height: 300px;
}
} .one_half_pad {
width: 44%
}
.one_third_pad {
width: 27%
}
.one_fourth_pad {
width: 19%
}
.one_fifth_pad {
width: 14%
}
.one_sixth_pad {
width: 10.5%
}
.two_fifth_pad {
width: 37%
}
.two_third_pad {
width: 60%
}
.two_fourth_pad {
width: 43%
}
.two_fifth_pad {
width: 33%
}
.three_fifth_pad {
width: 58.4%
}
.three_fourth_pad {
width: 74%
}
.four_fifth_pad {
width: 67.2%
}
.five_sixth_pad {
width: 82.67%
}
.one_half_pad, .one_third_pad, .two_third_pad, .three_fourth_pad, .one_fourth_pad, .one_fifth_pad, .two_fifth_pad, .two_fourth_pad, .two_fifth_pad, .three_fifth_pad, .four_fifth_pad, .one_sixth_pad, .five_sixth_pad {
float: left;
margin-bottom: 20px;
margin-left: 3%;
margin-right: 3%;
position: relative
}
.one_half {
width: 48%
}
.one_third {
width: 30.5%
}
.one_fourth {
width: 22%
}
.one_fifth {
width: 16.8%
}
.one_sixth {
width: 13.33%
}
.two_fifth {
width: 37.6%
}
.two_third {
width: 65.33%
}
.two_fourth {
width: 48%
}
.three_fifth {
width: 58.4%
}
.three_fourth {
width: 74%
}
.four_fifth {
width: 67.2%
}
.five_sixth {
width: 82.67%
}
.one_half, .one_third, .two_third, .two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
float: left;
margin-bottom: 10px;
margin-right: 4%;
position: relative
}
.column-last {
clear: right;
margin-right: 0!important
}
.dc_tabs_type_2 .one_third {
width: 29%
}
.clr {
clear: both;
margin: 0;
padding: 0;
width: 100%
}
.dc_clear {
clear: both;
font-size: 0px;
line-height: 0px;
margin: 0;
padding: 0;
width: 100%
}
.panel-primary {
border-color: #f1f1f1;
}
.panel-primary>.panel-heading,.panela>.panel-heading{
color: #51595f;
background-color: #f9f9f9;
border-color: #e5e5e5;
border-bottom: 1px #e5e5e5 solid;
}
.main__middle__container .row .list-group{
padding-left: 0;
margin-bottom: 0;
}
.panel-group .panel+.panel{
margin-top: 0;
border: 0;
}
.panel{
border:0;
}
.nopadding{
padding: 0;
border-right: none;
border-top: none;
border-left: none;
border-bottom:1px solid #b6b6b6
}
.list-btn{
color: #777777;
background:#f9f9f9;
padding:15px 0px 15px 10px;
width: 100%;
height: 100%;
border: none;
text-align: left;	
}
.list-btn:focus{
outline: none;
background: #69acc7;
}
.panel-primary>.panel-heading>h4,.panela>.panel-heading>h4{
font-weight: 400;
padding: 5px 0;
}
.panel-primary>.panel-heading:hover{
color: white;
background: #69acc7;
}
.list-btn:hover{
background: #69acc7;
}
.pr{
position: relative;
width: 100%;
}
.input-group .form-control.h37{
height: 36px;
border-radius: 4px;
}
.bg-white{
background: white;
cursor: pointer;
position: absolute;
right: 2px;
width: 38px;
border: none;
top: 1px;
height: 34px;
line-height: 23px;
}
.changecolor{
color: #69acc7;
}
.p5{
padding: 30px 0;
}
.pb40{
padding-bottom: 40px;
text-align: justify;
color: #666;
font-size: 16px;
overflow: hidden;
}
.pt15{
padding-top: 15px;
}
@media only screen and (max-width: 767px){
.pt15{
padding-top: 0;
}
.pb40{
padding-bottom: 40px;
text-align: left;
color: #666;
font-size: 16px;
overflow: hidden;
}
}
.product-img{
float: right;
width: 50%;
margin-left: 15px;
}
.st{
float: left;
overflow: hidden;
width: 100%;
line-height: 30px;
font-size: 16px;
}
.dc_tables2_6 tr{
border-bottom: 1px solid #ccc;
}
.dc_tables2_6 tr td{
border-right:1px solid #ccc; 
}
.dc_tables2_6 thead tr th{
border-left: 1px solid #ccc;
text-align: center;
}
.product-table-a{
display: inline-block;
width: 70%;
height: 80%;
background: #69acc7;
color: white;
border-radius: 5px;
padding: 5px;
}
.product-table-a:visited{
text-decoration: none;
color: whitesmoke;
}
.product-table-a:focus{
text-decoration: none;
}
.product-table-a:hover{
text-decoration: none;
color: #575757;
}
.dc_tables2_6 .ptb5{
padding: 3px 3px;
}
.width50{
width: 50%;
}
.m-bottom12{
margin-bottom: 12px;
}
.ptop18{
padding-top: 18px;
}
label.require:after{
color: #d00;
content: "*";
position: absolute;
margin-left: 8px;
top:3px;
}
.sub-color{
background: #69acc7;
}
.btn-submit{
border-radius: 5px;
background: #69acc7;
border: none;
color: white;
}
.btn-submit:hover{
text-decoration: none;
color: #575757;
cursor: pointer;
}
.ptop20{
padding-top: 20px;
}
.dc_tables2_2 .pdtail-th{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #666666;
}
.first{
width: 25%;
font-weight: 800;
}
.services-img{
display: block;
margin: 0 auto;
width: 50%;
}
.services-head{
text-align: center;
}
.pt40{
padding-top: 40px;
}
.ptb30{
padding: 28px 0;
}
.searchh4{
color: #666;
margin-bottom: 20px;
font-weight: 400;
}
.panel-heading h4{
font-family: Arial;
}
.thanks{
margin-top: 15%;
}
.thanks strong{
font-size: 20px;
line-height: 40px;
}
.errorp1{
font-size: 18px;
line-height: 40px;
color: #666;
}
.errorp2{
color: #666;
}
form .row.ptop20{
color: #666;
}
.textbreak{
word-break: break-all;
}
.panel-primary>.panel-heading.hactive{
background: #69acc7;
color: whitesmoke;
}
.p-detail-color{
color: #222;
} .produc-detail-img {
display: block;
width: auto;
height: auto;
max-height: 200px;
max-width: 350px;
min-height:180px;
min-width: 180px;
margin: 0 auto;
border-radius: 4px;
}
.introduction{
float: left;
border: none;
height: 30px;
padding: 0 20px;
outline: none;
border-radius: 5px;
}
.email{
float: left;
border: none;
height: 30px;
padding: 0 20px;	
margin-left: 20px;
outline: none;
border-radius: 5px;
}
@media only screen and (max-width: 767px){
.introduction{
width: 100%;
float: left;
border: none;
height: 30px;
padding: 0 20px;
outline: none;
border-radius: 5px;
}
.email{
width: 100%;
float: left;
border: none;
height: 30px;
padding: 0 20px;	
margin-left: 0;
margin-top: 10px;
outline: none;
border-radius: 5px;
}
.mobilefix{
position: fixed;
width: 100%;
top: 90px;
z-index: 666;
margin-left: -2px;
}
.mobilecontent{
margin-top: 136px;
} header.normal{
position: relative;
}
}
.product_active{
background: #69acc7;
color:#fff;
}
.product_non_active{
background:#e3e3e3;
}
.clear{
height: 70px;
overflow: hidden;
}
.appear{
display: block !important;
}
.detail_form{
display: none;
}
.disappear{
display: none;
}
.dc_table_s4 tr th{
width: 30%;
}
.mt0{
margin-top: 0;
}
.footer h3{
text-align: center;
}
.footer p{
text-align: center;
}
.dc_tables2_6 th {
width: 20%;
color: #196593
}
.dc_tables2_6 tr td{
text-align: left;
color: #196593;
word-break: break-all;
}
.dc_tables2_6 caption{
width: 100%;
text-align: left;
background: #196593;
color: white;
font-size: 16px;
height: 35px;
line-height: 35px;
padding-left: 10px;
}
.dc_tables2_6 .zzlast{
border-bottom: none;
background: white;
}
.dc_tables2_6 tbody tr:hover{
background-color: #f5fbff;
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
color: #51595f;
}
.leftMenu {
cursor: pointer; 
}
.structured-data-markup {
display: none;
}
.mobileBar{
display: none;
}
.panela{
margin-bottom: 0;
overflow: hidden;
border-radius: 4px;
border-color: #f1f1f1;
}
.tx{
font-weight: 700;
color: #69acc7;
}
.fr{
float: right;
}
.dc_tables2_6{
table-layout: fixed;
}
.dc_tables2_6{
table-layout: fixed;
width: 100%;
}
.inquiry-comm-box{
display: block;
width: 100%;
padding: 7px 8px;
background: #fff;
border: 1px solid #c1c1c1;
border-radius: 4px;
resize: none;
height: 80px;
font-size: 14px;
line-height: 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: height .3s ease-in-out;
transition: height .3s ease-in-out;
}
.img-container-block { width: 100%;
height: 100%;
line-height: 100%;
text-align: center;
}
.img-container-block img {
display: block;
width: auto;
height: auto;
max-height: 200px;
max-width: 350px;
margin: 0 auto;
border-radius: 4px;
}
.row-product-dt-hd{
display:flex;
flex-wrap: wrap;
}
.ct-product-dt-img{
display: flex;
justify-content: center;
align-items: center; 
margin-bottom: 15px;
}
figure figcaption {
text-align: center;
margin-top:3px;
}
.centered-image{
display: flex;
justify-content: center;
align-items: center;
}
.mail-f-title{
color:#323131;
font-size:17px;
font-weight: 700;
line-height: 1.3;
clear:both;
}
.mail-f-input{
height: 42px;
background-color: rgba(0,0,0,.05);
}
.mail-f-textarea{
height: 102px;
background-color: rgba(0,0,0,.05);
}
.mail-f-input:focus{
background-color: rgba(0,0,0,.03);
}
.mail-f-div{
margin-top: 12px;
}
.mail-f-select{ background-color:rgba(0,0,0,.05);
border: 1px solid #ccc;
border-radius: 4px; padding-left:15px;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit; 
z-index: 1;
outline: none;
color: #69acc7;
height: 42px;
}