/* Go crazy with your own styles here */

body {font-family: 'Roboto', sans-serif; -webkit-font-smoothing: subpixel-antialiased;}
.hold {max-width: 1500px; margin: 0 auto; padding: 0 0px;}
.hold-mnu {max-width: 1500px; margin: 0 auto; padding: 0 0px; overflow: hidden;}
.container {max-width: 1500px; margin: 0 auto; padding: 0 0px;}
a {font-size: inherit;}
h3 {font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1em;}
p .quote {font-family: 'Libre Baskerville', serif; font-style: italic; color: #211546; font-size: 1.4em;}

/* Header */
header {background: #fff;}
header .hold {overflow: hidden;}
.hd-log {float: left; width: 174px;}
.hd-str {float: left; width: 600px; font-family: 'Libre Baskerville', serif; font-style: italic; margin: 75px 0 0 84px; color: #211546;}
.hd-lng {float: left; width: 200px; min-height: 20px;}
.hd-soc {float: left; width: 340px; margin: 32px 0 0 0;}
.hd-mnu {float: right; width: 100px; margin: 17px 0 0 0; padding: 15px 0 0 0;}
.hd-soc-rw {border-radius: 50%; width: 38px; height: 38px; background: #221945; float: left; margin: 0 9px 0 0; transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -khtml-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out;}
.hd-soc-rw:hover {background: #867551;}
.hd-lng ul {list-style: none;}
.hd-lng ul li {float: left; margin: 37px 25px 0 0;}
.hd-lng ul li a {color: #fff; font-size: 0.9em; -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;}
.hd-lng ul li a:hover {color: #867551;}

/* Modal */
.hd-mnu-mod {display: block; padding: 0 1em; text-align: center; width: 100%; position: relative;}
.hd-mnu-mod > label {background: url("/images/cis-menu.png"); width: 43px; height: 37px; position: absolute; -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;}
.hd-mnu-mod > label:hover {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}
.hd-mnu-mod input {position: absolute; right: 0px; top: 15px; z-index: -10;}
.hd-mnu-mod-ovr {background: rgba(34, 25, 69, 1); bottom: 0; left: 0; text-align: left; position: fixed; right: 0; top: 0; z-index: -800; opacity: 0; overflow: hidden; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);}
input:checked ~ .hd-mnu-mod-ovr {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); z-index: 9999;}
.hd-mnu-mod-txt {padding: 40px 0 0 37px; font-size: 0.8em;}
header .hd-mnu .hold {padding: 15px 0;}
.hd-mnu .hd-str {color: #fff;}
.hd-mnu-ovr {float: right; width: 100px; margin: 17px 0 0 0; padding: 15px 0 0 0;}
.hd-mnu-ovr-mod {display: block; padding: 0 1em; text-align: center; width: 100%;}
.hd-mnu-ovr-mod > label {background: url("/images/cis-menu-over.png"); width: 43px; height: 37px; position: absolute;  -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;}
.hd-mnu-ovr-mod > label:hover {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}
.hd-mnu-ovr-txt {padding: 40px 0 0 37px; font-size: 0.8em; color: #fff;}
.hd-mnu .hd-soc-rw {background: #867551; transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -khtml-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out;}
.hd-mnu .hd-soc-rw:hover {background: #221945;}
#mnu-ov {clear: both; max-width: 1500px; padding: 30px 0 0; margin: 30px auto 0; border-top: 1px solid #867551; overflow: scroll; height: 80%; overflow: -moz-scrollbars-none;}
#mnu-ov ul {list-style: none; float: left; width: 10%; margin: 0 1% 25px;}
#mnu-ov ul li {line-height: 1.1em;}
#mnu-ov ul li a {color: #fff; font-size: 0.7em; white-space: normal;}
#mnu-ov ul li a:hover {color: #867551;}
#mnu-ov ul li.mnu-hed {font-weight: bold; margin-bottom: 10px; font-size: 1.2em;}
#mnu-ov ul#curr {clear: both; width: 100%;}
#mnu-ov ul#curr li {float: left; margin: 0 15px 0 0;}
#mnu-ov ul#curr li.mnu-hed {float: none;}
::-webkit-scrollbar {display: none;}
.hd-mnu-mod-ovr .hold-mnu {padding: 15px 0 0;}

/* Footer */
footer {padding: 0 0 25px 0; overflow: hidden;}
footer .hold {border-top: 1px solid #201646; padding: 25px 0 0 0;}
#ft {}
#ft-lft {float: left; width: 50%;}
#ft-rgt {float: right; width: 30%; text-align: right;}
#ft-lft-ba {float: left; width: 50%;}
#ft-lft-cis {float: right; width: 50%;}
#ft-lft a {font-size: 0.7em; color: #221945; -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;}
#ft-lft a:hover {color: #867551;}
#ft-rgt a {font-family: 'Libre Baskerville', serif; color: #221945; -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;}
#ft-rgt-bt {font-size: 0.7em;}
#ft-rgt-bt, #ft-rgt-bt a {color: #867551; font-family: 'Libre Baskerville', serif;}
#ft-rgt-bt a:hover {color: #221945 !important;}
#ft-rgt-md {font-size: 0.7em; color: #867551; font-family: 'Libre Baskerville', serif; margin: 0 0 3px 0;}

#ft-rgt a:hover {color: #867551;}

/* Main */
#ctc {overflow: hidden; margin: 0 0 30px 0;}
#in-bt-lf a {color: #867551; text-decoration: underline;}
#in-bt-lf a:hover {text-decoration: none;}
#in-bt-lf li {font-size: 0.7em;}
table.tabcal {width: 100%;}
table.tabcal td:first-child {width: 50%;}

/* Home */
#hp-ctc {}
#h-lf {float: left; width: 903px; margin: 0 0px 0 0;}
#h-rg {float: left; width: 597px;}
#h-rg-lf {float: left; width: 296px; margin: 0 5px 0 0;}
#h-rg-rg {float: left; width: 296px;}
#h-rg-un {width: 100%;}
.w1 {overflow: hidden; position: relative; float: left;}
.w2 {overflow: hidden; position: relative; float: left;}
.w3 {overflow: hidden; position: relative; float: left;}
#h-lf .w1 {width: 32.78%; height: 0; padding-bottom: 27.68%; margin: 0.55% 0.55% 0 0;}
#h-lf .w2 {width: 66.11%; height: 0; padding-bottom: 27.68%; margin: 0.55% 0.55% 0 0;}
#h-lf .w3 {width: 99.44%; height: 0; padding-bottom: 55.92%; margin: 0.55% 0.55% 0 0;}
#h-rg .w1 {width: 100%; height: 0; padding-bottom: 84.46%; margin: 1.69% 0 0 0;}
#h-rg .w1.h2 {padding-bottom: 170.61%;}
#h-rg .w2 {width: 100%; height: 0; padding-bottom: 41.87%; margin: 0.84% 0 0 0;}
#box01 {}
#box02 {position: relative;}
#box02 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(16,122,151, 0); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box02 .imgh:hover:before {background: rgba(16,122,151, 0.7);}
#box02 .txth {color: #fff; position: absolute; width: 80%; white-space: normal; line-height: 1.3em; z-index: 999; bottom: -218px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box02 .txth:hover ~ .imgh:before {background: rgba(16,122,151, 0.7);}
#box02 a:hover .txth {bottom: 18px;}
#box03 {position: relative;}
#box03 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(32,23,68, 0.9); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box03 .imgh:hover:before {background: none;}
#box03 .txth {color: #fff; position: absolute; width: 80%; white-space: normal; line-height: 1.3em; z-index: 999; bottom: 38px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 2.2em; font-weight: 400; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box03 .txth:hover ~ .imgh:before {background: none;}
#box03 a:hover .txth {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);}
#box04 {position: relative;}
#box04 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(97,34,100, 0.7); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box04 .imgh:hover:before {background: none;}
#box04 .txth {color: #fff; position: absolute; width: 80%; white-space: normal; line-height: 1.3em; z-index: 999; bottom: 38px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 2.2em; font-weight: 400; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box04 .txth:hover ~ .imgh:before {background: none;}
#box04 .a:hover .txth {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);}
#box04 .hp-blg-rgt {width: 100%; float: left; max-height: 150px; padding: 3px 0 0 0; overflow: hidden;}
#box04 .hp-blg-rgt h3 {margin-top: -5px; padding-top: 0px; padding-bottom: 7px;}
#box04 .hp-blg-rgt h3 a {white-space: normal; line-height: 1.1em;}
#box05 {position: relative;}
#box05 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(134,117,81, 0); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box05 .imgh:hover:before {background: rgba(134,117,81, 0.7);}
#box05 .txth {color: #fff; position: absolute; width: 80%; white-space: normal; line-height: 1.3em; z-index: 999; bottom: -218px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box05 .txth:hover ~ .imgh:before {background: rgba(134,117,81, 0.7);}
#box05 a:hover .txth {bottom: 18px;}
#box06 {position: relative;}
#box06 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(34,25,69, 0); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box06 .imgh:hover:before {background: rgba(34,25,69, 0.7);}
#box06 .txth {color: #fff; position: absolute; width: 80%; white-space: normal; line-height: 1.3em; z-index: 999; bottom: -218px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box06 .txth:hover ~ .imgh:before {background: rgba(34,25,69, 0.7);}
#box06 a:hover .txth {bottom: 18px;}
#box07 {}
#box07 img {transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box07 img:hover {transform: scale(1.05);}
#box08 {position: relative; background: rgba(32,23,68, 1);}
#box08 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(32,23,68, 0.45); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box08 .imgh:hover:before {background: rgba(32,23,68, 0.25);}
#box08 .txth {color: #fff; position: absolute; z-index: 999; bottom: 14px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box08 .imgh:hover + .txth {bottom: -50px;}
#box09 {background: #867551; position: relative;}
#box09 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(134,117,81, 0.8); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box09 #twtr {position: absolute; z-index: 999; color: #fff; padding: 12px; font-size: 11px; font-weight: 300; font-family: 'Libre Baskerville', serif;}
#box09 #twtr a {color: #fff; font-weight: 700;}
#box09 #twtr a:hover {color: #221945;}
#box09 .twtr-hid {bottom: 10px;}
#box09b {position: relative;}
#box09b .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(134,117,81, 0.8); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box09b .imgh:hover:before {background: none;}
#box09b .txth {color: #fff; position: absolute; z-index: 999; bottom: 14px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box09b .imgh:hover + .txth {bottom: -50px;}
#box10 {position: relative;}
#box10 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(97,34,100, 0.7); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box10 .imgh:hover:before {background: none;}
#box10 .txth {color: #fff; position: absolute; z-index: 999; bottom: 140px; left: 34px; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box10 .imgh:hover + .txth {opacity: 0;}
#box10 a:hover .txth {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);}
#box10 .txth:hover ~ .imgh:before {background: none;}
#box10 .txth1 {font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300 !important; border-bottom: 1px solid #fff; padding: 0 0 10px 2px; margin: 0 0 10px 0;}
#box10 .txth2 {width: 80%; white-space: normal; font-size: 0.8em;}
#box11 {}
#box11 #flickoff {display: none;}
#box11 #flickon {display: block;}
#box12 {position: relative;}
#box12 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(16,122,151, 0.7); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box12 .imgh:hover:before {background: none;}
#box12 .txth {color: #fff; position: absolute; z-index: 999; bottom: 14px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box12 .imgh:hover + .txth {bottom: -50px;}
#box13 {position: relative;}
#box13 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(134,117,81, 0); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box13 .imgh:hover:before {background: rgba(16,122,151, 0.7);}
#box13 .txth {color: #fff; position: absolute; width: 80%; white-space: normal; line-height: 1.3em; z-index: 999; bottom: -218px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box13 .txth:hover ~ .imgh:before {background: rgba(134,117,81, 0.7);}
#box13 a:hover .txth {bottom: 18px;}
#box14 {position: relative;}
#box14 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(32,23,68, 0.7); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box14 .imgh:hover:before {background: none;}
#box14 .txth {color: #fff; position: absolute; z-index: 999; bottom: 14px; left: 34px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box14 .imgh:hover + .txth {bottom: -50px;}
#box15 {}
#box15 img {transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box15 img:hover {transform: scale(1.05);}
#box16 {position: relative;}
#box16 .imgh:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(16,122,151, 0.7); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box16 .imgh:hover:before {background: none;}
#box16 .txth {color: #fff; position: absolute; z-index: 999; bottom: 60px; left: 301px; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#box16 .txth:hover ~ .imgh:before {background: none;}
#box16 a:hover .txth {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);}
#box16 .txth1 {font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 1.2em; font-weight: 300 !important; border-bottom: 1px solid #fff; padding: 0 0 10px 2px; margin: 0 0 10px 0;}
#box16 .txth2 {width: 80%; white-space: normal; font-size: 0.8em;}

/* Inner Page */
.in-grd {color: #201646;}
.in-grd h1 {color: #201646; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.2em; border-bottom: 1px solid #201646; padding: 0 0 10px 0;}
.in-grd p {font-size: 0.7em; margin: 0 0 15px 0; color: #201646;}
#inn {}
#in-tp {overflow: hidden;}
#in-bt {overflow: hidden; padding: 31px 0 25px 0;}
#in-bt-lf {float: left; width: 903px; margin: 0 0px 0 0;}
#in-bt-rg {float: left; width: 597px;}
#in-bt-rg-lf {float: left; width: 296px; margin: 0 5px 0 0;}
#in-bt-rg-rg {float: left; width: 296px;}
#in-bt-lf h1 {color: #201646; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.2em; border-bottom: 1px solid #201646; padding: 0 0 10px 0;}
.in-bt-lf-txt {margin: 20px 0;}
.in-bt-lf-txt p {font-size: 0.7em; margin: 0 0 15px 0; color: #201646;}
.padd {padding: 0 5px 0 28px;}
#inn #box10 .imgh:hover:before {background: rgba(97,34,100, 0.7);}
#inn #box10 a:hover .txth {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0);}
#inn #box10 .txth:hover ~ .imgh:before {background: rgba(97,34,100, 0.7);}
#inn #box10 .txth {bottom: 145px;}
#inn #box12 .imgh:hover:before {background: rgba(16,122,151, 0.7);}
#in-mnu-tp {border-bottom: 1px solid #201646; height: 60px; margin-top: -21px;}
#in-mnu-tp ul {list-style: none; margin: 0px; padding: 0px; overflow: hidden;}
#in-mnu-tp ul li {color: #867551; font-size: 12px; margin: 0 15px 0 0; line-height: 1.4em;}
#in-mnu-tp ul li a {color: #201646; font-size: 12px; line-height: 1.4em;}
#in-mnu-tp ul li a:hover {color: #867551;}
#in-mnu-md {min-height: 270px; padding: 50px 0; border-bottom: 1px solid #201646;}
#in-mnu-md ul {list-style: none; margin: 0px; padding: 0px;}
#in-mnu-md ul li {line-height: 1.1em;}
#in-mnu-md ul li a {color: #201646; font-size: 0.8em;}
#in-mnu-md ul li a:hover {color: #867551;}
#in-mnu-bt {padding: 60px 0;}
#in-mnu-bt a {white-space: initial; color: #867551; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.2em; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#in-mnu-bt a:hover {color: #201646;}
#in-str-tp {border-bottom: 1px solid #201646; height: 39px;}
#in-str-md {height: 270px; padding: 50px 0; border-bottom: 1px solid #201646; color: #201646; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.7em;}
#in-str-bt {padding: 60px 0;}
#in-str-bt a {white-space: initial; color: #867551; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.2em; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#in-str-bt a:hover {color: #201646;}
#in-tp p img {height: 100% !important;}
#in-mnu-md ul.level-4 {margin-left: 30px;}

/* News */
#blg #in-bt-lf {float: left; width: 1204px; margin: 0 0px 0 0;}
#blg #in-bt-rg {float: left; width: 296px;}
#in-bt-lf article {margin: 0 0 40px;}
h2.blg-art {margin: 20px 0; color: #867551; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.5em;}
h2.blg-art a {}
h2.blg-art a:hover {color: #201646 !important;}
small.fecha {font-size: 0.7em; color: #201646;}
h3.blg-exc {margin: 20px 0; color: #201646;}
.texto p {margin: 0 0 15px; color: #201646; font-size: 0.8em;}
.widgetzone {}
.widgetzone h4 {margin: 0 0 20px 0; color: #867551; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 400; font-size: 1.2em;}
.categorylist {}
.recentposts {}
.widget {margin: 0 0 30px;}
ul#categorylist {list-style: none; margin: 0px; padding: 0px;}
ul#categorylist li {line-height: 1.3em;}
ul#categorylist li a {color: #201646; font-size: 0.8em;}
ul#categorylist li a:hover {color: #867551;}
ul#recentPosts {list-style: none; margin: 0px; padding: 0px;}
ul#recentPosts li {line-height: 1.3em; margin: 0 0 15px 0;}
ul#recentPosts li a {color: #201646; font-size: 0.8em;}
ul#recentPosts li a:hover {color: #867551;}
.time {font-size: 0.7em;}
.blg-cats {color: #867551; font-size: 12px;}
.blg-cats a {color: #867551; font-size: 12px;}
.blg-cats a:hover {color: #201646;}
.blg-img {margin: 0 0 20px;}
.blg-img img {height: 100% !important;}
.twtr-code {width: 100%; overflow: hidden;}
#ft-tp {font-size: 0.8em; margin: 0 0 25px 0;}
.ft-tp-rw {color: #221945 !important;}
.ft-tp-rw a {color: #221945 !important;}
.ft-tp-rw a:hover {color: #867551 !important;}
.pholftf {float: left; width: 580px;}
.pholftf a {line-height: 1.2 !important;}

/* */
/* Mobile */
/* */
@media (max-width: 1500px) {
.hold {max-width: 98%; padding: 0 1%;}
.hold-mnu {max-width: 98%; margin: 0 auto; padding: 15px 1% 0;}
.container {max-width: 98%; margin: 0 auto; padding: 0 1%;}
.hd-mnu-mod-ovr .hold-mnu {padding: 15px 1% 0;}
.hd-log {width: 20%;}
.hd-str {width: 35%; margin: 40px 0 0 0%;}
.hd-lng {width: 0%;}
.hd-soc {width: 39%;}
.hd-mnu {width: 6%;}
.hd-mnu-ovr {width: 6%;}
.hd-mnu-mod-txt {padding: 40px 0 0 1px;}
.hd-mnu-mod > label {left: 0;}
.hd-mnu-mod {text-align: left; padding: 0 0.2em;}
.hd-mnu-ovr-mod {text-align: left; padding: 0 0.2em;}
.hd-mnu-ovr-txt {padding: 40px 0 0 0px;}
.hd-mnu-ovr-mod > label {margin-left: -5px;}
#h-lf {width: 60.2%; margin: 0 0 0 0;}
#h-rg {width: 39.8%;}
#h-rg-lf {width: 49.58%; margin: 0 0.84% 0 0;}
#h-rg-rg {width: 49.58%;}
#mnu-ov {max-width: 98%; padding: 30px 1% 0;}
#in-bt-lf {width: 60.2%; margin: 0 0px 0 0;}
#in-bt-rg {width: 39.8%;}
#in-bt-rg-lf {width: 49.58%; margin: 0 0.84% 0 0;}
#in-bt-rg-rg {width: 49.58%;}
#in-bt-lf .padd {padding: 0 5px 0 0;}
#in-str-md {font-size: 1.4em;}
#box16 .txth {bottom: 20px; left: 31px;}
#blg #in-bt-lf {width: 70%; margin: 0 5% 0 0;}
#blg #in-bt-rg {width: 25%;}
}
@media (max-width: 1280px) {
#box11 #flickoff {display: block;}
#box11 #flickon {display: none;}
}
@media (max-width: 1250px) {
#box09 #twtr {font-size: 12px;}
#box09 #twtr a {font-size: 12px;}
#box04 .hp-blg-rgt p {font-size: 0.6em;}
.hd-log {width: 20%; margin-right: 4%;}
.hd-str {width: 21%;}
.hd-lng {width: 15%;}
.hd-soc {width: 34%;}
.hd-mnu {width: 6%;}
}
@media (max-width: 1150px) {
#box09 #twtr {padding: 10px; font-size: 11px;}
#box09 #twtr a {font-size: 11px;}
}
@media (max-width: 1100px) {
#box10 .txth {top: 25px;}
}
@media (max-width: 1050px) {
.hd-soc-rw {width: 24px; height: 24px;}
.hd-soc {width: 20%; margin: 36px 0 0 0;}
#box03 .txth {font-size: 1.5em;}
#box04 .hp-blg-img {display: none;}
#box04 .hp-blg-rgt {width: 100%; float: left;}
}
@media (max-width: 992px) {
header {padding: 15px 0;}
.hd-str {display: none;}
}
@media (max-width: 980px) {
#mnu-ov ul {clear: both; width: 100%;}
#mnu-ov ul li {float: left; margin: 0 15px 0 0;}
#mnu-ov ul li.mnu-hed {float: none;}
#ft-rgt {width: 50%;}
#ft-lft-cis {text-align: right;}
#in-str-md {font-size: 1.2em;}
#box10 .txth2 {font-size: 0.7em;}
#box16 .txth2 {font-size: 0.7em;}
}
@media (max-width: 900px) {
.hd-soc-rw {margin: 0 3px 0 0;}
#box02 .txth {left: 10px; font-size: 0.9em;}
#box03 .txth {bottom: 10px; left: 10px; font-size: 0.9em;}
#box05 .txth {left: 10px; font-size: 0.9em;}
#box06 .txth {left: 10px; font-size: 0.9em;}
#box08 .txth {left: 10px; bottom: 10px; font-size: 0.9em;}
#box10 .txth1 {border: none; padding: 0px; margin: 0px;}
#box10 .txth2 {display: none;}
#box10 .txth {bottom: 10px; left: 10px; top: auto; font-size: 0.8em;}
#box12 .txth {bottom: 10px; left: 10px; font-size: 0.9em;}
#box13 .txth {left: 10px; font-size: 0.9em;}
#box14 .txth {bottom: 10px; left: 10px; font-size: 0.9em;}
#box16 .txth1 {border: none; padding: 0px; margin: 0px;}
#box16 .txth2 {display: none;}
#box16 .txth {bottom: 10px; left: 10px; top: auto; font-size: 0.8em;}
#box09 #twtr {font-size: 10px;}
#box09 #twtr a {font-size: 10px;}
#box04 .hp-blg {padding: 10px;}
}
@media (max-width: 850px) {
.hd-str {display: none;}
.hd-log {width: 24%; margin: 0 4% 0 0;}
.hd-lng {width: 13%;}
.hd-soc {width: 39%;}
.hd-mnu {width: 6%;}
#inn #box10 .txth {display: none;}
}
@media (max-width: 800px) {
#in-str-md {font-size: 1.1em;}
#in-bt-lf {width: 100%; margin: 0 0px 0 0;}
#in-bt-rg {display: none;}
}
@media (max-width: 768px) {
#box09 #twtr .twtr-code {display: none;}
#box04 .hp-blg p {display: none;}
#box04 .hp-blg h3 a {font-size: 0.7em;}
#box09 .twtr-hid {bottom: 10px;}
#box09 .twtr-hid a {white-space: initial; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.pholftf {float: none; width: 100%;}
}
@media (max-width: 650px) {
#ft-lft-ba {width: 100%; float: none;}
#ft-lft-cis {float: none; text-align: left; width: 100%;}
}
@media (max-width: 600px) {
.hd-log {float: none; margin: 0 auto;}
.hd-soc {position: absolute; top: 0; width: 100%;}
.hd-mnu, .hd-mnu-ovr {position: absolute; top: 0; right: 20px;}
.hd-lng {width: 100%;}
.hd-lng ul li {margin: 17px 25px 0 0;}
#ft-rgt {width: 100%; float: none; text-align: left; margin: 0 0 25px 0;}
#ft-lft-ba {display: none;}
#box02 .txth {font-size: 0.8em;}
#box03 .txth {font-size: 0.8em;}
#box05 .txth {font-size: 0.8em;}
#box06 .txth {font-size: 0.8em;}
#box09 #twtr {font-size: 10px;}
#box09 #twtr a {font-size: 10px;}
#box10 .txth {font-size: 0.7em;}
#box12 .txth {font-size: 0.8em;}
#box13 .txth {font-size: 0.8em;}
#box14 .txth {font-size: 0.8em;}
#box16 .txth {font-size: 0.7em;}
#box04 .hp-blg-rgt h3 {line-height: 0.7em; font-size: 0.8em; margin-top: 10px;}
#mnu-ov {height: 70%;}
}
@media (max-width: 450px) {
.hd-log {float: left;}
.hd-soc {position: absolute; top: 0; left: 150px; width: 100%;}
.hd-mnu, .hd-mnu-ovr {position: absolute; top: 0; right: 30px;}
#box04 .hp-blg h3 a {font-size: 0.6em;}
}
@media (max-width: 400px) {
#box02 .txth {font-size: 0.6em;}
#box03 .txth {font-size: 0.6em;}
#box05 .txth {font-size: 0.6em;}
#box06 .txth {font-size: 0.6em;}
#box08 .txth {font-size: 0.6em;}
#box09 #twtr {font-size: 9px;}
#box09 #twtr a {font-size: 9px;}
#box10 .txth {font-size: 0.6em;}
#box12 .txth {font-size: 0.6em;}
#box13 .txth {font-size: 0.6em;}
#box14 .txth {font-size: 0.6em;}
#box16 .txth {font-size: 0.5em;}
}
.responsiveCal {
 
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
 
}
 
.responsiveCal iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */