@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------------
VISION - html responsive template
psd design: http://themeforest.net/user/miciana1417
psd to html: http://themeforest.net/user/rayoflightt
----------------------------------------------------------*/
/* -----------------------------------------------------------
CONTENTS:
html5 and responsive content
reset
general
first section
second section
third section
blog

------------------------------------------------------------*/


/******html5 and responsive content******/

/* HTML5 styles */
header, nav, article, section, aside, footer {display: block;} 
/* HTML5 styles-end */

img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video, iframe {
	max-width: 100%
}

/******html5 and responsive content end******/

/********* reset *********/

a {
  color: #cf684d;
  text-decoration: none;
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition:  all .3s ease-out;  
  transition: all .3s ease-out;
}
a:hover,
a:focus {
  color: #ab5640;
    text-decoration:none;
}


a:link, a:visited{ 
outline:none;
}
ul, ol { 
line-height:1;
margin: 0 0 22px 0;  
padding:0;
list-style:none;
}

ul li, ol li{ 
margin-bottom:10px;
padding:0; 
list-style:none;
font-size:13px;
}

.liststyle1 ul li{ 
list-style:square;
font-size:13px;
}


h1, h2, h3, h4, h5, h6 {
color:#3a3a3;
font-family:"lato", arial, san-serif;
font-weight:bold;
}


p{
color:#3a3a3a;
font-size:13px;
font-family: arial, san-serif;
line-height:1.6;
margin:0 0 21px 0;
}



blockquote{
margin:0 0 21px 0;
padding:21px 20px;
}

blockquote p{
margin:0;
}

.blockqoute1{
margin:0 20px 21px 10px;
padding:0 20px 0 10px;
border:none;

}

.blockqoute1 p{
margin:0;
padding:20px;
font-size:17px;
font-style:italic;
}

.right{ 
float:right;
}
/********* reset end *********/

.hideondesk{
display:none;
}
.hideonmobile{
display:block;
}


/******general******/

body{
background:#fff;
line-height:1.6;
color:#555555;
font-size:13px;
font-family:"arial",  san-serif;
}


.bodywrapperfirst{
width:100%;
float:left;
background:#fff;
position:relative;
z-index:100;
}
.btn{
padding:0;
width:20px;
height:20px;
}

