/* Enter Your Custom CSS Here */

img.alignnone.size-full.wp-image-810, img.alignnone.size-full.wp-image-811 {margin:5px;}
div#main ul,div#main ol {list-style-type:disc;margin-left:10px;}
div#main ul li,div#main ol li {line-height:25px;}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {-webkit-text-size-adjust: none;}

.wide-1218 #page {max-width:1268px;}

a#scroll-up {background-color:black !important;}

#page {box-shadow:0 0 9px rgba(0, 0, 0, 0.51);}

.cont_img img {border:1px solid #c2c2c2; padding:5px;}

#black-studio-tinymce-9 ul, #black-studio-tinymce-9 ol {
  line-height:25px;
  list-style:outside none square;
  margin-bottom:20px;
  padding:0 0 0 18px;}

#black-studio-tinymce-9 h3.widget-title {
  color:darkgreen;
  font-size:22px;
  font-weight:600;
  text-align:left;}

body {
  background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/05/Background_Santa_Monica.png") repeat scroll 0 0;}

h2 {font-size:20px; padding-bottom:0px; color:#323232; font-weight:600;}

h3 {font-size:18px; padding-bottom:0px; color:#0e4db3; font-weight:600;}

.header-post-title-class {color:darkgreen; font-weight:600;}

.scroll-back-to-top-wrapper {display:none;}

.entry-meta.clearfix {display:none;}

p {text-align:justify;}

#black-studio-tinymce-2 {background:#fff; padding:10px; border:2px double #0e4db3; margin:0 auto; margin-bottom:20px !important; border-radius:10px;}

#header-right-section .widget h3 {
  color:darkgreen;
  font-size:17px;
  font-weight:bold;
  padding-bottom:0px;
  text-align:center;}

.info {
  background:rgba(0, 0, 0, 0) linear-gradient(maroon, red) repeat scroll 0 0;
  border:2px solid #c2c2c2;
  border-radius:5px;
  color:#fff;
  font-size:21px;
  font-weight:bold;
  margin:0 auto;
  padding:10px;
  text-align:center;
  text-shadow:2px 1px 1px #000;
  width:225px;}

.c2a_line {
  color:#000;
  font-size:16px;
  padding-top:5px;
  text-align:center;}

.service-border {
text-align:center;}

/*.first .service-border {
  background-image:url("/wp-content/uploads/2016/03/Carpet-Cleaning.png");
  background-position:center center;
  background-repeat:no-repeat;}

.second .service-border {
  background-image:url("/wp-content/uploads/2016/03/air-duct-cleaning.png");
  background-position:center center;
  background-repeat:no-repeat;}

.third .service-border {
  background-image:url("/wp-content/uploads/2016/03/tile-and-grout-cleaning.png");
  background-position:center center;
  background-repeat:no-repeat;}

.fourth .service-border {
  background-image:url("/wp-content/uploads/2016/03/Pet-Stain-and-Odor-Removal.png");
  background-position:center center;
  background-repeat:no-repeat;}

.fifth .service-border {
  background-image:url("/wp-content/uploads/2016/03/Hardwood-Floor-Cleaning.png");
  background-position:center center;
  background-repeat:no-repeat;}

.sixth .service-border {
  background-image:url("/wp-content/uploads/2016/03/Oriental-and-Area-Rug-Cleaning.png");
  background-position:center center;
  background-repeat:no-repeat;}

.seventh .service-border {
  background-image:url("/wp-content/uploads/2016/03/Upholstery-Cleaning.png");
  background-position:center center;
  background-repeat:no-repeat;}

.eight .service-border {
  background-image:url("/wp-content/uploads/2016/03/Water-Damage-Restoration.png");
  background-position:center center;
  background-repeat:no-repeat;}*/

.service-border img {margin-bottom:0px;}

.call-to-action-content-wrapper {
  background:rgba(0, 0, 0, 0) linear-gradient(maroon, red) repeat scroll 0 0;
border-color:#eaeaea #eaeaea #eaeaea #000 !important;}

.call-to-action-content h3 {color:#fff; font-weight:600;}

.call-to-action-content span {font-size:17px; color:yellow;} 

.call-to-action-content a {color:yellow; font-style:italic; text-shadow:2px 1px 2px #740404;}

.call-to-action-content > p {color:yellow; font-size:17px;}

.call-to-action-button_1 {
  background:#efefef none repeat scroll 0 0;
  border-left:3px solid #000;
  box-shadow:1px 2px 2px 3px maroon;
  color:#000;
  font-size:20px;
  margin:0 auto;
  padding:10px 36px;}

.tg-one-half {width:100%;}

#black-studio-tinymce-8 {background:rgba(0, 0, 0, 0) linear-gradient(#f8fff5, #ecffe5) repeat scroll 0 0;}

.tg-one-half p, .tg-one-third p, .tg-one-fourth p {text-align:justify;}

#black-studio-tinymce-2 h3.widget-title {
  background:#0e4db3;
  margin:-8px -8px 10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  color:#fff;
  padding:5px;
  text-align:center;}

#black-studio-tinymce-2 .widget-title > span, #extended-featured-widget-2 .widget-title > span {border-bottom:medium none !important;}

#contact-form-1 .button-1 input {width:auto !important; font-size:19px; background-color:#0e4db3;}

.button-1 {text-align:center;}

input[type="text"], input[type="email"], input[type="password"], textarea, #contact-form-1 .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
  background-color:#ebf3ff;
  border:1px solid #8ea2c3;
  padding:3px;
  border-radius:0px;}

#extended-featured-widget-2 h3.widget-title {
  background:#918151 none repeat scroll 0 0;
  color:#fff;
  padding:5px;}

#extended-featured-widget-2 .post, #extended-featured-widget-2 .page {
  background:rgba(0, 0, 0, 0) linear-gradient(#fffbf6, #fae9d0) repeat scroll 0 0;
  padding:5px;}

#extended-featured-widget-2 h2.entry-title {font-size:15px;}

#header-text-nav-wrap {padding-bottom:0px;}

.read-more, .more-link {
  background:#57a43b none repeat scroll 0 0;
  border-radius:5px;
  color:#fff !important;
  padding:8px;}

.widget-title span {border-bottom:2px solid darkgreen !important;}

.footer-widgets-wrapper {background-color:#57a43b; border-top:3px solid darkgreen}

.footer-widgets-area, .footer-widgets-area a {color:#fff !Important; font-size:15px;}

#colophon .footer-widgets-area a:hover {color:#fff !important;}

.footer-widgets-area {padding-bottom:0px; padding-top:0px;}

#black-studio-tinymce-10 .textwidget > span {line-height:25px; display:block;}

#colophon .widget-title {color:yellow; margin-bottom:10px;}

iframe {margin-top:10px;}

.footer-socket-wrapper .copyright {max-width:100%; float:none; text-align:center;}

#contact-form-2 {
  border:1px solid #c2c2c2;
   background:#333840 none repeat scroll 0 0;
  padding:10px;}

#contact-form-2 > h2 {
  border-bottom:2px dotted #c2c2c2;
  text-align:center;
  color:#fff;
  margin-top:0px;}

#contact-form-2 .lable {
  margin:5px;
  vertical-align:top;}

.main-navigation ul li a {font-size:19px; color:#000 !important;}

#black-studio-tinymce-8 h3.widget-title {color:#0e4db3; font-size:20px; font-weight:normal;}

.call-to-action-content-wrapper.clearfix > p {text-align:center;}

.widget_call_to_action {margin-bottom:20px;}

#contact-form-2 input {
  background:#efefef none repeat scroll 0 0;
  border:medium none;
  border-radius:13px;
  margin-bottom:6px;
  width:98%;
  padding:5px;}

#contact-form-2 textarea {height:60px; background:#efefef none repeat scroll 0 0; border-radius:13px; border:none;}

#contact-form-2 .button-1 input {width:auto !important; padding:9px; background:rgba(0, 0, 0, 0) linear-gradient(#fffbf6, #696969) repeat scroll 0 0; color:#000;}

#contact-form-2 .filed {color:#fff; display:inline-block;}

div.wpcf7 img.ajax-loader {display:none;}

.header-post-title-container {padding:10px; background:#d3eacb none repeat scroll 0 0;}

#colophon .widget ul li {border-bottom:1px solid darkgreen;}

#black-studio-tinymce-12 img {margin:5px;}

#secondary .widget {margin-bottom:10px;}

#secondary {border-radius:10px; background:#efefef none repeat scroll 0 0;}

#contact-form-1 .filed {color:#0e4db3;}

.widget select {
  background-color:#ebf3ff;
  border:1px solid #8ea2c3;
  width:216px;
  color:#0e4db3;
  margin-bottom:5px;}

#black-studio-tinymce-16 img {margin:5px;}
#black-studio-tinymce-16 {text-align:center;}

#spacious_service_widget-2 {padding-top:0px;}

.call-to-action-button_1:hover {background:yellow;}

a img:hover {opacity:1.0;}

#black-studio-tinymce-19 {line-height:25px; text-align:center !important; margin-top:10px;}

.first_line {color:#0e4db3; font-weight:600; font-size:22px;}

.second_line {
  color:#000;
  font-style:italic;
  margin-bottom:5px;}

#contact-form-1 textarea {margin-bottom:10px;}

/* DESKTOP CSS START HERE ------------------------------------*/
@media (min-width: 1200px){
iframe{float:right;padding-left:15px;}
#site-navigation {
  width:1268px !important;
  background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/03/menu-bg.png") repeat scroll 0 0;
  padding-top:0px;
  text-align:center;
  border-top:3px solid darkgreen;
  height:41px !important;}

.main-navigation a {padding:11px 0 0;}

.main-navigation li {display:inline-block; float:none; padding-left:30px; padding-right:30px; border-right:1px solid darkgreen; }

.alignright {
  margin-left:10px;
  margin-bottom:7px !important;
  margin-right:0px !important;
  margin-top:0px !important;}

#secondary {width:27.483%; padding:10px; background:#efefef;}

#primary {width:68.576%;}

#header-right-sidebar {
  float:right;
  margin-top:-116px;
  margin-right:35px;
  padding-bottom:6px !important;}

.info > a {color:yellow;}

.main-navigation ul li ul {top:42px; width:300px; background:#efefef; text-align:left; left:18px;}

.tg-one-third {width:19.407% !important;}

.call-to-action-button_1 {float:right;}

.tg-one-fourth.tg-column-1 {width:22% !important;}

.tg-one-fourth.tg-column-3 {width:31% !important; padding-bottom:0px;}

.tg-one-fourth.tg-column-4 {width:12% !important;}

.tg-one-fourth.tg-column-2 {width:20% !important;}

.main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a {width:280px;}

ul.sub-menu li {border-right:none !important;}

#contact-form-1 .filed {
  display:inline-block;
   width:80px;}

#contact-form-1 br {display:none;}

#contact-form-1 input {margin-bottom:10px; width:208px !important;}

#contact-form-1 .filed.comment {width:100%; margin-bottom:5px;}

#contact-form-1 textarea {height:50px;}

#header-text-nav-container .inner-wrap {max-width:1272px;}

#header-logo-image {padding:0 20px;}

.sub-menu li a {font-size:16px !important;}

.main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a {color:#000 !important;}

.main-navigation ul li a:hover {color:darkgreen !important;}

.tg-one-fourth {padding-bottom:0px;}

#black-studio-tinymce-2 {width:300px !important;}

.widget select {width:216px !important;}

#header-right-section .widget {float:right;}

#black-studio-tinymce-19 {margin-right:200px !important; width:auto !important; margin-top:20px;}

.first_line {font-size:22px !important;}

#black-studio-tinymce-7 {
  margin-right:180px !important;
  text-align:center !important;
  margin-top:13px !important;}


}


/* MOBILE PORTRAIT CSS START HERE --------------------------------*/
@media (max-width: 480px) and (orientation : portrait){
  
  
  #header-right-section .widget h3 {font-size:14px;}
  
  #header-left-section {padding:5px;}
  
  .info > a {color:yellow;}
  
  .c2a_line {padding-top:0px;}
  
  .site-header .menu-toggle {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0; color:#000;}
  
    .site-header .menu-toggle:hover {
    background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0  !important; color:#000;}
  
  .inner-wrap {width:auto;}
  
  .widget_service_block {padding-top:0px;}
  
  #main {padding:40px 6px 10px;}
  
  .alignright {
    float:none;
    display:block;
    margin-bottom:0px !important;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;}
  
  .footer-widgets-wrapper {padding:10px;}
  
  #contact-form-1 input.wpcf7-tel {width:98%;}
  
  #contact-form-1 input {margin-bottom:5px;}
  
  #contact-form-1 textarea {height:52px;}

  .main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {background:darkgreen !important;}
  
  .main-small-navigation a:hover {background:darkgreen;}
  
  .call-to-action-content a {display:block;}
  
  .call-to-action-content > p{text-align:center; padding-bottom:10px;}
  
 
  .widget select {width:100% !important;}
  
  .cont_img img {
    display:block;
    float:none;
    width:95%;
    margin:0 auto;}
  
  #controllers {display:none;}
  
  #secondary .widget {padding:10px;}
  
  #black-studio-tinymce-2 {width:250px !important; margin-top:10px}
  
  .first_line br {display:none;}
  
}  
 

/* MOBILE LANDSCAPE CSS START HERE --------------------------------*/
@media (max-width: 768px) and (min-width: 480px) and (orientation : landscape) {
  
  .video{text-align:center;}
    #header-right-section .widget h3 {font-size:14px;}
  
  .info > a {color:yellow;}
  
  .c2a_line {padding-top:0px;}
  
  .site-header .menu-toggle {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0; color:#000;}
  
      .site-header .menu-toggle:hover {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0 !important; color:#000 ;}
  
  .inner-wrap {width:auto;}
  
  .widget_service_block {padding-top:0px;}
  
  #main {padding:40px 6px 10px;}
  
  #contact-form-1 input {margin-bottom:5px;}
  
  #contact-form-1 input.wpcf7-tel {width:98%;}
  
  #contact-form-1 textarea {height:60px;}
  
  .footer-widgets-wrapper {padding:10px;}
  
    .main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {background:darkgreen !important;}
  
  .main-small-navigation a:hover {background:darkgreen;}
  
  .widget_service_block .tg-one-third {display:inline-block; margin:10px 0 0; width:47%;}
  
  #spacious_service_widget-2 {text-align:center;}
  
  .call-to-action-content a {display:inline-block;}
  
  .call-to-action-content > p {text-align:center; padding-bottom:10px;}
  
  #black-studio-tinymce-2 {width:300px; margin-top:10px;}
  
    .cont_img img {
    display:block;
    float:none;
    margin:0 auto;}
  
   #controllers {display:none;}
  
  .first_line br {display:none;}


}  


/* IPAD PORTRAIT CSS START HERE ------------------------------------------*/
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  
    .video{text-align:center;}
  
  #header-logo-image {float:none; margin-left:10px;}
  
  #header-right-section .widget {float:none; margin-right:10px;}
  
  #header-right-sidebar {margin-bottom:12px;}
  
  .site-header .menu-toggle {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0; color:#000;}
  
      .site-header .menu-toggle:hover {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0 !important; color:#000;}
  
  .inner-wrap {width:auto;}
  
  .info > a {color:yellow;}
  
    #main {padding:40px 10px 10px;}
  
  .alignright {margin-left:19px; margin-bottom:10px !important;}
  
  .footer-widgets-wrapper {padding:10px;}
  
  .tg-one-fourth {width:47%; padding-bottom:0px;}
  
  #secondary .widget, .error-404 .widget {width:325px; margin:20px auto;}
  
  #contact-form-1 input {margin-bottom:5px;}
  
  #contact-form-1 input.wpcf7-tel {width:98%;}
  
  #contact-form-1 textarea {height:60px;}

    .main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {background:darkgreen !important;}
  
  .main-small-navigation a:hover {background:darkgreen;}
  
  .call-to-action-content > p {text-align:center; padding-bottom:10px;}
  
  #black-studio-tinymce-2 {width:300px; margin-top:10px;}
  
  .widget select {width:100% !important;}
  
  .widget_service_block .tg-one-third {width:19.407%;}
  
  #black-studio-tinymce-8 h3.widget-title {font-size:16px;}

.first_line br {display:none;}
  
}
  
 

/* IPAD LANDSCAPE START HERE --------------------------------------------------*/
@media (min-width : 1024px) and (orientation : landscape) {
  
    .video{text-align:center;}
  
  #site-navigation {
  width:993px;
  background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/03/menu-bg.png") repeat scroll 0 0;;
  padding-top:0px;
  text-align:center;
  border-top:3px solid darkgreen;
  height:41px;}

.main-navigation a {padding:11px 0 0;}
  
  .inner-wrap {width:100%;}

.main-navigation li {display:inline-block; float:none; padding-left:30px; padding-right:30px; border-right:1px solid darkgreen; }

.alignright {
  margin-left:10px;
  margin-bottom:7px !important;
  margin-right:0px !important;
  margin-top:0px !important;}

#secondary {width:27.483%; padding:10px; background:#efefef;}

#primary {width:68.576%;}

#header-right-sidebar {
  float:right;
  margin-top:-116px;
  margin-right:35px;
  padding-bottom:20px;}

.info > a {color:yellow;}

.main-navigation ul li ul {top:41px; width:300px; background:#efefef; text-align:left;}

.widget_service_block .tg-one-third {width:19.407%;}

/*.tg-one-fourth.tg-column-1 {width:35%;}

.tg-one-fourth.tg-column-3 {width:35%;}

.tg-one-fourth.tg-column-4 {width:55%;}
  
  .tg-one-fourth.tg-column-2 {width:54%;}*/

.main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a {width:280px;}

ul.sub-menu li {border-right:none !important;}

#contact-form-1 .filed {
  display:inline-block;
  width:80px;}

#contact-form-1 br {display:none;}

#contact-form-1 input {margin-bottom:10px; width:150px;}

#contact-form-1 .filed.comment {width:100%; margin-bottom:5px;}

#contact-form-1 textarea {height:50px;}

#header-text-nav-container .inner-wrap {max-width:1272px;}

#header-logo-image {padding:0 20px;}

#contact-form-2 .lable > br {display:none;}

  .call-to-action-content-wrapper {padding:18px 1.859% 16px 1.695%;}
  
  #main {padding:40px 10px 10px;}
  
  .footer-widgets-wrapper {padding:10px;}
  
  .tg-after-two-blocks-clearfix {clear:none;}
  
  .tg-one-fourth {
    float:left;
    margin-right:30px;}

  .sub-menu li a {font-size:16px !important;}
  
  .call-to-action-button_1 {float:right;}
  
  .call-to-action-content {float:left; width:auto;}
  
  .widget select {width:157px;}
  
  #header-right-section .widget {float:right;}
  
  #black-studio-tinymce-19 {
    margin-right:16px;}
  
  .first_line {font-size:17px;}
  
  #black-studio-tinymce-7 {
    margin-right:37px;
    margin-top:10px;
    text-align:center !important;}

}  


/* NEXUS 7 PORTRAIT CSS STARTS HERE ------------------------------------------------*/
@media (min-width : 600px) and (max-width : 760px)  and (orientation : portrait) {
  
    #header-right-section .widget h3 {font-size:14px;}
  
  .info > a {color:yellow;}
  
  .c2a_line {padding-top:0px;}
  
  .site-header .menu-toggle {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0; color:#000;}
  
      .site-header .menu-toggle:hover {background:rgba(0, 0, 0, 0) linear-gradient(#c1e063, #6e9f2f) repeat scroll 0 0 !important; color:#000 ;}
  
  .inner-wrap {width:auto;}
  
  .widget_service_block {padding-top:0px;}
  
  #main {padding:40px 6px 10px;}
  
  #contact-form-1 input {margin-bottom:5px;}
  
  #contact-form-1 input.wpcf7-tel {width:98%;}
  
  #contact-form-1 textarea {height:60px;}
  
  .footer-widgets-wrapper {padding:10px;}
  
    .main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {background:darkgreen !important;}
  
  .main-small-navigation a:hover {background:darkgreen;}
  
  .widget_service_block .tg-one-third {display:inline-block; margin:10px 0 0; width:47%;}
  
  #spacious_service_widget-2 {text-align:center;}
  
  .call-to-action-content a {display:inline-block;}
  
  .call-to-action-content > p {text-align:center; padding-bottom:10px;}
  
  #black-studio-tinymce-2 {width:300px;}


}  


/* NEXUS 7 LANDSCAPE CSS STARTS HERE ------------------------------------------------------*/
@media (min-width : 960px) and (max-width : 1020px)  and (orientation : landscape) {


}  

.ie9 .info {
  background:#b90000;}

.ie9 .call-to-action-content-wrapper {
  background:#b90000;}

.ie9 #black-studio-tinymce-2 h3.widget-title {
  background:#0e4db3;}

.ie9 #black-studio-tinymce-7 {
  margin-right:180px;
  text-align:center !important;
  margin-top:13px;}
