#black-studio-tinymce-2 { text-align:center; float:right; margin-top:20px;}
/*.page-id-522 h1.post-title { line-height: 32px !important;}*/
.c2a {font-size:19px; margin-bottom:5px; color:#041e42; line-height:25px; font-weight:bold;}
.c2a_number {
  background:rgba(0, 0, 0, 0) linear-gradient(#654321, #452301) repeat scroll 0 0;
  margin-bottom:5px;
  border-bottom:3px solid #fff248;
  font-size:22px;
  border-radius:6px;
  padding:10px;}

h1.post-title {line-height:30px;}

span.wpcf7-not-valid-tip {color:yellow;}

#container {max-width:1150px; box-shadow:0 5px 9px 0 #5d4e2f; padding:0px;}

.grid.col-300.fit.powered {display:none;}

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

.post-entry > h2 {
font-family:sans-serif;
color:#006383;
font-size:18px;
font-weight:600;
line-height:26px;}

.post-entry > h3 {
font-size:16px;
margin-bottom:4px;
line-height:26px;}

.c2a_number > a {color:#fff248; font-weight:bold;}

.c2a_line {margin-bottom:10px; font-style:italic; font-weight:bold; font-size:15px;}

#header {background:rgba(255, 255, 255, 1) none repeat scroll 0 0; padding:10px;}

.menu {
  background-image:none;
  border-radius:6px;
  filter:none;
  background:rgba(0, 0, 0, 0) linear-gradient(#0c3472, #041e42) repeat scroll 0 0;}

.menu a {
font-size:16px;
font-weight:500;
border-left:1px dotted #efefef;
text-shadow:0 0 0 transparent;}

.menu li li a {font-size:14px;}

body.custom-background {
background-color:#e8e8e8;}

#black-studio-tinymce-19 {
  width:100%;
  text-align:center;
  margin:0px;}

#footer_widget {
  background:rgba(0, 0, 0, 0) linear-gradient(#063270, #041e42) repeat scroll 0 0; box-shadow:0 5px 9px 0 #5d4e2f;}

#footer {max-width:1150px;}

.widget-wrapper {
  background:transparent none repeat scroll 0 0;
  margin:0 0 10px;
  padding:0px;
  border:medium none;}

#black-studio-tinymce-4 {
  text-align:center;
  margin-top:10px;
margin-bottom:0px;
  width:100%;}

#cssmenu li {
  line-height:25px;
    display:inline-block;}

#cssmenu li a {color:#efefef; font-size:15px; padding-right:10px; padding-left:10px; border-right:1px dotted;}

#cssmenu li a:hover {color:#fff;}

#black-studio-tinymce-5 {
  width:100%;
  border-top:1px dotted #fff;
margin-bottom:0px;
  text-align:center;}

.bottom_line {
  color:#fff;
  margin-top:10px;
  font-size:15px;}

.bottom_line > a {
  color:#fff !important;}

#wrapper {
  margin:0px;
  border:none;
  border-radius:0px;}

#content, #widgets {margin-top:10px;}

.banner img {margin:0px;}

#cssmenu > ul {margin-bottom:0px;}

h2 {margin-bottom:4px; font-size:20px;}

p {margin-top:0px;}

.widget-wrapper #form {
  background:#ccbda0 none repeat scroll 0 0;
  border-bottom:3px solid #654321;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  padding:10px;}

#form > h2 {
  background:#654321 none repeat scroll 0 0;
  color:#fff;
  margin-top:0px;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  margin-bottom:10px;
  padding:7px;
  text-align:center;}

.label > br {display:none;}

.fields {display:inline-block; width:62px; color:#000;}

.comment_fields {color:#000;}

textarea {
  border:none;
  height:60px;
  opacity:0.89;
  box-shadow:none;
  background:#f9f4e1 none repeat scroll 0 0;
  border-radius:0px;}

#form input {
  border:none;
  border-radius:0px;
  background:#f9f4e1 none repeat scroll 0 0;
  opacity:0.89;
  box-shadow:none;
  padding:3px;}

select {opacity:0.89; box-shadow:none; background:#f9f4e1 none repeat scroll 0 0; padding:3px;}

.submit_button {text-align:center;}

#form .submit_button input {
  padding:7px 13px;
  opacity:1;
  background:#654321 none repeat scroll 0 0;
  border-radius:5px;
  box-shadow:2px 3px 3px #353535;
  color:#fff;
  font-size:15px;
  text-shadow:0 0 0 transparent;}

.last_item > a {border-right:none !important;}

.grid.col-540, .grid.col-380.fit {display:none;}

.copyright, .powered, .powered a {color:#000 !important;}

.menu li li {
background:#348ac7 none repeat scroll 0 0;
border:1px solid #c2c2c2;}



.arrow {
margin-left:110px;}

.cont_img img {
border:1px solid #c2c2c2;
padding:5px;}

.alignright.size-full.wp-image-466 {border:none;}

#logo {margin-bottom:10px;}

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

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

.services-boxes > h3 {margin-top:0px; margin-bottom:9px;}

.services-boxes a img {margin-bottom:5px;}

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

.services-boxes > p {margin-bottom:8px;}

/*.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:10px;
  text-align:center;}*/

/*.phone-button > a {
  color:#fff;
  font-size:34px;
  font-weight:bold;
  text-shadow:3px 3px 3px maroon;}*/

.menu .current_page_item a, .menu .current-menu-item a {
  background:#654321;}

#black-studio-tinymce-12 p, #black-studio-tinymce-15 p {
  color:maroon;
  font-size:20px;
  line-height:25px;
  font-weight:bold;
  text-align:center;}

.left-services {
  background:lightyellow none repeat scroll 0 0;
  border-radius:5px;
  border:1px solid darkgoldenrod;
  padding:10px;}

.left-services > h2 {
  margin:-8px -8px 10px;
  background:darkgoldenrod none repeat scroll 0 0;
  color:#fff;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  padding:8px;
  text-align:center;}

.left-services li {margin-bottom:5px;}

.left-services > ul {margin-bottom:0px;}

.left-services a {color:black; font-size:15px;}

.estimate-btn, .number-btn {display:inline-block; margin:10px;}

.estimate-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(orange, #7f3800) repeat scroll 0 0;
    border-radius: 10px;
    padding: 15px 10px;
  vertical-align:top;
    text-align: center;}

.estimate-btn > a {
  vertical-align:middle;
  color:#fff;
  font-weight: bold;
  font-size:32px;}

.alignnone.size-full.wp-image-626 {margin:0px; width:35px;}

.number-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(red, maroon) repeat scroll 0 0;
    border-radius: 10px;
    padding: 15px 10px 16px;
    text-align: center;}

.number-btn > a {
      color: #fff;
    font-size: 35px;
  font-weight: bold;}

.number-btn .fa.fa-phone {margin-right:5px;}

#black-studio-tinymce-18 {text-align:center;}

.testimonial {
  background:#fff none repeat scroll 0 0;
  border:1px solid #c2c2c2;
  border-radius:5px;
  padding:10px;}

#black-studio-tinymce-19 img {
  margin-top:0px;}

.testimonial > h3 {
  color:#041e42;
  font-size:22px;
  margin-bottom:10px;
  margin-top:8px;}

#widgets {
  background:#ececec none repeat scroll 0 0;
  padding:10px;}

.js .main-nav {
    background:rgba(0, 0, 0, 0) linear-gradient(#0c3472, #041e42) repeat scroll 0 0;}
  
  .js .main-nav .menu li a {border-color:currentcolor currentcolor #c2c2c2;}

#black-studio-tinymce-15 a {color:maroon;}


/* DESKTOP CSS START HERE ------------------------------------*/
@media (min-width: 1200px){
  
.col-300 {width:26.915%;}

.col-620 {width:69%;}

.menu a {
font-size:16px !important;
padding:0 20px !important;}

.menu li li a {
color:#fff;
  padding:5px 10px !important;
background:#654321 none repeat scroll 0 0 !important;}

#logo {margin-left:10px;}

.menu a:hover {
  background-color:#654321;
  background-image:none;}

.services-boxes {width:28%;}

.estimate-btn, .number-btn {width:42%;}


}


/* MOBILE PORTRAIT CSS START HERE --------------------------------*/
@media (max-width: 480px) and (orientation : portrait){
  
  #container, #footer {padding:0px;}
  
  #cssmenu li {display:block;}
  
  #cssmenu li a {border-right:none;}
  
  #cssmenu {margin-top:5px;}
  
  .fields {width:55px;}
  
  #cssmenu > ul {margin:0px; padding:0px;}
  
  .js .main-nav .menu li li a {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
  
  #black-studio-tinymce-2 {float:none;}
  
  .copyright, .powered {display:inline-block; text-align:center; width:100%;}
  .grid.col-300.scroll-top {display:none;}

.js .main-nav {
    background:rgba(0, 0, 0, 0) linear-gradient(#0c3472, #041e42) repeat scroll 0 0;}
  
  .js .main-nav .menu li a {border-color:currentcolor currentcolor #c2c2c2;}


.item {
font-weight:normal;
font-size:12px;}

.cont_img img {
float:none;
display:block;
margin:0 auto;}

.widget-wrapper #form {
margin:0 auto;
width:250px;}
  
  .alignnone.size-full.wp-image-626 {width:27px;}
  
  .estimate-btn span {font-size:21px;}
  
  .number-btn > a {font-size:25px;}
  
  #wrapper {padding:0 5px 23px;}
  
  #widgets {
    display:block;
    width:94%;}

}  
 

/* MOBILE LANDSCAPE CSS START HERE --------------------------------*/
@media (max-width: 768px) and (min-width: 480px) and (orientation : landscape) {
  
    #container, #footer {padding:0px;}
  
  #black-studio-tinymce-2 {float:none;}
  
  .c2a_number {margin:0 auto; width:210px;}
  
  #cssmenu {margin-top:5px;}
  
  #form {margin:0 auto; width:300px;}
  
   .copyright, .powered {display:inline-block; text-align:center; width:100%;}
  .grid.col-300.scroll-top {display:none;}

.item {
font-size:12px;
font-weight:normal;}
  
  .js .main-nav {
    background:rgba(0, 0, 0, 0) linear-gradient(#0c3472, #041e42) repeat scroll 0 0;}
  
  .js .main-nav .menu li a {border-color:currentcolor currentcolor #c2c2c2;}
  
  .estimate-btn, .number-btn {width:41%;}
  
  .alignnone.size-full.wp-image-626 {width:25px;}
  
  .estimate-btn span {font-size:21px;}
  
  .number-btn > a {font-size:25px;}
  
  #widgets {display:block; width:96%;}


}  


/* IPAD PORTRAIT CSS START HERE ------------------------------------------*/
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  
  #container, #footer {padding:0px;}
  
  .menu a {font-size:14px; padding:0 9px;}
  
  #form {margin:0 auto; width:300px;}
  
  #cssmenu {margin-top:5px;}

#black-studio-tinymce-2 {margin-right:10px;}
  
  #logo {width:54%;}
  
  .menu li li a {
color:#fff;
background:#654321 none repeat scroll 0 0 !important;}
  
  .services-boxes {width:44%;}
  
 #widgets {
    display:block;
    width:97%;}
  
  #black-studio-tinymce-16 {width:350px; margin:0 auto;} 
  
  .testimonial {width:350px; margin:0 auto;}



}
  
 

/* IPAD LANDSCAPE START HERE --------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {

#container {
padding:0px;}
  
  .col-300 {width:26.915%;}

.col-620 {width:69%;}

.menu a {
font-size:16px;
padding:0 20px;}

#footer {
padding:0px;}

.item {font-size:14px;}

#black-studio-tinymce-2 {margin-right:10px;}
  
  #widgets {margin-right:20px;}
  
  .services-boxes {width:27%; vertical-align:top;}
  
  .label input, .label select {width:100% !important;}


}  


/* NEXUS 7 PORTRAIT CSS STARTS HERE ------------------------------------------------*/
@media (min-width : 600px) and (max-width : 760px)  and (orientation : portrait) {
  
      #container, #footer {padding:0px;}
  
  #black-studio-tinymce-2 {float:none;}
  
  .c2a_number {margin:0 auto; width:210px;}
  
  #cssmenu {margin-top:5px;}
  
  #form {margin:0 auto; width:300px;}
  
   .copyright, .powered {display:inline-block; text-align:center; width:100%;}
  .grid.col-300.scroll-top {display:none;}

.item {
font-size:12px;
font-weight:normal;}
  
  .js .main-nav {
    background:rgba(0, 0, 0, 0) linear-gradient(#0c3472, #041e42) repeat scroll 0 0;}
  
  .js .main-nav .menu li a {border-color:currentcolor currentcolor #c2c2c2;}
  
  .estimate-btn, .number-btn {width:41%;}
  
  .alignnone.size-full.wp-image-626 {width:25px;}
  
  .estimate-btn span {font-size:21px;}
  
  .number-btn > a {font-size:25px;}
  
  #widgets {display:block; width:96%;}


}  


/* NEXUS 7 LANDSCAPE CSS STARTS HERE ------------------------------------------------------*/
@media (min-width : 960px) and (max-width : 1020px)  and (orientation : landscape) {
  
    #container, #footer {padding:0px;}
  
  .menu a {font-size:14px; padding:0 9px;}
  
  #form {margin:0 auto; width:300px;}
  
  #cssmenu {margin-top:5px;}

#black-studio-tinymce-2 {margin-right:10px;}
  
  #logo {width:54%;}
  
  .menu li li a {
color:#fff;
background:#654321 none repeat scroll 0 0 !important;}
  
  .services-boxes {width:44%;}
  
 #widgets {
    display:block;
    width:97%;}
  
  #black-studio-tinymce-16 {width:350px; margin:0 auto;} 
  
  .testimonial {width:350px; margin:0 auto;}



}  

.ie9 .menu {background-color:#024e86 !important; filter:none !important;}

.ie9 .c2a_number {background-color:#032b69;}

.ie9 .item {
background:#063d66;}

.ie9 .read_button {
background:#063d66;}

.ie9 .widget-wrapper #form {
background:#ccbda0;}

.ie9 #footer_widget {
background:rgba(0, 0, 0, 0) linear-gradient(#063270, #041e42) repeat scroll 0 0;}