.btn-navbar{
padding:0;
width:40px;
height:40px;
background:transparent url(/images/btn-navbar.png) top left no-repeat;
border:#fff 2px solid;
box-shadow:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.btn-navbar:hover{
padding:0;
width:40px;
height:40px;
background:transparent url(/images/btn-navbar.png) top left no-repeat;
border:#fff 2px solid;
box-shadow:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}


/******general end******/


/******first section******/

.underslider{
background:#1a1a1a;
text-align:center;
padding:20px 0 0 0;
}


.underslider p{
font-family:"lato";
font-size:24px;
color:#fff;
margin-right:20px;margin-left:20px;
}

.underslider a.button1:link, .underslider a.button1:visited{
display:inline-block;
color:#fff;
font-family:"lato";
font-size:24px;
text-transform:uppercase;
line-height:0;
margin-bottom:21px;
}

.underslider a.button1:hover{
color:#e37c61;
}


/***button 3d***/


.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
 
.ch-grid:after {
    clear: both;
}
 
.ch-grid li {line-height:1;
   width: 240px;
    height: 63px;
margin:0;
    display: inline-block;

}


.ch-item {
 width: 100%;
	height: 100%;
	
	position: relative;
	
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}

.ch-info{
position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


.ch-info > div {
border:1px solid #fff;
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}


.ch-info .ch-info-back {
    -webkit-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg);
	
	opacity: 0;
}



.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,80px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,80px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,80px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,80px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,80px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {border:1px solid #e37c61;
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}



.button1 .button1inner {
display:inline-block;
position:relative;
padding:21px 21px 5px 21px;
font-size:21px;

  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out; 
  -o-transition: all .5s ease-out;  
  transition: all .5s ease-out;
}
.button1 .button1inner:before {
content: "";
display:block;
position: absolute;
left: 5%;
bottom: 0;
z-index:1;
width: 90%;
height: 10%;
}


/*** button 3d end ***/




.aboutleftwrapper{
width:50%;
float:left;
position:relative;
z-index:0;
}


.aboutleft1{
background:#f3efe5 url(/images/aboutleft1.png) right top repeat-y;
width:100%;
height:300px;
}

.aboutleft1 h4{
font-weight:100;
text-align:right;
margin-top:0;
padding-top:80px;
padding-right:200px;
margin-right:40px;
font-size:60px;
text-transform:uppercase;
line-height:1.2;
background:#f3efe5 url(/images/arrowrightblack.png) right bottom no-repeat;
}


.aboutleft1 span{
font-weight:700;
margin-right:135px;
}


.aboutleft2{
background:#e37c61 url(/images/aboutleft2.png) right bottom repeat-x;
width:100%;
height:300px;
}

.aboutleft2 h4{
font-weight:100;
color:#fff;
text-align:right;
margin-top:0;
padding-top:80px;
padding-right:100px;
margin-right:40px;
font-size:60px;
text-transform:uppercase;
line-height:1.2;
background: url(/images/arrowdownwhite.png) right bottom no-repeat;
}
.aboutleft2 span{
font-weight:700;
margin-right:135px;
}


.aboutrightwrapper{
width:50%;
float:left;
height:520px;
background:#3a3a3a;
padding-top:80px;
}

.aboutrightwrapper p{
padding:0 40px 0 40px;
color:#f3efe5;
font-size:20px;
max-width:420px;
}
.aboutrightwrapper span{
text-transform:uppercase;
}

.teamcolumn {
margin:80px 100px;
width:300px;
max-width:300px;
height:294px;
background:#3a3a3a;
}


.teamcolumn img{
float:left;
}

.teamcolumnicons {
width:63px;
height:auto;
float:left;
}


.teamcolumn a.twitter:link, .teamcolumn a.twitter:visited{
width:100%;
height:59px;
float:right;
display:block;
background: url(/images/tw.png) center center no-repeat;
}

.teamcolumn a.twitter:hover{
background:#cf684d url(/images/tw.png) center center no-repeat;
}
.teamcolumn a.facebook:link, .teamcolumn a.facebook:visited{
float:right;
display:block;
width:100%;
height:59px;
background:url(/images/fb.png) center center no-repeat;
}

.teamcolumn a.facebook:hover{
background:#cf684d url(/images/fb.png) center center no-repeat;
}

.teamcolumn a.googleplus:link, .teamcolumn a.googleplus:visited{
float:right;
display:block;
width:100%;
height:59px;
background:url(/images/googleplusicon.png) center center no-repeat;
}

.teamcolumn a.googleplus:hover{
background:#cf684d url(/images/googleplusicon.png) center center no-repeat;
}

.teamcolumn a.mail:link, .teamcolumn a.mail:visited{
float:right;
display:block;
width:100%;
height:59px;
background:url(/images/mailicon.png) center center no-repeat;
}

.teamcolumn a.mail:hover{
background:#cf684d url(/images/mailicon.png) center center no-repeat;
}
.teamcolumndown{
background:#e37c61;
height:70px;
float:left;
width:100%;
margin-top:-3px;
}

.teamcolumndown p{
font-size:18px;
font-family:lato;
text-transform:uppercase;
padding-top:20px;
margin-left:20px;
}

.teamcolumndown span{
text-transform:none;
padding-left:20px;
}


.misionpart{
width:100%;
background:#fff;
position:relative;
z-index:100;
}

.misionpartleft{
width:50%;
float:left;
background:#3a3a3a;
}

.misionpartleftinner{
float:right;
max-width:480px;
}


.misionpartleftinner h4{
float:left;
font-weight:100;
color:#fff;
padding-top:80px;
font-size:36px;
text-transform:uppercase;
width:100%;
line-height:1.2;
}
.misionpartleftinner span{
font-weight:700;
}

.misionpartleftinner p{
font-size:18px;
color:#fff;
margin-right:30px;
margin-bottom:43px;
}


.misionpartright{
width:50%;
float:left;
background:#e37c61;
}

.misionpartrightinner{
float:left;
max-width:500px;
}


.misionpartrightinner h4{

font-weight:100;
color:#fff;
padding-top:80px;
font-size:36px;
text-transform:uppercase;
line-height:1.2;
margin-left:40px;
display:block;
}
.misionpartrightinner span{
font-weight:700;
}

.misionpartrightinner p{
font-size:18px;
color:#fff;
margin-left:40px;
margin-bottom:72px;
}


/* testimonials */


.testimonialswrapper{
width:100%;
background:#f2efe5;

}


.testimonials{
margin-top:80px;
margin-bottom:80px;
min-height:270px;

}


#testimonials blockquote{
border:none;
margin:0;
padding:0;
}
#testimonials blockquote cite{
background:#1a1a1a url(/images/quote.png) right top no-repeat;
border:none;
width:480px;
float:left;
padding:0 ;
height:260px;
font-weight:normal;
font-size:17px;
color:#333333;
font-style:normal;
line-height:1.6;
position:relative;
}

