

/* ==== Google font ==== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@import url('font-awesome.css');

/* ==== overwrite bootstrap standard ==== */

@import url('animate.css');







body {

	font-family:'Open Sans', Arial, sans-serif;

	font-size:16px;

	font-weight:600;

	line-height:1.6em;

	color:#fff;

	background-color:#fff;

	overflow-x:hidden;

}



hi,h2,h3,h4,h5,h6 {

	color:#333;

	line-height:1.1em;

}



.azul{

	color: #2A5594;

}



p {

	color:#333;

	font-size:16px;

}

a {

    text-decoration:none;

    transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -o-transition: all 0.1s ease-in-out;

    outline: none;

	color:#333;

}

a:hover {

	text-decoration: none;

	color:#eee;

}



.btn-primary {

	padding: 8px 20px;

	background: #2A5594;

	color: #fff;

	border-radius: 4px;

	border:none;

	margin-top: 10px;

}



.text-center h2 {

	margin-bottom:30px;

}



.text-center p {

	margin-bottom:50px;

	color:#333;

}



.btn-default {

	color: #333;

	background-color: #fff;

	border-color: #fff;

	text-transform:uppercase;

	font-size:18px;

	border-radius:30px;

	margin-left:-10px;

}



#breadcrumb {

	background-color: #2A5594;

	margin-top: -20px;

}



.breadcrumb {

	list-style: none;

	background-color: #2A5594;

	border-radius: 0px;

	padding:3px 10px;

}



.breadcrumb li {

	text-transform:uppercase;

	margin-top:125px;

	font-weight:600;

}



/*===========================

  Menu and Navigation

============================ */

.navigation  {

	background-color:#fff;

	padding:0;

}



.navbar-brand h1 {

	margin-top:9px;

	padding-top:5px;

	float: left;

	font-size: 25px;

	color:#333;

	text-transform:uppercase;

	font-weight:900;

}

.navbar-brand h1 span {

	color: #2A5594;

}



.menu {

	font-size:12px;

	float:right;

	text-transform:uppercase;

	font-weight:700;

}



.menu ul.nav-tabs li {

	color:#000;

}



.nav-tabs {

	border-bottom: 0;

}

.nav-tabs > li {

	float: left;

	margin-bottom: 0;

}

.nav-tabs > li > a {

	border-radius:0;

	color:#333;

	padding:30px;

}



.nav-tabs > li > a:hover {

	color: #2A5594;

	border-color: #fff #fff #fff;

	border-radius:0;

	background-color:#fff;

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

.nav-tabs > li > a.active {

	color: #2A5594;

	border-radius:0;

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}



@media (max-width: 768px) {

	.navbar-brand {

		padding-top: 6px;

	}

	.navbar-brand h1 {

		margin-top: 0;

	}



	.nav-tabs > li {

		float: none;

		display: block;

	}



	.menu {

		position: absolute;

		left: 0;

		right: 0;

		background: #fff;

		height: auto;

	}



	.nav-tabs > li > a {

		padding:15px 15px;

		border-bottom: 1px solid #f3f3f3;

	}



	.nav-tabs > li > a:hover {

		border-color: #f3f3f3;

	}

}



/*===========================

  slider

============================ */

#main-slider {

	margin-top:40px;

}



#main-slider {

	position: relative;

}



.no-margin {

	margin: 0;

	padding: 0;

}



#main-slider .carousel .carousel-content {

	margin-top: 300px;

}



#main-slider .carousel .slide-margin{

	margin-top: 140px;

}



#main-slider .carousel h2 {

	color: #0B2C79;

	text-transform:uppercase;

	font-size:50px;

	font-weight:800;



}



#main-slider .carousel h2 span {

	color: #2A5594;

}



#main-slider .carousel h2 span spani {

	color: #000;

}



#main-slider .carousel p {

	color: #fff;

	font-size:25px;

	font-weight: 500;

}



