/*

WOO CUSTOM STYLESHEET

---------------------



Instructions:



Add your custom styles in this file instead of style.css so it

is easier to update the theme. Simply copy an existing style

from style.css to this file, and modify it to your liking. */





/* GLOBAL STYLES

----------------

Add styles beneath this line that you want to be applied across your entire site */

.all-services h4{

	margin-bottom:1em;

}


.entry p, .entry ul li, .widget p, .widget ul li{
	font: normal 15px/2em 'Lato', arial, sans-serif!important;
    color: #555555;
}
.widget ul{margin-bottom:30px;}


.home #main .entry-title,.tp-bannertimer,#footer-widgets-container{

	display:none;

}



.callus > p {

    font-size: 28px;

    margin: -10px 0;

}

#rev_slider_1_1_wrapper,#rev_slider_2_1_wrapper {

	border-bottom:1px solid #2e2a2b;

}

.test-sli{

	background:#cb171e;

	min-height:100px;

	padding:90px 0;

	}

.testi-content{	

	background:url(images/blackquote.png) no-repeat 0 0 ;

	margin:0 auto;

	max-width:960px;

	width:100%;

}



.testi-content .test-ti{

	border-top:1px solid #fafafa;

	padding-top:1em;

}

.testi-content .test-con{

	margin-bottom:1em;

}

.testi-content p a{

	color:#fff;

	text-transform:uppercase;

}

.contact-about .fivecol-two {

    background: none repeat scroll 0 0 #231f20;

    padding: 80px 0;

	margin-bottom: 0;

	

}

.contact-about .fivecol-three {

    background: none repeat scroll 0 0 #fff;  

    padding: 80px 0;

   margin-bottom: 0;

  

}

.contact-about .fivecol-two .widget.widget_text h3,.contact-about .fivecol-two .widget.widget_text p,.contact-about .fivecol-two .widget.widget_text  a{

	color:#fff;

	font-size:23px;

}

.contact-about .fivecol-two .widget.widget_text h3{

	text-transform:uppercase;

}

.contact-about .fivecol-three .widget.widget_text p{

color:#3e3d3f;

font-size:18px;

}



.cu-social a{

		display:inline-block;

		margin-right:10px

}

.cu-social #twi{

	background:url(images/social.png) no-repeat 0 0 ;

	width:50px;

	height:50px;

}

.cu-social #fb{

	background:url(images/social.png) no-repeat -60px 0 ;

	width:50px;

	height:50px;

}

.cu-social #go{

	background:url(images/social.png) no-repeat -121px 0 ;

	width:50px;

	height:50px;

}

.cu-social #lin{

	background:url(images/social.png) no-repeat -182px 0 ;

	width:50px;

	height:50px;

}

.cu-social #g-mail{

	background:url(images/social.png) no-repeat -242px 0 ;

	width:50px;

	height:50px;

}

#content{

	padding-top:60px !important;

}

.home #content ,.main-con{

	text-align:center;

}

.home #content h1{

	border-bottom:1px solid #d6d6d6;

}

.main-con{

	margin-top:5em;

}

.main-con h3{

	margin-top:1em;

}

.entry-title {

    border-bottom: 1px solid #e4e4e4;

    margin-bottom: 1em;

    padding-bottom: 0.5em;

    text-transform: uppercase;

}

.entry-title span{

    color:#cb171e;

    text-transform: none !important;

	font-size:24px !important;

	vertical-align:top;

	font-weight:lighter !important;

}

#main h4 span,.all-services h4 span{

    color:#cb171e;

    text-transform: none !important;

	font-size:14px;

	font-weight:lighter !important;

}

#main .sixcol-five h4,#main .sixcol-five .test-con{

	margin-bottom:1em;

}

.all-team{

	margin-top:2em;

}

.woo-sc-divider{

	display:none;

}

.contact-info{

	margin-top:3em;

}

.con-add{

	background:url(images/home.png) no-repeat left top;

	padding-left:3em;

}

.con-info{

background:url(images/phone1.png) no-repeat left center;

padding-left:3em;

margin-top:1em;

}

.con-info p{

	margin-bottom:5px !important;

}

.contact-info h2{

 border-bottom: 1px solid #e4e4e4;

 padding-bottom:0.5em;

}

.contact-info .twocol-one{

	margin-right:2%;

}

.con-info span{

	color:#cb171e;

	font-weight:bold;

}

.all-testi {

	text-align:center;

}

.all-testi .test-con{

	background:url(images/red-quote.png) no-repeat 0 0;

	 margin: 3em 0;

	 padding-left: 2em;

}

.all-testi .test-ti{

	margin-bottom:2em;

	text-transform:uppercase;

}



/* DESKTOP STYLES

-----------------

Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {

	/* Desktop styles go below this line */

.all-services .sixcol-two{

	margin-right:0;

	width:25%;

}

#nav-container {

    margin: 0 0 0em;

}

#content {

    padding: 40px 10px;	

}	

.header-widget{

	text-align:right;

}

ul.nav li a{

	padding-left:1.5em;

	padding-right:1.5em;

transition:.3s;

}

.callus{

	background: url("images/phone.png") no-repeat scroll 185px center rgba(0, 0, 0, 0);

    padding: 50px 0;

}

#footer {

    padding: 2em 0;

}

#copyright {

    padding-top: 2em;

}



.bx-wrapper .bx-next {

    right: -40% !important;

}	

.bx-wrapper .bx-prev{

	left:-40% !important;

}

.contact-about .fivecol-two {

	width: 43.6%;

}



.testi-content p{

color: #fff;

    font-size: 22px;

    font-weight: normal;

    line-height: 50px;

    padding-left: 40px;

    text-align: center;

}

.contact-about .fivecol-two .widget.widget_text {

    float: right;

    margin-right: 5%;

}

.contact-about .fivecol-three {

   width: 52.4%;

   max-width:500px;

}





}



@media only screen and (min-width: 768px) and (max-width: 1024px) {



ul.nav li a{

	padding-left:1.5em;

	padding-right:1.5em;

}

.callus{

	background: url("images/phone.png") no-repeat scroll 75px center rgba(0, 0, 0, 0);

    padding: 50px 0;

}

}



@media only screen and (min-width: 320px) and (max-width: 768px) {

.callus{

background: url("images/phone.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);

    padding: 50px 0;

    text-align: right;

}

.testi-content p{

color: #fff;

    font-size: 15px;

    font-weight: bold;

    line-height: 20px;

    padding-left: 50px;

    text-align: center;

}

.bx-controls-direction{

	display:none;

}

.contact-about .fivecol-two .widget.widget_text {

    text-align:center;

}

.contact-about .fivecol-three {

   width: 100%;

   max-width:500px;

    text-align:center;

}

}