/* $CSS Reset & Clearfix */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

::selection { background: #44484b; color: #fff; text-shadow: none; }

.clearfix { *zoom: 1; }
.clearfix:after { clear: both; }
.clearfix:after, .clearfix:before { content: " "; display: table; }

.clear { clear: both; display: block; font-size: 0; height: 10px; line-height: 0; width: 100%; }

h1, h2, h3, h4, h5, h6 { padding: 0; font-weight: normal; font-family: 'Montserrat', Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { color: #45484b; }

h1 { font-size: 40px; line-height: 1; margin: 0 0 10px 0; font-weight: 700; }

h2 { font-size: 35px; margin: 0 0 10px 0; font-weight: 700 }

h3 { font-size: 30px; margin: 0 0 0.5em 0; font-weight: 700}

h4 { font-size: 28px; margin: 0 0 5px 0; }

h5 { font-size: 26px; margin: 0 0 5px 0; }

h6 { font-size: 24px; margin: 0 0 5px 0; }

p { margin: 0 0 1em 0px; }

em { font-style: italic; font-size: 14px; }


/*-----------------------------------------------------------------------------------*/
/* $Document Setup (body, common classes, vertical rhythm, structure etc) */
/*-----------------------------------------------------------------------------------*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

table { width: 100%; margin: 30px 0; }

ul, ol, dl { margin-left: 30px; }

dd { margin-bottom: 30px; }

.strong { font-weight: 700; }
.light { font-weight:lighter; }

strong { font-weight: bold; }

img { max-width: 100%; height: auto; }

html { text-rendering: optimizeLegibility; width: 100%; overflow-x: hidden; }

a { color: #44484b; text-decoration: none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; outline: none;
}
a:hover { color: #1f2329; }

blockquote { background: #44484b; color: #fff; font-family: "Droid Serif", Georgia, serif; font-size: 28px; padding: 25px 0px 25px 20px; margin: 1em 0; position: relative; padding-left: 130px; margin-left: -115px; line-height: 1.4; position: relative; }
blockquote:after { content: ''; width: 115px; height: 100%; position: absolute; background: black; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); background-image: url(../img/icon-blockquote.png); background-repeat: no-repeat; background-position: center center; }

sub { font-size: 12px; vertical-align: bottom; }

sup { font-size: 12px; vertical-align: top; }


body { font: 18px/1.4 "Droid Sans", Arial, sans-serif; word-wrap: break-word; word-break: break-word; color: #8d8f92; position: relative; width: 100%; height: 100%; overflow-x: hidden; }


/*-----------------------------------------------------------------------------------*/
/*  Column Styles
/*-----------------------------------------------------------------------------------*/
.stag-one-half { width: 48%; position: relative; margin-right: 4%; margin-bottom: 2%; float: left; }

.stag-column-last { margin-right: 0!important; }

.stag-column-bottom { margin-bottom: 0!important; }

.grids { width: auto; max-width: 1190px; margin: 0 0 0 0; list-style: none; overflow: hidden; }

.grids [class*="grid-"] { display: inline-block; margin: 0 0 0 0; vertical-align: top; padding: 20px;
}

.grid-3 { width: 32%; }

.grid-4 { width: 24%; }

.grid-6 { width: 48.5%; }


/*-----------------------------------------------------------------------------------*/
/* $Header Styles */
/*-----------------------------------------------------------------------------------*/

#header {padding: 10px 0; color: #8d8f92; position: fixed; top: 0; width: 100%; z-index: 500; height: auto; border-bottom: 1px solid #dfdfdf; background-color: #fff; }
#header a { color: #44484b; text-decoration: none; }

#logo { font-size: 40px; font-family: 'Montserrat', Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; line-height: 1; float: left; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }

.header-inner, .inner-section { max-width: 1210px; padding-left: 20px; padding-right: 20px; margin: 0 auto; position: relative; }

#text-menu {font-family: "Droid Sans", Arial, sans-serif; font-size: 12px;}
#text-menu ul { float: right; margin-left: 0px; margin-top: 24px; }
#text-menu li { display: inline-block; text-align: center;line-height: 1; margin: ; 5px; position: relative;}

#text-menu .text1 { margin-right: 40px;}
#text-menu .text2 { margin-right: 52px;}
#text-menu .text3 { margin-right: 44px;}
#text-menu .text4 { margin-right: 48px;}
#text-menu .text0 { margin-right: 22px;}

/* $Navigation & Menus */
#primary-nav { margin-top: 16px; font-family: 'Montserrat', Helvetica, sans-serif;}
#primary-nav > ul { float: right; }
#primary-nav ul { margin: 0; padding: 0; }

#primary-nav li { display: inline-block; text-align: center;line-height: 1; margin: 0px 0px; position: relative; font-size: 0.95em;}

#primary-nav li a { display: block; padding: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: none; }
#primary-nav li a:hover { background: #44484b; color: #fff;}
#primary-nav li.active > a { background: #44484b; color: #fff; }

#primary-nav li.active > a .hide{
	display: none; background: no-repeat;
}

#mobile-primary-nav { display: none; }

/*-----------------------------------------------------------------------------------*/
/* $Content Styles */
/*-----------------------------------------------------------------------------------*/

#container { padding-top: 119px; }

/* $SECTION BLOCKS  */
.section-block { padding: 30px 0; }
.section-block .sub-title { margin: 0 0 0px 0; font-size: 18px; font-family: 'Montserrat', Helvetica, sans-serif; font-weight: bold; color: #801100;}
.section-block .main-title { font-size: 58px; line-height: 1; color: #45484b; }
.section-block .main-title-2 { font-size: 28px; line-height: 1; color: #45484b; padding-left: 10px;
}

/* $Slider Styles */
#slideshow { overflow: hidden; max-width: 100%; }
#slideshow img { width: 100%; }
#slideshow .slider-content { position: absolute; top: 30%; left: 0; z-index: 100; width: 100%; display: block; height: auto; color: #fff; text-align: center; }
#slideshow .slider-content .slider-content-inner { max-width: 90%; margin: 0 auto; }
#slideshow .slides li { float: left; position: relative; width: 100%; }
#slideshow .flex-control-nav.flex-control-paging {  display: block; bottom: 30px; left: auto; margin: 0 auto; text-align: left;max-width: 1210px; padding-left: 20px; padding-right: 20px; margin: 0 auto; position: relative;
}
#slideshow .flex-control-paging li a { width: 11px; height: 11px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 2px solid white; background: transparent; }
#slideshow .flex-control-paging li a.flex-active { background: #fff; }
#slideshow a { color: #fff; }

#slideshow .flexslider { margin: 0; }

.caption {  
	padding:20px;  
	width:300px;  
	color:#FFFFFF;  
	position:absolute;
	bottom: 20px;
	right: 20px;  
	/*overflow:hidden; */ 
}  
  
.caption .transparencia 
{  
	opacity:0.7;  
	filter:alpha(opacity=70);  
	-moz-opacity:0.7;  
	background-color:#000000;  
	width:340px;  
	height:100%;  
	position:absolute;  
	top:0px;  
	left:0px;
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari, Chrome */
	border-radius: 8px; /* CSS3 */  
	z-index:100;  
}  
  
.captiontxt {  
	z-index:101;
	position:relative;  
}

.captiontxt h1 {
	font-size: 28px;
	margin: 0 0 5px 0;
	color: #fff;
	position:relative;
	z-index:1001;  
}

.captiontxt h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	color: #fff;
	position:relative;
	z-index:1001;  
}

/* $Slogan Styles */
#slogan { positiontext-align: center; background-color: rgba(200, 200, 200, 0.3); color: #45484b; font-family: 'Montserrat', Helvetica, sans-serif;font-weight: 700; text-align: center; }
#slogan p { margin: 0;font-size: 20px;}

/* $About Styles */
#about i { font-size: 70px; float: left; line-height: 1; color: #8d8f92; padding-left: 0px;
}
#about .block {margin-left: 71px;}


/* $Services Styles  */
#services { background: #0; }
#services .main-title { color: #45484b; }
#services a { color: #fff; }
#services a:hover { color: #fff; }

#services-slider { margin-top: 20px; background: none; position: relative; }
#services-slider ul li { position: relative; margin-right: 7px;margin-bottom: 10px; border: 1px solid #dfdfdf; }
#services-slider ul li a { display: block; }
#services-slider a { position: absolute; width: 100%; height: 100%; z-index: 10; display: none; text-align: center; padding-top: 12%; overflow: hidden; top: 0px; left: 0px; }
#services-slider li .icon-open { -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; border-radius: 70px; background: url(../img/icon-plus.png) no-repeat center center #44484b; display: inline-block; vertical-align: top; width: 65px; height: 65px; margin-left: 10px; opacity: 0;}
#services-slider li:hover .icon-open {opacity: 0.8;}

.services-details { font-family: 'Montserrat', Helvetica, sans-serif; position: relative;  border: 1px solid #dfdfdf; width: 470px; max-width: 100%; display: inline-block; float: right; margin: 20px 0 20px 50px; color: #919191; background-color: #f8f8f8;}
.services-details .row { padding: 20px ; border-top: 1px solid #dfdfdf; margin: 0;
}
.services-details {font-size: 18px;}
.services-details i {margin-right: 10px; position: relative; top: 5px; font-size: 34px;}

.services-title {font-size: 28px;}


/* $Services Content modal */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
	background: none repeat scroll 0 0 #FFF;
	margin: 100px auto;
	max-width: 1170px;
	padding: 20px 20px;
	position: relative;
	text-align: left;
	display: block;
	border-radius: 0;
}
.modal-content h2 {
	color: #000;
	font-weight: 700;
	line-height: normal;
	margin: 0px 0 10px 0;
}
.modal-content p {
	margin-left: 0;
}
.modal-content ul{
  margin-bottom: 0px;
}

/*.hentry { max-width: 1200px; padding-left: 20px; padding-right: 20px; margin: 0 auto; padding-bottom: 50px; }*/
.hentry  .sub-title {margin: 0 0 0px 0; font-size: 0.9em; font-family: 'Montserrat', Helvetica, sans-serif; font-weight: bold; color: #801100;}
.hentry h2 { color: #45484b; }
.hentry .entry-content { line-height: 1.6; }

.entry-content ul { list-style: disc; margin: 10px 0px 10px 40px; }

.entry-content p { margin: 0.6em 0; }



/* $Diferents Styles */
/*#differents { background: url(../img/map.png) no-repeat center center; }*/
#differents .main-title { color: #45484b; }
#differents .grids { margin-top: 20px;}
#differents .grid-3, #differents .grid-4  { text-align: center; margin-top: 0px;}
#differents .service-title { font-size: 18px; margin: 10px 0px; color: #8d8f92; }
#differents .service-description { margin: 0px 10px 20px; }


/* $Contact Styles */
#contact .main-title { color: #45484b; }

#contact address { font-family: 'Montserrat', Helvetica, sans-serif; font-size: 1em; }
#contact address p { margin: 10px 0; line-height: 35px; }
#contact address p.email .icon { background-position: 0px -45px; }
#contact address p.telephone .icon { background-position: 0px -99px; }
#contact address p.web .icon { background-position: 0px -146px; }
#contact address p .icon { display: inline-block; background: url(../img/sprite-contact.png) no-repeat; width: 34px; height: 35px; vertical-align: top; margin-right: 10px; }
#contact button { font-family: 'Montserrat', Helvetica, sans-serif; }
#contact .row {  margin: 0; margin-bottom: 10px;}
#contact textarea { resize: none; height: 120px; }

#contact button { font-family: 'Montserrat', Helvetica, sans-serif; padding: 13px 37px 13px; line-height: 1; background: #44484b; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: none; color: #fff; font-size: 16px; cursor: pointer; }
#contact button:hover { background: #000; color: #fff; }

input[type="text"], input[type="email"], textarea { background: #f8f8f8; width: 100%; padding: 15px 20px; font-size: 14px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus { border-color: #a3a3a3; outline: 0; }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #76787c; font-weight: bold; text-transform: uppercase; }
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder { color: #76787c; font-weight: bold; text-transform: uppercase; }

input { -ms-word-break: normal; word-break: normal; padding: 5px; min-width: 200px; max-width: 100%; }

input, button, select, textarea { font-family: inherit; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }


/* $Footer Styles */
.footer { background: #2E2727; padding: 20px 0; color: #fff; font-size: 13px; }
.footer a { color: #fff; }
.footer .copyright { text-align: right; }


#backToTop { background: #1c1f25 url(../img/top-arrow.png) no-repeat center center; display: inline-block; padding-top: 20px; margin-left: 20px; width: 60px; height: 60px; line-height: 1; text-align: center; vertical-align: middle; font-family: 'Montserrat', Helvetica, sans-serif; }

:target { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }





/* Old modal */
/*.flexslider {margin: 0;  border: 0px; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow: none; box-shadow: none;}*/


@media (max-width: 1300px) {  
	blockquote { margin-left: 0; } 
}
@media only screen and (max-width: 1280px) {  
	#slideshow .slider-content { top: 25%; } 
}
@media only screen and (max-width: 1024px) { 

	.clear { height: 5px;}

	.section-block .main-title-2 { font-size: 20px; line-height: 1;}
	
  	#slideshow .flex-control-nav.flex-control-paging { display: none; bottom: 15px; left: 0px; }
  	
  	#container { padding-top: 70px!important; }
  	
  	#about i { font-size: 55px;}
  	#about .block{margin-left: 55px;}
  	
  	#services-slider .services-content .icon-open { display: none; } 
  	
  	
/*}
@media only screen and (max-width: 768px) {*/
	body { font-size: 16px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } 
	
	.grids { margin: 0; width: auto; }
	/*.grids [class*="grid-"] { display: block; width: auto; margin: 0 0 40px 0; }*/
	
	
	
	.grid-3 { display: block; width: auto; margin: 0 0 40px 0; }
	.grid-4 { width: 48.5%; }
	
  	.section-block .sub-title { font-size: 16px;}
  	.section-block .main-title { font-size: 54px ; line-height: 1; }
  	
  	#header { position: fixed; }
	#logo img { max-width: 66%; height: auto; }
	#logo { display: inline-block; float: none; }
	
	#text-menu { display: none; }
	
	#primary-nav > ul { display: none; }
	#primary-nav { margin-top: 0; }
	
	#mobile-nav { background: url("../img/navicon.gif") 100% 50% no-repeat; border-bottom: none; cursor: pointer; display: inline-block; height: 15px; width: 25px; margin-top: 25px; float: right; }
	#mobile-nav { position: absolute; top: 20px; right: 30px; margin-top: 0; }
	#mobile-primary-nav {font-family: 'Montserrat', Helvetica, sans-serif;  width: 100%; }
	#mobile-primary-nav ul { margin-left: 0; margin-top: 15px;
}
	#mobile-primary-nav li { display: block; margin: 2px 0 0 2px; }
	#mobile-primary-nav li a { display: block; padding: 8px 10px; }
	#mobile-primary-nav li a:hover { color: #fff;background: #44484b; border-radius: 4px; }
	
	
	.captiontxt h1 {
		font-size: 20px;
		margin: 0 0 5px 0; 
	}
	
	.captiontxt h2 {
		font-size: 14px;
	}
  	
	/*#services-slider { margin-top: 30px; }*/
  	.services-details { display: block; margin: 0 0 30px 0; width: 100%; }
  	
  	#differents img { width: 22%;}
  	
  	.hentry h2 { color: #45484b; font-size: 3em; }
  	
  	.footer .copyright { display: block; text-align: left; padding: 0px 0px 0 0; width: 100%; }
  	.footer .copyright #backToTop { float: right; margin-right: 20px; position: relative; margin-top: -20px; }
}
@media only screen and (max-width: 640px) { 
	body { font-size: 14px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }
	
	.grids { margin: 0; width: auto; }
	.grids [class*="grid-"] { display: block; width: auto; margin: 0 0 0px 0; }
	
	.stag-one-half { width: 100%; }
	 
  	.section-block .sub-title { font-size: 14px;}
  	.section-block .main-title { font-size: 50px ; line-height: 1; }
  	.section-block .main-title-2 { font-size: 24px; line-height: 1;}
  	
  	 blockquote { font-size: 22px; }
  	
  	#header { position: fixed; }
  	#logo img { max-width: 50%; height: auto; }
  	#mobile-nav { position: absolute; top: 12px; right: 30px; margin-top: 0; }
  	
  	#slogan p { font-size: 14px;}
  
  	#container { padding-top: 60px!important; }
  	
  	#about i { font-size: 45px;}
  	#about .block{margin-left: 45px;}
  	
  	.services-details .row { padding: 10px ; border-top: 1px solid #dfdfdf; margin: 0;
  	}
  	.services-details {font-size: 12px;}
	.services-details i {margin-right: 10px; position: relative; top: 2px; font-size: 20px;}
	
	#differents img { width: 20%;}
	#differents .service-description { margin: 0px 0px 0px; }
	
	
	.hentry h2 { color: #45484b; font-size: 2em; }
}
@media only screen and (max-width: 550px) { 
	#services-slider .icon-open { display: none; } 
}
@media only screen and (max-width: 480px) { 
	blockquote:after { width: 80px; }
	blockquote { padding-left: 95px; }
	
	#services-slider .services-content { padding-top: 25%; }
	#services-slider a{ padding-top: 0; }
	#services-slider a .icon-open { display: none; } 
	
  	#contact address { font-family: 'Montserrat', Helvetica, sans-serif; font-size: 0.9em; }
  	
  	.footer .copyright span { display: inline-block; max-width: 60%; }
}
/*@media only screen and (max-width: 420px) {  
	.flex-control-nav { display: none!important; } 
}*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {  
	#contact address p .icon { background-image: url(../img/sprite-contact@2x.png); background-size: 32px 180px; }
  	#backToTop { background-image: url(../img/top-arrow@2x.png); background-size: 19px 12px; }
  	.services-details .icon-check { background-image: url(../img/icon-check@2x.png); background-size: 29px 29px;}
  	blockquote:after { background-image: url(../img/icon-blockquote@2x.png); background-size: 45px 45px; }
  	#services-slider .services-content .icon-open { background-image: url(../img/icon-plus@2x.png); background-size: 26px 26px; } 
}