/* Enter Your Custom CSS Here */
.menu-main-menu-container
{
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
 }

ul#menu-main-menu 
{
  border-radius:10px !important;
}
.menu-toggle {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0 !important;
  background-color:#048ee1 !important;
    margin-bottom:10px;
  color:#fff;}
  
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {-webkit-text-size-adjust: none;}

.entry-content li {font-size:15px; margin-bottom:10px;}

#black-studio-tinymce-14{display:none;}

.labor-btn {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
  border-radius:6px;
  box-shadow:2px 2px 3px #515151;
  color:#fff;
  font-size:17px;
  font-weight:bold;
  margin:0 auto;
  padding:5px;
  width:295px;}

.alignnone.size-full.wp-image-1159 {
  margin-right:10px;
  vertical-align:middle;
  width:50px;}

.labor-btn a {color:#fff;}

.cont-images img {
  border:1px solid #c2c2c2;
  padding:2px;}

li#menu-item-964 {border:none;}

#site-header, #site-content, #site-footer {
  box-shadow:0 5px 9px 0 #5d4e2f;}

img.wp-smiley, img.emoji {
  background:yellow none repeat scroll 0 0 !important;
  padding:2px !important;
  border-radius:2px;}

body.custom-background {
  background-color:#8a7a58;
  background-repeat:repeat-x;}

.soliloquy-container .soliloquy-pager {display:none;}

.aligncenter.size-full.wp-image-778 {
  border:2px solid #20879a;}

.aligncenter.size-full.wp-image-779 {
  border:2px solid orange;}

.header-bar {background-color:#654321; border:none;}

h1 {
  color:#654321;
  font-size:24px;}

.entry-content h2 {
  color:#091e43;
  font-size:19px;}

.entry-content h3 {
  color:#3e3e3e;}

div.wpcf7 .ajax-loader {display:none;}


span.header-text {
  font-size:20px;
  margin-bottom:0px;
  text-align:center;
  float:none;
   color:#fff;}

.header-text {padding:5px 0;}

.yoast-seo-breadcrumb {display:none;}

.container {max-width:100%; padding:0 1.2rem;}

#menu-main-menu li a {
  font-size:18px;}

h2 {font-size:18px;}

h3 {font-size:17px;}

h4 {font-size:18px !important;}

.site-navigation .menu li a, .site-navigation .nav-menu li a {font-size:16px; color:#fff;}

p {font-size:15px; text-align:justify;}

a {color:#091e43;}

.site-header-main{ padding:0.4rem 0 0.2rem; background:rgba(0, 0, 0, 0) linear-gradient(#efefef, #fff) repeat scroll 0 0;}

.site-footer {
  background:rgba(0, 0, 0, 0) linear-gradient(#063270, #041e42) repeat scroll 0 0;
  padding:1.4rem 0;}

.footer-text {
  background:#f5eed5 none repeat scroll 0 0;
  color:#000;
  padding:6px;}

#site-footer h4 {
  color:#fff;
  border-bottom:1px solid #c2c2c2 !important;}

#contact-form-1 input, #contact-form-1 textarea {
  padding:3px;
  margin-top:0px;}

.widget select {
  width:100%;
  padding:3px;}

.alignright {
  border:1px solid #C5CED6;
  margin-left:1.2rem;
  padding:5px;}

#black-studio-tinymce-2 {
  background:#ccbda0 none repeat scroll 0 0;
  border-radius:10px;
  border-bottom:3px solid #000;
  padding:10px;}

#black-studio-tinymce-2 h4 {
  color:#000;
  border-bottom:2px dotted #000;
  font-size:25px !important;
  text-align:center;
  text-transform:uppercase;}

#contact-form-1 input.wpcf7-form-control.wpcf7-submit {
  padding:3px 18px;
  background:#be4700 none repeat scroll 0 0;
  box-shadow:2px 2px 2px 1px #2e2e2e;
  font-size:18px;}

.button-1 {text-align:center; margin-top:10px;}

#contact-form-1 textarea {height:70px; margin-top:0px;}

.label {margin-bottom:5px;}

#extended-featured-widget-2 {
  background:rgba(0, 0, 0, 0) linear-gradient(#fff, #c5ced6) repeat scroll 0 0;
  padding:5px;}

#extended-featured-widget-2 h2 {
  font-size:15px;}

#text-2, #text-4 {
  color:#0d254c;
  margin-bottom:10px;
  font-size:15px;}

#text-3 {margin-bottom:10px;}

.post {border-bottom:none; padding:0px; margin:0px !important;}

.sub-menu li a {font-size:16px !important;}

.site-content {padding:0px;}

#site-footer .textwidget {color:#fff; font-size:15px;}

.widget li {
  padding:6px 0;
  border-bottom:1px dotted #eaecee;}

#site-footer .textwidget a {color:#fff;}


#contact-form-1 input, #contact-form-1 textarea, .widget select {
  font-size:15px;
  background:#f9f4e1 none repeat scroll 0 0;
  border:medium none;}

ul.sub-menu li a {font-size:14px !important;}

.services-boxes {
  display:inline-block;
  margin:18px;}

.service-blocks h3 {margin-top:0px; margin-bottom:2px;}

.service-blocks p {
  text-align:center;
  margin-bottom:5px;}

.btn_1 {
  background:#0077be none repeat scroll 0 0;
  margin:5px auto;
  padding:4px;
  border-radius:5px;
  width:100px;}

.service-blocks {text-align:center;}

.services-boxes h3 a {color:#0077be; font-size:19px;}

.btn_1 > a {color:#fff; font-size:14px;}

.phone-button {
  background:rgba(0, 0, 0, 0) linear-gradient(maroon, red) repeat scroll 0 0;
  border-radius:6px;
  box-shadow:2px 2px 2px #898989;
  padding:2px;
  text-align:center;}

.phone-button > a {
  color:#fff;
  font-size:31px;
  text-shadow:3px 3px 3px maroon;}

/* DESKTOP CSS START HERE ------------------------------------*/
@media (min-width: 1200px){

/*.custom-logo {width:441px !important;} */

ul#menu-main-menu {
 /* background:rgba(0, 0, 0, 0) linear-gradient(#063270, #041e42) repeat scroll 0 0;*/
background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0}

.site-footer .widget-area {
  margin-bottom:1.4rem;}

.site-main {width:71% !important;}

#sidebar-right{
  background:#efefef none repeat scroll 0 0;
  padding:9px;
  width:27.833% !important;}

.sub-menu li a:hover {background:#0d254c !important;}

.sub-menu li {width:300px !important;}

ul.sub-menu li a {color:#000 !important; padding:6px !important;}

.site-navigation .menu li, .site-navigation .nav-menu li {
  border-right:1px dotted #314868;}

.site-navigation ul.menu ul a, .site-navigation .menu ul ul a {
  max-width:300px;}

#menu-item-722 {border:none;}

ul.sub-menu li a:hover {
  background:#0077be !important;
  color:#fff !important;}

ul#menu-main-menu {border-radius:10px;}

.services-boxes {width:28%;}

 .rc-anchor-normal {width:90% !important;}

#captcha-block .rc-anchor-normal .rc-anchor-content {width:165px !important;}

#captcha-block .rc-anchor-normal .rc-anchor-checkbox-label {width:100px !important;}

#captcha-block div {width:100% !important;}

.rc-anchor-logo-portrait {margin:10px 0 0 !important;}


}


/* MOBILE PORTRAIT CSS START HERE --------------------------------*/
@media (max-width: 480px) and (orientation : portrait){
  
  .menu-toggle {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
    margin-bottom:10px;
  color:#fff;}
  
  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    padding:1.1rem 1rem;}
  
  span.header-text {font-size:17px !important;}

  .alignright {
    float:none;
    display:block;
    margin:0 auto !important;}
  
  .entry-content iframe {width:100%; height:auto;}
  
  #menu-main-menu li a {font-size:15px !important; padding-top:2px; padding-bottom:2px; color:#000;}
  
  #sidebar-right {margin-top:10px;}
  
  .services-boxes {margin:18px 5px !important;}
  
  .phone-button {
    width:275px;
    margin:0 auto;}
  
  .header-bar a {font-size:20px !important;}
  
  #captcha-block div {width:100% !important;}
  
  
}  
 

/* MOBILE LANDSCAPE CSS START HERE --------------------------------*/
@media (max-width: 768px) and (min-width: 480px) and (orientation : landscape) {

  .menu-toggle {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
    margin-bottom:10px;
  color:#fff;}
  
  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    padding:1.1rem 1rem;}
  
  span.header-text {font-size:17px !important;}
  
  #black-studio-tinymce-2 {
    background:#ccbda0 none repeat scroll 0 0;
    margin:0 auto 20px;
    padding:10px;
    width:290px;}
  
  #extended-featured-widget-2 {
    margin:0 auto 20px;
    width:303px;}
  
  #sidebar-right {
    background:#efefef none repeat scroll 0 0;
    padding:14px;
    width:100%;}
  
   .entry-content iframe {width:100%;}
  
    #menu-main-menu li a {font-size:15px !important; padding-top:2px; padding-bottom:2px; color:#000;}
  
  .services-boxes {width:45% !important; margin:10px !important;}
  
  .phone-button {
    width:310px;
    margin:0 auto;}
  
  .header-bar a {font-size:20px;}
  
  #captcha-block div {width:100% !important;}

  
}  


/* IPAD PORTRAIT CSS START HERE ------------------------------------------*/
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  
   .menu-toggle {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
    margin-bottom:10px;
  color:#fff;}
  
  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    padding:1.1rem 1rem;}

    #black-studio-tinymce-2 {
    background:#ccbda0 none repeat scroll 0 0;
    margin:0 auto 20px;
    padding:10px;
    width:290px;}
  
  #extended-featured-widget-2 {
    margin:0 auto 20px;
    width:303px;}
  
  #sidebar-right {
    background:#efefef none repeat scroll 0 0;
    padding:14px;
    width:100%;}
  
    span.header-text {
    font-size:18px;}
  
  #menu-main-menu li a {font-size:15px !important; padding-bottom:2px; padding-top:2px; color:#000;}
  
  .services-boxes {width:45% !important; margin:15px !important;}
  
    .phone-button {
    width:310px;
    margin:0 auto;}
  
  .header-bar a {font-size:20px !important;}
  
  #captcha-block div {width:100% !important;}
  
}
  
 

/* IPAD LANDSCAPE START HERE --------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {
  
  ul#menu-main-menu {
 /* background:rgba(0, 0, 0, 0) linear-gradient(#063270, #041e42) repeat scroll 0 0;*/
background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0}
  
  .site-footer .widget-area {
  margin-bottom:1.4rem;}

