h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizelegibility;
}
  
.navbar-collapse.in {
	padding-top: 10px;
	padding-bottom: 15px;	
}  
  
 .last-row {
border-left:2px solid #e5e5e5;
padding-left:20px; 
 } 
  
.sf-menu a {font-size: 13px;
font-weight: 500;
font-family: 'Raleway', Arial, sans-serif;
color: #333;
text-transform: uppercase;
transition: all 0.25s ease-out 0s;}

.dropdown-menu > li > a {
	line-height: 3em;
}

.phone {
	z-index: 2;
	font-size:16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color:#f6a821;
	float:left;
	margin-top:30px;
	margin-left:80px;
	font-weight:500;
	
	padding:5px 5px;
	background:#fff;
	font-family: 'Raleway', Arial, sans-serif;
	}
	
.phone i {
	z-index: -99;
	background:#fff;
	font-size: 30px;
	width: 50px;
	height: 50px;
	color: #f6a821;
	padding:10px 13px;
	position: absolute;
	margin-left: -50px;
	top: 22px;
	border:1px solid #f6a821;
	border-radius: 100%;
}

.add_bottom_30 {margin-bottom: 30px;}

.box_calculator a {background-color: #eee;}
.box_calculator h3 {color: #222;}
.box_calculator p {color: #555;}

h3.title {background:none;margin:0;}
.client img {
    width: 100%;}
.client {
    
    padding: 0px 15px;
    background: none repeat scroll 0% 0% transparent;
}    

ul#main-nav {margin-top: 25px;}

.grow { transition: all .3s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.navbar-default {
	background-color: #fff;
	border-bottom:0px solid #ccc;
	z-index: 9999999999999;
    
}




#cookie-law {
    background-color: #fff;
    width: 100%;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
    margin:10px auto 0;
    
}
 
#cookie-law p {
    padding:10px;
    font-size:1.0em;
    
    text-align:center;
    color:#682008;
    margin:0;
}

/* recovery */

.clients {}
  
 
  .list-group-item {background:none;color: #555;border:0;border-left:1px dotted #ccc;
  border-top-right-radius: 0px;
border-top-left-radius: 0px;}
.list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border:0;
    border-left:1px dotted #ccc;}
.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
  
  #map {border:none;}
  
  .wp-block {
    margin: 0;
    transition: all 0.3s linear 0s;
    position: relative;
    cursor: default;
    border-radius: 2px;
}
.wp-block::before, .wp-block::after {
    display: table;
    content: "";
}
*::before, *::after {
    box-sizing: border-box;
}
.no-margin {
    margin: 0px !important;
}
.base {
    background: url('../img/sungard.jpg');
    color: #fff !important;
    min-height: 512px;
}
.base1 {
    background: url('../img/sungard1.jpg');
    color: #fff !important;
    min-height: 512px;
}
.light-box {
    background: url('../img/sungard2.jpg');
    color: #fff !important;
    min-height: 512px;
}
.wp-block.no-space.arrow-right.base::after {
    border-left-color: #23395e;
}
.wp-block.no-space.arrow-right.base1::after {
    border-left-color: #6c7c95;
}

.wp-block.no-space > .wp-block-body {
    margin-top: 20px;
    padding: 0px;
    min-height: 512px;
    text-align: center;
}
.wp-block .wp-block-body {
    padding: 15px;
}
input, textarea, input[type="submit"]:focus, div {
    outline: medium none;
}
.wp-block.no-space .img-icon {
    display: block;
    text-align: center;
    margin: 0px 0px 10px;
}
.wp-block {
    cursor: default;
}
.base {
    color: #fff !important;
}
.wp-block.no-space h1 {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 20px 0px;
    padding: 0px;
    text-align: center;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
    color: #333 !important;
}
.light {
    background: none repeat scroll 0% 0% #ffb6b2;
    color: #333;
    
}

.wp-block.no-space.arrow-right::after {
    left: 100%;
    z-index: 300;
    top: 50%;
    border: 20px solid transparent;
    content: " ";
    height: 0px;
    width: 0px;
    position: absolute;
    pointer-events: none;
    margin-top: -20px;
}
.wp-block::after {
    clear: both;
}
.wp-block::before, .wp-block::after {
    display: table;
    content: "";
}
*::before, *::after {
    box-sizing: border-box;
}
.wp-block {
    cursor: default;
}

/* CAROUSEL */

.carousel-fade {
  .carousel-inner {
    .item {
      opacity: 0;
      transition-property: opacity;
    }

    .active {
      opacity: 1;
    }

    .active.left,
    .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

    .next.left,
    .prev.right {
      opacity: 1;
    }
  }

  .carousel-control {
    z-index: 2;
  }
}



html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
  height: 400px;
}

.item:nth-child(1) {
  background: darkred;
}

.item:nth-child(2) {
  background: red;
}

.item:nth-child(3) {
  background: orange;
}


/* tabs */

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    margin-right: 30px;
    
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}

