@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 16px 'Open Sans', sans-serif; background-color: #fff; min-width: 300px; padding:0; margin: 0;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #5B5D67; font: 16px 'Open Sans', sans-serif; }
html, 
body {
    height: 100%;
}

a {color: #5B5D67; transition: all 0.2s linear;}
i {color: #5B5D67; transition: all 0.2s linear;}
a:hover {color: #000; text-decoration: none;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #5B5D67; color: #fff; text-shadow: none;}
::selection {background: #5B5D67; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);} 

ins {background-color: #5B5D67; color: #000; text-decoration: none;}
mark {background-color: #5B5D67; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.page-wrapper {  position: relative;  z-index: 500;  padding-bottom: 222px; }
.page-width-limited-1920 { margin: auto; width: auto; padding: 0; max-width: 1920px; }
.page-width-limited-1800 { margin: auto; width: auto; padding: 0; max-width: 1800px; }
.page-width-limited-1400 { margin: auto; width: auto; padding: 0; max-width: 1400px; }
.page-width-limited-1200 { margin: auto; width: auto; padding: 0; max-width: 1200px; }
.page-width-limited-1000 { margin: auto; width: auto; padding: 0; max-width: 1000px; }
.page-width-unlimited { margin: auto; width: auto; }
header { position: relative;  width: 100%;  z-index: 600; padding:0; margin: 0; overflow: hidden; text-align: center;  }
footer {     position: absolute; bottom: 0; width: 100%; z-index: 700; clear: both; float: none; margin-top: 30px; margin-bottom: 0; }

.page { min-height: 100%; position: relative; }

header .menu-mobile { display: none }
header .menu-mobile a {   color: #5B5D67;    text-decoration: none;    font-size: 28px;    line-height: 100%;       padding: 12px;       display: block; }

header nav { background-color: #F1F1F3;   }
header nav ul { font-size: 18px; text-transform: uppercase; margin-left: 15px; margin-right: 15px; text-align: left;}
header nav ul li {  margin: 20px; margin-left: 15px; margin-right: 15px; display: inline-block; float: left; }
header nav ul li a { text-decoration: none; color: #777777; }
header nav ul li a:hover { text-decoration: none;  color: #000;}
header nav ul .social {    margin-top: 10px;    margin-bottom: 10px;    font-size: 32px; float: right;}
header nav ul .social i { color: #777777}
header nav ul .social i:hover { color: #000}
header .header-info .page-width-limited-1200 { position: relative;  }



header .header-logo { background-color: #384088 }
header .header-logo .logo {  text-align: center; padding: 25px;  }
header .header-logo .logo a {   }
header .header-logo .logo a img { display: inline-block; }


footer { background-color: #EEEEEE; }
footer .logo { float: left;  margin-left: 30px; margin-top: 35px; margin-bottom: 35px;   }
footer .phone { float: left; margin-left: 105px;  margin-top: 34px;   color: #AEAEAE; font-size: 22px; line-height: 130%; font-weight: 300; display: table-cell;  }
footer .phone i { color: #AEAEAE; font-size: 80px; display: table-cell; vertical-align: middle; padding-right: 15px; }
footer .phone span {   display: table-cell; vertical-align: middle; }
footer .social { float: left; margin-left: 65px;  margin-top: 44px; }
footer .social a {margin-left: 10px;}
footer .social i { font-size: 60px;  color: #AEAEAE; }
footer .social a:first-child {margin-left: 0; }
footer .social i:hover {color: #000;}
 
footer .menu {float: right; text-transform: uppercase; margin-right: 30px; margin-top: 35px;}
footer .menu .col { float: left; margin-left: 30px;}
footer .menu .col:first-child { margin-left: 0;}
footer .menu a { text-decoration: none; color: #C5C5C5;}
footer .menu a:hover { color: #000;} 
footer .menu li {    margin-top: 0px;    font-size: 14px;
}

footer .div { float: right; width: 2px; height: 125px; background-image: url(../img/bg-footer-div.png); margin-top: 18px; margin-right: 35px;}


footer .newsletter .info { margin-bottom: 10px; text-align: center; }
footer .newsletter .error { color: #F70000 }
footer .newsletter .success {color: #299616  }
footer .newsletter input { padding: 4px; font-size: 12px; }

footer .copyright { font-size: 14px; color: #A4A8CC; text-align: center; padding: 15px; background-color: #384088;   }
footer .copyright a { display: block; color:#fff; opacity: 0.8 }  
footer .copyright a:hover {opacity: 1; }


.banner-content {  margin: auto; width: auto; padding: 0;  max-width: 100%; overflow: hidden; }
.banner-content .flex-viewport {     position: fixed;    width: 100%;    height: 100%; }
.banner-content a { height: 100%;    width: 100%; display: block; }

.flex-caption {
	
    position: absolute;
    width: 100%;
    top: 10%;    
    text-align: left;
    
}
.flex-caption .flex-caption-fix {
	max-width: 1200px;
	padding-left: 30px;
	line-height: 110%;
	margin: auto;	
	color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	font-weight: 700;
	letter-spacing: -2px;
	font-size: 50px;
}

.flex-direction-nav a:before {  height: 37px;  width: 37px;     background-image: url(../img/bg-banner-arrow.png)!important;     content: ''!important;     }
.flex-direction-nav a.flex-next:before { background-position: 0 37px; }
.flexslider:hover .flex-direction-nav .flex-prev {  opacity: 0.7;  left: 20px!important;}
.flexslider:hover .flex-direction-nav .flex-next {  opacity: 0.7;  right: 20px!important;}



.home-featured {    }
.home-featured .item { width: 33.33%; float: left; text-align: center; margin-top: 60px;}
.home-featured .item-fix { padding-left: 30px; padding-right: 30px;   }
.home-featured .item {  background-image: url(../img/bg-home-featured-div.png); background-repeat: no-repeat; background-position: center left;}
.home-featured .item:first-child { background-image: none; }
.home-featured .item h1 { font-size: 32px; font-weight: 700; color: #384088; letter-spacing: -2px;}

.home-featured .item p { margin-top: 10px; font-size: 16px; text-align: justify; }
.home-featured .item a { text-decoration: none;  }
.home-featured .item a:hover h1 { text-decoration: underline; }



.home-clients { margin: 30px; margin-top: 60px; margin-bottom: 60px;   }

.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}..owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.home-clients img {
filter: gray; /* For IE6-9 */
filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
-webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */
opacity: 0.5;
}

/* Now disable grayscale on hover */
.home-clients img:hover {
filter: none;
-webkit-filter: grayscale(0);
opacity: 1;
}


.page-clients { margin: 30px; margin-top: 60px; margin-bottom: 60px;   }
.page-clients img {

opacity: 1;
}


.page-clients img:hover {
opacity: 0.8;
}




#fancybox-thumbs ul li {opacity: 0.9!important;}
#fancybox-thumbs { height: 94px!important}
.form-style { font:95% 'Open Sans', sans-serif; }

.form-style textarea {   resize: vertical;}
.form-style input[type="text"],.form-style input[type="date"],.form-style input[type="datetime"],.form-style input[type="email"],.form-style input[type="number"],.form-style input[type="tel"],.form-style input[type="search"],.form-style input[type="time"],.form-style input[type="url"],.form-style textarea,.form-style select { -moz-box-sizing:border-box; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -webkit-box-sizing:border-box; -webkit-transition:all .3s ease-in-out; background:#fff; border:1px solid #ccc; box-sizing:border-box; color:#555; font:14px 'Open Sans', sans-serif; outline:none; padding:8px; width:100%; }
.form-style input[type="text"]:focus,.form-style input[type="date"]:focus,.form-style input[type="datetime"]:focus,.form-style input[type="email"]:focus,.form-style input[type="number"]:focus,.form-style input[type="tel"]:focus,.form-style input[type="search"]:focus,.form-style input[type="time"]:focus,.form-style input[type="url"]:focus,.form-style textarea:focus,.form-style select:focus { box-shadow:0 0 5px #999; }
.form-style input[type="submit"],.form-style input[type="button"] { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#384088; border-style:none; box-sizing:border-box; color:#fff; font:14px 'Open Sans', sans-serif; padding: 8px; width:100%; }
.form-style input[type="submit"]:hover,.form-style input[type="button"]:hover { background:#545DB1; }



.side-content { float: left; width: 25%;}
.main-content { float: right; width: 75%}

.side-content-nofilter { display: none; }




.company .content-static { margin-top: 50px; margin-bottom: 30px;  }

.erro404 .content-static { margin: 50px; text-align: center;  color: #1F1F1F; }



.contact-details { margin: 30px;  margin-bottom: 0;  color: #1F1F1F;}
.contact-details h1 { font-size: 34px; letter-spacing: -2px;     color: #384088; }
.contact-details .content { margin-top: 10px; float: left; width: 48%;}
.contact-details .content p { margin-top: 25px; margin-bottom: 25px; word-wrap:break-word; line-height: 160%;  text-align: justify; }
.contact-details .content b { font-weight: 700;}
.contact-details .content a { text-decoration: none;}
.contact-details .content a:hover { text-decoration: none;}


.contact-details .form { float: right; width: 48%;  margin-top: 30px; margin-left: 30px; margin-bottom: 15px; padding: 20px; background-color: #f6f6f6; border-top: 4px solid #384088;  }
.contact-details .form .title { font-size: 22px; letter-spacing: -1px; text-align: left; color: #384088 }
.contact-details .form .title i {margin-right: 5px; color: #384088 }
.contact-details .form .field { margin-top: 20px; }
.contact-details .form .alert-error { color: #DB3340}
.contact-details .form .alert-success { color: #299616}


.company-details { margin: 30px; margin-bottom: 0; color: #1F1F1F;}
.company-details h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.company-details .content { margin-top: 30px; text-align: justify; }
.company-details .content p { margin-top: 25px; margin-bottom: 25px; line-height: 160%;}
.company-details .content b { font-weight: 700;}

.company-details .images {  float: right; width: 400px; margin-top: 30px; margin-left: 30px; margin-bottom: 15px; }
.company-details .image img { display: block; width: 100%; max-width: 100% }




.client-details { margin: 30px; margin-bottom: 0; color: #1F1F1F;}
.client-details h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.client-details .content { margin-top: 30px;}
.client-details .content p { margin-top: 25px; margin-bottom: 25px; line-height: 160%; text-align: justify; }
.client-details .content b { font-weight: 700;}



.services-list { margin: 30px; margin-bottom: 0;}
.services-list h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.services-list h4 { margin-top: 20px; }
.services-list .item { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc;}
.services-list .item:first-child { border-top: none; padding-top: 0;}
.services-list .item a { text-decoration: none; }
.services-list .item .image { width: 200px; float: left; display: inline-block; margin-right: 15px; }
.services-list .item .image img { width: 100%; max-width: 100%;}
.services-list .item .details { }
.services-list .item .details h1 { color: #777777; line-height: 110%;  }
.services-list .item .details p { margin-top: 10px; margin-bottom: 0; line-height: 160%; text-align: justify; }

.services-list .item a:hover h1 {color: #000;}


.service-details { margin: 30px; margin-bottom: 0; color: #1F1F1F;}
.service-details h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.service-details .details { margin-top: 30px;}
.service-details .details p { margin-top: 25px; margin-bottom: 25px; line-height: 160%; text-align: justify; }
.service-details .details b { font-weight: 700;}
.service-details hr { margin-top: 30px; margin-bottom: 30px;  border: none;    height: 1px;    /* Set the hr color */    color: #ccc; /* old IE */    background-color: #ccc; /* Modern Browsers */}

.service-details .item .image { width: 300px; float: right; display: inline-block; margin-left: 15px; }
.service-details .item .image img { width: 100%; max-width: 100%;}

.service-details .more-title { margin-bottom: 10px; }
.service-details .more-item { margin-top: 5px; }
.service-details .more-item a { text-decoration: none; }

.service-details .form { width: 400px; margin-top: 30px; padding: 20px; background-color: #f6f6f6; border-top: 4px solid #384088;  }
.service-details .form .title { font-size: 22px; letter-spacing: -1px; text-align: left; color: #384088 }
.service-details .form .title i {margin-right: 5px; color: #384088 }
.service-details .form .field { margin-top: 20px; }
.service-details .form .alert-error { color: #DB3340}
.service-details .form .alert-success { color: #299616}


.service-details .service-featured { margin-top: 30px; padding-left: 30px;    background-color: #f6f6f6;    border-top: 4px solid #384088; overflow: hidden;}

.service-details .service-featured .item { width: 50%; float: left; }
.service-details .service-featured .item .itemFix { padding: 30px; padding-left: 0; }
.service-details .service-featured .item .service-image { padding-right: 20px; width: 100px; display: inline-block; float: left;  }

.service-details .service-featured .item .service-info p { text-align: justify;   }
.service-details .service-featured .item span { font-weight: 700; text-transform: uppercase}




.articles-list { margin: 30px; margin-bottom: 0;}
.articles-list h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.articles-list h4 { margin-top: 20px; }
.articles-list .item { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc;}
.articles-list .item:first-child { border-top: none; padding-top: 0;}
.articles-list .item a { text-decoration: none; }
.articles-list .item .image { width: 200px; float: left; display: inline-block; margin-right: 15px; }
.articles-list .item .image img { width: 100%; max-width: 100%;}
.articles-list .item .details { }
.articles-list .item .details h1 { color: #777777; line-height: 110%;  }
.articles-list .item .details p { margin-top: 25px; margin-bottom: 25px; text-align: justify; }

.articles-list .item a:hover h1 {color: #000;}


.article-details { margin: 30px; margin-bottom: 0; color: #1F1F1F;}
.article-details h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.article-details .date { margin-top: 30px; font-size: 12px; text-transform: uppercase; }
.article-details .details { margin-top: 30px; }
.article-details .details p { margin-top: 25px; margin-bottom: 25px; line-height: 160%; text-align: justify; }
.article-details .details b { font-weight: 700;}
.article-details hr { margin-top: 30px; margin-bottom: 30px;  border: none;    height: 1px;    /* Set the hr color */    color: #ccc; /* old IE */    background-color: #ccc; /* Modern Browsers */}

.article-details .more-title { margin-bottom: 10px; }
.article-details .more-item { margin-top: 5px; }
.article-details .more-item a { text-decoration: none; }

.article-details .doc-title { margin-bottom: 10px; }
.article-details .doc-item { margin-top: 5px; }
.article-details .doc-item a { text-decoration: none; }

.article-details .gallery {overflow: hidden; margin-left: -30px; margin-top: -30px;}
.article-details .gallery .photofix { width: 20%;  float: left; }
.article-details .gallery .photo { margin-left: 30px; margin-top: 30px; }



.team-list { margin: 30px; margin-bottom: 0;}
.team-list h1 { font-size: 34px; letter-spacing: -2px;       color: #384088;  }
.team-list h4 { margin-top: 20px; }
.team-list .item { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc;}
.team-list .item:first-child { border-top: none; padding-top: 0;}
.team-list .item a { text-decoration: none; }
.team-list .item .image { width: 200px; float: left; display: inline-block; margin-right: 15px; }
.team-list .item .image img { width: 100%; max-width: 100%;}
.team-list .item .details { }
.team-list .item .details h1 { color: #000; font-size: 26px;  }
.team-list .item .details p { margin-top: 25px; margin-bottom: 25px; text-align: justify; }
.team-list .item .details p b, .team-list .item .details p strong { font-weight: 700;}



.pagination { clear: both; float: none; overflow: auto; }
.pagination { margin: 30px; margin-left: 0; margin-right: 0; font-size: 22px; }
.pagination ul, .pagination li {list-style: none;  }
.pagination ul {  width: auto; text-align: center; }
.pagination li { display: inline-block; float: left; margin-right: 5px; }
.pagination li a { padding: 4px 12px; color: #fff; background-color: #ccc; text-decoration: none; }
.pagination li.active a {  background-color: #384088; text-decoration: none; }
.pagination li a:hover {  background-color: #7D7D7D; }
.pagination li.active a:hover {  background-color: #E50613; }


.share .title { margin-right: 20px; display: inline-block }

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1800px) {		

}

@media screen and (max-width: 1400px) {		
	
		
	
	
	
}

@media screen and (max-width: 1100px) {
	
	
	header .header-info .info-phone {   font-size: 22px; left: 40px; top: 55px;}
	header .header-info .info-facebook {   margin-right: 0;  }
	
	footer .social { display: none }
	
	
	
	
	footer .phone { margin-left: 75px; }
	
	
	
	.contact-details .form { float: none; width: 100%;  margin-top: 30px; margin-left: 0; margin-bottom: 0; }
	.contact-details .content {float: none; width: 100%;  }
	header nav ul .social { display: none; }
}


@media screen and (max-width: 1000px) {
	
	.flex-caption .flex-caption-fix {		
		font-size: 36px;
	}
	
	.company-details .images { width: 300px; }
	
	.article-details .gallery .photofix { width: 33.33%;   }
	
	
	
	header .menu-mobile {display: block; background-color: #F1F1F3;}
	header ul.mobile-active { display: block }
	header a.mobile-active { display: block; background-color: #F1F1F3; color: #5B5D67 }	
	header a.mobile-active:hover { background-color: #F1F1F3;  }	
	
	header nav { display: block; clear: both;  text-align: right; padding: 0px;   }
	header nav ul {margin-left: 0; margin-right: 0;}
	header nav ul { display: none; }
	header nav ul li { float: none; display: block; margin: 0; text-align: center; }
	header nav ul li a { color: #5B5D67; display: block; padding: 10px; background-color: #F1F1F3; border-top: 1px solid #fff}	
	header nav ul li a:hover {  color: #000; background-color: #E5E5E8; text-decoration: none;  }	
	
	
}


@media screen and (max-width: 900px) {
	
	.home-featured .item p {  text-align: center; }
	
	
	.service-details .item .image { width: 200px; }
	
	footer .phone { display: none }
	
	footer .social { display: block }
	
	.service-details .service-featured .item { width: 100%; float: none; }
	.service-details .service-featured .item:first-child { margin-bottom: -30px;}
	.service-details .service-featured .item .itemFix { padding: 30px; padding-left: 0; }
	
}

@media screen and (max-width: 800px) {
	
	
	.page-wrapper {  padding-bottom: 278px; }
	
	footer .logo { float: none; width: 240px; margin: auto; padding-top: 35px; }
	footer .social { float: none; margin:0; margin-top: 25px;  padding-bottom: 35px; text-align: center; }
	footer .social i { font-size: 36px; margin-right: 0; }
	
	footer .menu { display: none; }
	
	footer .div { display: none; }
	
}

@media screen and (max-width: 700px) {
	
	.flex-caption .flex-caption-fix {
		
		font-size: 32px;
	}
	
	.home-featured .item { width: 100%; float: none; }
	
	.home-featured .item {  background-image: none; }
	.company-details .images { width: 200px; }
	
	.service-details h1 {    font-size: 26px; }
	.service-details .form { width: 100%;}
	
	.article-details h1 {    font-size: 26px; }
	
	.article-details .gallery .photofix { width: 50%;   }
}



@media screen and (max-width: 600px) {		

	.share .title { margin-right: 0; margin-bottom: 20px; }

	header .header-logo .logo { padding: 15px 45px;}
	
	
	

	.form-style#form-newsletter input[type="text"],
	.form-style#form-newsletter input[type="email"]
	{ width: 80%; margin-bottom: 10px;  }

	.form-style#form-newsletter input[type="submit"],
	.form-style#form-newsletter input[type="button"]{
		width: 80% 
	}
	
	 
	 
	.company-details .images { display: none; }
	
	.service-details .item .image {display: none }
	
	.pagination .numeric { display: none; }
	.pagination { padding-left: 0; padding-right: 0; overflow: hidden; font-size: 36px; }
	
	
	.services-list .item .details h1 {font-size: 26px; line-height: 110%;  }
	.articles-list .item .details h1 {font-size: 26px; line-height: 110%;  }
	
	
}

@media screen and (max-width: 480px) {
	
	.page-wrapper {  padding-bottom: 297px; }
	.flex-caption {
	
   
    top: 31%;    
    text-align: center;
    
	}
	.flex-caption .flex-caption-fix {
		
		padding-left: 0;	
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
		font-weight: 700;
		letter-spacing: normal;
		font-size: 22px;
	}
	
	.services-list .item .image { float: none; width: 100%;}
	.services-list .item p {display: none;} 
	
	.articles-list .item .image { float: none; width: 100%;}
	.articles-list .item p {display: none;} 
	
	
}