#testimonials blockquote cite:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -20px;
	top: 12%;
	border-width: 35px 0 35px 35px ; 
	border-style:solid;
	border-color:  transparent #1a1a1a transparent #1a1a1a;


}



.testimonialtext{
float:right;
width:46%;
}

.testimonialtext h4{
text-transform:uppercase;
margin-top:20px;
font-size:24px;
font-weight:400;
}

.testimonialtext span{
text-transform:none;
padding-left:10px;
font-size:18px;
font-weight:400;
}
.testimonialtext p{
font-size:18px;
line-height:1.6;
margin-top:40px;
}
.testimonialnav{
margin-top:170px;
margin-bottom:0;
float:right;
margin-right:47%;
z-index:200;
position:relative;
}
.testimonialnav #next{
width:35px;
margin-right:50px;
height:44px;

float:left;
background: url(/images/testimonialsnav.png) right center no-repeat;
}

.testimonialnav #prev{
width:35px;
height:44px;

float:left;
background: url(/images/testimonialsnav.png) left center no-repeat;;
margin-right:5px;
}

/* testimonials end*/




/******first section end******/


/******second section******/

.scrollwrapper{
margin:20px auto;
width:180px;
}


.scroll1{
float:left;
height:80px;
width:80px;
border:#fff 1px solid;
margin-right:6px;
cursor:pointer;
display:inline-block;
background: url(/images/scroll1.png) top center no-repeat;
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition:  all .3s ease-out;  
  transition: all .3s ease-out;
}

.scroll1:hover{
border:#e37c61 1px solid;
background: url(/images/scroll1.png) bottom center no-repeat;
}


.scroll2{
float:left;
height:80px;
width:80px;
border:#fff 1px solid;
cursor:pointer;
display:block;
margin-left:6px;
background: url(/images/scroll2.png) bottom center no-repeat;
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition:  all .3s ease-out;  
  transition: all .3s ease-out;
}


.scroll2:hover{
border:#e37c61 1px solid;
background: url(/images/scroll2.png) top center no-repeat;
}


.image-grid {
margin-top:42px;
margin-bottom:42px;
}


.scroll3{
float:left;
height:80px;
width:80px;
border:#fff 1px solid;
margin-right:6px;
cursor:pointer;
display:inline-block;
background: url(/images/scroll1.png) top center no-repeat;
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition:  all .3s ease-out;  
  transition: all .3s ease-out;
}

.scroll3:hover{
border:#e37c61 1px solid;
background: url(/images/scroll1.png) bottom center no-repeat;
}


.scroll4{
float:left;
height:80px;
width:80px;
border:white 1px solid;
cursor:pointer;
display:inline-block;
margin-left:6px;
background: url(/images/scroll2.png) bottom center no-repeat;
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition:  all .3s ease-out;  
  transition: all .3s ease-out;
}


.scroll4:hover{
border:#e37c61 1px solid;
background: url(/images/scroll2.png) top center no-repeat;
}

.bodywrapperinner1{
background:#1a1a1a;
width:100%;
height:120px;
float:left;
}
.bodywrapperinner2{
background:#1a1a1a;
width:100%;
height:100px;
float:left;
margin-bottom:42px;
}


.servicesrightwrapper{
width:50%;
float:left;
position:relative;
z-index:0;
}


.servicesright1{
background:#f3efe5 url(/images/aboutleft1.png) left top repeat-y;
width:100%;
height:300px;
}

