/*
Theme Name: Action Laser Cutting
Theme URI: http://www.webfirm.com/
Author: the Webfirm team
Author URI: http://www.webfirm.com/
*/

@charset "utf-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body{margin:0; padding:0; color:#e5e5e5;  font-size:14px; font-family:Arial, Helvetica, sans-serif;} 
a{color:#1a4a76; text-decoration:none;}
img,a{border:none; outline:none;}
body {background:url("/wp-content/uploads/2015/04/body_bg_optimised2.jpg") no-repeat scroll 0 0 / 100% 102% #595959;}
/*body.home .wraper {box-shadow:0 0 15px #000; display:block; text-align:left;}*/

h1 {color: #000; font-size: 30px; font-weight:normal; margin-bottom: 39px;}
.h1_red{color:#ff0000; font-weight:bold;}
.content a{font-weight:bold;color: #0092F2;}

.wraper{width:1004px; margin:0 auto;}
.header,.bannr,.content,.content_contact{float:left; width:100%;}
.header{position:relative;}
.logo {clear: both;float: left;position: absolute;top: 13px; z-index:999;}
.logo img{max-width:58%; height: auto;}
.home .logo {left:1px; top:59px;}
.home .logo img {max-width: 100%;}
.navigation{position:absolute; top:45px; right:22px; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px;
box-shadow:0 0 4px #000; z-index:99999;}
.navigation ul {margin:0; padding: 0;}
.navigation ul li {display: block;  float: left;  font-size:14px; font-weight:bold; letter-spacing: -0.2px;}
.navigation ul li a{color:#fff; display:block; background:url(images/nav_li_bg.jpg) repeat-x 0 0; padding:20px 25px 23px 24px; border-left:1px solid #444e69;}
.navigation ul li:first-child a{border:none;}
.navigation ul li a:hover{background:url(images/nav_li_bg_hover.jpg) repeat-x 0 0;}
.content{background-color:#333; box-sizing: padding-box; padding:0 30px 31px 53px; 	margin-top: 15px;}
.content .left{width:584px;  margin:11px 0 0; float:left;}
.content .left p {letter-spacing: -0.1px; line-height: 22px;  margin-bottom: 22px;}
.content .right {float: right; margin:35px 0 0; width: 302px;}
.home .content .right{margin:26px 0 0;}
.content .right h2 {font-size: 30px; margin: 0; color: #D61E1A;}
.content .right h3 {font-size: 30px; font-weight: normal;margin: 10px 0; color: #D61E1A;}
.call {border-top: 2px solid #ff0000;margin: 26px 0 0;}
.call a {background-color: #D61E1A; color: #fff; display: inline-block; font-size: 48px; // #0072bc
font-weight: 700; margin: 18px 0 0; padding: 1px 12px 0 13px;  border-radius: 9px; -moz- border-radius: 9px; -ms- border-radius: 9px; -o- border-radius: 9px; 
-webkit- border-radius: 9px;}
.content_contact{background:url(images/main_content_bg.jpg) no-repeat 0 0 #0e2a44; min-height:644px;  box-sizing: padding-box; padding:0 33px 0 42px;}
.content_contact .left{float:left; width:380px; background-color:#fff;  margin: 46px 0 0; padding:17px 0 36px 21px; box-sizing: padding-box;}
.content_contact .left > h3 {color: #000; font-size: 30px; font-weight: normal; margin-top: 0;	margin-bottom: 18px;}
.content_contact .left p {line-height: 20px;} 
.content_contact .left form{ margin: 25px 0 0;}

.content_contact .left form input,.content_contact .left form textarea {
    background-color: #eeeeee;
    border: medium none;
    font-size: 14px;
    height: 39px;
    margin: 0 0 10px 3px;
    padding: 3px 2px 3px 14px;
    width: 332px;
}
.content_contact .left form textarea{ font-family:Arial, Helvetica, sans-serif;}

.content_contact .left form textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-top: 10px;
	height: 148px;
	margin-bottom: 7px;
}
.content_contact .left form input[type="submit"]{width:auto; height:auto; padding:0; margin:0; background-color:#1a4a76; color:#fff;  margin: 0 0 0 2px;
    padding: 12px 18px 11px 16px;  font-size: 14px; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}

.content_contact .right{float:right; width:490px;   margin: 48px 0 0;}
.content_contact .right h3{font-size:30px; color:#fff; margin-bottom: 39px;}


.content_contact .right h3 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
}

.content_contact .right p {
    color: #b7b7b7;
    letter-spacing: -0.1px;
    line-height: 22px;
	 margin-bottom: 22px;
}
.content_contact .right p a{color:#fff; font-weight:bold;}
.content_contact .right ul{margin:45px 0 0; padding:0;}
.content_contact .right ul li{display:block; color:#b7b7b7; line-height:20px; margin-bottom: 2px;}
.content_contact .right ul li a{color:#b7b7b7;}
.content_contact .right ul li.view_m a {border-bottom: 1px solid #fff; color: #fff;}
.content_contact .right ul li.u_line {border-bottom: 1px solid #24394a;}

.footer {width: 100%; float: left;}
.footer ul{margin:18px 0 0 4px;padding:0;}
.footer ul li{display:block; float:left; font-size:10px;   margin-right: 15px;}
.footer ul li a{color:#d7d7d7;}
.footer ul li.l_borde {border-left: 1px solid #d7d7d7; padding: 0 0 0 10px;}
.footer p.webfirm{float:right; color:#d7d7d7; font-size:10px; margin:0;}
.content .left p.blue {line-height: 24px;}

/*******INNER PAGES********/

.header.inner_pages .logo {top: 20px;}
.bot_content > img {float: left;margin-right: 65px;}
.top_content > img {float: right;margin-top: 17px;position: relative;top: -13px;}
.content.inner_page_content .right{margin: 26px 40px 0 0;}
.top_content > p {margin: 0 !important;}
.mid_content > p {margin: 0 !important;}
.mid_content > p:first-child {margin-top: 20px !important;}
.l_borde {border-left: 1px solid #d7d7d7 !important;color: #d7d7d7;display: inline-block;float: left;font-size: 10px;margin: 0;padding: 0 0 0 10px; margin:3px 0 0 0; line-height: 7px;}
.footer .webfirm > a {color: #d7d7d7; font-weight: bold;}
.content{margin-top: 12px; }
.bannr {position: relative;top: 0;background: #fff;}
.home .content {margin-top: 0;}
.left > h3 {color: #ed1f24;font-size: 30px;margin-bottom: 20px;font-weight: 700;}
.blue {color: #0072bc;font-size: 20px;}
img.alignright {float: right;}
.left a {color: #ff0000;}
.alignleft {float: left;margin: 0 32px 0 0;}
.page-id-6 .left a {color: #0072bc;}
.content .left h4 {color: #0072bc; font-size: 20px;  font-weight: normal;}
.page-id-7 img.alignright{margin-left: 40px;}
table {border-collapse: collapse;margin-bottom: 42px;}
table tbody tr {border-bottom: 1px solid #d1d1d1;padding-top: 19px;}
table tbody tr td {padding: 10px;}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs{background: none !important;}


.footer .wrapper {border-top: 1px solid #605d56;margin: 39px auto 50px;width: 920px;}
.first_blog > h3 {margin-bottom: 5px;}
.first_blog > p {margin: 5px 0 !important;}
.first_blog {margin-bottom: 25px;}
.first_blog h3 a {color: rgb(0, 114, 188);}
.read_more > a {font-size: 13px;  text-decoration: underline;}
.blog h1 {color: #363636;margin-bottom: 25px;}
.menu_click {display: none;}
.navigation ul li{position: relative;}
ul.nav li ul {position: absolute;  display: none;}
.navigation ul li ul li {width: 100%;}
ul.nav li ul a {padding: 10px;}
.navigation ul li:hover ul {display: block;}
.navigation ul li.current-menu-item a{background: url("images/nav_li_bg_hover.jpg") repeat-x scroll 0 0;}
.mobile {display: none;}

.navigation ul li:first-child a {border-radius: 2px 0 0 2px;}
.navigation ul li:last-child a {border-radius: 0px 2px 2px 0px;}
.home .left a {color: #0092F2 } // #0e2536;
input[type="submit"] {cursor: pointer;}
.search-submit{ background-color: #1a4a76;border-radius: 3px;color: #fff;font-size: 14px;height: auto;margin: 0 0 0 2px;padding: 5px 10px 5px 10px;width: auto;border: none;}
.search-field {padding: 5px;}
.rsImg.rsMainSlideImage {height: auto !important;margin-left: 0 !important;width: 100% !important;}
.content {margin-top: 0px;}
.bannr {height: 170px;}
.home .bannr {height: 340px;}
.header{background-color:#fff;}


/*********************************START RESPONSIVE************************************/

@media screen and (max-width: 1024px){
    .wraper{width: 880px;}
    .rsOverflow {width: 100% !important;}
    .rsImg.rsMainSlideImage {width: 100% !important;margin: 0 !important;}
    .home .content .left{width: 400px;}
    .content_contact .left{width: 320px;}
    .content_contact .left form input, .content_contact .left form textarea{width: 273px;}
    .content_contact .right{width: 470px;}
    .navigation ul li a{padding:20px 22px 23px;}
    .home .logo a .textwidget > img {width: 90%;}
    .home .logo{top: 35px;}
    .content{padding:0 30px 42px; }
    .content .left {width: 480px;}
    .logo{top: 27px;}
    .footer .wrapper{width: 860px;}
    .home .bannr{height: 300px;}
    .logo .textwidget > img {width: 70%;}
    .bannr {height: 149px;}
    .logo img {max-width: 48%;}
}

@media screen and (max-width:900px){
    .wraper{width:750px;}
    .home .logo a .textwidget > img {width: 74%;}
    /*.home .navigation ul li a {padding: 18px 16px;}*/
    .navigation ul li a {padding: 18px 11px;}
    .content {padding: 0 20px 42px;}
    .footer .wrapper{width: 720px;}
    .content_contact{padding:0 20px;}
    .content_contact .left {width: 300px;padding: 17px 10px 50px;}
    .content_contact .right {width: 400px; padding: 0 10px; margin: 30px 0 0;}
	.content_contact .left form input, .content_contact .left form textarea {width: 275px;}
    .content .left { width: 390px;}
    .blue{font-size: 19px;}
    .home .logo {top: 95px;}
    .content .right h2{font-size: 28px;}
    .content .right h3{font-size: 28px;}
    .call a{font-size: 44px;}
    iframe{width: 100%;}
    .home .bannr {height: 255px;}
    .home .logo {top: 35px;width: 447px;}
    .home .logo a .textwidget > img {width: 100%;}
    .bannr {height: 127px;}
    .logo .textwidget > img {width: 52%;}
    .logo img {max-width: 38%;}

}

@media screen and (max-width:768px){
    .wraper{width:640px;}
    .navigation ul li a {font-size: 12px;padding: 10px;}
    .home .logo a .textwidget > img{width: 66%;}
	.home .logo {top: 24px;}
	.home .logo {margin-bottom: 0px;}
	.left > p {font-size: 12px;}
	.home .content{margin-top: 0px;}
	.content {padding: 0 12px 42px;}
    .home .content .left {width: 360px;}
	.content .right h2 {font-size: 24px;}
	.content .right h3 {font-size: 24px;}
	.call a {font-size: 36px;}
	.content .right{width: 260px;}
	.content_contact .right p{font-size: 12px;}
	.content_contact .right h3{font-size: 26px;}
	.content_contact .right{width: 310px; padding: 0 30px;}
    .content_contact {padding:0 0 55px;}
    .blue{font-size: 19px !important;}
	.content .left {width: 370px;}
	.content .right {width: 240px;}
    .footer .wrapper {width: 635px;}
    .content_contact .right ul li{font-size: 12px;}
    .home .bannr {height: 216px;}
    .bannr {height: 109px;}
    .logo {top:14px;/*width: 202px;*/}
    .logo .textwidget > img {width: 100%;}
    .logo img {max-width: 35%;}
    .navigation{top: 35px;}
    .content_contact .left{margin-left: 12px;}
}

@media screen and (max-width:640px){
	.navigations ul li:first-child {margin-left: 0;}
	.navigations ul li {float: none; margin: 0;  position: relative;}
	.navigations ul li a{padding:10px; border-bottom:1px solid #fff;}
	.cbp-spmenu {overflow: scroll;position: fixed;}
	body {left: 0;overflow-x: hidden;position: relative;}
	.cbp-spmenu h3 {background: none repeat scroll 0 0 #0d77b6;color: #afdefa;font-size: 1.9em;font-weight: 300;margin: 0;padding: 20px;}
	.cbp-spmenu a {display: block;}
	.cbp-spmenu-vertical {height: 100%;top: 0;width: 240px;z-index: 1000;}
	.fb_wrap {padding: 30px 20px 0 0;right: 0;}
	.cbp-spmenu-vertical ul a {padding: 1em;}
	.cbp-spmenu-horizontal {height: 150px;left: 0;overflow: hidden;width: 100%;z-index: 1000;}
	.cbp-spmenu-horizontal h3 {float: left;height: 100%;width: 20%;}
	.cbp-spmenu-horizontal a {border-left: 1px solid #258ecd;float: left;padding: 0.8em;width: 20%;}
	.cbp-spmenu-left {left: -244px;}
	.cbp-spmenu-right {right: -280px;}
	.cbp-spmenu-left.cbp-spmenu-open {left: 0;}
	.cbp-spmenu-right.cbp-spmenu-open {right: 0;}
	.cbp-spmenu-top {top: -150px;}
	.cbp-spmenu-bottom {bottom: -150px;}
	.cbp-spmenu-top.cbp-spmenu-open {top: 0;}
	.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0;}
	.cbp-spmenu-push {left: 0;overflow-x: hidden;position: relative;}
	.cbp-spmenu-push-toright {left: 240px;}
	.cbp-spmenu-push-toleft {left: -240px;}
	.cbp-spmenu, .cbp-spmenu-push, body {transition: all 0.3s ease 0s;}        
    .mobile-header {background:#061e34;float: left;
        width: 100%;  padding: 10px 30px;}
	.menu_click{display: block;float: left; margin: 6px 0 0;}
	.wraper{width:100%;}
	.mobile {display: block; float: right;}
	.mobile .call {border-top:none;}
	.call a {border-radius: 2px;font-size: 24px;font-weight: normal;padding: 10px;
     margin: 0;}
	.mobile .left {float: left;}
	.menu_click button {background: url("images/mobile_menu.jpg") no-repeat left center;
        border:none; color: #fff;  cursor:pointer; font-size: 18px;
        padding: 0 0 0 40px;text-align: right; width: 120px; height: 39px;}
	.mobile .left .textwidget > img {padding: 25px 0 30px;}
	.home .content .left {width: 100%;}
	.left > p {font-size: 14px;}
	.content {padding: 0 30px 70px;}
	.content .right h2 {font-size: 28px;}
	.content .right h3 {font-size: 28px;}
	.content .right {width: 100%;}
	.call{display: none;}
	.rsImg.rsMainSlideImage{height: auto !important;}
	.home .logo{top: 30px;margin: 0;}
	.home .logo a .textwidget > img{width: 100%;}
    .home .content {margin-top: -5px;}
    .mobile .call {display: block;  margin: 0;}
    .home .content .right{padding-bottom: 20px; border-bottom: 2px solid #ff0000;}
    .content_contact .left {margin:60px auto 0 30px;max-width: 90%; padding: 17px 40px 50px;width: 100%;}
    .content_contact .right { float: left;width: 87%;}
    .content_contact{background: url("images/main_content_bg.jpg") no-repeat scroll 0 0 / 100% 45% #0e2a44;}
	.footer {background:rgb(14, 42, 68);margin: 0 auto;
        width: 100%;padding-bottom: 55px;}
	.footer .wrapper {margin: 0 auto;width: 100%;}
	.footer ul li{float: none;}
	.l_borde,.footer p.webfirm{float: none;width: 100%;}
	.l_borde{border: none !important; padding:0px;}
	.footer ul li{font-size: 16px;}
	.footer ul li a{padding:20px 30px; display: block; }
	.menu-footer-menu-container {border-bottom: 1px solid;padding-bottom: 15px;margin-bottom: 20px;}
	.footer .wrapper p{font-size: 16px; padding:15px 30px;}
	.content_contact .left form input, .content_contact .left form textarea{width: 100%;}
	.navigation ul li{width: 100%;}
	.navigation ul li a {padding:18px;}
    .content .left {width: 100%;}
    .logo a .textwidget > img {width: 65%;}
    .navigation ul li:first-child a,.navigation ul li:last-child a{border-radius:none; }
    .footer ul{margin: 18px 0 0 0px;}
    ul.nav li ul{display: block;position: unset;}
    .navigation ul li ul li a {padding: 11px 0 11px 30px;}
    .navigation ul li a{border-top:none;}
    form{ width:96%; padding 10px 5%; }
    form input{ width:96%; padding:5px 2%;}
    .home .logo{width: 345px;}
    .bannr {height: 100px;}    
    .logo a .textwidget > img {width: 100%;}
    .content {margin-top: -5px;}
    .content_contact .left {padding: 17px 6% 50px;width: 88%;}
    .logo img {max-width: 38%;}
}

@media screen and (max-width:560px){	
    .call a {font-size: 16px; margin: 3px 0 0;}        
    .menu_click button {background-size: 27% auto; padding: 0 0 0 30px;width: 110px;}
    .home .content {margin-top: 0;}
    /*.menu_click button{width: 42%;}*/	
    .content_contact{background: url("images/main_content_bg.jpg") no-repeat scroll 0 0 / 100% 50% #0e2a44;}
    .content {margin-top: 0px;}		
    .logo {top: 12px;}
    body{background:none !important;}    
    .logo a .textwidget > img {width: 100%;}
    /*.menu_click{padding:10px 30px;}*/
    .home .logo {width: 57%;}
    .home .logo a .textwidget > img {width: 100%;}
    .left > h3{margin: 15px 0;}
    /*.menu_click button{background: url("images/mobile_menu.jpg") no-repeat scroll left center / 31px 25px;}*/
    .home .bannr {height: 174px;}
    .bannr {height: 88px;}

}

@media screen and (max-width:480px){
.mobile .left {float: left;text-align: center;width: 50%;}
/*.mobile .right{width: 50%; text-align: center;padding:0;margin: 60px auto 10px;}*/
/*.mobile .call{margin: 0;}
.mobile .call a{margin: 0;}
.menu_click button {width: 50%;}*/
.alignright, .alignleft {width: 100%;}
.alignright, .alignleft {width: 100%;}
.page-id-6 .alignright,.page-id-6 .alignleft {width: 25%;}

.mobile .left .textwidget > img{width: 100%;}
.content_contact .left{}
/*.call a{font-size: 13px;} 
.mobile{padding: 0 10px 0 30px;}*/	
.home .bannr {height: 150px;}
.bannr {height: 76px;}
.menu_click button {background-size: 27% auto; font-size: 16px;
    padding: 0 0 0 25px; width: 90px;}
.call a {font-size: 15px; margin: 4px 0 0;}
}

@media screen and (max-width:360px){
/*.menu_click button {width: 58%;background: url("images/mobile_menu.jpg") no-repeat scroll left center / 31px 25px;}*/
  .search-field{width: 42%;}
  .search-submit{padding:5px; }
  .left > h3{text-align: center;}
  /*.call a{padding: 10px 5px;}*/
.footer ul li a {padding: 10px 30px;}
.footer ul li {font-size: 14px;}
.footer .wrapper p {font-size: 14px;padding: 10px 30px;}
.content_contact .left form input, .content_contact .left form textarea{width: 98%;}
.content_contact .left {padding: 17px 15px 50px;max-width: 85%;}
/*.call a{font-size: 12px;}
.mobile .right{margin: 40px auto 10px;}*/
.mobile .left .textwidget > img{width: 90%;}
.mobile .left a .textwidget{ text-align: left;}
.home .bannr {height: 114px;}
.home .logo{top: 20px;}
.bannr {height: 56px;}
form{width: 100%;}
.mobile-header{padding: 5px 30px;}
.menu_click{margin: 0;}
.menu_click button {background-size: 27% auto;font-size: 15px; padding: 0 0 0 20px;
    width: 70px;}
.call a {font-size: 13px; margin: 3px 0 0; padding: 8px;}
.logo {top:6px;}
}

@media screen and (max-width:320px){
.home .bannr {height: 100px;}
}


/*****************hack*******************/
@media \\0 screen {
    body{background: url("/wp-content/uploads/2015/04/body_bg_optimised2.jpg");}}

@media screen { @media (min-width: 0px) {} 
 body{background:url("/wp-content/uploads/2015/04/body_bg_optimised2.jpg") no-repeat 0 0;
-webkit-background-size: cover; /*Used by Safari &amp; Chrome*/
-moz-background-size: cover; / Used by Firefox /
-o-background-size: cover; / Used by Opera /
background-size: cover; / All Modern Browsers /}
IMG.alignright{margin-left:5px;}}

@media \\0 screen { body{background:url("/wp-content/uploads/2015/04/body_bg_optimised2.jpg") no-repeat fixed 0 0;}}

@-moz-document url-prefix() {
     body{background:url("/wp-content/uploads/2015/04/body_bg_optimised2.jpg") no-repeat fixed 0 0;
}