.site-main {width:71% !important;}

#sidebar-right{
  background:#efefef none repeat scroll 0 0;
  padding:9px;
  width:27.833% !important;}

  .sub-menu li a:hover {background:#0d254c !important;}

.sub-menu li {width:300px !important;}

ul.sub-menu li a {color:#000 !important;}
  
  .site-navigation ul.sub-menu li a { padding:6px !important;}

.site-navigation .menu li, .site-navigation .nav-menu li {
  border-right:1px dotted #314868;}

.site-navigation ul.menu ul a, .site-navigation .menu ul ul a {
  max-width:300px;}
  
  #menu-main-menu li a {padding:11px 14px;}
  
  #menu-item-722 {border:none;}
  
  ul.sub-menu li a:hover {
  background:#0077be !important;
  color:#fff !important;}
  
  .services-boxes {width:28% !important; margin:15px !important; vertical-align:top;}
  
  .phone-button > a {font-size:29px;}
  
  .header-bar a {font-size:20px !important;}
  
  #captcha-block div {width:100% !important;}
  
}  


/* NEXUS 7 PORTRAIT CSS STARTS HERE ------------------------------------------------*/
@media (min-width : 600px) and (max-width : 760px)  and (orientation : portrait) {
  
       .menu-toggle {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
    margin-bottom:10px;
  color:#fff;}
  
  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    padding:1.1rem 1rem;}
  
  span.header-text {font-size:17px !important;}
  
  #black-studio-tinymce-2 {
    background:#ccbda0 none repeat scroll 0 0;
    margin:0 auto 20px;
    padding:10px;
    width:290px;}
  
  #extended-featured-widget-2 {
    margin:0 auto 20px;
    width:303px;}
  
  #sidebar-right {
    background:#efefef none repeat scroll 0 0;
    padding:14px;
    width:100%;}
  
   .entry-content iframe {width:100%;}
  
  .services-boxes {width:45% !important; margin:10px !important;}
  
    .phone-button {
    width:310px;
    margin:0 auto;}
  
  .header-bar a {font-size:20px !important;}
  
  #captcha-block div {width:100% !important;}
  
  
}  


/* NEXUS 7 LANDSCAPE CSS STARTS HERE ------------------------------------------------------*/
@media (min-width : 960px) and (max-width : 1020px)  and (orientation : landscape) {
  
  .menu-toggle {
  background:rgba(0, 0, 0, 0) linear-gradient(#048ee1, #0077be) repeat scroll 0 0;
    margin-bottom:10px;
  color:#fff;}
  
  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    padding:1.1rem 1rem;}

    #black-studio-tinymce-2 {
    background:#ccbda0 none repeat scroll 0 0;
    margin:0 auto 20px;
    padding:10px;
    width:290px;}
  
  #extended-featured-widget-2 {
    margin:0 auto 20px;
    width:303px;}
  
  #sidebar-right {
    background:#efefef none repeat scroll 0 0;
    padding:14px;
    width:100%;}
  
    span.header-text {
    font-size:18px;}
  
  .services-boxes {width:28% !important; margin:15px !important; vertical-align:top;}  
  
    .phone-button {
    width:310px;
    margin:0 auto;}
  
  .header-bar a {font-size:20px !important;}
  
  #captcha-block div {width:100% !important;}
  
}  

.IE9 .menu-main-menu-container {
  background:#0084a5 !important;}