.servicesright1 h4{
font-weight:100;
max-width:250px;
margin-right:40px;
text-align:right;
margin-top:0;
padding-top:80px;
padding-left:170px;
margin-left:40px;
font-size:60px;
text-transform:uppercase;
line-height:1.2;
background:#f3efe5 url(/images/arrowleftblack.png) left bottom no-repeat;
}

.servicesright1 span{
margin-left:-20px;
font-weight:700;
}




.servicesright2{
background:#e37c61 url(/images/aboutleft2.png) left bottom repeat-x;
width:100%;
height:300px;
}

.servicesright2 h4{
font-weight:700;
max-width:250px;
color:#fff;
text-align:right;
margin-top:0;
padding-top:80px;
padding-left:90px;
margin-left:40px;
font-size:60px;
text-transform:uppercase;
line-height:1.2;
background: url(/images/arrowdownwhite.png) left bottom no-repeat;
}

.servicesright2 span{
font-weight:100;
margin-left:200px;
}



.servicesleftwrapper{
width:50%;
float:left;
height:580px;
background:#3a3a3a;
padding-top:20px;
}

.servicesleftwrapper p{
padding:0 40px 0 40px;
color:#f3efe5;
font-size:18px;
max-width:500px;
}
.servicesleftwrapper span{
text-transform:uppercase;
}



.serviceicons{
max-width:500px;
margin-right:0px;
float:right;
}


.serviceiconsinner{
background:#1a1a1a;
width:220px;
height:270px;
float:right;
margin-right:20px;
margin-bottom:20px;
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition:  all .3s ease-out;  
  transition: all .3s ease-out;
}

.serviceiconsinner:hover{
background:#cf684d;
}

.serviceiconsinner h4{
text-transform:uppercase;
text-align:center;
color:#f3efe5;
}


.serviceicon1{
margin:90px auto 20px auto;
width:136px;
height:106px;
background: url(/images/serviceicon1.png) center center no-repeat;
}

.serviceicon2{
margin:90px auto 20px auto;
width:136px;
height:108px;
background: url(/images/serviceicon2.png) center center no-repeat;
}

.serviceicon3{
margin:90px auto 20px auto;
width:136px;
height:106px;
background: url(/images/backup.png) center center no-repeat;
}


.serviceicon4{
margin:90px auto 20px auto;
width:136px;
height:106px;
background: url(/images/serviceicon4.png) center center no-repeat;
}



/******second section end******/


/******third section end******/



.blogpart{
width:100%;
background:#fff;
position:relative;
z-index:100;
}

.blogpartleft{
width:50%;
float:left;
background:#3a3a3a;
}

.blogpartleftinner{
float:right;
max-width:480px;
}


.blogpartleftinner h4{
float:left;
font-weight:100;
color:#fff;
padding-top:80px;
font-size:36px;
text-transform:uppercase;
width:100%;
line-height:1.2;
}
.blogpartleftinner span{
font-weight:700;
}

.blogpartleftinner p{
font-size:18px;
color:#fff;
margin-right:30px;
margin-bottom:80px;
}


.blogpartright{
width:50%;
float:left;
background:#e37c61;
}

.blogpartrightinner{
float:left;
width:400px;
}


.blogpartrightinner h4{
float:left;
font-weight:100;
color:#fff;
padding-top:80px;
font-size:36px;
text-transform:uppercase;
width:100%;
line-height:1.2;
margin-left:40px;
}
.blogpartrightinner span{
font-weight:700;
}

.blogpartrightinner p{
font-size:18px;
color:#fff;
margin-left:40px;
margin-bottom:80px;
}








.contactleft1{
background:#f3efe5 url(/images/aboutleft1.png) right top repeat-y;
width:100%;
height:300px;
}

.contactleft1 h4{
font-weight:100;
text-align:right;
margin-top:0;
padding-top:80px;
padding-right:150px;
margin-right:40px;
font-size:60px;
text-transform:uppercase;
line-height:1.2;
background:#f3efe5 url(/images/arrowrightblack.png) right bottom no-repeat;
}
.contactleft1 span{
font-weight:700;
margin-right:130px;
}


.contactleft2{
background:#e37c61 url(/images/aboutleft2.png) right bottom repeat-x;
width:100%;
height:300px;
}

