/*---FONTS---*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Salsa&display=swap'); /*---FONTS---*/ html, body{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} @media screen and (max-width: 80em) {html{word-wrap:break-word;}} body{font-size:105%; font-family:'Noto Sans', sans-serif; font-weight:300; line-height:1.2; color:#444;} a {color:#005daa; text-decoration:underline; -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, a:active {color:#0094DE; text-decoration:underline; outline:none !important;} ::selection {background:#ff7f06; color:#222;} ::-moz-selection {background:#ff7f06; color:#222;} ::-webkit-scrollbar {width:15px;} ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {background-color:#cdd2d4; border-left:1px dotted #FFF;} ::-webkit-scrollbar-thumb {background-color:#999; transition: all 0.25s ease-out;} ::-webkit-scrollbar-thumb:hover {background-color:#EC3238;} ::-webkit-scrollbar-button{background-color:#cdd2d4;} ::-webkit-scrollbar-button:hover{background-color:#999;} 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;} input, textarea, select {text-rendering:auto; color:#555; letter-spacing:normal; word-spacing:normal; text-transform:none; text-indent:0px; text-shadow:none; display:inline-block; text-align:start; font:300 1rem 'Open Sans Condensed', Arial, Helvetica, sans-serif !important;} header input, header textarea, header select {margin:0;} [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {height:2.4375rem; padding:0.5rem; border:1px solid #cacaca; margin:0 0 1rem; font-size:1rem; color:#555;} h1, h2, h3, h4, h5, h6{font-family:'Salsa', cursive; font-weight:bold;} h1, h2{color:#333;} h3, h4{color:#444;} h5, h6{color:#555;} b, strong {font-weight:400;} section hr{border-bottom:1px solid transparent; margin:1.25rem auto;} .small-up-8 .column, .small-up-8 .columns { width: 12.5%; float: left; } .small-up-8 .column:nth-of-type(1n), .small-up-8 .columns:nth-of-type(1n) { clear: none; } .small-up-8 .column:nth-of-type(8n+1), .small-up-8 .columns:nth-of-type(8n+1) { clear: both; } @media screen and (min-width: 40em) { .medium-up-8 .column, .medium-up-8 .columns { width: 12.5%; float: left; } .medium-up-8 .column:nth-of-type(1n), .medium-up-8 .columns:nth-of-type(1n) { clear: none; } .medium-up-8 .column:nth-of-type(8n+1), .medium-up-8 .columns:nth-of-type(8n+1) { clear: both; } } @media screen and (min-width: 64em) { .large-up-8 .column, .large-up-8 .columns { width: 12.5%; float: left; } .large-up-8 .column:nth-of-type(1n), .large-up-8 .columns:nth-of-type(1n) { clear: none; } .large-up-8 .column:nth-of-type(8n+1), .large-up-8 .columns:nth-of-type(8n+1) { clear: both; } } .title-bar {padding:0.6rem;} .title-bar-title {margin-left:30px; margin-top:6px; font-family:'Noto Sans', sans-serif; font-size:1.20rem; font-weight:600; letter-spacing:0.25rem;} .menu-icon {width:25px; height:20px;} .menu-icon::after {width:100%; height:3px; top:6px; left:0; box-shadow:0;} .menu-icon:hover::after {box-shadow:0;} .top-bar, .top-bar ul {background-color:transparent;} .thumbnail {box-shadow:0 0 0 1px rgba(10, 10, 10, 0.2);} .thumbnail:hover, .thumbnail:focus {box-shadow:0 0 6px 1px rgba(10, 10, 10, 0.2);} /* tooltip */ .tooltip {background-color:#203f75; border-bottom:1px solid #222; color:#fefefe; font-size:90%; padding:0.75rem; position:absolute; z-index:10;} .tooltip::before {border-color:transparent transparent #203f75;} .tooltip.top::before {border-color:#203f75 transparent transparent;} .tooltip.left::before {border-color:transparent transparent transparent #203f75;} .tooltip.right::before {border-color:transparent #203f75 transparent transparent;} /* buttons */ .button {text-decoration:none; border:1px solid transparent; border-radius:3px; padding:1em; margin:0 1.5rem 1.5rem 0; font-size:0.9rem; font-weight:400; background:#EC3238; color:#FFF;} .button:hover, .button:focus {text-decoration:none; background:#005daa; color:#FFF;} .button img{margin-right:0.75rem;} .button hr{border-bottom:1px solid transparent; margin:0 auto;} /*+*/ .button.large {font-size:1.10rem; font-weight:400;} .button.primary {background:#005daa; color:#FFF;} .button.primary:hover, .button.primary:focus {background:#147cc0; color:#FFF;} .button.secondary {background:#777; color:#FFF;} .button.secondary:hover, .button.secondary:focus {background:#5f5f5f; color:#FFF;} .button.success {background:#3adb76; color:#FFF;} .button.success:hover, .button.success:focus {background:#22bb5b; color:#FFF;} .button.alert {background:#ec5840; color:#FFF;} .button.alert:hover, .button.alert:focus {background:#da3116; color:#FFF;} .button.warning {background:#ff7f06; color:#203f75;} .button.warning:hover, .button.warning:focus {background:#ffae00; color:#203f75;} .button.hollow {border:1px solid #203f75; color:#203f75; background:transparent;} .button.hollow:hover, .button.hollow:focus {border-color:#FFF; color:#FFF; background:#203f75;} .button.hollow.primary {border:1px solid #005daa; color:#005daa;} .button.hollow.primary:hover, .button.hollow.primary:focus {border-color:#005daa; color:#FFF; background:#EC3238 url(../img/patterns/overlay9.png) repeat; text-shadow:-1px -1px 0 #005daa, 1px -1px 0 #005daa, -1px 1px 0 #005daa, 1px 1px 0 #005daa;} .button.hollow.secondary {border:1px solid #777; color:#777;} .button.hollow.secondary:hover, .button.hollow.secondary:focus {border-color:#FFF; color:#FFF; background:#777;} .button.hollow.success {border:1px solid #3adb76; color:#3adb76;} .button.hollow.success:hover, .button.hollow.success:focus {border-color:#FFF; color:#FFF; background:#3adb76;} .button.hollow.alert {border:1px solid #ec5840; color:#ec5840;} .button.hollow.alert:hover, .button.hollow.alert:focus {border-color:#FFF; color:#FFF; background:#ec5840;} .button.hollow.warning {border:1px solid #ff7f06; color:#ff7f06;} .button.hollow.warning:hover, .button.hollow.warning:focus {border-color:#666; color:#fff; background:#ff7f06 url(../img/patterns/overlay9.png) repeat; text-shadow:-1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;} /* labels */ .label {padding:0.33333rem 0.5rem; font-size:0.825rem; background:#203f75; color:#FFF;} .label.secondary {background:#777; color:#FFF;} .label.success {background:#3adb76; color:#FFF;} .label.alert {background:#EC3238; color:#FFF;} .label.warning {background:#ff7f06; color:#005daa;} .subheader{font-weight:300;} /*** COLOR PALETTE ***/ .opacity{filter:alpha(opacity=25); opacity:.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";} .shadow{-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);} .gray{-webkit-filter:grayscale(0.50); -webkit-filter:grayscale(50%); filter:gray; filter:grayscale(50%);} .pattern{background:transparent url(../img/patterns/overlay9.png) repeat; transition: all 0.25s ease-out;} /* Background */ .bg-white{background-color:#FFF; transition: all 0.25s ease-out;} .bg-black{background-color:#203f75; transition: all 0.25s ease-out;} .bg-dark{background-color:#203f75; transition: all 0.25s ease-out;} .bg-color{background-color:#005daa; transition: all 0.25s ease-out;} .bg-gray{background-color:#f2f1ef; transition: all 0.25s ease-out;} .bg-light{background-color:#ff7f06; transition: all 0.25s ease-out;} .bg-photo{background:#537895 url('../img/bg.jpg') no-repeat top left fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} .bg-pattern{background:url('../img/bg-pattern.jpg') repeat center center; background-attachment: fixed; } .bg-half{background:#005daa; background:linear-gradient(to right, #005daa 0%, #005daa 50%, #203f75 50%, #203f75 100%);} .bg-gradient{ background: rgb(0,2,6); background: linear-gradient(124deg, rgba(0,2,6,1) 0%, rgba(39,74,149,1) 53%, rgba(107,213,247,1) 100%); } /* Text color */ .tx-white{color:#FFF !important; transition: all 0.25s ease-out;} .tx-black{color:#333 !important; transition: all 0.25s ease-out;} .tx-dark{color:#005daa !important; transition: all 0.25s ease-out;} .tx-color{color:#203f75 !important; transition: all 0.25s ease-out;} .tx-gray{color:#cdd2d4 !important; transition: all 0.25s ease-out;} .tx-light{color:#ff7f06 !important; transition: all 0.25s ease-out;} /* general */ .uppercase{text-transform:uppercase;} /* tittles */ .title{width:auto; height:auto; min-height:40px; margin:0 auto; padding:0.5rem 0 0.5rem 1rem; position:static; vertical-align:middle; font-family:'Salsa', cursive; font-size:1.2rem; font-weight:bold; letter-spacing:0.05rem; word-spacing:0.20rem; text-transform:capitalize; color:#203f75;} .title i{margin:5px 15px -10px 10px; display:inline-block;} .title small{display:block; font-size:65%; text-transform:none;} .title a{width:100% !important; padding:0.5em; margin:-0.5em; display:block; text-decoration:none; color:#203f75;} .title-color{font-size:1.5rem; color:#FFF; background-color:#203f75;} .title-color a{color:#FFF;} /* banner */ .banner{line-height:1.25; vertical-align:middle; transition: all 0.25s ease-out; padding:1.5em 1em;} .banner-img.column, .banner-img.columns {padding-left:0; padding-right:0;} .banner-img img{width:100%; height:auto; margin:0 auto; display:block;} .banner-titles{margin:0.5rem auto 0 auto;} .banner-title1{font-family:'Salsa', cursive; font-size:2.5rem; line-height:1; letter-spacing:0.05rem; text-transform:capitalize; word-spacing:0.05rem; color:#fff; font-weight:normal; } .banner-title2{font-family:'Salsa', cursive; margin:0 auto; padding:0.15rem 0.4rem; font-size:1.5rem; letter-spacing:0.10rem; color:#fff; font-weight:600; display:inline-block; } .banner-title3{font-family:'Noto Sans', sans-serif; font-size:1.3rem; color:#fff; font-weight:200; } @media screen and (max-width: 74em) { .banner-title1{font-size:3.5rem;} .banner-title3{margin:15px 0;} } /* search & social*/ .search {margin:1.4rem 0 0 0;} .search button{padding:0.42em 0.6em; font-size:1.20rem !important;} .search i{font-size:1.20rem !important;} .search form input[type=search] {width:60% !important;} .social {margin:0.65rem 0 0 0; line-height:0 !important;} .social img {width:40px; height:auto; margin:0 10px;} .social li:before {content:" "; } ul.social li{display:inline-block; text-align:center !important;} .social a i{width:40px; height:40px; margin:0 auto; display:block; background:#FFF; border-radius:3px; opacity:1;} .social a:hover i{opacity: .75;} .social a .fi-social-facebook{color:#4867AA;} .social a .fi-social-youtube{color:#FF0000;} .social a .fi-social-twitter{color:#2DAAE2;} .social a .fi-social-instagram{color:#AE3E92;} .social small{margin:0.75rem 0; font-size:85%; display:block; font-family:'Noto Sans', sans-serif;} @media screen and (max-width: 74em) { .search, .social {margin:0 0 0.25rem 0;} } /* menu */ #menu {width:100%; max-width:75rem; height:auto; margin:0 auto; padding:0; float:none; clear:both; position:relative; z-index:300; top:0; vertical-align:middle;} /* 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:#203f75;} .sm-blue-vertical {-moz-box-shadow:0 1px 4px rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.15); box-shadow:0 1px 4px rgba(0,0,0,0.15);} .sm-blue ul {padding:7px 0; background:#005daa; border:1px solid rgba(0,0,0,0.15); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: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);} .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.2rem 0.75rem; line-height:1.25; font-family:'Noto Sans', sans-serif; font-size:1.15rem; font-weight:400; text-decoration:none; color:#cdd2d4; -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:1rem; font-weight:200; text-shadow:none; color:#cdd2d4; 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:#FFF; background:transparent url(../img/patterns/overlay9.png) repeat;} /* 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 {background:#EC3238; color:#FFF;} /* 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:#cdd2d4 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 #cdd2d4; display:none;/*+*/} /* Items separators ===================*/ .sm-blue li {border-left:1px solid transparent;} .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:#005daa; 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 #cdd2d4 transparent;} .sm-blue span.scroll-down-arrow {top:6px; border-style:solid dashed dashed dashed; border-color:#cdd2d4 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: 64em) { /* 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:#005daa; 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:10px 5px 10px 28px !important;/* add some additional left padding to make room for the sub indicator */ background:#203f75 !important; color:#FFF !important;} .sm-blue ul a {background:transparent !important; color:#cdd2d4 !important; text-shadow:none !important;} .sm-blue a.current {background:#EC3238 !important; color:#FFF !important;} /* add some text indentation for the 2+ level sub menu items */ .sm-blue ul a {border-left:8px solid transparent;} .sm-blue ul ul a {border-left:16px solid transparent;} .sm-blue ul ul ul a {border-left:24px solid transparent;} .sm-blue ul ul ul ul a {border-left:32px solid transparent;} .sm-blue ul ul ul ul ul a {border-left:40px 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:17px; height:17px; font:normal 16px/16px monospace !important; text-align:center; border:0; text-shadow:none; color:#ff7f06; background:rgba(0,0,0,0.1); 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 rgba(0,0,0,0.05);} .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:5px; text-align:right; position:absolute; z-index:200; right:0; bottom:0;} /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{color:#FFF; display:inline-block; zoom:1; margin:0 14px; width:40px; height:40px; padding:8px 14px; background:#EC3238; font-size:1.25rem; -webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%; *display:inline;} /* 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; background:#005daa; opacity:1; filter:Alpha(Opacity=100);} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display:inline-block; zoom:1; *display:inline;} .owl-theme .owl-controls .owl-page span{display:block; float:left; width:16px; height:16px; margin:4px 0 4px 14px; background:transparent; border:2px solid #FFF; -webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#FFF; filter:Alpha(Opacity=100); 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} /* banner */ #owl-banner {margin:0 auto;} #owl-banner .owl-controls{width:100%; height:60%; margin:0 auto; padding:0; background:url('../img/drawing.png') no-repeat bottom right;} #owl-banner .owl-controls .owl-buttons {width:100%; margin:0 auto; position:relative; top:0;} #owl-banner .owl-controls .owl-buttons .owl-prev{float:left; clear:left;} #owl-banner .owl-controls .owl-buttons .owl-next{float:right;} #owl-banner .owl-controls .owl-pagination{width:100%; position:relative; bottom:-85%; left:0;} #owl-banner .owl-controls .owl-page{margin:0 auto; float:left;} #owl-banner .item img{display:block; width:100%; height:auto; position:relative; z-index:50 !important;} #owl-banner .item-info{width:40%; padding:15px 30px 15px 15px; font-size:1.20rem; font-weight:500; display:block; position:absolute; z-index:200; bottom:12.5%; left:0; color:#fff; background:rgba(34,49,63,0.65) url(../img/patterns/overlay9.png) repeat; border:3px dashed #EC3238; border-left:none; border-radius:0 75px 75px 0; -moz-border-radius:0 75px 75px 0; -webkit-border-radius:0 75px 75px 0;}/*+*/ #owl-banner .item-info sup{font-weight:700; color:#ff7f06;} #bar{width:0%; max-width:100%; height:4px; background:#ff7f06;} #progressBar{width:100%; background:#FFF url(../img/patterns/overlay9.png) repeat;} .slide-banner_crop {width:100%; height:400px; overflow:hidden;} .slide-banner_crop img {width:100%; height:auto !important; margin:0;} /* crop */ .drawing{width:100%; height:400px; position:absolute; z-index:100;} @media screen and (max-width: 75em) { #owl-banner .owl-controls{width:100%; height:70%;} #owl-banner .owl-controls .owl-pagination{bottom:-80%;} #owl-banner .item-info{width:55%;} .slide-banner_crop, .drawing {height:auto; max-height:400px;} } @media screen and (max-width: 80em) { #owl-banner .owl-controls{width:100%; height:65%;} #owl-banner .owl-controls .owl-pagination{bottom:-85%;} } /* slide-news */ .slide-news{height:470px; margin:-58px auto 0 auto; overflow:hidden; background:#ececec;} .slide-news a{text-decoration:none !important;} .slide-news .lead{margin:10% 15%; text-align:center; font-weight:600; color:#005daa; font-family:'Raleway', sans-serif; font-size:150%;} /* crop */ .slide-news_crop {width:100%; height:225px;/*300*/ overflow:hidden; background:#ececec;} .slide-news_crop img {width:100%; height:auto !important; margin:0;} /* crop */ #owl-carousel .item{margin:3px; text-align:left; -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 img{width:100%; height:auto; /*max-height:250px;+*/ display:block;} #owl-carousel a .item-info{padding:10px; font-size:1.15rem; color:#444; background:#fff; /*border:1px solid #ececec;*/} #owl-carousel a .subheader{margin:-10px auto 15px auto;} #owl-carousel a .item-info span{margin:10px; font-size:1.5rem; font-weight:300; text-transform:capitalize; color:#005daa; display:block; clear:both;} #owl-carousel .item-info p{margin:10px 10px 30px 10px; line-height:1.2rem;} #owl-carousel .item-info b{padding:5px; margin:0; position:absolute; right:3px; bottom:3px; text-align:right; font-size:1rem; font-weight:200; font-style:italic; color:#fff; background-color:#EC3238; -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 a:hover .item-info b, #owl-carousel a:focus .item-info b, #owl-carousel a:active .item-info b{background-color:#005daa; color:#fff;} .owl-carousel-navigation{margin:17.5px 5px 15px 5px; text-align:right; font-size:0.95rem;} .owl-carousel-navigation .btn{padding:5px 10px; font-size:1rem; color:#fff; background:#203f75; border:none; opacity:1; filter:Alpha(Opacity=100);} .owl-carousel-navigation .btn:hover{color:#fff; background:#EC3238; opacity:1; filter:Alpha(Opacity=100);} @media screen and (max-width: 75em) { .slide-news_crop {height:auto; max-height:220px;} } /* sections */ .sections {border:3px solid #ececec;} .sections .column {padding:0; float:left; background:transparent url(../img/sections.png) no-repeat center center;} .sections .column a{width:100%; height:100%; text-decoration:none; position:relative; z-index:3;} .sections .column img{min-width:7.25rem; min-height:7.25rem;} .sections .label{padding:0; font-family:'Salsa', cursive;} .sections .label{font-size:115%;} .section {padding:0 0.9375rem; width:100%; height:100%; /*9.375rem*/ overflow:hidden; position:relative; text-align:center; cursor:default; background:auto;} .section .mask,.section .content {width:100%; height:100%; padding:0.95rem 0.9375rem; position:absolute; overflow:hidden; top:0; left:0;} .section img {display:block; position:relative;} .section h6 {font-size:1rem; padding:5px; margin:5px 0; text-transform:uppercase; text-align:center; position:relative; z-index:2; color:#333;} .section p {font-size:0.9rem; line-height:1.15rem; font-style:italic; font-weight:300; padding:5px; margin:5px 0; text-align:center; position:relative; z-index:2; color:#333;} .section a.info {display:inline-block; text-decoration:none; font-weight:400; padding:10px; position:absolute; top:15px; right:0; color:#333;} .section a.info: hover {-webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .section-hover img {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .section-hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .section-hover h2 {-webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .section-hover p {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .section-hover:hover img {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: .20; } .section-hover a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .section-hover:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .section-hover:hover h2, .section-hover:hover p, .section-hover:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .section-hover:hover p {-webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .section-hover:hover a.info {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /* cuadro */ .cuadro {padding-left:3.5rem; padding-right:3.5rem;} .cuadro table {width:100%;} .cuadro thead, .cuadro tbody, .cuadro tfoot {border:1px solid #f1f1f1; border-left:none; border-right:none;} .cuadro thead, .cuadro th {text-align:center; color:#203f75; background:#ff7f06;} .cuadro tbody {text-transform:uppercase;} .cuadro tr {border-bottom:1px solid #f1f1f1;} .cuadro tr:hover {color:#f1f1f1; background:#EC3238; transition: all 0.25s ease-out;} @media screen and (max-width: 55em) { .cuadro {padding-left:1rem; padding-right:1rem;} } /* scroll destacados */ #mycustomscroll, #mycustomscroll2 {width:auto; height:415px; margin:0 auto; padding:0; overflow:auto; position:relative; font-size:1.10rem !important; font-weight:300 !important; border:0px solid transparent;} #mycustomscroll hr, #mycustomscroll2 hr{margin:0 auto !important; border-bottom:0px solid transparent;} .flexcroll{} .flexcroll:hover .vscrollerbar, .flexcroll:hover .hscrollerbar {background-color:#ff7f06;} .scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;} .vscrollerbase {width:10px; background:transparent url(../img/patterns/overlay9.png) repeat;} .vscrollerbar {width:10px; background-color:#EC3238; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;} .hscrollerbase {height:10px; background:transparent url(../img/patterns/overlay9.png) repeat;} .hscrollerbar {height:10px; background-color:#EC3238; -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; color:#4f4f4f; padding:1px;} /* logos */ .logos hr{border-bottom:1px solid #cacaca; margin:1.25rem auto 0 auto;} .logos img{margin:1.5rem auto;} .logos .column{opacity: 1; transition:all 0.3s ease;} .logos .column:hover {opacity: .75;} /* pre-footer */ .pre-footer h6{font-family:'Salsa', cursive; font-size:1.5rem; font-weight:normal; color:#cdd2d4;} .pre-footer p{font-weight:200; line-height:1.2;} .pre-footer p i{font-size:1rem;} .pre-footer i{font-size:2rem;} /* footer */ footer{padding:0; color:#203f75; font-size:0.9rem; font-weight:200;} footer p{margin:8px 4px;} footer a{color:#203f75; text-decoration:none;} footer a:hover, footer a:focus, footer a:active{color:#005daa; text-decoration:none;} footer .button{margin:0 auto;} .footer{padding:15px 0;} /* iframe */ iframe{width:100%; max-height:600px; position:relative; border:none;} /*** index2 ***/ .breadcrumbs li{font-size:0.85rem; text-transform:capitalize; color:#999;} .breadcrumbs a {color:#EC3238; text-decoration:none;} .breadcrumbs a:hover {text-decoration:underline;} .newsrow{padding-top:1.5rem; padding-bottom:1.5rem; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .newsrow h5, .newsrow p{font-family:'Noto Sans', sans-serif; line-height:1.4;} .newsrow img{margin:auto; max-height:200px;} .newsrow .button{padding:0.45rem 0.5rem;} .newsrow:hover, .newsrow:focus, .newsrow:active{background:#fcfcfc;} .newsrow:hover h5, .newsrow:focus h5, .newsrow:active h5{color:#005daa;} .newsrow:hover .button, .newsrow:focus .button, .newsrow:active .button{background-color:#005daa;} .newsrow:hover img, .newsrow:focus img, .newsrow:active img{-webkit-filter:brightness(0.105); -webkit-filter:brightness(105%); filter:brightness(105%);} .gallery.callout{border:1px solid #cdd2d4; box-shadow:0 0 0 1px rgba(10, 10, 10, 0);} .gallery.callout:hover, .gallery.callout:focus {box-shadow:0 0 2px 1px rgba(10, 10, 10, 0.05); -moz-box-shadow:0 0 2px 1px rgba(10, 10, 10, 0.05); -webkit-box-shadow:0 0 2px 1px rgba(10, 10, 10, 0.05);} .gallery .subheader {margin-top:1rem; font-size:1.25rem;} a.gallery {text-decoration:none;} a.gallery img{-webkit-transition: -webkit-transform 0.5s ease 0s; -moz-transition: -moz-transform 0.5s ease 0s; -o-transition: -o-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height:100%; width:100%;} a.gallery:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} a.gallery .demo-gallery-poster{position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0); -webkit-transition: background-color 0.25s ease 0s; -o-transition: background-color 0.25s ease 0s; transition: background-color 0.25s ease 0s;} a.gallery .demo-gallery-poster i {padding:0.25rem 0.5rem; font-size:1.5rem; position:absolute; right:0; bottom:0; opacity:0; -webkit-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; display:none;} a.gallery:hover .demo-gallery-poster, a.gallery:focus .demo-gallery-poster, a.gallery:active .demo-gallery-poster {background-color:rgba(255, 255, 255, 0.15);} a.gallery:hover .demo-gallery-poster i, a.gallery:focus .demo-gallery-poster i, a.gallery:active .demo-gallery-poster i {opacity:1; background-color:#ff7f06; display:block;} ul.gallery {margin:0 auto; padding:0; list-style-type:none; list-style-image:none;} ul.gallery li{text-align:center;} ul.gallery p{font-size:1rem; letter-spacing:-0.025rem; word-spacing:-0.025rem;} .contacto .button{padding:0.5rem 1rem;} @media screen and (max-width: 40em) { .newsrow img{margin:0 0 1rem 0;} } /* 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 - gallery */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../img/lightbox/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../img/lightbox/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../img/lightbox/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../img/lightbox/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../img/lightbox/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../img/lightbox/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../img/lightbox/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../img/lightbox/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../img/lightbox/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../img/lightbox/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../img/lightbox/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../img/lightbox/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../img/lightbox/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/lightbox/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/lightbox/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../img/lightbox/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../img/lightbox/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../img/lightbox/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../img/lightbox/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../img/lightbox/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../img/lightbox/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../img/lightbox/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../img/lightbox/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../img/lightbox/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../img/lightbox/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../img/lightbox/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../img/lightbox/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/lightbox/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../img/lightbox/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../img/lightbox/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../img/lightbox/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../img/lightbox/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../img/lightbox/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../img/lightbox/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../img/lightbox/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../img/lightbox/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../img/lightbox/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../img/lightbox/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../img/lightbox/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../img/lightbox/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../img/lightbox/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../img/lightbox/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../img/lightbox/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../img/lightbox/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/lightbox/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#FFF} div.dark_rounded .pp_nav .pp_play{background:url(../img/lightbox/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../img/lightbox/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../img/lightbox/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../img/lightbox/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../img/lightbox/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../img/lightbox/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../img/lightbox/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#222} div.dark_square .pp_description{color:#FFF;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../img/lightbox/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../img/lightbox/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../img/lightbox/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../img/lightbox/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../img/lightbox/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../img/lightbox/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../img/lightbox/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../img/lightbox/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../img/lightbox/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../img/lightbox/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../img/lightbox/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../img/lightbox/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../img/lightbox/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../img/lightbox/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../img/lightbox/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../img/lightbox/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../img/lightbox/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../img/lightbox/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../img/lightbox/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../img/lightbox/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../img/lightbox/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../img/lightbox/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../img/lightbox/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../img/lightbox/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../img/lightbox/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../img/lightbox/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../img/lightbox/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../img/lightbox/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../img/lightbox/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../img/lightbox/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../img/lightbox/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../img/lightbox/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../img/lightbox/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../img/lightbox/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../img/lightbox/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../img/lightbox/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../img/lightbox/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../img/lightbox/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../img/lightbox/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../img/lightbox/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../img/lightbox/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../img/lightbox/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../img/lightbox/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#222;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../img/lightbox/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../img/lightbox/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../img/lightbox/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#FFF;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#FFF} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#222} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#FFF} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#FFF} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/lightbox/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/lightbox/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#FFF} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* panel-itagui */ #notitagui{width:auto; height:210px; margin:0 auto; position:relative; top:0; z-index:9000;} #open, #close{width:100%; height:auto; margin:0 auto; padding:10px 0; text-align:center; font-size:0.9em; font-weight:bold; background:#ddd; color:#666; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; -webkit-border-radius:0px 5px 0px 0px; -moz-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px; -khtml-border-radius:0px 5px 0px 0px;} #open, #close {display:none;} #open:hover, #open:focus, #close:hover, #close:focus{background:#666; color:#ddd; cursor:pointer;} #panelitagui1{width:190px; height:auto; display:scroll; position:fixed; bottom:0; left:0; z-index:3000; background-color:#ececec; -webkit-box-shadow:0px 1px 3px 0px #777; -moz-box-shadow:0px 1px 3px 0px #777; box-shadow:0px 1px 3px 0px #777; -webkit-border-radius:0px 5px 0px 0px; -moz-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px; -khtml-border-radius:0px 5px 0px 0px;} #notitagui1{display:block;} #notitagui1 iframe{width:190px; height:230px; overflow:auto;} #open1, #close1{width:100%; height:auto; margin:0 auto; padding:10px 0; text-align:center; font-size:0.9em; font-weight:bold; background:#ddd; color:#666; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; -webkit-border-radius:0px 5px 0px 0px; -moz-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px; -khtml-border-radius:0px 5px 0px 0px;} #open1 {display:none;} #open1:hover, #open1:focus, #close1:hover, #close1:focus{background:#666; color:#ddd; cursor:pointer;} /* panel-itagui */ @media screen and (max-width: 1340px) { /* panel-itagui */ #notitagui{width:400px; background:#fff; border-bottom:2px solid #ddd; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -khtml-border-radius:0px 0px 5px 5px;} #open, #close{-webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -khtml-border-radius:0px 0px 5px 5px;} #panelitagui1{width:auto; position:relative; top:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -khtml-border-radius:0;} #notitagui1{display:none; float:left;} #open1, #close1, /* panel-itagui */ } /*.columna:last-child, .columnas:last-child { float: none !important;}*/ /*! * WickedCSS v1.0 (https://github.com/kristofferandreasen/wickedCSS) * Copyright 2015 Kristoffer Andreasen * MIT License */ /* ========== Rotation ========== */ .rotation{ animation-name: rotation; -webkit-animation-name: rotation; animation-duration: 4s; -webkit-animation-duration: 4s; animation-timing-function: linear; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; visibility: visible !important; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg) translateX(50%) rotate(0deg); } to { -webkit-transform: rotate(360deg) translateX(50%) rotate(-360deg); } } @keyframes rotation { from { transform: rotate(0deg) translateX(50%) rotate(0deg); } to { transform: rotate(360deg) translateX(50%) rotate(-360deg); } } /* ========== sideToSide ========== */ .sideToSide{ animation-name: sideToSide; -webkit-animation-name: sideToSide; animation-duration: 3s; -webkit-animation-duration: 3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; visibility: visible !important; } @-webkit-keyframes sideToSide { 0% { -webkit-transform: translate(100%, 0); } 50% { -webkit-transform: translate(-100%, 0); } 100% { -webkit-transform: translate(100%, 0); } } @keyframes sideToSide { 0% { transform: translate(100%, 0); } 50% { transform: translate(-100%, 0); } 100% { transform: translate(100%, 0); } } /* ========== zoomer ========== */ .zoomer{ animation-name: zoomer; -webkit-animation-name: zoomer; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0); -webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; visibility: visible !important; } @-webkit-keyframes zoomer { 0% { -webkit-transform: scale(.3); } 100% { -webkit-transform: scale(1); } } @keyframes zoomer { 0% { transform: scale(.3); } 100% { transform: scale(1); } } /* ========== zoomerOut ========== */ .zoomerOut{ animation-name: zoomerOut; -webkit-animation-name: zoomerOut; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0); -webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; visibility: visible !important; } @-webkit-keyframes zoomerOut { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0); } } @keyframes zoomerOut { 0% { transform: scale(1); } 100% { transform: scale(0); } } /* ========== spinner ========== */ .spinner{ animation-name: spinner; -webkit-animation-name: spinner; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: linear; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; visibility: visible !important; } @-webkit-keyframes spinner { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinner { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } /* ========== pulse ========== */ .pulse{ animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible !important; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.9; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.9; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.9; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.9; } } /* ========== shake ========== */ .shake{ animation-name: shake; -webkit-animation-name: shake; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; visibility: visible !important; } @keyframes shake { 0%, 100% {transform: translateX(0);} 16%, 50%, 83% {transform: translateX(-10px);} 33%, 66% {transform: translateX(10px);} } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 16%, 50%, 83% {-webkit-transform: translateX(-10px);} 33%, 66% {-webkit-transform: translateX(10px);} } /* ========== barrelRoll ========== */ .barrelRoll{ animation-name: barrelRoll; -webkit-animation-name: barrelRoll; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; visibility: visible !important; } @keyframes barrelRoll { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } @-webkit-keyframes barrelRoll { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } /* ========= floater ========= */ .floater{ animation-name: floater; -webkit-animation-name: floater; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible !important; } @keyframes floater { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floater { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } /* ====== wiggle ====== */ .wiggle{ animation-name: wiggle; -webkit-animation-name: wiggle; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible !important; } @keyframes wiggle { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes wiggle { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } /* ====== pound ====== */ .pound{ animation-name: pound; -webkit-animation-name: pound; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible !important; } @keyframes pound { to { transform: scale(1.2); } } @-webkit-keyframes pound { to { transform: scale(1.2); } } /* ====== heartbeat ====== */ .heartbeat{ animation-name: heartbeat; -webkit-animation-name: heartbeat; animation-duration: 3s; -webkit-animation-duration: 3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; visibility: visible !important; } @keyframes heartbeat { 0% { transform: scale(1); } 10% { transform: scale(1.2); } 20% { transform: scale(1.4); } 100% { transform: scale(1); } } @-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); } 10% { -webkit-transform: scale(1.2); } 20% { -webkit-transform: scale(1.4); } 100% { -webkit-transform: scale(1); } } /* ====== rollerRight ====== */ .rollerRight{ animation-name: rollerRight; -webkit-animation-name: rollerRight; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes rollerRight { 0% { transform: translateX(-200px) rotate(0); opacity: 0; } 100% { transform: translateX(0) rotate(2turn); opacity: 1; } } @-webkit-keyframes rollerRight { 0% { -webkit-transform: translateX(-200px) rotate(0); opacity: 0; } 100% { -webkit-transform: translateX(0) rotate(2turn); opacity: 1; } } /* ====== rollerLeft ====== */ .rollerLeft{ animation-name: rollerLeft; -webkit-animation-name: rollerLeft; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes rollerLeft { 0% { transform: translateX(200px) rotate(0); opacity: 0; } 100% { transform: translateX(0) rotate(-2turn); opacity: 1; } } @-webkit-keyframes rollerLeft { 0% { -webkit-transform: translateX(200px) rotate(0); opacity: 0; } 100% { -webkit-transform: translateX(0) rotate(-2turn); opacity: 1; } } /* ========== Boring ones from here on down ========== */ /* ========== slideDown ========== */ .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; } @keyframes slideDown { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0%); opacity: 1; } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0%); opacity: 1; } } /* ========== slideUp ========== */ .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; } @keyframes slideUp { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0%); opacity: 1; } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0%); opacity: 1; } } /* ========== slideLeft ========== */ .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; } @keyframes slideLeft { 0% { transform: translateX(150%); opacity: 0; } 100% { transform: translateX(0%); opacity: 1; } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); opacity: 0; } 100% { -webkit-transform: translateX(0%); opacity: 1; } } /* ========== slideRight ========== */ .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; } @keyframes slideRight { 0% { transform: translateX(-150%); opacity: 0; } 100% { transform: translateX(0%); opacity: 1; } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); opacity: 0; } 100% { -webkit-transform: translateX(0%); opacity: 1; } } /* ========== fadeIn ========== */ .fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* ========== fadeOut ========== */ .fadeOut{ animation-name: fadeOut; -webkit-animation-name: fadeOut; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* ========== rotateInRight ========== */ .rotateInRight{ animation-name: rotateInRight; -webkit-animation-name: rotateInRight; animation-duration: 3s; -webkit-animation-duration: 3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes rotateInRight { from { -webkit-transform: rotate(0deg) translateX(100%) rotate(0deg); }to { -webkit-transform: rotate(360deg) translateX(0) rotate(-360deg); }} @keyframes rotateInRight { from { transform: rotate(0deg) translateX(100%) rotate(0deg); }to { transform: rotate(360deg) translateX(0) rotate(-360deg); }} /* ========== rotateInLeft ========== */ .rotateInLeft{ animation-name: rotateInLeft; -webkit-animation-name: rotateInLeft; animation-duration: 3s; -webkit-animation-duration: 3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes rotateInLeft { from { -webkit-transform: rotate(0deg) translateX(-100%) rotate(0deg); }to { -webkit-transform: rotate(360deg) translateX(0) rotate(-360deg); }} @keyframes rotateInLeft { from { transform: rotate(0deg) translateX(-100%) rotate(0deg); }to { transform: rotate(360deg) translateX(0) rotate(-360deg); }} /* ========== rotateIn ========== */ .rotateIn { animation-name: rotateIn; -webkit-animation-name: rotateIn; animation-duration: 3s; -webkit-animation-duration: 3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -720deg); transform: rotate3d(0, 0, 1, -720deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -720deg); transform: rotate3d(0, 0, 1, -720deg); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } /* ========== bounceIn ========== */ .bounceIn{ -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .buttons .btn {border-radius:1rem 0.1875rem 0.1875rem 1rem;} .buttons .btn-round {border-radius:30px 0.25rem 0.25rem 30px !important;} .buttons .btn-info.btn-simple {color:#2e2869; border-color:#DDD; background-color:#f2f2f2; box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.17);} .buttons .btn-info.btn-simple:hover, .buttons .btn-info.btn-simple:focus, .buttons .btn-info.btn-simple:active {border-width:1px; background-color:#FFF; color:#2E2869; border-color:#2E2869; box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;} .buttons .btn-info.btn-simple:hover .text-black, .buttons .btn-info.btn-simple:focus .text-black, .buttons .btn-info.btn-simple:active .text-black {color:#666 !important;} /* slide-images */ .skdslider{width:100%; max-height:500px; height:400px; margin-bottom:1.25rem; position:relative; z-index:2; top:0; display:block; overflow:hidden; background:#ececec;} .skdslider:after {content: ''; padding-top:50%; display:block;} .skdslider ul.slides{margin:0; padding:0; list-style-type:none;} .skdslider ul.slides li{display:none; overflow:hidden;} .skdslider ul.slides li img{width:100%; height:100%; border:0;} /* crop */ .slidecrop {width:100%; height:400px; overflow:hidden;} .slidecrop img {width:100%; height:auto !important; margin:0;} /* crop */ .skdslider ul.slide-navs {bottom:15px; left:50%; position:absolute; list-style-type:none; margin:0; padding:0; cursor:pointer;} .skdslider ul.slide-navs li {width:14px; height:14px; margin-right:8px; float:left; border:1px solid #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .skdslider ul.slide-navs li.current-slide {background-color:rgba(255, 255, 255, 1); webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;} .skdslider .slide-desc {max-width:35%; padding:20px 20px 10px 20px; position:absolute; right:0; bottom:0%; display:inline-block; background:#373533; filter:alpha(opacity=75); opacity:.75;} .skdslider .slide-desc > h5 {display:block; font-family:'Pangolin', cursive; font-weight:500; font-size:1.25rem; letter-spacing:0.05rem; line-height:1.25rem; color:#fff; cursor:default;} .skdslider .slide-desc > p {margin-top:5px; color:#fff;} .skdslider .slide-desc > p a.more {color:#e9d460; text-decoration:none;} .skdslider .slide-desc > p a.more:hover {text-decoration:underline;} .skdslider a.prev{width:35px; height:35px; margin-top:-17px; position:absolute; left:2%; top:50%; display:block; background:url("../img/left.png") no-repeat scroll 0 0 transparent; cursor:pointer; filter:alpha(opacity=50); opacity:.50;} .skdslider a.next{width:35px; height:35px; margin-top:-17px; position:absolute; right:2%; top:50%; display:block; background: url("../img/right.png") no-repeat scroll 0 0 transparent; filter:alpha(opacity=50); opacity:.50;} .skdslider a.prev:hover{filter:alpha(opacity=1); opacity:1;} .skdslider a.next:hover{filter:alpha(opacity=1); opacity:1;} .skdslider a.play{width:35px; height:35px; position:absolute; top:4%; right:2%; display:none; background: url("../img/play.png") no-repeat scroll center center transparent; cursor:pointer;} .skdslider a.pause{width:35px; height:35px; position:absolute; top:3%; right:1%; display:none; background: url("../img/pause.png") no-repeat scroll center center transparent; cursor:pointer;} .skdslider-responsive{max-width:70rem; margin:0 auto;} /*+*/ @media screen and (max-width:767px) { .skdslider-background, .skdslider{height:auto; max-height:auto;} .skdslider .slide-desc {padding:10px;} .skdslider .slide-desc > h5 {display:none;} .skdslider .slide-desc > p a.more {font-size:0.875rem;} .skdslider a.prev{left:2%;} } @media screen and (max-width:1024px) { .skdslider-background{display:none;} }