@import url('https://fonts.googleapis.com/css?family=Biryani:800|Cabin:400,600&display=swap');
@font-face{font-family:'FontAwesome';src:url('../font/font-awesome-4.6.3/fontawesome-webfont.eot?v=4.6.3');src:url('../font/font-awesome-4.6.3/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../font/font-awesome-4.6.3/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../font/font-awesome-4.6.3/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../font/font-awesome-4.6.3/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../font/font-awesome-4.6.3/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
html {font-size: 100%;}
body {font-family:'Cabin', sans-serif; font-weight:400; font-size:100%; line-height:1.42857143; color:#2A3443; background-color:#fff;}
a {color:#3693C1; text-decoration: none; outline:none !important; -moz-outline-style:none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;} a:hover, a:focus {color:#0080C0; text-decoration: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Biryani', sans-serif; font-weight:600; line-height:1.1; color:inherit;}
h1, .h1 {font-size:2rem; color:#0080C0 !important;}
h2, .h2 {position:relative; margin-top:0; padding:0 0 0.5em 0; font-size:1.875rem; color:#2A3443; text-align:center;}
h2:after, .h2:after {position:absolute; bottom:0; left:42.5%; width:15%; height:2px; background:#3693C1; content: '';}
h3, .h3 {margin-bottom:0; font-size:1.5rem; font-weight:400; letter-spacing:-0.015rem; color:#2A3443;}
h4, .h4 {font-size:1.125rem;} h5, .h5 {font-size:0.875rem;} h6, .h6 {font-size:0.75rem;}
::selection {background:#3693C1; color: #fff; text-shadow:none;} ::-moz-selection {background:#3693C1; color: #fff; text-shadow:none;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} input[type=number] {-moz-appearance:textfield;}
iframe{border:none !important; overflow:hidden;}
/* BOOTSTRAP THEME */
header{margin-top:110px;} @media screen and (max-width: 768px) { header{ } }
/* Text */
.text-white {color:#fff !important;}
.text-muted {color:#777 !important;}
.text-primary {color:#0080C0 !important;} a.text-primary:hover {color: #014A7F;}
.text-success {color:#5cb85c !important;} a.text-success:hover {color: #3e8f3e;}
.text-info {color:#027dcd !important;} a.text-info:hover {color: #008fd0;}
.text-warning {color:#f0ad4e !important;} a.text-warning:hover {color: #e38d13;}
.text-danger {color:#d9534f !important;} a.text-danger:hover {color: #b92c28;}
/* Background*/
.bg-white {background:#fff !important;}
.bg-black {color:#fff; background:#2A3443 !important;}
.bg-primary {color: #fff; background-color: #0080C0;} a.bg-primary:hover {background-color: #014A7F;}
.bg-success {color: #fff; background-color: #5cb85c;} a.bg-success:hover {background-color: #3e8f3e;}
.bg-info {color: #fff; background-color: #027dcd;} a.bg-info:hover {background-color: #008fd0;}
.bg-warning {color: #fff; background-color: #f0ad4e;} a.bg-warning:hover {background-color: #e38d13;}
.bg-danger {color: #fff; background-color: #d9534f;} a.bg-danger:hover {background-color: #b92c28;}
/* Buttons */
.btn{padding:10px 16px; font-size:1.15rem; font-weight:600; line-height:1.42857143; border:2px solid transparent; border-radius:4px;}
.btn-sm{padding:5px 10px; font-size:0.95rem; line-height:1.5; border-radius:3px;}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); border-radius:4px; -webkit-box-shadow: none; box-shadow: none;}
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
}
.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge {text-shadow: none;}
.btn:active, .btn.active {background-image: none;}
.btn-default {text-shadow: 0 1px 0 #fff; background-color:#fff; border-color: #dbdbdb; border-color: #ccc;}
.btn-default:hover, .btn-default:focus {background-color: #e0e0e0;}
.btn-default:active, .btn-default.active {background-color: #e0e0e0; border-color: #dbdbdb;}
.btn-default.disabled, .btn-default:disabled, .btn-default[disabled] {background-color: #e0e0e0; background-image: none;}
.btn-primary {background-color:#3693C1; border-color: #fff;}
.btn-primary:hover, .btn-primary:focus {background-color: #0080C0; border-color: #fff;}
.btn-primary:active, .btn-primary.active {background-color: #0080C0; border-color: #0080C0;}
.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] {background-color: #2A3443; background-image: none;}
.btn-success {background-color:#5cb85c; border-color: #3e8f3e;}
.btn-success:hover, .btn-success:focus {background-color: #419641;}
.btn-success:active, .btn-success.active {background-color: #419641; border-color: #3e8f3e;}
.btn-success.disabled, .btn-success:disabled, .btn-success[disabled] {background-color: #419641; background-image: none;}
.btn-info {background-color:#027dcd; border-color: #008fd0;}
.btn-info:hover, .btn-info:focus {background-color: #008fd0; border-color: #027dcd;}
.btn-info:active, .btn-info.active {background-color: #008fd0; border-color: #027dcd;}
.btn-info.disabled, .btn-info:disabled, .btn-info[disabled] {background-color: #008fd0; background-image: none;}
.btn-warning {background-color:#f0ad4e; border-color: #e38d13;}
.btn-warning:hover, .btn-warning:focus {background-color: #eb9316;}
.btn-warning:active, .btn-warning.active {background-color: #eb9316; border-color: #e38d13;}
.btn-warning.disabled, .btn-warning:disabled, .btn-warning[disabled] {background-color: #eb9316; background-image: none;}
.btn-danger {background-color:#d9534f; border-color: #b92c28;}
.btn-danger:hover, .btn-danger:focus {background-color: #c12e2a;}
.btn-danger:active, .btn-danger.active {background-color: #c12e2a; border-color: #b92c28;}
.btn-danger.disabled, .btn-danger:disabled, .btn-danger[disabled] {background-color: #c12e2a; background-image: none;}
.btn-link{font-weight:400; color:#3693C1;}
.btn-link:hover, .btn-link:focus{color:#0080C0; text-decoration:underline; background-color:transparent}
.btn-link:active, .btn-link.active{color:#0080C0; text-decoration:underline; background-color:transparent}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#2A3443; text-decoration:none}
/* Labels */
.label{border-radius:2px 6px 2px 6px;}
.label-default{background-color:#999;}
.label-primary{background-color:#3693C1;}
.label-success{background-color:#5cb85c;}
.label-info{background-color:#008fd0;}
.label-warning{background-color:#f0ad4e;}
.label-danger{background-color:#d9534f;}
.thumbnail, .img-thumbnail {
-webkit-box-shadow: none;
box-shadow: none;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color: #3693C1;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #e8e8e8;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #3693C1;}
.navbar-default {background-color:#f8f8f8; border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
background-color:#e2e2e2; /*#dbdbdb*/
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand, .navbar-nav > li > a {text-shadow: 0 1px 0 rgba(255, 255, 255, .25);}
.navbar-inverse {background-color:#3c3c3c; /*#2A3443*/}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
background-color:#080808; /*#0f0f0f*/
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);}
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {border-radius: 0;}
@media screen and (max-width: 25em) {
.navbar-brand {width:auto; height:auto; padding:0.5rem; font-size:0.5rem; font-weight:800; line-height:1.10;}
.navbar-brand small{display:block; margin:0.75rem 0 -0.25rem 0; font-size:5%; font-weight:600; letter-spacing:0 .05;}/*+*/
.navbar-brand > img {min-width:50%; margin:0 auto; margin:0 5px 5px 2px !important;}
/* Circle Slideshow */
.fc-slideshow {width:100%; height:auto; margin:0 auto; position:relative; border-radius:6px; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.10); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.10);}
}
@media (max-width: 767px) {
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff; background-color:#337ab7; /*#3693C1*/}
}
/* Alerts */
.alert {text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-webkit-box-shadow: none;
box-shadow: none;
}
.alert-success {color: #5cb85c; background-color: #fff; border-color: #5cb85c;}
.alert-success hr {border-top-color: #5cb85c;}
.alert-success .alert-link {color: #5cb85c; text-decoration:underline;}
.alert-info {color: #027dcd; background-color: #fff; border-color: #027dcd;}
.alert-info hr {border-top-color: #027dcd;}
.alert-info .alert-link {color: #027dcd; text-decoration:underline;}
.alert-warning {color: #f0ad4e; background-color: #fff; border-color: #f0ad4e;}
.alert-warning hr {border-top-color: #f0ad4e;}
.alert-warning .alert-link {color: #f0ad4e; text-decoration:underline;}
.alert-danger {color: #d9534f; background-color: #fff; border-color: #d9534f;}
.alert-danger hr {border-top-color: #d9534f;}
.alert-danger .alert-link {color: #d9534f; text-decoration:underline;}
/* Progress bar */
.progress {height: 25px; background-color:#ebebeb;/*#f5f5f5*/ border-radius: 2px; -webkit-box-shadow: none; box-shadow: none;}
.progress-bar {background-color:#3693C1; -webkit-box-shadow: none; box-shadow: none;}
.progress-bar-success {background-color:#5cb85c;}
.progress-bar-info {background-color:#008fd0;}
.progress-bar-warning {background-color:#f0ad4e;}
.progress-bar-danger {background-color:#d9534f;}
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
/* List groups */
.list-group {border-radius: 2px;}
.list-group-item:first-child {border-top-left-radius: 2px; border-top-right-radius: 2px;}
.list-group-item:last-child {margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {text-shadow: 0 -1px 0 #286090; color: #fff; background-color: #3693C1; border-color: #2A3443;}
.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge {text-shadow: none;}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {color: #ddd;}
.nav-pills > li {float: left;}
.nav-pills > li > a {border-radius: 4px;}
.nav-pills > li + li {margin-left: 2px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color: #fff; background-color: #3693C1;}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {color: #3693C1; background-color: #fff;}
/* Panel */
.panel-group{margin-left:20px;}
.panel{margin-bottom:15px; background-color:transparent; border:1px solid transparent; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.panel-body{padding:10px 15px 20px 15px; word-wrap:break-word;}
.panel-heading{padding:10px 15px; border-bottom:1px solid transparent; border-top-left-radius:0.3rem; border-top-right-radius:0.3rem; color:#fff; background-color: #3693C1;} .panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-master a{padding:10px 15px; background-color:#fff; color:#0E8CCA !important; border:1px solid #0E8CCA; border-radius:0.3rem; display:block; font-size:20px; font-weight:normal;}
.panel-master a:hover{ background-color:#0E8CCA; color:#fff !important; border:1px solid #fff; border-radius:0.3rem;} .panel-master a:hover small{color:#fff !important;}
.panel-master:focus, .panel-master:visited {padding:10px 15px; color:#0E8CCA !important; border:1px solid #0E8CCA; border-radius:0.3rem;}
.panel-title{margin-top:0; margin-bottom:0; padding-bottom:10px; font-size:1.3rem; font-weight:500; /*text-transform:uppercase;*/ color:#fff; border-bottom:1px solid #ccc;} .panel-title i, .panel-title em{margin-right:6px; font-size:1.5rem; color:#fff;}
a.panel-title{color:#fff;} a:hover.panel-title{color:#fff;} a:hover.panel-title, a:focus.panel-title, a:active.panel-title{text-decoration:none;}
.panel-default {border-color:#ccc;}
.panel-default > .panel-heading {color: #fff; background-color: #999; border-color: #999;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #999;}
.panel-default > .panel-heading .badge {color: #999; background-color: #fff;}
.panel-default > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #999;}
.panel-primary {border-color: #3693C1;}
.panel-primary > .panel-heading {color: #fff; background-color: #3693C1; border-color: #3693C1;}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #3693C1;}
.panel-primary > .panel-heading .badge {color: #3693C1; background-color: #fff;}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #3693C1;}
.panel-success {border-color: #5cb85c;}
.panel-success > .panel-heading {color: #fff; background-color: #5cb85c; border-color: #5cb85c;}
.panel-success > .panel-heading + .panel-collapse > .panel-body {border-top-color: #5cb85c;}
.panel-success > .panel-heading .badge {color: #5cb85c; background-color: #fff;}
.panel-success > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #5cb85c;}
.panel-info {border-color: #027dcd;}
.panel-info > .panel-heading {color: #fff; background-color: #027dcd; border-color: #027dcd;}
.panel-info > .panel-heading + .panel-collapse > .panel-body {border-top-color: #027dcd;}
.panel-info > .panel-heading .badge {color: #027dcd; background-color: #fff;}
.panel-info > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #027dcd;}
.panel-warning {border-color: #eb9316;}
.panel-warning > .panel-heading {color: #fff; background-color: #eb9316; border-color: #eb9316;}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {border-top-color: #eb9316;}
.panel-warning > .panel-heading .badge {color: #eb9316; background-color: #fff;}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #eb9316;}
.panel-danger {border-color: #b92c28;}
.panel-danger > .panel-heading {color: #fff; background-color: #b92c28; border-color: #b92c28;}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {border-top-color: #b92c28;}
.panel-danger > .panel-heading .badge {color: #b92c28; background-color: #fff;}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #b92c28;}
.well {padding: 15px 25px; margin-bottom: 20px; background-color: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none;}
/* Tab */
.nav-tabs{border-bottom:0;}
.nav-tabs>li{float:left; margin-bottom:-1px;}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143; font-weight:700; color:#2A3443; border:0; border-right:1px solid #ccc; border-radius:0;}
.nav-tabs>li>a:hover{color:#3693C1; background:transparent; border-right:1px solid #ccc;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#3693C1; cursor:default; background-color:transparent; border:0; border-right:1px solid #ccc; border-bottom-color:transparent;}
.nav-tabs>li:last-child>a, .nav-tabs>li:last-child>a:hover, .nav-tabs>li:last-child.active>a,.nav-tabs>li:last-child.active>a:focus,.nav-tabs>li:last-child.active>a:hover{border-right:none;}
.tab-content{padding:10px 15px; margin-right:20px;} .tab-pane{padding:15px 0;}
/* Pagination */
.pagination {border-radius: 4px;}
.pagination > li > a, .pagination > li > span {color: #3693C1; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #2A3443; background-color: #eee; border-color: #ddd;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #fff; background-color: #3693C1; border-color: #3693C1;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #2A3443; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px; font-size:1.125rem;}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px; font-size: 12px;}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
/* Form */
.form-group {margin-top:10px; margin-bottom:20px;}
.form-group label{font-weight:600;}
.form-group textarea{height:160px;}
.form-group p{margin-top:10px; font-size:90%; font-weight:600; line-height:1.1 !important;} .form-group a,.form-group a:hover{font-style:italic; color:#fff;}
.form-control {font-size:0.95rem; color:#2A3443; background:rgba(255,255,255,0.75); border-color:transparent; border-radius:2px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-out;}
.form-control:focus {background:#fff; color:#3693C1; border-color:#ccc; outline:0; -webkit-box-shadow:none; box-shadow:none;}
/*validator add*/
.form-group span.error {margin-left:10px; color:#3693C1; font-style:italic; font-weight:400; font-size:0.9rem;}
/* THEME */
/* Animation */
.animate-in {-webkit-animation: fadeIn .5s ease-in; animation: fadeIn .5s ease-in;} .animate-out {-webkit-transition: opacity .5s; transition: opacity .5s; opacity: 0;}
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.cover {object-fit: cover;} .crop img {height:100%;} .crop img[class] {width:100%;}
/* Menu BOOTSTRAP*/
.navbar-wrapper {position: absolute; top: 0; right: 0; left: 0; z-index: 20;}
.navbar-wrapper > .container {padding-right: 0; padding-left: 0;}
.navbar-wrapper .navbar {padding-right: 15px; padding-left: 15px;}
.navbar-wrapper .navbar .container {width: auto;}
.navbar-default {background-color:#014A7F; border:none; border-bottom:1px solid #0080C0 !important; font-family:'Cabin', sans-serif;}
.navbar-brand {width:auto; min-width:310px; height:auto; max-height:120px; padding:0.25rem; margin:0 auto; font-family:'Biryani', sans-serif; font-size:1.5rem; font-weight:800; line-height:1.10;}
.navbar-brand small{display:block; margin:0.5rem 0 0.25rem 0; font-family:'Cabin', sans-serif; font-size:85%; font-weight:400; letter-spacing:0.025rem;}/*+*/
.navbar-brand sub{display:block; font-family:'Cabin', sans-serif; font-size:80%; font-weight:600; letter-spacing:0.025rem;}/*+*/
.navbar-brand > img {min-width:auto; height:95px; margin:0 auto; display: block;}
.navbar-toggle {padding:10px; margin-top:15px; margin-right:0; margin-bottom:15px; position:relative; z-index:10; background-color:transparent; border:1px solid transparent; border-radius:4px;}
.navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {width: 28px; height: 3px; border-radius: 0;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 6px;}
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#2A3443; box-shadow:none;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-brand {color:#fff;} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #5e5e5e; background-color: transparent;}
.navbar-default .navbar-text {display:block; padding:0.25rem 0 0.25rem 0; color:#fff; font-size:100%;}
.navbar-nav {margin:27.5px -15px 0 -15px;} .navbar-nav a.btn{margin:-15px auto;}
.navbar-nav > li > a {margin-right:10px;/*+*/ padding-top:10px; padding-bottom:10px; line-height:20px; font-weight:500;}
.navbar-default .navbar-nav > li > a {color:#2A3443;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#2A3443; background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #3693C1; background-color: transparent; box-shadow:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #2A3443; background-color: transparent; box-shadow:none;}
@media screen and (max-width: 90em) {
.navbar-default .navbar-brand {max-height:120px; padding:0.5rem;} .navbar-default .navbar-text {font-size:80%;} .navbar-nav {margin:12.5px -15px 0 -15px;}
}
@media screen and (max-width: 75em) {
.navbar-default .navbar-brand {max-height:100px; padding:0.25rem 0.5rem 0 0.5rem;} .navbar-default .navbar-text {font-size:80%;} .navbar-nav {margin:0 -15px 0 -15px;} .navbar-brand small{margin:1.25rem 0 -0.25rem 0;}
}
@media screen and (max-width: 768px) {
.navbar-header{margin-bottom:-15px;} .navbar-default .navbar-brand {max-height:65px !important; padding:0.25rem 0 0.5rem 0;} .navbar-default .navbar-text{padding:0; font-size:70% !important;} .navbar-brand small{margin:0.15rem 0 0.35rem 0; display:none;}/*+*/
}
/* Principal Carousel */
html, body {height:100%;}
.carousel, .item, .active {height:auto;}
.carousel-inner {height:100%;}
.fill {width:100%; height:100%; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.blur {filter:blur(0.5rem);}
/* Jumbotron */
.jumbotron {padding:50px 0; margin:0 auto; color:#2A3443; background-color:#f8f8f8;}
.jumbotron p {margin-bottom:15px; font-size:1.05rem; /*line-height:1.25rem;*/}
.container .jumbotron, .container-fluid .jumbotron {border-radius: 0;}
.jumbotron .container {max-width: 100%;}
/*Breadcrumb*/
.breadcrumb {padding:8px 15px; margin-top:10px; margin-bottom:0; list-style: none; font-weight:300; font-size:0.9rem; background-color:transparent; border-radius:0;}
.breadcrumb > li {display:inline-block; color:#2A3443;}
.breadcrumb > li + li:before {padding:0 5px; color:#2A3443; content: "/\00a0"; }
.breadcrumb > .active {color:#3693C1;}
/* Footer */
footer{height:auto; padding:30px 0 20px 0; display: block; line-height: 1.5rem; color:#f8f8f8; background:#3693C1;}
footer a{color:#f8f8f8;} footer a:hover, footer a:focus, footer a:active{color:#fff; text-decoration:underline;}
footer .h1{margin-top:0;} footer .h3{margin-right:15px; font-family:'Cabin', sans-serif; font-weight:600; color:#2A3443;}
/*Backgrounds*/
.bg-textura{background:url('../img/bg0.jpg') no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.bg-gradient {background: linear-gradient(270deg, #3693C1, #0080C0, #014A7F);
background-size: 600% 600%; -webkit-animation: AnimationName 9s ease infinite; -moz-animation: AnimationName 9s ease infinite; -o-animation: AnimationName 9s ease infinite; animation: AnimationName 9s ease infinite;}
@-webkit-keyframes AnimationName {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}
@keyframes AnimationName {
0%{background-position:0% 46%}
50%{background-position:100% 55%}
100%{background-position:0% 46%}
}
.bg-gradient0{background-color:#fff; background-image:linear-gradient(-315deg, #fff 25%, #d7e1ec 100%);}
.bg-gradient1{background-color:#014A7F; background-image:linear-gradient(-315deg, #014A7F 25%, #3693C1 100%);}
.bg-gradient1 img{margin:-30% auto;} @media screen and (max-width: 768px) { .bg-gradient1 img{margin:0 auto -30% auto;} }
.bg-gradient1 hr {border:none; height:1px; margin:1.5rem auto; background-image:linear-gradient(to right, #014A7F, #fff, #3693C1);}
.bg-gradient1 hr::after {content:'ยง'; font-family:'FontAwesome'; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); /*rotate(60deg);*/ transform-origin: 50% 50%; padding:0.5rem 1rem; font-size:1.5rem; width:3.25rem; height:3.25rem; color:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
/* Background-form */
.bg-photo{color:#fff; background:url('../img/bg_photo.jpg') no-repeat top left fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.bg-photo .h2, .bg-photo .h3{color:#fff;}
/* menu */
#menu {width:auto; max-width:100%; height:auto; margin:1.5rem auto 0.5rem auto; padding:0; float:none; clear:both; position:relative; top:0; vertical-align:middle;}
#main-menu {position:relative; z-index:3000; width:auto;}
#main-menu ul {width:75rem;}
/* SmartMenus Core CSS (No es recomendable editar esta)
===============================================================*/
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr; }
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* Menu box
===================*/
.sm-blue {background:transparent;}
.sm-blue-vertical { }
.sm-blue ul {padding:7px 0; background:#2A3443; border:1px solid #2A3443; border-top:2px solid #3693C1; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; box-shadow:0 5px 12px rgba(0,0,0,0.15); -moz-box-shadow:0 5px 12px rgba(0,0,0,0.15); -webkit-box-shadow:0 5px 12px rgba(0,0,0,0.15); opacity:.95; filter:Alpha(Opacity=95);}
.sm-blue-vertical ul, .sm-blue ul ul {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
/* Menu items
===================*/
.sm-blue a {padding:0.5rem 1rem; line-height:1.25rem; font-size:0.95rem; font-weight:400; text-transform:uppercase; text-decoration:none; color:#fff; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {color:#fff;}
.sm-blue-vertical a {padding:9px 40px 8px 23px; background:#fff;}
.sm-blue ul a {padding:9px 40px 8px 23px; font-size:auto; font-weight:400; text-shadow:none; color:#fff; background:transparent; border:none;}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:#3693C1;}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active, .sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {color:#3693C1;}
/* round the left corners of the first item for horizontal main menu */
.sm-blue > li:first-child > a { }
/* round the corners of the first and last items for vertical main menu */
.sm-blue-vertical > li:first-child > a { }
.sm-blue-vertical > li:last-child > a { }
.sm-blue a.has-submenu {}
/* Sub menu indicators
===================*/
.sm-blue a span.sub-arrow {position:absolute; bottom:-1px; left:50%; margin-left:-5px;
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
width:0; height:0; overflow:hidden; border-width:5px;/* tweak size of the arrow */ border-style:solid dashed dashed dashed; border-color:#666 transparent transparent transparent; display:none;/*+*/}
.sm-blue-vertical a span.sub-arrow, .sm-blue ul a span.sub-arrow {bottom:auto; top:50%; margin-top:-5px; right:15px; left:auto; margin-left:0; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #fff; display:block;/*+*/}
/* Items separators
===================*/
.sm-blue li {border-left:none;}
.sm-blue li:first-child, .sm-blue-vertical li, .sm-blue ul li {border-left:0;}
/* Scrolling arrows containers for tall sub menus
===================*/
.sm-blue span.scroll-up, .sm-blue span.scroll-down {position:absolute; display:none; visibility:hidden; overflow:hidden; background:#2A3443; height:20px;}
.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {position:absolute; top:-2px; left:50%; margin-left:-8px; width:0; height:0; overflow:hidden; border-width:8px; border-style:dashed dashed solid dashed; border-color:transparent transparent #fff transparent;}
.sm-blue span.scroll-down-arrow {top:6px; border-style:solid dashed dashed dashed; border-color:#fff transparent transparent transparent;}
/*
---------------------------------------------------------------
Responsiveness
---------------------------------------------------------------*/
/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 84em) {
.sm-blue:not(.sm-blue-vertical) > li > a {padding-left:18px; padding-right:18px;}
}
@media screen and (max-width: 75em) {
.sm-blue:not(.sm-blue-vertical) > li > a {padding-left:10px; padding-right:10px;}
}
@media screen and (max-width: 768px) { /*max-width: 64em*/
.navbar-text{font-size:92.5% !important;}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
ul.sm-blue{width:auto !important;}
ul.sm-blue ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
ul.sm-blue>li{float:none;}
ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal;}
ul.sm-blue iframe{display:none;}
/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.sm-blue ul, .sm-blue span.sub-arrow, .sm-blue iframe {display:none !important;}*/
/* Menu box
===================*/
.sm-blue {background:transparent; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); box-shadow:0 1px 4px rgba(0,0,0,0.3);}
.sm-blue ul {border:0; padding:0; background:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.sm-blue ul ul {/* darken the background of the 2+ level sub menus and remove border rounding */
background:rgba(100,100,100,0.1); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
/* Menu items
===================*/
.sm-blue a {padding:15px 2px 15px 30px !important;/* add some additional left padding to make room for the sub indicator */ background:#fff !important; color:#2A3443; border-top:1px solid #fff;}
.sm-blue ul a {background:#2A3443 !important; color:#fff; text-shadow:none !important;}
.sm-blue a.current {background:#fff !important; color:#3693C1 !important;}
/* add some text indentation for the 2+ level sub menu items */
.sm-blue ul a {border-left:10px solid transparent;} .sm-blue ul ul a {border-left:20px solid transparent;} .sm-blue ul ul ul a {border-left:30px solid transparent;} .sm-blue ul ul ul ul a {border-left:40px solid transparent;} .sm-blue ul ul ul ul ul a {border-left:50px solid transparent;}
/* round the corners of the first and last items */
.sm-blue > li:first-child > a { }
/* presume we have 4 levels max */
.sm-blue > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul { }
/* highlighted items, don't need rounding since their sub is open */
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted { }
/* Sub menu indicators
===================*/
.sm-blue a span.sub-arrow, .sm-blue ul a span.sub-arrow {top:50%; margin-top:-9px; right:auto; left:6px; margin-left:0; width:20px; height:20px; font:bold 19px/19px monospace !important; text-align:center; border:0; text-shadow:none; color:#3693C1; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block;/*+*/}
/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
.sm-blue a.highlighted span.sub-arrow {display:none !important;}
/* Items separators
===================*/
.sm-blue li {border-left:0;}
.sm-blue ul li {border-top:1px solid #3693C1 !important;}
.sm-blue ul li:first-child {border-top:0;}
}
/* Core Owl Carousel v1.3.3 --------------------------------------- */
/* clearfix */
.owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
/* display none until init */
.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls {-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
/*** Theme ***/
.owl-theme .owl-controls{margin-top:10px; text-align:right;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color:#3693C1; display:inline;/*inline-block*/ zoom:1; margin:5px; padding:5px 10px; font-size:1.5rem; opacity:0.75; filter:Alpha(Opacity=75);/*IE7 fix*/ *display:inline;/*IE7 life-saver */}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none; color:#ececec; opacity:1; filter:Alpha(Opacity=100);/*IE7 fix*/}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display:inline;/*inline-block*/ zoom:1; *display:inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display:block; float:left; width:12px; height:12px; margin:5px 7px; background:#ececec; opacity:0.75; filter:Alpha(Opacity=75);/*IE7 fix*/ -webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#3693C1; filter:Alpha(Opacity=100);/*IE7 fix*/ opacity:1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#fff; padding:2px 10px; font-size:0.95rem;}
/* preloading images */
.owl-item.loading{min-height:150px; background:url(../img/loader.gif) no-repeat center center}
/* added */
/* * Owl Carousel CSS3 Transitions * v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% {opacity: 1} }
@-moz-keyframes empty { 0% {opacity: 1} }
@keyframes empty { 0% {opacity: 1} }
@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } }
@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } }
@keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } }
@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }
@keyframes goDown { from { transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }
/* banner header */
#owl-gallery{width:100%; height:auto; max-height:85vh;/*max-height:100%;*/ padding:0 auto; margin:0 auto; position:relative; display:block; overflow:hidden; background:#fff;}
#owl-gallery .item img{display:block; width:100%; height:auto;}
#owl-gallery .item-info{width:70%; height:auto; padding:15px; margin:0 auto; display:block; position:absolute; top:30%; left:15%; text-align:center; font-family:'Cabin', sans-serif; font-weight:500; letter-spacing:-0.05rem; color:#fff; text-shadow:-5px 5px 15px #0080C0; opacity:1;}
#owl-gallery .item-info p{margin-bottom:10px; font-size:1.5rem;}
#owl-gallery .item-info h4{margin-bottom:10px; font-size:3rem;}
#owl-gallery .owl-controls{margin:-15px 0; min-height:50px; position:absolute; z-index:4; right:10px; bottom:15px; border-bottom:1px solid rgba(30, 130, 76, 0.25);}
#owl-gallery .owl-controls .owl-buttons div{zoom:1; margin:5px 10px; padding:3px 10px; font-size:0.95rem; color:#fff; background:#e4b40d; border:none; opacity:1; filter:Alpha(Opacity=100); *display:inline; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-gallery .owl-controls.clickable .owl-buttons div:hover{text-decoration:none; color:#e4b40d; background:#9d0404; opacity:1; filter:Alpha(Opacity=100);}
#owl-gallery .owl-controls .owl-page span{display:block; float:left; width:24px; height:4px; margin:25px 10px; background:#fff; border:1px solid #fff; filter:Alpha(Opacity=25); opacity:.25; webkit-border-radius:25%; border-radius:25%; -moz-border-radius:25%;}
#owl-gallery .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#3693C1; border-color:#3693C1; filter:Alpha(Opacity=100); opacity:1;}
#bar{width:0%; max-width:100%; height:5px; background:#e9d460;}
#progressBar{width:100%; background:#e4b40d;}
.slide-banner_crop {width:100%; height:100%;/*height:600px;*/ overflow:hidden;} .slide-banner_crop img {width:100%; height:auto !important; min-height:100%;/*min-height:600px;*/ margin:0;}
@media screen and (max-width: 84em) {
#owl-gallery .item-info{top:35%;}
#owl-gallery .item-info p{margin-bottom:5px; font-size:1.35em !important; line-height:auto !important;} #owl-gallery .item-info h4{margin-bottom:5px; font-size:2.5rem;}
#owl-gallery, .slide-banner_crop{height:auto; max-height:100%;}
#owl-gallery, .slide-banner_crop img{width:auto; height:100%; min-height:100%;}
}
@media screen and (max-width: 75em) {
.carousel{height:auto; margin-top:80px;}
#owl-gallery{margin:0 auto;}
#owl-gallery .item img{width:auto; max-width:100%; height:100%;}
#owl-gallery .item-info{top:42.5%;}
#owl-gallery .item-info p{margin-bottom:5px; font-size:1.2em !important; line-height:auto !important;} #owl-gallery .item-info h4{margin-bottom:5px; font-size:2.25rem;}
#owl-gallery, .slide-banner_crop{height:auto; max-height:100%;}
#owl-gallery, .slide-banner_crop img{width:auto; height:100%; min-height:100%;}
}
@media screen and (max-width: 768px) {
.carousel{height:auto; margin-top:80px;}
#owl-gallery{margin:0 auto;}
#owl-gallery .item img{width:auto; max-width:100%; height:100%;}
#owl-gallery .item-info{top:25%;}
#owl-gallery .item-info p{margin-bottom:5px; font-size:1.2em !important; line-height:auto !important;} #owl-gallery .item-info h4{margin-bottom:5px; font-size:2.25rem;}
#owl-gallery, .slide-banner_crop{height:auto; max-height:100%;}
#owl-gallery, .slide-banner_crop img{width:auto; height:100%; min-height:100%;}
}
/* carousel-news */
.carousel-news{margin:0 auto; overflow:hidden;}
#owl-carousel .item{width: 250px; height:auto; padding:10px; margin:0 10px; border-bottom:0px solid #ccc;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel .item .category{display:block; position:absolute; top:-1px; right:21px;}/*+*/
#owl-carousel .item a{text-decoration:none; color:#2A3443;}
#owl-carousel .item img{width:100%; height:auto; display:block; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel .item p{font-weight:300;}
#owl-carousel .item span{margin:15px auto 5px auto; font-weight:500; font-size:1.15rem; line-height:1.15; color:#0080C0; display:block;}
#owl-carousel .item a:hover .hovereffect img {filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: brightness(0.6); -webkit-filter: brightness(0.6); /*+*/opacity: .5;}
#owl-carousel .item a:hover .hovereffect .overlay {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#owl-carousel .item a:hover .hovereffect a, #owl-carousel .item a:hover .hovereffect p, #owl-carousel .item a:hover .hovereffect strong {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#owl-carousel .item a:hover .hovereffect strong:after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.noticias .h3{display:block; opacity:.35; filter:alpha(opacity=35);} @media screen and (max-width: 75em) { .noticias .h3{display:none;} }
/*hover-effect*/
.hovereffect {width:100%; height:100%; margin:15px auto; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; background: -moz-linear-gradient(45deg, #2A3443 0%, #0080C0 100%); background: -webkit-linear-gradient(45deg, #2A3443 0%, #0080C0 100%); background: linear-gradient(45deg, #2A3443 0%, #0080C0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62A3443', endColorstr='#cc586D8D',GradientType=1 );}
.hovereffect .overlay {position:absolute; overflow:hidden; width:80%; height:80%; left:10%; top:10%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,}
.hovereffect:hover .overlay {opacity: 1; filter: alpha(opacity=100);}
.hovereffect img {display:block; position:relative; -webkit-transition: all 0.35s; transition: all 0.35s; /*+*/opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.hovereffect:hover img {filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: brightness(0.6); -webkit-filter: brightness(0.6); /*+*/opacity: .5; }
.hovereffect strong {position:relative; font-size:1.10rem; font-weight:400; background-color:transparent; color:#fff; display:block; padding:1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
.hovereffect strong:after {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
.hovereffect:hover strong:after {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.hovereffect a, .hovereffect p {color:#fff !important; padding:1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover strong {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/* crop */
.slide-news_crop {width:100%; height:auto; overflow:hidden;} .slide-news_crop img {width:auto; max-width:100%; height:auto; max-height:265px; margin:0 auto;}
@media screen and (max-width: 75em) { .slide_crop{height:auto; max-height:auto;} }
.slide_crop {width:100%; height:300px; overflow:hidden;} .slide_crop img {width:100%; height:auto !important; margin:0;}
@media screen and (max-width: 75em) { .slide_crop{height:auto; max-height:280px;} }
/* scroll */
#mycustomscroll {width:auto; height:420px; margin:0 auto; padding:0 10px; overflow:auto; position:relative;}
#mycustomscroll hr{margin:0 auto; border-color:transparent;}
.flexcroll{border-width:0; border-color:#ececec; border-style:solid; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;}
.flexcroll img{margin:0 auto; display:block;}
.flexcroll .thumbnail{margin-bottom:0.5rem;} .flexcroll .callout:hover .thumbnail{box-shadow:0 0 6px 1px rgba(10, 10, 10, 0.2);}
.flexcroll .callout {border:1px dotted transparent; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#fff;}
.flexcroll .tx-color{text-align:center;} .flexcroll .subheader { text-align:center;}
.flexcroll:hover .vscrollerbar, .flexcroll:hover .hscrollerbar {background-color:#0080C0;}
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase {width:10px; border-right:5px solid #ececec;} .hscrollerbase {height:10px; border-bottom:5px solid #ececec;} .vscrollerbase, .hscrollerbase {background:transparent; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.vscrollerbar {width:10px;} .hscrollerbar {height:10px;} .vscrollerbar, .hscrollerbar {background-color:#3693C1; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.scrollerjogbox {width:10px; height:10px; top:auto; left:auto; bottom:0px; right:0px; background-color:#fff;}
.fixedwidth {width:530px; height:auto; position:relative; padding:1px;}
/* logos */
.logos {border-bottom:2px solid #eee;}/*ddd*/
.logos .page-header {padding-bottom:0; margin:30px 0 15px 0; border-bottom:none;}
.logos a{margin:0 auto 40px auto; display:inline-block;}
.logos img{height:60px; width:auto;}
.logos hr{margin-top:30px; margin-bottom:0; border-top:1px solid #ddd;}
/* social */
.social ul{margin-top:6px; margin-bottom:-9px; margin-left:0; padding-left:0;} .social li{margin:0 0.15rem; display:inline-block;}
.twitter-timeline{height:300px;}
/* scroll-top */
#scroll-top{width:40px; height:40px; padding:10px 0 5px 0; background:#3693C1; position:relative; z-index:400; border-radius:2px; filter:alpha(opacity=75); opacity:.75;} .scroll-top {color:#fff !important;}
#scroll-top i{margin:0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-out;}
#scroll-top:hover {filter:alpha(opacity=90); opacity:.9;}
#scroll-top.affix-top {position:absolute; /* allows it to "slide" up into view */ bottom:-300px; right:20px;}
#scroll-top.affix {position:fixed; /* keeps it on the bottom once in view */ bottom:20px; right:20px;}
@media (max-width: 768px) {
#scroll-top.affix-top, #scroll-top.affix {bottom:10px; right:10px;}
}
/*gallery*/
.gallery {padding:0 1rem 0.4rem 1.8rem; position:relative; display:block; overflow:hidden;}
.gallery .h6{margin:1rem auto 0 auto;}
.gallery a{display:block; position:relative; color:#2A3443;} .gallery a:hover, .gallery a:focus{ }
.gallery .hovereffect:hover {cursor:pointer;}
.gallery .hovereffect .overlay p {padding:0; position:relative; top:35%;}
/* Outdated Browser */
#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#cb4b44;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#cb4b44;background-color:#fff}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px;line-height:36px}
/* Lightbox for Bootstrap 3 */
.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
/*337ab7*/
.fa-youtube{color:#fff !important; background-color:#FF0000; border-radius:50%;}