#main-slider .carousel .btn-slide {

	padding: 8px 20px;

	background: #2A5594;

	color: #fff;

	border-radius: 4px;

	margin-top: 25px;

	display: inline-block;

}



#main-slider .carousel .slider-img{

	text-align: right;

	position: absolute;

}





#main-slider .carousel .item {

	background-position: 50%;

	background-repeat: no-repeat;

	background-size: cover;

	left: 0 !important;

	opacity: 0;

	top: 0;

	position: absolute;

	width: 100%;

	display: block !important;

	height: 730px;

	-webkit-transition: opacity ease-in-out 500ms;

	-moz-transition: opacity ease-in-out 500ms;

	-o-transition: opacity ease-in-out 500ms;

	transition: opacity ease-in-out 500ms;

}



#main-slider .carousel .item-prod {

	background-position: 50%;

	background-repeat: no-repeat;

	background-size: cover;

	left: 0 !important;

	opacity: 0;

	top: 0;

	position: absolute;

	width: 100%;

	display: block !important;

	height: 230px;

	-webkit-transition: opacity ease-in-out 500ms;

	-moz-transition: opacity ease-in-out 500ms;

	-o-transition: opacity ease-in-out 500ms;

	transition: opacity ease-in-out 500ms;

}



#main-slider .carousel .item-prod:first-child {

	top: auto;

	position: relative;

}



#main-slider .carousel .item-prod.active {

	opacity: 1;

	-webkit-transition: opacity ease-in-out 500ms;

	-moz-transition: opacity ease-in-out 500ms;

	-o-transition: opacity ease-in-out 500ms;

	transition: opacity ease-in-out 500ms;

	z-index: 1;

}



#main-slider .carousel .item:first-child {

	top: auto;

	position: relative;

}





#main-slider .carousel .item.active {

	opacity: 1;

	-webkit-transition: opacity ease-in-out 500ms;

	-moz-transition: opacity ease-in-out 500ms;

	-o-transition: opacity ease-in-out 500ms;

	transition: opacity ease-in-out 500ms;

	z-index: 1;

}





#main-slider .active .animation.animated-item-1 {

	-webkit-animation: fadeInUp 300ms linear 300ms both;

	-moz-animation: fadeInUp 300ms linear 300ms both;

	-o-animation: fadeInUp 300ms linear 300ms both;

	-ms-animation: fadeInUp 300ms linear 300ms both;

	animation: fadeInUp 300ms linear 300ms both;

}



#main-slider .active .animation.animated-item-2 {

	-webkit-animation: fadeInUp 300ms linear 600ms both;

	-moz-animation: fadeInUp 300ms linear 600ms both;

	-o-animation: fadeInUp 300ms linear 600ms both;

	-ms-animation: fadeInUp 300ms linear 600ms both;

	animation: fadeInUp 300ms linear 600ms both;

}



#main-slider .active .animation.animated-item-3 {

	-webkit-animation: fadeInUp 300ms linear 900ms both;

	-moz-animation: fadeInUp 300ms linear 900ms both;

	-o-animation: fadeInUp 300ms linear 900ms both;

	-ms-animation: fadeInUp 300ms linear 900ms both;

	animation: fadeInUp 300ms linear 900ms both;

}



#main-slider .active .animation.animated-item-4 {

	-webkit-animation: fadeInUp 300ms linear 1200ms both;

	-moz-animation: fadeInUp 300ms linear 1200ms both;

	-o-animation: fadeInUp 300ms linear 1200ms both;

	-ms-animation: fadeInUp 300ms linear 1200ms both;

	animation: fadeInUp 300ms linear 1200ms both;

}



@media (max-width: 768px) {

	#main-slider .carousel .carousel-content {

		margin-top: 40px;

		text-align: center;

	}



	#main-slider .carousel .slide-margin{

		margin-top: 280px;

	}



	#main-slider .carousel p {

		color: #fff;

		font-size:18px;

		line-height: 24px;

	}



}