.contactleft2 h4{
font-weight:100;
color:#fff;
text-align:right;
margin-top:0;
padding-top:80px;
padding-right:280px;
margin-right:40px;
font-size:60px;
text-transform:uppercase;
line-height:1.2;
background: url(/images/arrowdownwhite.png) right bottom no-repeat;
}
.contactleft2 span{
font-weight:700;
margin-right:-110px;
}



.icons{
margin-top:80px;
margin-left:40px;

}

.icons a:hover{
width:100px;
height:100px;
background:#cf684d;
float:left;
margin-right:10px;
}




.icons .twittericon{margin-bottom:10px;
width:100px;
height:100px;
float:left;
margin-right:10px;
background:#1a1a1a url(/images/twbig.png) center center no-repeat;
}
.icons .twittericon:hover{
background:#cf684d url(/images/twbig.png) center center no-repeat;
}

.icons .facebookicon{margin-bottom:10px;
width:100px;
height:100px;
float:left;
margin-right:10px;
background:#1a1a1a url(/images/facebookiconbig.png) center center no-repeat;
}
.icons .facebookicon:hover{
background:#cf684d url(/images/facebookiconbig.png) center center no-repeat;
}
.icons .googleplusicon{margin-bottom:10px;
width:100px;
height:100px;
float:left;
margin-right:10px;
background:#1a1a1a url(/images/googleplusiconbig.png) center center no-repeat;
}
.icons .googleplusicon:hover{
background:#cf684d url(/images/googleplusiconbig.png) center center no-repeat;
}

.icons .linkedinicon{margin-bottom:10px;
width:100px;
height:100px;
float:left;
margin-right:10px;
background:#1a1a1a url(/images/linkediniconbig.png) center center no-repeat;
}
.icons .linkedinicon:hover{
background:#cf684d url(/images/linkediniconbig.png) center center no-repeat;
}




/******third section end******/




/******fourth section******/



.mapwrapper{
background:#cf684d;
width:100%;
height:auto;
padding-bottom:0px;
text-align:center;
}

.mapwrapper a{
color:#fff;
}
.mapwrapper p.bottomtext{
color:#fff;
font-size:18px;
text-align:center;
margin-top:42px;
padding-bottom:21px;
}


.map {
width:100%;
height:500px;
position:relative;
}



.map iframe{
width:100%;
height:630px;
border:none;
}


@media (orientation:portrait) and (max-width: 1000px) {
.map iframe{
display:none;
}
.map a{
display:none;
}


}

.bottom{
margin:0 auto;
width:100%;
height:200px;
background:#1a1a1a;
}


.bottomtext1 p{
color:#fff;
font-size:18px;
text-align:center;
margin-top:21px;
float:none;
}


.scrollwrapperbottom .scroll1{

margin:20px auto 0 auto;
display:block;
float:none;
}

/*for contact form*/

.contactform .container{
max-width:940px;
}
.contactform .row{
max-width:940px;
}
.contactform .span12{
max-width:940px;
}

.contactforminner{
position:absolute;
top:0px;
}

.comment1 input{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
margin-bottom:21px;
width:45%;
padding-left:2%;
float:left;
margin-right:2%;
color:#333333;
border:none;
box-shadow:none;
background:#fff;
height:70px;
font-family:lato;
font-size:18px;
text-transform:Uppercase;
}
.comment1 input:focus{
box-shadow:none;
}
.comment2 input{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
margin-bottom:21px;
width:46%;
padding-left:2%;
float:left;
color:#333333;
border:none;
box-shadow:none;
background:#fff;
height:70px;
font-family:lato;
font-size:18px;
text-transform:Uppercase;
}
.comment2 input:focus{
box-shadow:none;
}

.textarea textarea{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
width:96%;
padding-left:2%;
padding-top:2%;
height:250px;
float:left;
margin-bottom:21px;
color:#333333;
font-family:lato;
font-size:18px;
border:none;
box-shadow:none;
background:#fff;
text-transform:Uppercase;
}


