body {overflow-x: hidden;}
p {font-size: 15px;}
p.small {font-size: 16px;}

a,a:hover,a:focus,a:active,a.active {outline: 0;color: #14659F;}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase;font-weight: 700;}

hr.star-light,
hr.star-primary {
    margin: 15px auto 20px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 3px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    /*font-family: FontAwesome;*/
    font-size: 2em;
}

hr.star-light {border-color: #1a242f;}
hr.star-light:after {color: #fff;background-color: #1a242f;}
hr.star-primary {border-color: #1a242f;}
hr.star-primary:after {color: #1a242f;background-color: #1a242f;}
.img-centered {margin: 0 auto;}
header {height: 650px}
header {text-align: center;color:#1a242f;}
header {background-image: url("../img/portada2.jpg");background-position: 50% 50%;background-size: 100%;}
@media (max-width: 900px) {
    header {background-size: 120%;}
}
@media (max-width: 600px) {
    header {background-size: 150%;background-position: 60% 60%;}
}
@media (max-width: 500px) {
    header {height: 560px;background-size: 170%;background-position: 67% 70%;}
}
@media (max-width: 375px) {
    header {background-position: 70% 90%;}
}
header .container {padding-top: 50px;padding-bottom: 50px;}
header img {display: block;margin: 0 auto 20px;}

header .intro-text .name {
    display: block;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
}

header .intro-text .skills {font-size: 1.25em;font-weight: 300;}

@media(min-width:768px) {
    header .container {padding-top: 50px;padding-bottom: 50px;}
    header .intro-text .name {font-size: 4.75em;}
    header .intro-text .skills {font-size: 1.75em;}
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 10px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {padding: 10px 0;}
    .navbar-fixed-top.navbar-shrink .navbar-brand {font-size: 1.5em;}
}

.navbar {text-transform: uppercase;font-weight: 700;}
.navbar a:focus {outline: 0;}
.navbar .navbar-nav {letter-spacing: 1px;}
.navbar .navbar-nav li a:focus {outline: 0;}
.navbar-default,.navbar-inverse {border: 0;}
section {padding: 100px 0;}
section h2 {margin: 0;font-size: 3em;}
section.success {color: #fff;background: #18bc9c;background-image: url("../img/portada2.jpg");}

section.success a, 
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {outline: 0;color:#24185A}

@media(max-width:767px) {
    section {padding: 40px 0;}
    section.first {padding-top: 75px;}
}

#portfolio .portfolio-item {right: 0;margin: 0 0 15px;}
#portfolio .portfolio-item .portfolio-link {display: block;position: relative;margin: 0 auto;max-width: 400px;}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {opacity: 1;}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {margin-top: -12px;}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {margin: 0;}
#portfolio * {z-index: 2;}

@media(min-width:767px) {
    #portfolio .portfolio-item {margin: 0 0 30px;}
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #14659F;
    font-size: 20px;
    color: #483B5F;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    /*border: solid 2px #18bc9c;*/
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {padding-left: 14px;border-left: 1px solid #eee;}
.floating-label-form-group-with-value label {top: 0;opacity: 1;}
.floating-label-form-group-with-focus label {color: #18bc9c;}
form .row:first-child .floating-label-form-group {border-top: 1px solid #eee;}
footer {color: #fff;}
footer h3 {margin-bottom: 30px;}
footer .footer-above {padding-top: 50px;background-color: #483B5F;}
footer .footer-col {margin-bottom: 50px;}
footer .footer-below {padding: 25px 0;background-color: #233140;}

.btn-social {
    display: inline-block;
    width: 64px;
    height: 64px;
    border: 0px #fff;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.icon_face {background-position: 0px -148px;background-image: url("../img/socialicons.png");}
.icon_google {background-position: 0px 0px;background-image: url("../img/socialicons.png");}
.icon_link {background-position: 0px -74px;background-image: url("../img/socialicons.png");}

/*.btn:focus,.btn:active,.btn.active {outline: 0;}*/

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {outline: 0;}

.portfolio-modal .modal-content {
    padding: 25px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {margin: 0;}

@media (min-width: 751px) {
    .portfolio-modal .modal-content h2 {font-size: 3em;}
}

.portfolio-modal .modal-content img {margin-bottom: 2px;}
.portfolio-modal .modal-content .item-details {margin: 30px 0;}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {opacity: .3;}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #483B5F;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #483B5F;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



@media (max-width: 390px) {
    .portfolio-modal .close-modal .lr,.portfolio-modal .close-modal .lr .rl {height: 40px;}
    .portfolio-modal .close-modal {width: 40px;height: 40px}
}

.portfolio-modal .modal-backdrop {display: none;opacity: 0;}

/*Modificaciones otras*/
@media (max-width: 375px) {
    section h2 {font-size: 2.7em;}
}

#foto_perfil {height: 280px;border-radius: 20px;}
.cont_pag {width: 1150px}
.espacio {margin-bottom: 80px}
.img_pag {width: 65%;float: left;margin-right: 15px;}

@media (max-width: 1200px) {
    .modal-content .container {margin-right: 0px;margin-left: 0px}
    .modal-body p, .modal-body ul {width: 1030px}
    .modal-body a {margin-right: 35px}
    .portfolio-modal .close-modal {z-index: 2}
}

@media (max-width: 1080px) {
    .img_pag {width: 55%}
    .modal-body p, .modal-body ul {width: 945px}
    .modal-body a {margin-right: 125px}
    .modal-body h2 {width: 975px}
    .modal-body hr {margin-right: 362px;margin-left: 362px}
}

@media (max-width: 1000px) {
    .img_pag {width: 48%}
    .modal-body p, .modal-body ul {width: 880px}
    .modal-body a {margin-right: 195px}
}

@media (max-width: 950px) {
    .img_pag {width: 48%}
    .modal-body p, .modal-body ul {width: 804px}
    .modal-body a {margin-right: 267px}
    .modal-body h2 {width: 812px}
    .modal-body hr {margin-right: 280px;margin-left: 280px}
}

@media (max-width: 820px) {
    .modal-body h2 {width: 672px}
    .modal-body hr {margin-right: 210px;margin-left: 210px}
}

@media (max-width: 860px) and (min-width: 768px) {
    .modal-body p {font-size: 16px}
    .img_pag {width: 40%}
    .modal-body p, .modal-body ul {width: 687px}
    .modal-body a {margin-right: 398px}
}

@media (max-width: 768px) {
    .img_pag {width: 64%}
    #img_flyer {width: 100%}
    .modal-body p {clear: left;font-size: 20px}
    .modal-body p, .modal-body ul {width: 680px}
    .modal-body hr {margin-right: 203px;margin-left: 203px}
    .modal-body h2 {width: 656px}
    .modal-body a {margin-right: 398px}
}

@media (max-width: 750px) {
    .img_pag {width: 60%}
    .modal-body p, .modal-body ul {width: 654px}
    .modal-body a {margin-right: 423px}
    .modal-body h2 {font-size: 2em}
}

@media (max-width: 700px) {
    .img_pag {width: 53%}
    .modal-body p, .modal-body ul {width: 571px}
    .modal-body a {margin-right: 508px}
    .modal-body h2 {width: 561px}
    .modal-body hr {margin-right: 155px;margin-left: 155px}
}

@media (max-width: 630px) {
    .img_pag {width: 49%}
    .modal-body p, .modal-body ul {width: 516px}
    .modal-body a {margin-right: 566px}
}

@media (max-width: 600px) {
    .modal-body h2 {width: 504px}
    .modal-body hr {margin-right: 127px;margin-left: 127px}
}

@media (max-width: 585px) {
    .img_pag {width: 45%}
    .modal-body p, .modal-body ul {width: 477px}
    .modal-body a {margin-right: 594px}
    .modal-body h2 {width: 460px}
    .modal-body hr {margin-right: 105px;margin-left: 105px}
}

@media (max-width: 540px) {
    .img_pag {width: 38%}
    .modal-body p {font-size: 16px}
    .modal-body p, .modal-body ul {width: 405px}
    .modal-body a {margin-right: 670px}
    .modal-body h2 {width: 380px}
    .modal-body hr {margin-right: 65px;margin-left: 65px}
}

@media (max-width: 480px) {
    .modal-body h2 {width: 328px}
    .modal-body hr {margin-right: 39px;margin-left: 39px}
}

@media (max-width: 450px) {
    .modal-body h2 {width: 311px}
    .modal-body hr {width: 200px;margin-right: 55px;margin-left: 55px}
}

@media (max-width: 460px) {
    .img_pag {width: 35%}
    .modal-body p, .modal-body ul {width: 367px}
    .modal-body a {margin-right: 710px}
}

@media (max-width: 425px) {
    .modal-body p {font-size: 16px}
    .modal-body p, .modal-body ul {width: 350px}
    .img_pag {width: 33%}
    .modal-body h2 {font-size: 2em}
    .modal-body a {margin-right: 740px}
}

@media (max-width: 400px) {
    .img_pag {width: 30%}
    .modal-body {padding: 0px}
    .modal-body a {margin-right: 780px}
}

@media (max-width: 375px) {
    .img_pag {width: 27%}
    .modal-body p, .modal-body ul {width: 292px}
    .modal-body a {margin-right: 815px}
}

@media (max-width: 340px) and (min-width: 320px) {
    .portfolio-modal .close-modal {top: 5px;right: 15px;}
    .modal-body h2 {width: 295px}
}

@media (max-width: 330px) {
    .img_pag {width: 25%}
}

@media (max-width: 320px) {
    .modal-body p, .modal-body ul {width: 255px;padding-left: 15px;}
    .modal-body a {margin-right: 855px}
    .modal-body h2 {width: 282px}
    .modal-body hr {margin-left: 40px}
    .portfolio-modal .close-modal {top: 5px;right: 15px;}
}

/*FUENTES*/
body {font-family: sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Century', sans-serif;}
nav {font-family: 'Century';}
a.navbar-brand {letter-spacing: 3px}
span.name {font-family: 'Century', sans-serif;}

/*NAV*/
@media(min-width:768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: rgba(3, 73, 121,0.9);
        color: #ecf0f1;
        border-bottom: 3px solid #999999;
    }
}

nav a:hover {text-shadow: 1px 1px 1px #000000;color: #0F5A9F}
#about p {font-family: 'Century', sans-serif;letter-spacing: 1px;font-size: 22px}

/*flyer modal*/
.slide-image {width: 100%;}
.carousel-holder {margin-bottom: 30px;}
.carousel-control,.item {border-radius: 4px;}
.item {text-align: center; padding-left: 15%;padding-right: 15%}