/* Enter Your Custom CSS Here */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {-webkit-text-size-adjust: none;}

#portfolio-block .fusion-rollover-categories {display:none;}

.flip-box-front-inner, #four-icons-block .content-container {line-height:25px;}

#hide-block {display:none;}

#main {padding-top:0px !important;}

p {line-height:26px;}

#black-studio-tinymce-5 h3 {
  color:#fed03d;
  font-weight:700;
  margin-bottom:5px;
  margin-top:10px;}

#black-studio-tinymce-5 p {
  margin-top:0px;
  line-height:25px;}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a, .fusion-main-menu .sub-menu li a {
  padding-top:6px !important;
  padding-bottom:5px !important;}

#menu-item-1189 .menu-text {
  font-weight:600 !important;}

.cont-info .fa {margin-right:8px; color:#f9cf27;}

.fusion-column h4 {margin-bottom:10px !important;}

#portfolio-block .fusion-portfolio {margin-bottom:30px;}

.flip-box-grafix.flip-box-circle {border-color:transparent !important;}

body.has-sidebar #main .sidebar {margin-top:30px;}

.sidebar-services {
  background:rgba(0, 0, 0, 0) linear-gradient(to right, #fff, lightgoldenrodyellow) repeat scroll 0 0;
  margin-bottom:10px;}

.sidebar-services > span {
  color:#2159a8;
  font-size:17px;
  padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  font-weight:600;}

.sidebar-services img, .sidebar-services span {display:inline-block;}

.sidebar-services:hover {
  background:rgba(0, 0, 0, 0) linear-gradient(to right, #fff, #f9cf27) repeat scroll 0 0;}

#frame-img h3 {
  font-weight:600;
  margin-bottom:5px;
  margin-top:7px;
  color:#2159a8;}

.contact-page .label {
  display:inline-block; margin-bottom:10px; vertical-align:top;}

.label.label-zip {display:block;}

.contact-page input {height:38px !important;}

.label.comment {display:block;}

.contact-page textarea {height:100px; margin-bottom:10px;}

.contact-page {background:#2159a8 none repeat scroll 0 0; padding:10px;}

.contact-page .field {color:#fff; font-weight:600;}

/*.contact-page input, .contact-page textarea {
  background:rgba(255, 255, 255, 0.24) none repeat scroll 0 0 !important;}*/

.submit-btn input {background:#fed03d !important; font-weight:bold !important;}

.submit-btn input {height:auto !important;}

.fusion-contact-info {
  color:#fff;
  font-size:18px;
  font-weight:600;}

.fusion-contact-info > a {color:#fff !important;}

#quote-block-bg h2 {font-size:23px !important;}

#quote-btn {margin-top:-22px !important;}

.contact-page {margin:0 auto;}

.label input, .comment textarea {font-weight:bold !important;}

.fusion-logo {margin:10px 0 !important;}

#testimonial-block #bigHalfCircleCandy {fill:#f5f5f5 !important;}

#four-icons-block .fusion-content-boxes {margin-bottom:0px !important;}

/* DESKTOP CSS START HERE ------------------------------------*/
@media (min-width: 1200px){

body.has-sidebar #main .sidebar {width:27% !important;}

.fusion-page-title-bar {height:70px !important;}

.left {margin-right:20px;}

.contact-page .label {width:48%;}

.contact-page {padding:22px;}

.footer-col2 {
  width:15%;}

.footer-col3 {width:24%;}

.footer-col4 {width:36%;}

#quote-block-bg {
  margin-left:0px;
  margin-top:20px;
  margin-right:0px;}

.ui-timepicker-div dl dt {margin-top:-13px;}


}


/* MOBILE PORTRAIT CSS START HERE --------------------------------*/
@media (max-width: 480px) and (orientation : portrait){
  
  .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}
  
  .fusion-contact-info {padding:5px !important;}
  
  .fusion-header-separator, .fusion-contact-info > a {display:none;}
  
  .contact-page .label {display:block !important;}
  
  #qt-form .fusion-layout-column {width:auto !important;}


}  
 

/* MOBILE LANDSCAPE CSS START HERE --------------------------------*/
@media (max-width: 768px) and (min-width: 480px) and (orientation : landscape) {
  
  #portfolio-block .fusion-image-wrapper {text-align:center;}
  
    .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}
  
  .fusion-contact-info {padding:5px !important;}
  
  #portfolio-block {margin-bottom:0px !important;}
  
  .contact-page .label {width:49% !important;}



}  


/* IPAD PORTRAIT CSS START HERE ------------------------------------------*/
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  
    .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}
  
   .contact-page .label {width:49% !important;}



}
  
 

/* IPAD LANDSCAPE START HERE --------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {
  
    .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}
  
   .contact-page .label {width:49% !important;}


}  


/* NEXUS 7 PORTRAIT CSS STARTS HERE ------------------------------------------------*/
@media (min-width : 600px) and (max-width : 760px)  and (orientation : portrait) {
  
    .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}


}  


/* NEXUS 7 LANDSCAPE CSS STARTS HERE ------------------------------------------------------*/
@media (min-width : 960px) and (max-width : 1020px)  and (orientation : landscape) {
  
    .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}


}  

/*NEXUS 6P LANDSCAPE CSS STARTS HERE------------------------------------------------------*/
@media only screen
and (min-height: 412px)
and (max-height: 435px)
and (min-width: 732px)
and (max-width: 773px)
and (orientation:landscape){
  
    .fusion-body .fusion-page-title-bar {
    min-height:auto !important;
    height:70px;}
  
  .fusion-page-title-row {min-height:auto !important;}

}

/*-------- See more devices media queries ( http://www.postlib.com/css-media-queries/) -----------------------------------*/

