/*
Theme Name:     metalserve
Description:    
Author:         sikich
Template:       Avada

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


.header-button-area {text-align:right;}

.fusion-page-title-row {overflow:visible !Important;}
.gallery-container {
    width: 500px;
    max-width: 100%;
    margin: 0px auto;
}
.gallery-container .tp-thumb-title {display:none !important;}

.gallery-container .rev_slider_wrapper .shadow-left {display:none !important;}
.fusion-page-title-captions {
    vertical-align: bottom !important;
    padding-bottom:30px !important;
}

.largeredtitle {
    font-size: 24px;
    color: #cc3333;
    line-height: 29px;
}

.red {
    font-size: 22px !important;
    line-height: 30px !Important;
}

.left-form {
    float: left;
    width: 49%;
    padding-right: 1%;
}

.left-form, .right-form{margin-bottom:5px;}

.right-form {float:right; width:50%;}

.left-form label, .right-form label {
    float: left;
    display: inline-block;
    width: 20%;
}

.left-form .wpcf7-form-control-wrap, .right-form .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    float: right;
    width: 80%;
}

.form-area {width:100%; display:block; clear:both;}

body.blog h2.entry-title{font-size: 16px !important;
line-height: 20px !important;    display: block;
margin-top:0px !Important;
    -webkit-margin-after: 1em;
    -webkit-margin-end: 0px;}
    .mobile-copyright {display:none;}
    
    .fusion-main-menu .sub-menu li a {
    border-bottom: none !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  
}


body.blog .fusion-meta-info {display:none !important;}
body {
    background-color:#BABABA !important;
}
.fusion-main-menu .sub-menu {
    border-top: none !important;
}
.fusion-main-menu .sub-menu li a:hover, .fusion-footer-widget-area a:hover{color:#cc3333 !important;}
    
img.alignnone {margin-bottom:10px;}
select.homepage-links {width:100%; max-width:100%;}

.fusion-page-title-bar {background-size:cover !Important;}

.home-services-boxes.blue, .home-services-boxes.blue h1 {color:#ffffff !important;}

a:visited .red {
    text-decoration: none;b
    color: #cc3333;
}
a:link .red {
    color: #cc3333;
    text-decoration: none;
}
.red {
    color: #C00;
}

.fusion-page-title-captions {
    text-shadow: rgba(255,255,255,0.5) 0px 0px 20px, rgba(255,255,255,0.8) 0px 0px 20px, rgba(255,255,255,0.5) 0px 10px 20px, rgba(255,255,255,0.5) 10px 0px 20px, rgba(255,255,255,0.5) 0px 0px 20px, rgba(255,255,255,0.8) 0px 0px 20px, rgba(255,255,255,0.5) 0px 10px 20px, rgba(255,255,255,0.5) 10px 0px 20px, rgba(255,255,255,0.5) 0px 0px 20px, rgba(255,255,255,0.8) 0px 0px 20px, rgba(255,255,255,0.5) 10px 10px 100px, rgba(255,255,255,0.5) 10px 20px 100px;
}

#main{
    background: url(/wp-content/uploads/2016/11/metal-bg.gif);
}
#main .fusion-row{
    padding: 30px;
    background: #E1E1E1;
}

body.home #main .fusion-row{
    padding: 0px !important;
    background:inherit !important;
}

h1 {text-transform:uppercase !important;}

.fusion-footer-widget-area {
    background-color: transparent !important;
    border: none !important;
}

.fusion-footer-copyright-area {
    background-color: transparent !important;
    border: none !important;
}
#wrapper {background:transparent !important;}

.post-content .blue-buttons {padding: 5px 30px !important;}
.fusion-fullwidth {
    margin-left:-30px !Important; 
    margin-right:-30px !Important;}
.home-services-boxes{}
.home-services-boxes img{width:100% !important;}

.fusion-header-v4 {
    background: url(https://www.metalserve.com/wp-content/uploads/2016/11/header.jpg) !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    padding-bottom:20px !important;
}

.fusion-header {background:transparent !important;}

.header-bottom{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ababab+0,707070+100 */
background: #ababab; /* Old browsers */
background: -moz-linear-gradient(top,  #ababab 0%, #707070 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ababab 0%,#707070 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ababab 0%,#707070 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
    display: block;
    height: 10px;
}
.homepage-slider{
    margin-left:-30px !Important;
    margin-right:-30px !important;
    }
    body.home .tp-thumb .tp-thumb-image {background-image:url(https://www.metalserve.com/wp-content/uploads/2016/11/grey-gradient.jpg) !important;}
body.home .tp-thumb.selected .tp-thumb-image {background-image:url(https://www.metalserve.com/wp-content/uploads/2016/11/red-gradient.jpg) !important;}

.fusion-main-menu > ul > li > a {text-transform:uppercase;}

.fusion-main-menu > ul > li > a:after {
    content: "\f0da";
    font: normal normal normal 23px/1 FontAwesome;
    line-height: 40px !Important;
    color: #D5D5D5 !important;
    display: inline-block;
    margin-left: 15px;
    float: right;
}

.fusion-secondary-header {background:transparent !important; display:none !important;}
#wrapper {
    margin-top: 30px !important;
}
.fusion-header-tagline {
    font-size: 24px !important;
    line-height: 74px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 2pt !important;
    margin-bottom: 0px !important;
    text-align: right;
    margin-top: 0px !Important;
    height: 58px !important;
}

.fusion-header-v4 .fusion-header {padding-top:10px !Important; padding-bottom:10px !Important;}

.fusion-header-v4 .fusion-logo .fusion-header-content-3-wrapper {height:88px !important;}

.blue-buttons {
    background: url(https://www.metalserve.com/wp-content/uploads/2016/11/Blue-Button-Background.gif);
    color: #ffffff !important;
    text-transform: uppercase;
    background-size: 100% 100%;
     -o-transition:color 300ms ease-out, background 300ms ease-in;
  -ms-transition:color 300ms ease-out, background 300ms ease-in;
  -moz-transition:color 300ms ease-out, background 300ms ease-in;
  -webkit-transition:color 300ms ease-out, background 300ms ease-in;
  font-size:12px;
}
.top-buttons {
    display: inline-block !important;
    padding: 0px;
    max-width: 32.5% !important;
    width: 32.5%;
    text-align: center;
    line-height: 27px;
}


.red-buttons{
     background: url(https://www.metalserve.com/wp-content/uploads/2016/11/Red-Button-Background.gif);
    color: #ffffff !important;
    text-transform: uppercase;
    background-size: 100% 100%;
     -o-transition:color 300ms ease-out, background 300ms ease-in;
  -ms-transition:color 300ms ease-out, background 300ms ease-in;
  -moz-transition:color 300ms ease-out, background 300ms ease-in;
  -webkit-transition:color 300ms ease-out, background 300ms ease-in;
  font-size:12px;
    }
    
.red-buttons:hover, .blue-buttons:hover{background:url(https://www.metalserve.com/wp-content/uploads/2016/11/grey-button-background.gif);  background-size: 100% 100%;}
    
    
 .mobile-header-button-area{display:none;}   
.header-button-area .top-buttons:last-of-type {}

@media(min-width:801px) and (max-width:1100px){
    
    .fusion-main-menu > ul > li > a:after {
    content: none !Important;}
    
    .top-buttons {
    font-size: 11px !important;
}
.fusion-header-tagline {height:auto !important; font-size:15px !important;}
}

@media(min-width:801px){
    
    .mobile-only{display:none !Important;}
    
    .fusion-logo img {
    width: auto;
    float: left;
}
    
 body.home .fusion-one-fourth {
    width: 24% !important;
}

 body.home .fusion-layout-column {
    margin-right: 1% !important;
}
body.home .fusion-one-sixth {
    width: 17.3333% !important;
}
    .fusion-main-menu > ul > li {
    padding-right: 30px !important;
}
.fusion-main-menu > ul > li:last-child {
    padding-right: 0px !Important;
}


.logo-container{width:50%;}
h1.logo-name {
    line-height: 20px;
    margin: 0px !Important;
    padding-left: 10px;
    display: inline-block;
    padding-top: 50px;
}

.fusion-header-v4 .fusion-logo .fusion-header-content-3-wrapper {
    max-width: 50% !important;
}
}
@media(min-width:1101px) and (max-width:1248px) {
    .fusion-main-menu > ul > li > a {
    font-size: 12px !important;
}
}
@media(max-width:800px){
    
    .left-form, .right-form {
    float: none !important;
    width: 100% !Important;
    padding-right: 0px !important;
    paddin-left:0px !important;
}
    
    .fusion-footer-widget-area {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .fusion-footer-widget-area .fusion-columns .fusion-column:not(.fusion-column-last) {
    margin: 0 0 10px !important;
}
    h1.logo-name {display:none !Important;}
    
    .fusion-page-title-wrapper, .fusion-page-title-captions  {
    vertical-align: bottom !important;
    padding-bottom:0px !Important;
}
.fusion-page-title-captions 
    
    .fusion-fullwidth {
    margin-left: 0px !Important;
    margin-right: 0px !Important;
}
    .desktop-copyright {display:none !important;}
   .mobile-copyright {
    display: block !Important;
    text-align: center;
    color: #ffffff;
}
    #wrapper {
    margin-top: 0px !important;
}
    .fusion-mobile-menu-icons {margin-top:20px !important;}
    
    .fusion-mobile-menu-icons a:before {
    color: #333333 !important;
}

.fusion-mobile-menu-icons a {
    margin-left: 0px !important;
    color: #333333 !important;
    float: none !Important;
    font-size: 30px;
    line-height: 30px !important;
    padding: 8px 4px 8px 8px;
    border: solid 2px;
    margin-top: 10px !Important;
}

.mobile-header-button-area p {margin:0px !important;}

   .mobile-header-button-area {
    display:block !important;
    margin-bottom:10px;
}
    .fusion-header-tagline {display:none !Important;}
    .header-button-area{display:none !Important; }
    .fusion-header-v4 .fusion-logo .fusion-header-content-3-wrapper {display:none !important;}
    
    .top-buttons {
    max-width: 25% !important;
    width: 25%;
    font-size:12px !Important;
 
}
    
}

@media(min-width:801px){
    
    .blue-buttons.top-buttons.surplus-stock-mobile {display:none !important;}
}

@media(min-width:601px) and (max-width:800px) {
    
    .blue-buttons.top-buttons.surplus-stock-mobile {display:inline-block !Important;}
   .top-buttons.surplus-stock-desktop {display:none !Important;}
   .home-services-boxes {
    width: 49% !important;
    margin-right: 1% !important;
}

.fusion-spacing-no.fusion-four-fifth {
    width: 75% !important;
    padding-left: 5% !important;
}

.fusion-spacing-no.fusion-one-fifth {
    width: 20% !important;
}

.home-services-boxes .fusion-column-wrapper {height:400px !important;}

}
@media(max-width:600px){
    body.home .tp-thumbs-inner-wrapper {transform:scale(0.75);}
    
    .left-form label, .right-form label {
    float: none !important;
    display: block !important;
    width: auto !important;
}

.left-form .wpcf7-form-control-wrap, .right-form .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    float: none !important;
    width: 100% !important;
}
    

.left-form, .right-form{margin-bottom:5px; float:none !important; width:100% !important; margin:0px !important;}


    .fusion-one-fifth.fusion-layout-column.fusion-spacing-no {ext-align:center !important;}
    
    .top-buttons {
    max-width: 40% !important;
    width: 40%;
}
    
  .mobile-header-button-area .blue-buttons {display:none !important;}
}