.buttoncontact {
margin:0 auto ;
display:block;
max-width:220px;
}
.buttoncontact input{
width:100%;
height:60px;
font-size:24px;
font-family:lato;
color:#fff;
background: transparent;
border:#fff 2px solid;
box-shadow:none;
text-transform:uppercase;
background-color: #000;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}


#main ::-webkit-input-placeholder { color:#333333; }
#main ::-moz-placeholder { color:#333333; } 
#main :-ms-input-placeholder { color:#333333; } 
#main :input:-moz-placeholder { color:#333333; }

/***contact form end***/



/******fourth section end******/




/******blog******/
.bloghomebackground{
background:#353535;
}
.bloghomeright{
float:left;
max-width:520px;
}

.bloghomeright h4{
float:left;
font-weight:100;
color:#fff;
padding-top:80px;
font-size:36px;
text-transform:uppercase;
width:100%;
line-height:1.2;
}
.bloghomeright span{
font-weight:700;
}

.bloghomeright p{
font-size:18px;
color:#fff;
margin-right:40px;
margin-left:40px;
margin-bottom:80px;
}



.bloghomeright h5{
text-transform:uppercase;
margin-left:40px;
font-size:18px;
font-family:arial;
color:#fff;
margin-bottom:30px;
}
.bloghomerightimgwrapper{
margin-left:40px;
margin-top:80px;
margin-bottom:30px;
background:#353535;
width:420px;
height:238px;
}

.bloghomerightimgwrapperleft{
float:left;
width:110px;

}

.bloghomerightimgwrapperleft a:link, .bloghomerightimgwrapperleft a:visited{
font-size:24px;
color:#f3efe5;
text-align:center;
margin-left:20px;
text-transform:uppercase;
font-weight:700;
}
.bloghomerightimgwrapperleft a:hover{
color:#e37c61;
}

.blogdatehome{
padding: 0;
background:#f3efe5;
float:left;
text-align:center;
margin-bottom:42px;
max-width:120px;
}

.blogdatehome p{
text-align:center;
margin-bottom:21px;
display:inline-block;
float:none;
color:#353535;
font-weight:700;
font-size:30px;
font-family:lato;
text-transform:uppercase;
line-height:1.3;
margin-top:20px;
margin-left:20px;
}
.blogdatehome span {
font-weight:400;
}


.bloghomerightimgwrapperright {
float:right;
}

.visitourblogbutton a:link, .visitourblogbutton a:visited{
margin-bottom:80px;
font-size:18px;
text-transform:uppercase;
font-weight:400;
padding:15px 20px;
display:block;
max-width:180px;
text-align:center;
border:#fff solid 1px;
color:#fff;
}

.visitourblogbutton a:hover{
border:#e47c61 solid 1px;
color:#e47c61;
}



.blogwrapper .container{
max-width:940px;
}
.blogwrapper .span12{
max-width:940px;
}

.blogwrapper .span6{
max-width:440px;
}

.blogwrapper .span4{
max-width:290px;
}


/**blog page**/

.blogheadline{
width:100%;
background:#353535;
padding:80px 0;
margin-bottom:80px;
}
.blogheadline h3{
font-size:60px;
font-weight:700;
color:#fff;
text-align:center;
text-transform:uppercase;
line-height:1.6;
}

.blogheadlinesmall{
width:100%;
background:#353535;
padding:60px 0;
margin-bottom:60px;
margin-top:80px;
}


.blogheadlinesmall h4{
font-size:36px;
font-weight:700;
color:#fff;
text-align:center;
text-transform:uppercase;
line-height:1.6;
}


.blogcomment {
margin-bottom:42px;
}

.blogpost {
margin-bottom:80px;
}

.blogpost .container{
max-width:940px;
}

.blogpost .row{
max-width:940px;
}

.blogpost .span12{
max-width:940px;
}


.blogpost .span6{
max-width:440px;
}

.blogpost .span4{
max-width:290px;
}


.blogpost h3{
text-transform:uppercase;
font-size:36px;
}
.blogpost span{
font-weight:400;
font-size:18px;
padding-left:20px;
}

.blogpost .author{
padding:25px 60px;
font-size:18px;
text-transform:uppercase;
text-align:center;
display:inline-block;
background:#e47c61;
margin-right:10px;
margin-top:18px;
margin-bottom:21px;
float:left;

}

.blogpost a.author:link, .blogpost a.author:visited{
color:#fff;
}


.blogpost .comment{
padding:25px 60px;
font-size:18px;
text-transform:uppercase;
text-align:center;
display:inline-block;
background:#353535;
margin-top:18px;
margin-bottom:21px;
float:left;

}

.blogpost a.comment:link, .blogpost a.comment:visited{
color:#fff;
}

.blogpost p{
font-size:18px;
margin-top:32px;
}

.blogpost blockquote{
padding:20px 30px;
border-left:3px solid #e47c61;
margin-top:21px;
margin-bottom:21px;
text-transform:uppercase;
font-family:lato;
font-size:18px;
font-weight:700;
}

.blogcomment img{
float:left;
display:inline-block;
margin-right:25px;
}

.blogcomment h4{
font-size:24px;
font-transform:uppercase;
margin-top:21px;
display:inline-block;
}

.blogcomment span{
font-weight:400;
font-size:18px;
font-transform:uppercase;
padding-left:20px;
}


a.commentreply:link, a.commentreply:visited{
padding:15px 40px;
font-size:18px;
text-transform:uppercase;
text-align:center;
display:inline;
float:right;
line-height:1;
margin-bottom:21px;
color:#353535;
border:#353535 1px solid;
}

a.commentreply:hover{
color:#e47c61;
border:#e47c61 1px solid;
}



.blogsliderwrapper .container{
max-width:940px;
}

.blogsliderwrapper .row{
max-width:940px;
}

.blogsliderwrapper .span12{
max-width:940px;
}


.blogsliderwrapper .span6{
max-width:440px;
}

.blogsliderwrapper .span4{
max-width:290px;
}

.bxslider  {
background:#353535;
margin-bottom:60px;
position:relative;
}

.bxsliderimg{
width:75%;
float:right;
background:#353535;
margin:0;padding:0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper  {
position:relative;
}

.bx-wrapper .bx-prev {
position:absolute;
left:-21%;
bottom:17%;	
width:28px;
height:43px;
 text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
background: url(/images/prevslider.png) center center no-repeat;
}

.bx-wrapper .bx-next {
position:absolute;
left:-14%;
bottom:17%;
width:28px;
height:43px;
 text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
background: url(/images/nextslider.png) center center no-repeat;			
}

.blogdateslider{
width:25%;
padding:43px 0;
background:#e47c61;
float:left;
text-align:center;
margin-bottom:0;
}

.blogdateslider p{
text-align:center;
margin-bottom:0;
color:#fff;
font-weight:700;
font-size:48px;
font-family:lato;
text-transform:uppercase;
line-height:1.3;
}
.blogdateslider span {
font-weight:400;
}



.blogbuttonmore {
float:left;
width:25%;
height:100%;

}

.blogbuttonmore a:link, .blogbuttonmore a:visited{
position:absolute;
bottom:13%;
font-size:48px;
color:#fff;
font-weight:700;
left:5%;
text-transform:uppercase;
display:block;
}
.blogbuttonmore a:hover{
color:#e47c61;
}




.bottomblog .container{
max-width:940px;
}

.bottomblog .row{
max-width:940px;
}

.bottomblog .span12{
max-width:940px;
}


.blogsliderwrapper .span6{
max-width:440px;
}

.blogsliderwrapper .span4{
max-width:290px;
}


.bottomblog{
width:100%;
height:120px;
background:#e47c61;
}
.bottomblog a:link, .bottomblog a:visited{
border:#353535 1px solid;
padding:20px 25px;
font-size:24px;
line-height:1;
color:#353535;
margin-top:30px;
float:right;
margin-left:10px;
}
.bottomblog a:hover{
border:#fff 1px solid;
color:#fff;
}




.blogpostone {
margin-bottom:84px;
}


.blogpostone .comment1 input{
background:#e47c61;
}

.blogpostone .comment2 input{
background:#e47c61;
}

.blogpostone .textarea textarea{
background:#e47c61;
}

.blogpostone .buttoncontact input{
border:#e47c61 2px solid;
color:#e47c61;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
.blogpostone .buttoncontact input:hover{
}

.serviceicons { cursor: pointer; }

.info-box { width: 150px; text-align: center; }
.info-label { color: white; font-size: 13px; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }