/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 82px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


.img-portfolio {
    margin-bottom: 30px;
    min-height: 454px;
}

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

/*background-color: #205f95;
border-color: #ded031;*/

/* Home Page Carousel */

header.carousel {
    height: 83%;
    /*height: 450px;*/
}


.css_nav{
    background-color: #fff;
 border-bottom: 4px solid #18799c;
    border-color: #197b98;
/*#205f95;*/
}
p{
    /*text-align: justify;*/
}
#logo_inicio{
    width: 30%;
    margin-top: -11px;
}
#logo_inicio2{
    /* width: 50%; */
    margin-top: -41px;
    position: relative;
    height: 68px;
}
.img_vin{
    height: 82px;
}


header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;
   
    /*background-size: cover;*/
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}
/*webkit, moz*/
.container, .ani{
    
   animation-duration: 5s;
/*    moz-vendor-animation-delay: 2s;
    moz-vendor-animation-iteration-count: infinite;*/
}
/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 10px 0;
}

/* Responsive Styles */
.nav_center{
        margin: 0 auto;
        float: none !important; 
        width: 800px;
}


/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
    list-style: none;
	display: inline;
	/*margin-left:0 !important;*/
        float: right;
	padding: 0;
        margin-bottom: 4px;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
/*	width: 50px;
	height: 50px;*/
/*        width: 30px;
        height: 30px;

	font-size:20px;*/
width: 25px;
height: 25px;
font-size: 14px;
}
.social-circle li i {
margin: 0;
line-height: 24px;
text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-network a {
 background-color: #B2C09A;
 /*#D3D3D3;*/   
}
.social-banner_1{
background-color: #17779a3b;
    height: 28px;
    padding: 0px;
    /* z-index: -1;
    /*z-index: -1;*/

}
img{
    /*margin:10px;*/
    margin: 10px 10px 10px 10px;
    /*margin-right: 10px;*/
}    

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




.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #2d4d6c;
    background-color: #eff7ff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #575656;
}


.breadcrumb a:hover{
    text-decoration: none;
}

.carousel-caption a,.carousel-caption h2{
    color: #FFF;
    text-shadow: 1px 5px 4px #101011;
}
.carousel-caption a:hover{
    text-decoration: none;
}
.fluid_container{
height: 460px;    
}
/*#video1{
    height: 100%
        width
}*/
.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.59);
padding: 110px 0 32px;
min-height: 496px; 
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}


@media(max-width:991px) {

    
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    header.carousel .carousel {
        height: 50%;
    }

}





@media(max-width:767px) {
    
    .fluid_container{
    height: 160px;   
    width: 100%;
    }
    body{
        padding-top: 54px;
    }
header.carousel {
    /*height: 50%;*/
    height: 250px;
}
    
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 50%;
    }
    #logo_inicio21{
       display: none; 
    }
    #logo_inicio2{
       display: none; 
    }
    .css_nav{
/*        background-color: #205f95;
        border-color: #ded031;*/
    border-bottom: 4px solid #18799c;
    border-color: #197b98;
    }
    .social-banner_1{
       display: none; 
    }
    
    .nav_center{
            margin: 0 auto;
            float: none !important; 
            width: 100%;
    }

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #d0cccc;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #f1efef;
    background-color: rgba(67, 137, 197, 0.53);
    border-radius: 25px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #dacdcd;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: rgba(67, 137, 197, 0.53);
    border-radius: 25px;
}

    .contenido_pag img{
        width: 100% !important;
        margin: 10px 0px 10px 0px;
    }

}