.nav-tabs > li > a {background-color: transparent;}


.panel-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 100;
}

.backtext {position: relative;top: 30px;left: 0;font-size: 100px;color: #f3f3f3;z-index: -1000;letter-spacing: -12px;line-height: 100px;text-align: center;}

h3.title-2 {margin-top: -200px;}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }   
 
.rotate:hover   
{ 
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg);
} 
img.transport {transform:scale(0.8);transform-origin: 50% 50%;
    transition: transform 1s linear;}
img.transport:hover {transform:scale(1.0);}

img.icona {transition: all .2s ease-in-out;opacity: 0.5;}
img.icona:hover {transform:rotate3d(10, 10, 10, 45deg);}

.top-banner {
	
}

.wave-line {
	background:url(../img/clouds.png);
	height: 64px;
	margin-top: -63px;
	
}

#pricing .col-sm-3 {
    margin: 0 1px 3em 0;
    position: relative;
    width: 24.875%;
}
#pricing {
    text-align: center;
    
}
.table-inner {
    overflow: visible;
    position: relative;
}
#pricing .pt-header {
    text-align: center;
    min-height: 142px;
    color: white;
    margin: 0;
}
#pricing .pt-header .plan {
    background-color: #051833;
    color: #ffffff;
}
#pricing .pt-header h2 {
    font-size: 1.7em;
    line-height: 2.4em;
    margin: 0;
}
#pricing .plan {
    padding: 0;
}
#pricing .pt-header .period {
    background-color: #1f68c7;
    font-weight: 600;
    min-height: 2.6em;
    font-size: 1.7em;
    line-height: 2.4em;
}
#pricing .pt-header .desc {
    background-color: #1f68c7;
    min-height: 2.5em;
}
#pricing .pt-header p {
    line-height: 2.5em;
    color: white;
    margin: 0;
}
#pricing .pt-header .period span {
    font-size: 60%;
    font-weight: 300;
}
#pricing .pt-content {
    margin: 0 0 1px;
}
#pricing ul, li {
    padding: 0;
    margin: 0;
}
#pricing .pt-content li {
    text-align: center;
    padding: 1.2em 0;
    
    color: #333333;
    margin: 1px 0 0;
    min-height: 1.46154em;
    line-height: 1.5;
    border-color: #ccc;
    border-width: 1px;
    list-style: none;
}
#pricing ul.naked li {
	text-align: right;
	padding-right: 10px;
}
#pricing .pt-footer {
    text-align: center;
    background-color: #ebebeb;
    min-height: 1.46154em;
}
#pricing .pt-footer > a {
    font-size: 90%;
    padding: 0.8em 1.6em;
    margin: 1em 0;
    color: white;
}
#pricing .space {
    height: 25px;
}
.table-inner::before, .table-inner::after {
    content: "";
    display: table;
}
#pricing .featured {
    margin-top: -0.3em !important;
    margin-bottom: -3em !important;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.25);
    z-index: 5;
    margin-right: -2px !important;
    margin-left: -2px !important;
}

@media (max-width: 768px) {
.mobile {
font-size: 78%;
}
}

.dcc-slider img {width: 120px;margin:0 auto;}

.bkg-darkblue {
    background-color: #353e44 !important;
}
.info-box {
    display: table;
    margin-top: -30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
}
.info-box .icon-container {
    width: 60px;
    float: left;
}
.info-box .icon-container i {
    font-size: 48px;
    color: #fff;
}
.info-box .text-container {
    padding-left: 70px;
}
.info-box .text-container p {
    font-family: 'Raleway', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}