.feature {

	padding:50px;

}



.text-center i {

	font-size:40px;

	margin-top:70px;

	margin-bottom:30px;

	color:#fff;

	padding:50px;

	background:#2A5594;

	border-radius:50%;

}



.text-center h2 {

	margin-top:20px;

	margin-bottom:20px;

	text-transform:uppercase;

	font-size:18px;

	color: #2A5594;

}



.hi-icon-effect i.fa:hover {

	background:#fff;

	color: #2A5594;

	-webkit-transition: color 300ms, background-color 300ms;

	-moz-transition: color 300ms, background-color 300ms;

	-o-transition:  color 300ms, background-color 300ms;

	transition:  color 300ms, background-color 300ms;

}



#partner {

	background: url(../images/parallax-bg.png) 50% 50% no-repeat;

	background-size: cover;

}



#partner {

	color: #fff;

	text-align: center;

	padding:100px;

}



#partner h2 {

	color: #fff;

	font-size:30px;

	font-weight:600;

}



#partner p {

	color: #fff;

	font-size:20px;



}



.partners ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



.partners ul li{

	display: inline-block;

	float: left;

	width: 20%;

}



.partners ul li a img {

	margin-top:50px;

}



#conatcat-info{

	background: #fff;

	padding: 30px 0;

}



.contact-info i{

	width: 60px;

	height: 60px;

	font-size: 40px;

	line-height: 60px;

	color: #fff;

	background: #B6B6B6;

	text-align: center;

	border-radius: 6px;

}



.contact-info h2{

	margin-top: 0;

	color: #000;

}



.contact-info p{

	font-size: 16px;

}

.contact-info{

	color:#000;

}



/* --- about us --- */

.aboutus {

	padding:50px;

}



.aboutus img {

	border-radius:6px;

}



.aboutus h3 {

	margin-bottom:30px;

	font-weight:800;

}



.aboutus h4 {

	margin-top:30px;

	margin-bottom:30px;

	font-weight:700;

}



.skill h2{

	margin-top:-10px;

	margin-bottom: 25px;

}



.progress-wrap{

	position: relative;

}



.progress .color1,

.progress .color1 .bar-width{

	background: #2d7da4;

}



.progress .color2,

.progress .color2 .bar-width{

	background: #6aa42f;

}



.progress .color3,

.progress .color3 .bar-width{

	background: #ffcc33;

}



.progress .color4,

.progress .color4 .bar-width{

	background: #db3615;

}



.progress,

.progress-bar {

	height: 15px;

	line-height: 15px;

	background: #e6e6e6;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	border-radius: 0;

	overflow: visible;

	text-align: right;

}



.progress{

	position: relative;

}



.progress .bar-width{

	position: absolute;

	width: 40px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	font-size: 12px;

	font-weight: 700;

	top: -30px;

	border-radius: 2px;

	margin-left: -30px;

}



.progress span{

	position: relative;

}



.progress span:before{

	content: " ";

	position: absolute;

	width: auto;

	height: auto;

	border-width: 8px 5px;

	border-style: solid;

	bottom: -15px;

	right: 8px;

}



.progress .color1 span:before{

	border-color: #2d7da4 transparent transparent transparent;

}



.progress .color2 span:before{

	border-color: #6aa42f transparent transparent transparent;

}



.progress .color3 span:before{

	border-color: #ffcc33 transparent transparent transparent;

}



.progress .color4 span:before{

	border-color: #db3615 transparent transparent transparent;

}





.about {

	background:#eee;

	padding:50px;

}



.about h2 {

	margin-bottom:30px;

}



.about img {

	margin-bottom:30px;

	border-radius:6px;

}



.about i{

	font-size: 70px;

	color: #2A5594;

	text-align: center;

	background-color: transparent !important;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 10px;

}

.about p{

	font-size: 24px;

	font-weight: bold;

}



.our-team {

	padding:50px;

	background:#ddd;

}



.our-team h3 {

	margin-bottom:30px;

	font-weight:800;

}



.our-team h4 {

	margin-top:20px;

	margin-bottom:20px;

	font-weight:600;

}



.our-team img{

	border-radius:6px;

	margin-top:30px;

}



.lates {

	padding:50px;

}



.lates h2 {

	font-size:20px;

	font-weight:600;

	color:#333;

}



.lates img {



	border-radius:5px;

}



/* --- footer --- */

.footer {

	background:#2A5594;

	padding:15px 22px;

}



ul.social-network {

	list-style:none;

	margin-top:20px;

	padding:10px;

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}



ul.social-network li {

	display:inline;

	margin: 0 18px;

	font-size:25px;

}



ul.social-network li a {

	color:#d0d0d0;

}

.social-network li:hover .fa-twitter {

	color: #00abf0;

}

.social-network li:hover .fa-facebook {

	color: #39579a;

}

.social-network li:hover .fa-google-plus {

	color: #eb8984;

}

.social-network li:hover .fa-pinterest {

	color: #c9171e;

}

.social-network li:hover .fa-linkedin {

	color: #0077b5;

}

.social-network li:hover .fa-youtube-play {

	color: #C84941;

}

.social-network li:hover .fa-dribbble {

	color: #EA4C89 ;

}

.social-network li:hover .fa-pinterest-square {

	color: #EA4B49;

}



.copyright {

	margin-top:30px;

    text-align: right;

}



.copyright a {

	color:#fff;

	font-weight:600;

	font-size:12px;

	text-shadow:none;

}



/* --- services --- */

.services {

	padding:50px;

}



.services h3 {

	margin-bottom:30px;

	font-weight:800;

}



.services img {

	border-radius:6px;

}



.sub-services img {

	border-radius:6px;

}



.services p {

	margin-top:30px;

	font-size:13px;

}



.sub-services {

	padding:50px;

	background:#ddd;

}



.sub-services p {

	margin-top:30px;

	font-size:13px;

}



.media-body p {

	margin-bottom:30px;

}



.media ul li {

	list-style:none;

}



.media i {

	color:#2A5594;

	font-size:50px;

}



.media h4 {

	font-size:20px;

	font-weight:600;

	color:#2A5594;

}



/* --- portfolio --- */



#portfolio .center p {

	margin-top:50px;

	margin-bottom:50px;

	font-size:18px;

}



.portfolio-items,

.portfolio-filter {

	list-style: none outside none;

	margin: 0 0 40px 0;

	padding: 0;

}



.portfolio-filter > li {

	display: inline-block;

}



.portfolio-filter > li a {

	background: none repeat scroll 0 0 #FFFFFF;

	font-size: 14px;

	font-weight: 400;

	margin-right: 20px;

	text-transform: uppercase;

	transition: all 0.9s ease 0s;

	-moz-transition: all 0.9s ease 0s;

	-webkit-transition: all 0.9s ease 0s;

	-o-transition: all 0.9s ease 0s;

	border: 1px solid #F2F2F2;

	outline: none;

	border-radius: 3px;

}



.portfolio-filter > li a:hover,

.portfolio-filter > li a.active{

	color:#fff;

	background: #2A5594;

	border: 1px solid #2A5594;

	box-shadow: none;

	-webkit-box-shadow: none;

}



.portfolio-items > li {

	float: left;

	padding: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.portfolio-item {

	margin: 0;

	padding:0;

}



.overlay {

	margin-bottom:20px;

}



.overlay a:hover {

	color: #2A5594;

}



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {

	z-index: 2;

}



.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}



.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}



.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}



/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}





/* --- Map --- */

.map{

	position:relative;

	margin-bottom:40px;

}



/* google map */

#google-map{

	position:relative;

	margin-top:10px;

    height: 400px;

    width: 100%;

}



/* --- blog --- */

#blog {

	margin-top:50px;

}



a.btn-primary:hover {

	background-color:#ddd;

	color:#2A5594;

}



.widget {

	margin-bottom: 60px;

	padding-left: 0;

}



.single_comments {

	margin-bottom: 20px;

}



.single_comments img {

	float: left;

	margin-right: 10px;

	margin-top: 5px;

}



.single_comments p {

	margin-bottom: 0;

}



.widget .entry-meta span {

	display: inline-block;

	margin-right: 10px;

	color:#333;

}



.widget .entry-meta span a:hover {

	color:#2A5594;

}



.widget h3 {

	color: #000;

	text-transform: uppercase;

	margin-bottom: 20px;

}



.blog_category{

	list-style:none;

	margin:0;

	padding:0;

}



.blog_category li{

	float:none;

	margin-bottom:20px;

}



.blog_category li a {

	background:#f5f5f5;

	border-radius: 4px;

	color: #888;

	display: inline-block;

	padding: 5px 15px;

}



.blog_category li a:hover{

	background:#2A5594;

	color: #fff;

}



.badge:before {

	border-color: transparent transparent transparent #2A5594;

	border-style: solid;

	border-width: 10px;

	bottom: -8px;

	content: "";

	height: 0;

	left: 5px;

	position: absolute;

	z-index: -99999;

}



.badge {

	background-color: #2A5594;

	border-radius: 5px;

	color: #fff;

	padding: 8px;

	position: relative;

	left: 60px;

	top: -18px;

	font-weight: normal;

}



.blog_archieve {

	list-style: none outside none;

	margin: 0;

	padding: 0;

}



.blog_archieve li {

	padding: 10px 0;

	border-bottom: 1px solid #f5f5f5;

}



ul.blog_archieve li a:hover{

	color:#2A5594;

}



.blog_archieve li:first-child {

	padding-top: 0;

}



ul.gallery {

	list-style: none;

	padding: 0;

	margin: 0;

}



ul.gallery li {

	display: block;

	width: 60px;

	padding: 0;

	margin: 0 4px 4px 0;

	float: left;

}



ul.faq {

	list-style: none;

	margin: 0;

}



ul.faq li {

	margin-top: 30px;

}



ul.faq li:first-child {

	margin-top: 0;

}



ul.faq li span.number {

	display: block;

	float: left;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #34495e;

	color: #fff;

	font-size: 24px;

}



ul.faq li > div {

	margin-left: 70px;

}



ul.faq li > div h3 {

	margin-top: 0;

}



.embed-container {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}



.embed-container iframe,

.embed-container object,

.embed-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.blog-item {

	border-radius: 0;

	overflow: hidden;

	margin-bottom: 50px;

}



.blog .blog-item .img-blog {

	border-radius: 5px;

	margin-bottom: 45px;

}



.blog .blog-item .blog-content {

	padding-bottom: 25px;

}



.blog .blog-item .blog-content h2 {

	margin-top: 0;

	font-size: 30px;

}



.readmore{

	margin-top: 0;

}



.blog .blog-item .blog-content h4 {

	margin-bottom: 40px;

	font-weight: 600

}



.blog .blog-item .blog-content p {

	font-size: 13px;

}



.blog .blog-item .entry-meta {

	border-radius: 5px;

	overflow: hidden;

}



.blog .blog-item .entry-meta > span {

	background: #f5f5f5;

	border-top: 1px solid #fff;

	display: block;

	font-size: 12px;

	overflow: hidden;

	padding: 5px;

	text-align: left;

}



#publish_date {

	background: #2A5594;

	border-bottom: 5px solid #4e4e4e;

	color: #fff;

	padding: 5px 0;

	text-align: center;

}



.blog .blog-item .entry-meta > span {

	color: #ccc;

}



.blog .blog-item .entry-meta > span a {

	font-size: 12px;

	margin-left: 3px;

	font-weight: 300;

	color: #888;

}



ul.pagination > li > a {

	border: 1px solid #F1F1F1;

	margin-right:5px;

	border-radius: 5px;

	font-size: 16px;

	padding: 5px 14px;

	color:#2A5594;

}



ul.pagination > li > a i{

	margin-left:5px;

	margin-right:5px;

}



ul.pagination > li.active > a,

ul.pagination > li:hover > a {

	background-color: #2A5594 !important;

	border-color: #2A5594 !important;

	color: #fff;

}



.search_box {

	background-position: 314px 15px;

	background-repeat: no-repeat;

	border-color: #DEDEDE;

	height: 48px;

	outline: medium none;

	box-shadow: none;

}



.form-control:focus {

	box-shadow:none;

	outline: 0 none;

}



ul.tag-cloud,

ul.sidebar-gallery {

	list-style: none;

	padding: 0;

	margin: 0;

}



.tag-cloud li{

    display: inline-block;

    margin-bottom: 3px;

}



.tag-cloud li a {

	background: #f5f5f5;

	color: #888;

	border: 0;

	border-radius: 4px;

	padding: 8px 15px;

}



.tag-cloud li a:hover{

	background:#2A5594;

	color: #fff;

}



.sidebar-gallery li{

	display: inline-block;

	margin: 0 10px 10px 0;

}



.sidebar-gallery li a {

	border-radius: 4px;

	display: inline-block;

}



/* --- contact --- */

#contact-page{

	padding-top: 0;

	background:#fff;

	margin-bottom:50px;

}



#contact-page .contact-form

.form-group label {

	color: #4E4E4E;

	font-size: 14px;

	font-weight: 300;

}



.form-group .form-control {

	padding: 10px 12px;

	border-color:#333;

	box-shadow: none;

}





.validation {

    color: red;

    display:none;

    margin: 0 0 20px;

    font-weight:400;

    font-size:13px;

}



#sendmessage {

    color: green;

    border:1px solid green;

    display:none;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

}



#errormessage {

    color: red;

    display:none;

    border:1px solid red;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

}



#sendmessage.show, #errormessage.show, .show {

	display:block;

}



#contact-page .contact-wrap {

	margin-top: 20px;

}



.center h2{

	font-size: 36px;

	margin-top: 0;

	margin-bottom: 20px;

	text-align:center;

}

.center p{

	text-align:center;

}



.btn-lg:hover {

	color:#2A5594;

	background:#ddd;

}



a.scrollup{

    color:#B6B6B6;

	height:40px;

	width:40px;

	font-size:12px;

	line-height:30px;

	text-align:center;

	text-decoration:none;

	position:fixed;

	bottom:30px;

	right:40px;

	opacity:0,5;

	border-radius:50%;

	z-index:999;

}

a.scrollup:hover{

	opacity:1;

	background-color:#ddd;

	color:#2A5594;

}



.navbar-brand {

    float: left;

    height: 50px;

    padding: 5px 5px;

    font-size: 18px;

    line-height: 20px;

}



@media (max-width: 750px){

	.navbar-header{

		height: 80px;

	}

}



.kp-hover{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in}



.kp-hover:hover{-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);-o-transform:scale(1.2) rotate(5deg);-ms-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}



.fotocaja{overflow:hidden;margin-right:0}


.contacto i {

    color: #2A5594;
    font-size: 50px;
        width: 60px;
    height: 60px;
    line-height: 60px;
    background: #B6B6B6;
    text-align: center;
    border-radius: 6px;

}

.contacto label{
	color: #333;
}

@media (min-width: 920px){
.espacioMD{
	margin-bottom: 100px;
		clear: both;
}
.espacioXS{
	margin-bottom: 0px;
}

}

@media (max-width: 919px){
	.espacioMD{
	margin-bottom: 0px;
}

.espacioXS{
	margin-bottom: 100px;
	clear: both;
}
}