.info-box .text-container .big {
    font-size: 22px;
    color: #fff;
    letter-spacing: 0em;
}
.info-box .text-container .big a{
		color: #fff;
}
a.read-more {
    position: relative;
    text-align: right;
    display: block;
    width: 100%;
    padding-right: 15px;
}
.custom-background[class*="col"] {
    padding: 50px 30px;
}
.bkg-blue {
    background-color: #117dc2 !important;
}
.bkg-red {
    background-color: #c21125 !important;
    
}
#footer-wrapper {
    background-color: #294e5b;
    width: 100%;
    padding-top: 50px;
    margin-top:30px;
   
}
.footer-widget-container .widget p, .footer-widget-container .widget a, .footer-widget-container .widget span {
    color: #fff;
}

footer {
	font-family: 'Raleway', Arial, sans-serif;
    width: 100%;
    margin: auto;
    background: transparent;
    border-top: none;
    padding: 0;
    color: #bbb;
}

.footer-widget-container .widget .title h3 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.footer-widget-container .widget li {
    border-bottom: 0px dotted #485159;
}
footer li a {
	color: #bbb;
}
footer li a:hover {
	color: #fff;
}

.contact-info-list li {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    list-style: none;
    background: none;
    padding-left: 0;
}
.widget li {
	padding-top: 4px;
line-height: 25px;
}
#copyright-container {
    background-color: #1c323b;
    padding: 25px 0 10px 0;
}

.blogbox {
	margin-top:0px;
	background-color: #ed6a56;
	padding: 15px 10px 5px 10px;
	color: #fff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
}

.post-header {
	margin-top:5px;
	margin-left:30px;
	font-weight:normal;
	font-size:18px;
	padding:15px;
	border-bottom:1px solid #ed6a56;
	line-height: 41px;
}

.top-button-red
{
	margin-top: 0;
	background-color: #1c323b;
	padding:20px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Raleway', Arial, sans-serif;
	text-transform: uppercase;
	border-left:1px solid #fff;
	
}
.top-button-red.active
{
	border-top:0px solid #1c323b;
}
.top-button-gren
{
	margin-top: 0;
	background-color: #1c323b;
	padding:20px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Raleway', Arial, sans-serif;
	text-transform: uppercase;
	
}
.top-button-gren.active
{
	border-top:0px solid #1c323b;
}
.top-button-blue
{
	margin-top: 0;
	background-color: #1c323b;
	padding:20px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Raleway', Arial, sans-serif;
	text-transform: uppercase;
	border-left:1px solid #fff;
	
}
.top-button-blue.active
{
	border-top:0px solid #1c323b;
}
.top-button-brown
{
	margin-top: 0;
	background-color: #1c323b;
	padding:20px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Raleway', Arial, sans-serif;
	text-transform: uppercase;
	border-left:1px solid #fff;
	
}
.top-button-brown.active
{
	border-top:0px solid #1c323b;
}
.top-button-gren a, .top-button-red a, .top-button-blue a, .top-button-brown a {
	color: #fff;
}

.top-button-gren a:hover, .top-button-red a:hover, .top-button-blue a:hover, .top-button-brown a:hover {
	color: #ccc;
}

#toTop {
    height: 40px;
width: 40px;
right: 30px;
bottom: 30px;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
}

.btn-slider-white {
    border-color: #fafafa;
    background-color: #fafafa;
    color: #5a5a5a;
    }
.btn-slider-white:hover {
    border-color: #fafafa;
    background-color: #fafafa;
    color: #5a5a5a;
   }
.btn-slider-yel {
    border-color: #f6a821;
    background-color: #f6a821;
    color: #fff;
}
.btn {border-radius: 0;}

img.testimonials {border:3px solid #ccc;} 

.hours {
width: 24%;
background:rgba(22, 22, 27, 0.85);
height: 300px;
position: absolute;
top: 140px;
border-radius: 10px;
border:2px solid #fff;
left: 7%;
color: #aaa;
font-size: 14px;
padding:30px 30px;
z-index: 99;
}
.hours p {line-height: 9px;}
.hours h4 {color: #fff;border-bottom:1px solid #ccc;padding-bottom: 10px;margin-bottom: 15px;}

.feel-form {background:#fff;}

.rc-anchor {
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.08);
 }
 
 ul.feel-form {color: #222;}
 
ul li h4 {color: #555;}
ul li h5 {color: #222;font-weight: 400;margin-top: -5px;}

.feel-form h5 {color: #222;font-weight: 400;}
 
.color-blok {
	margin-top: -100px;
} 

@media(max-width:768px) {
.color-blok {
	margin-top: 100px;
	z-index: -2;
	
} 

}
 
 
 
 
 
 /* Columns */

.columns { margin:1.5em -1.5em; }

.column { padding:0 1.5em; margin:0.75em 0; float:left; }

.column_right { float:right; }

.column_xlarge  { width:100%; }
.column_large   { width:61.8034%; }
.column_medium  { width:38.1966%; }
.column_small   { width:23.6068%; }
.column_xsmall  { width:14.5898%; }
.column_xxsmall { width: 9.0170%; }

/* Collapsing columns */

@media screen and ( max-width:50em )
{
	.columns_content > .column { width:100%; margin:1.5em 0; float:none; }
}
 
ul.onsite li {
	line-height: 32px;
	
	
}
ul.onsite li:before {
	content: "\f00c";
    font-family: FontAwesome;	
    padding-right: 10px;
    color: #8dc63f;
}

ul.onsite {
	margin-left: 0;
	
}

.services {
	background:url(../img/lap-service.png) no-repeat right center;
	
	
	}

.services-caption {
	width: 60%;
	padding: 40px;
	
}
.services-caption h1 {
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 48px;
	color: #fff;
	padding-bottom: 10px;
}
.services-caption p {
	font-family: 'Raleway', Arial, sans-serif;
	color: #fff;
	line-height: 18px;
	font-size: 20px;
	padding-left: 10px;
	}
.services-caption p:before {
	content: "\f00c";
    font-family: FontAwesome;	
    padding-right: 10px;
    color: #fff;
    font-size: 22px;
}
@media screen and ( max-width:50em )
{	
	.services {
	background:#ababab;
	
	}
	.services-caption {
	width: 100%;
	padding: 40px;
	
}
}
.boost-business {
	background-color: #ababab;
	margin-top: 30px;
}
.boost-business h1 {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 160%;
	color: #fff;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 75px;
}
.boost-business .btn {
	margin-top: 22px;

}

.blog-caption {
	background-color: #92d7e7;
	padding:0 30px;
	margin-top: -50px;
	
}

.blog-caption h3 {
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 48px;
	color: #fff;
	padding-top:10px;
	text-transform: none;
	font-size: 30px;
	
}
.blog-caption p {
	
	color: #fff;
	font-size: 16px;
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 26px;
}

.motto{min-height:180px}
.motto-text{font-size:28px;font-style:italic;color:#fff;padding:40px 20px 30px}
.motto-img{position:absolute;bottom:0}
.bgcolor2{background-color:#ff9c00}
.motto-text{padding-left:380px;line-height: 100px;}


.xmass {
	width: 400px;
	height: 300px;
	background:url(//dccworkshop.com/assets/img/web/xmas.jpg);
	position: absolute;
	top: 15%;
	left: 55%;
	text-align: center;
	border-radius: 10px;
}

.xmass h1 {
	padding-top: 40px;
	line-height: 70px;
	color: #fff;
	font-size: 50px;
	letter-spacing: -0.1em;
}
.xmass span {font-size: 60px;}

.call-banner {
	width: 500px;
	padding-top: 150px;
}
.call-banner h1 {
	font-weight: 100;
	line-height: 45px;
}
.call-banner p {
	font-size: 20px;
	font-weight: 100;
	
}
.call-banner .btn-call {
	background-color: #6ab82e;
	font-family: 'DaxWebPro-Medi',Arial,sans-serif;
    font-weight: 400;
    font-size: 1em;
    padding: 5px 20px;
    white-space: nowrap;
    color: #fff;
    transition: all 300ms ease-out;
    margin-top: 50px;
}

.white_block_title {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 47px;
    color: #fff;
}

span.levels_numbers {
    background: #EB6D15;
    border-radius: 50%;
    height: 42px;
    width: 43px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-bottom: 22px;
}

ul.level {
	text-align: center;
	color: #fff;
}

ul.level li {
font-size: 16px;
line-height: 30px;
}

.level-box {
	background: #363B3E;
	border:10px solid #dedede;
	border-radius: 15px;
	min-height: 320px;
}