@charset "UTF-8";

/*----------------------------------
Template Stylesheet 

version:	1.0 
author:
email:	
website: 	http://www.citravelgroup.com

-----------------------------------*/




/*----------------------------------
MEDIA QUERIES INCLUDED AT THE END OF EACH SECTION
-----------------------------------*/




/*----------------------------------------------------------------------------
GLOBAL STYLES
-----------------------------------------------------------------------------*/


/*----- INTERNAL PADDING -----*/

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


/*----- MOBILE DISPLAY & HIDE -----*/

@media (max-width: 640px) {
.mobile-hide { display: none !important; }
}

@media (min-width: 641px) {
.mobile-display { display: none !important; }
}


/*----- CLEARFIX by NICOLAS GALLAGHER -----*/

.clearfix:before,
.clearfix:after { content: " "; display: table; }
 
.clearfix:after { clear: both; }
 
.clearfix { *zoom: 1; }


/*----- GENERAL LAYOUT -----*/

html { font-family: NewsGothicBT-Roman; font-weight: normal; font-size: 16px; }
body { background-color: #FFFFFF; color: #000000; margin: 0px; padding: 0px; }

section { width: 100%; margin: 0rem 0rem 1.5rem; padding: 0; }
section-tabs { width: 100%; margin: 0rem; padding: 0rem 0rem -1rem; }
section.blue { background-color: #005daa; color: #FFFFFF; padding: 0.8rem 0rem; }
section.grey { background-color: #ededed; padding-bottom: 0.2rem; }
section.mint { background-color: #3dc19d; color: #FFFFFF; padding-bottom: 0.8rem; }
section.hero { margin: 0rem; }
section.hero-thin { margin: 2.4rem 0rem 0rem; }
.container { position: relative; margin: 0 auto; padding: 0 0 0 20; width: 1044px; }

.row { margin-bottom: 1rem; margin-left: -10px; }

.column { float: left; padding: 0rem; margin-left: 20px; }
.column.full { width: 1024px; }
.column.two-thirds { width: 676px; }
.column.half { width: 502px; }
.column.third { width: 328px; }
.column.fourth { width: 241px; }
.column.flow-opposite { float: right; }

@media (max-width: 1024px) {
.container { width: 960px; }
.column.full { width: 940px; }
.column.two-thirds { width: 620px; }
.column.half { width: 460px; }
.column.third { width: 300px; }
.column.fourth { width: 220px; }
}

@media (max-width: 768px) {
section { margin: 0rem; }
section.hero-thin { margin-top: 1.2rem; }
.container { width: 100%; padding: 0rem 1rem; }
.column.full,
.column.two-thirds,
.column.half,
.column.third,
.column.fourth { width: 100%; margin: 0rem; }
.row { width: 100%; margin-left: 0rem; }
}

@media (max-width: 640px) {
section.hero-thin { margin-top: 0.8rem; }
.container { width: 100%; padding: 0rem 1rem; }
.row { margin-bottom: 0.5rem; }
}


/*----- FONTS & TEXT -----*/

h1, h2, h3, h4, h5 { font-family: OptimaLT-Medium; font-weight: normal; }

/*h1, h2, h3 { text-transform: uppercase; }*/

h1 { font-size: 1.6rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.1rem; }

@media (max-width: 640px) {
h1 { font-size: 1.5rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.1rem; }
}

p { font-size: 1rem; font-weight: normal; }
p.bold { font-weight: bold; }
p a { color: #000000; }
p a:hover { text-decoration: underline; }
p.special { font-size: 1.1rem; }
p a.special { font-size: 1.2rem; }
p.signature { font-family: 'Kaushan Script', cursive; font-size: 1.9rem; margin-bottom: 0rem; }
p.signature-position { font-size: 0.8rem; font-weight: 500; text-transform: uppercase; margin-top: 0rem; }
p.team-position { font-size: 1rem; font-weight: 500; text-transform: uppercase; }

section.blue a,
section.mint a { color: #FFFFFF; }

.center-header { text-align: center; }

ul.no-dot { list-style: none; padding-left: 0; }
ul.no-dot li { margin-bottom: 0.5rem; }

@media (max-width: 640px) {
p a.special { font-size: 1.2rem; }
}


/*----- IMAGES, GRAPHICS, VIDEOS -----*/

/* Use for full width images */
img.response { width: 100%; height: auto; }

/* Use for smaller images aligned to left, middle or right */
img.left { float: left; margin: 0rem 1.5rem 1.5rem 0rem; }
img.right { float: right; margin: 0rem 0rem 1.5rem 1.5rem; }
img.middle { vertical-align: middle; }

/* Use for two side-by-side images */
img.float { position: relative; float: left; }
img.f-left { margin: 0rem 1.5rem 1.5rem 0rem; }

img.social-icon { vertical-align: middle; margin-right: 0.8rem; }

section.hero-thin img { margin-bottom: -4px; }

@media (max-width: 1600px) {
section.hero-thin img { width: 1600px; }
}

@media (max-width: 1400px) {
section.hero-thin img { width: 1400px; }
}

@media (max-width: 1280px) {
section.hero-thin img { width: 1280px; }
}

@media (max-width: 1024px) {
img.float { width: 48%; }
section.hero-thin img { width: 1024px; }
}

@media (max-width: 768px) {
img.response-half { width: 50%; height: auto; }
img.response-gradual { width: 30%; height: auto; }
section.hero-thin img { width: 150%; margin-left: -50%; }
}

@media (max-width: 640px) {
img.float { width: 100%; margin: 1rem 0rem; }
img.f-left { margin: 0rem; }
img.response-half { width: 100%; height: auto; }
img.left { float: left; margin: 0rem 1.5rem 0.8rem 0rem; }
img.right { float: right; margin: 0rem 0rem 0.8rem 1.5rem; }
img.response-gradual { width: 50%; height: auto; }
img.social-icon { width: 35px; }
}

video { width: 100%; height: auto; }

.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*----- HEADER & LOGO -----*/

header { width: 100%; border-top: 3px solid #3dc19d; background-color: #FFFFFF; }

#header { position: relative; width: 1024px; margin: 0 auto; padding: 25px 0px 0px 0px; }
#header #logo { position: relative; float: left; padding-top: 14px; padding-right: 10px; }
#header #logo img { width: 300px; height: 50px; }

@media (max-width: 1024px) {
#header { width: 940px; }
}

@media (max-width: 768px) {
#header { width: 100%; }
#header #logo { padding: 0px 0px 0px 0.8rem; }
#header #logo img { }
}

@media (max-width: 640px) {
#header #logo { padding: 0px 0px 0.4rem 0.8rem; }
#header #logo img { width: 215px; height: 35px; }
}


/*----- NAV -----*/

nav.header { position: relative; float: right; }

nav.header #menu-desktop { position: relative; }
nav.header #menu-desktop #main,
nav.header #menu-desktop #secondary { position: relative; }
nav.header #menu-desktop #secondary { height: 30px; }
nav.header #menu-desktop #secondary ul.secondary { font-size: 0.9rem; font-weight: normal; list-style: none; margin: 0px !important; padding: 0px !important; float: right; }
nav.header #menu-desktop #secondary ul.secondary li { display: inline-block; border-right: 1px solid #000000; padding: 0px 8px; }
nav.header #menu-desktop #secondary ul.secondary li.last { border-right: 0px; padding: 0px 0px 0px 8px !important; }
nav.header #menu-desktop #secondary ul.secondary li a { text-decoration: none; color: #000000; }
nav.header #menu-desktop #secondary ul.secondary li a:hover { text-decoration: underline; }

nav.header #menu-desktop #main { margin-top: 10px; }
nav.header #menu-desktop #main ul.main { font-family: OptimaLT-Medium; font-size: 1.2rem; font-weight: normal; text-transform: uppercase; list-style: none; margin: 0px !important; padding: 1rem 0rem 0rem 0rem; float: right; }
nav.header #menu-desktop #main ul.main li { display: inline-block; padding: 0px 15px; }
nav.header #menu-desktop #main ul.main li a { text-decoration: none; color: #000000; }
nav.header #menu-desktop #main ul.main li a:hover { text-decoration: underline; }
nav.header #menu-desktop #main ul.main li a.active { text-decoration: underline; }
nav.header #menu-desktop #main ul.main li.special { display: inline-block; padding: 0px 0px 0px 15px; }
nav.header #menu-desktop #main ul.main li.special a { padding: 8px 8px 4px; background-color: #005daa; color: #FFFFFF; margin-right: 0px !important; }
nav.header #menu-desktop #main ul.main li.special a:hover { background-color: #8ee8fc; text-decoration: none; color: #005daa; }

@media (max-width: 1024px) {
nav.header #menu-desktop { margin-right: 0.8rem; }
}

@media (max-width: 1024px) {
nav.header #menu-desktop { display: none; }
}


/*----- SLIDEBAR - MOBILE & TABLET NAV -----*/

nav.header #menu { position: relative; float: right; }
nav.header #menu .menu-title { position: relative; float: left; font-size: 1.2rem; text-transform: uppercase; }
nav.header #menu .menu-lines { position: relative; float: left; }
nav.header #menu .menu-lines .menu-line { width: 55px; height: 6px; border-radius: 3px; margin-bottom: 6px; background-color: #000000; }

@media (min-width: 769px) and (max-width: 1024px) {
nav.header #menu .menu-title { margin: 1.5rem 1rem 0rem 0rem; }
nav.header #menu .menu-lines { margin: 1.3rem 0rem 0rem 0rem; }
}

@media (max-width: 768px) {
nav.header #menu .menu-lines { margin: 0.7rem 1rem; }
nav.header #menu .menu-title { margin: 0.9rem 0.3rem 0rem 0rem; }
}

@media (max-width: 640px) {
nav.header #menu .menu-lines { margin: 0.3rem 0.8rem; }
nav.header #menu .menu-title { display: none; }
nav.header #menu .menu-lines .menu-line { width: 40px; height: 5px; border-radius: 2px; margin-bottom: 5px; }
}

@media (min-width: 1025px) {
nav.header #menu { display: none; }
}

.sb-slidebar nav #menu-slidebar { height: 100%; background-colour: #005daa; }
.sb-slidebar nav #menu-slidebar .close-slidebar  { padding: 0.4rem 0rem; margin: 1rem; font-size: 1rem; font-weight: 500; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; cursor: default; }
.sb-slidebar nav #menu-slidebar .close-slidebar span.x  { font-size: 1.2rem; font-weight: 700; color: #FFFFFF; text-transform: uppercase; margin-left: 6px; }

.sb-slidebar nav #menu-slidebar ul.main { font-family: OptimaLT-Medium; font-weight: normal; font-size: 100%; font-weight: 600; color: #FFFFFF; text-transform: uppercase; margin-bottom: 1.6rem; padding: 0rem 0rem 0rem 1rem; list-style: none; }
.sb-slidebar nav #menu-slidebar ul.main li { margin: 0px !important; padding: 0.5rem 0rem; }
.sb-slidebar nav #menu-slidebar ul.main li a { color: #FFFFFF; text-decoration: none; font-size: 1.3rem; }
.sb-slidebar nav #menu-slidebar ul.main li a.current,
.sb-slidebar nav #menu-slidebar ul.main li a:hover { color: #FFFFFF; text-decoration: none; }

.sb-slidebar nav #menu-slidebar ul.secondary { font-size: 0.9rem; font-weight: 500; color: #FFFFFF; padding: 0rem 0rem 0rem 1rem; list-style: none; }
.sb-slidebar nav #menu-slidebar ul.secondary li { margin: 0px !important; padding: 0.4rem 0rem; }
.sb-slidebar nav #menu-slidebar ul.secondary li a { color: #FFFFFF; text-decoration: none; font-size: 115%; }
.sb-slidebar nav #menu-slidebar ul.secondary li a:hover { color: #FFFFFF; text-decoration: none; }

@media (min-width: 361px) {
.sb-slidebar nav #menu-slidebar .close-slidebar  { padding: 0.5rem 0rem; margin: 1rem; font-size: 85%; }
}


/*----- PANELS -----*/

.column.panel-general { padding: 0; margin-top: 1rem; margin-bottom: 1rem; min-height: ; }
.column.panel-general h3 { color: #FFFFFF; padding: 0.5rem 1rem; background-color: #3dc19d; margin: 0rem 0rem 0.5rem; }
.column.panel-general h4 { color: #FFFFFF; padding: 0.5rem 1rem; background-color: #3dc19d; margin: 0 !important; }
.column.panel-general img.panel-general { position: relative; width: 100%; height: auto; }
.column.panel-general .panel-details { position: relative; padding: 0.2rem 1rem; margin-top: -0.5rem; background-color: #ededed; }
.column.panel-general .panel-details a { font-size: 1.1rem; }

@media (max-width: 768px) {
.column.panel-general { margin-bottom: 0.5rem; }
.column.panel-general p a.special { font-size: 1.4rem; }
}

@media (max-width: 640px) {
.column.panel-general p a.special { font-size: 1.2rem; }
}


/*----- FOOTER -----*/

footer { width: 100%; margin: 0rem; padding: 2.5rem 0rem 0.5rem; background-color: #3dc19d; color: #FFFFFF; }
footer img.logo { vertical-align: middle; margin-top: 2rem; }

#footer-nav,
#footer-text { position: relative; float: right; text-align: right; margin-bottom: 1.5rem; }
#footer-nav ul.footer { position: relative; font-size: 1.2rem; font-weight: 500; list-style: none; margin: 0px !important; padding: 0px !important; float: right; color: #FFFFFF; }
#footer-nav ul.footer li { display: inline-block; border-right: 1px solid #FFFFFF; padding: 0px 8px; }
#footer-nav ul.footer li.last { border-right: 0px; padding: 0px 0px 0px 8px !important; }
#footer-nav ul.footer li a { text-decoration: none; color: #FFFFFF; }
#footer-nav ul.footer li a:hover { text-decoration: underline; }

@media (max-width: 768px) {
footer img.logo { display: none; }
#footer-nav,
#footer-text { float: left; text-align: left; }
#footer-nav { margin-top: 0rem; }
#footer-nav ul.footer { font-size: 1.3rem; }
#footer-nav ul.footer li { display: inline-block; border-right: 1px solid #FFFFFF; padding: 0px 8px; }
#footer-nav ul.footer li.first { padding: 0px 8px 0px 0px !important; }
}

@media (max-width: 640px) {
#footer-nav ul.footer li { display: list-item; border-right: none; padding: 0px; margin-bottom: 0.5rem; }
#footer-nav ul.footer li.last { padding: 0px !important; }
}




/*----------------------------------------------------------------------------
HOMEPAGE STYLES
-----------------------------------------------------------------------------*/


/*----- OUR BRANDS MOBILE DISPLAY -----*/

ul.brands { width: 100%; font-size: 1.2rem; font-weight: 600; list-style: none; margin: 0.5rem 0rem 1.5rem; padding: 0rem; }
ul.brands li { list-style: none; margin: 0px 0px 2px; padding: 1rem 0.6rem; background-color: #005daa; display: block; }
ul.brands li a { text-decoration: none; color: #FFFFFF; }
ul.brands li a:hover { text-decoration: none; }


/*----- CUSTOMER SERVICE HOMEPAGE - TEST -----*/

img.service-home { margin-top: 1rem; width: 100%; height: auto; }
p.service-row { margin-top: 3rem; }
img.service-row { margin-right: 2rem; vertical-align: middle; }

@media (max-width: 768px) {
img.service-row { width: 25%; height: auto; }
}

@media (max-width: 640px) {
img.service-row { width: 40%; height: auto; }
}




/*----------------------------------------------------------------------------
ABOUT US STYLES
-----------------------------------------------------------------------------*/


.column.panel-general.team { height: 320px; }

@media (max-width: 768px) and (min-width: 640px) {
.column.third.panel-general.team { width: 48% !important; height: 340px; margin: 0.5rem 0.4rem; }
}


/*----- COMPANY HISTORY -----*/

.history-year { font-family: OptimaLT-Medium; font-weight: normal; width: 200px; height: 200px; border-radius: 50%; margin: 0rem 0rem 0rem 3.6rem; background-color: #3dc19d; font-size: 2.5rem; text-align: center; padding-top: 80px; vertical-align: middle; }

.column.two-thirds.history { border-left: 2px solid #FFFFFF; margin-bottom: -16px; }

ul.history { margin: 10px 0px 0px -28px; font-size: 1.3rem; list-style: circle url('../graphics/large-list-dot.png'); }
ul.history li { padding: 0px 0px 30px 15px; }

@media (max-width: 768px) {
.column.third.history { width: 100%; margin-right: 0rem; margin-left: 0rem; }
.history-year { width: 100%; height: auto; border-radius: 0%; background-color: #005daa; font-size: 1.8rem; margin: 0rem; padding: 0rem 0rem 1rem; }
.column.two-thirds.history { border-left: none; margin-bottom: -16px; }
ul.history { margin: 10px 0px 0px -1rem; }
}

@media (max-width: 640px) {
.history-year { font-size: 1.6rem; padding: 0.5rem 0rem 0.8rem; }
ul.history { font-size: 1.1rem; margin: 10px 0px 0px -1.5rem; }
}


/*----- CITG IN NUMBERS -----*/

.number-panel { position: relative; float: left; padding: 20px 60px 20px 0px; font-weight: 600; }
.number-panel span.number { font-size: 2.2rem; }
.number-panel span.detail { font-size: 1.5rem; }

@media (max-width: 640px) {
.number-panel span.number { font-size: 1.8rem; }
.number-panel span.detail { font-size: 1.3rem; }
}




/*----------------------------------------------------------------------------
OUR BRANDS STYLES
-----------------------------------------------------------------------------*/


/*----- BRAND ROWS -----*/

section.brand { border-bottom: 2px solid #d5d5d5; }
section.brand.last { border-bottom: none; }

img.brand-image { float: right; margin-bottom: 20px; }

@media (max-width: 768px) {
img.brand-image { display: none; }
}




/*----------------------------------------------------------------------------
NEWS STYLES
-----------------------------------------------------------------------------*/


/*----- NEWS INDEX - ARTICLE INDEX -----*/

.article-index { padding: 0rem 0rem 2rem; margin: 0rem 0rem 2rem; border-bottom: 2px solid #d5d5d5; }

.article-index .title-container { width: 100%; padding: 0rem; position: relative; }
.article-index .title-container .article-title { position: relative; float: left; width: 80%; margin-bottom: 1rem; }
.article-index .title-container .article-title h3 { font-size: 1.5rem; }
.article-index .title-container .article-title p.categories { font-size: 0.8rem; text-transform: uppercase; }
.article-index .title-container .article-title p.categories span.bold { font-weight: 700; }

.article-index .title-container .date-container { position: relative; float: right; padding: 0.1rem 0.3rem; margin-top: 1.2rem; background-color: #ededed; border-bottom: 1px solid #a3a3a3; font-weight: 600; text-transform: uppercase; text-align: center; }
.article-index .title-container .date-container p.date { padding: 0rem; margin: 0rem; }
.article-index .title-container .date-container p.date span.month { font-size: 1.1rem; }
.article-index .title-container .date-container p.date span.date { font-size: 1.8rem; }
.article-index .title-container .date-container p.date span.year { font-size: 0.9rem; }

.article-index p.intro-text { font-weight: 600; }

.article-index .links-container { width: 100%; padding: 0rem; position: relative; }
.article-index .links-container .read-more { position: relative; float: left; width: 50%; }
.article-index .links-container .comments-social { position: relative; float: right; }
.article-index .links-container .comments-social { padding-top: 1.1rem; }
.article-index .links-container .comments-social .comment { width: 35px; height: 30px; padding-top: 2px; margin-right: 1.5rem; position: relative; float: left; background: url('../graphics/comment.png'); font-weight: 600; text-align: center; }
.article-index .links-container .comments-social .social { position: relative; float: left; }

div.pagination .counter{text-align: right; margin-bottom: 0;}
.pagination { position: relative; float: right; margin-bottom: 2rem; }
.pagination li{list-style-type: none; float: left;}
.pagination li a { position: relative; float: left; text-decoration: none; color: #FFFFFF; background-color: #005daa; padding: 0.4rem 0.4rem 0.2rem; margin: 0rem 0rem 0rem 0.5rem; }
.pagination li a:hover { color: #005daa; text-decoration: none; background-color: #8ee8fc; }

@media (max-width: 768px) {
.column.third.news-right { width: 100%; margin-right: 0rem; margin-left: 0rem; }
}

.news-right-column { width: 100%; position: relative; margin-bottom: 1.5rem; }
.news-right-column h3 { color: #FFFFFF; background-color: #3dc19d; padding: 0.5rem 0.8rem; }
.news-right-column ul.right-column { list-style: none; font-size: 1.1rem; font-weight: normal; padding: 0; }
.news-right-column ul.right-column li { margin: 0rem 0rem 0.5rem 0rem; padding: 0rem 0.8rem 0.5rem 0rem; border-bottom: 2px solid #d5d5d5; display: block; }
.news-right-column ul.right-column li a,
.news-right-column ul.right-column li a:hover { color: #000000; text-decoration: none; }

span.news-tag a { position: relative; float: left; color: #FFFFFF; font-size: 0.9rem; font-weight: 600; text-transform: uppercase; text-decoration: none; background-color: #005daa; padding: 0.4rem 0.4rem 0.2rem; margin: 0rem 0.4rem 0.4rem 0rem; }
span.news-tag a:hover { color: #005daa; text-decoration: none; background-color: #8ee8fc; }


/*----- NEWS INDEX - INDIVIDUAL ARTICLE -----*/

p.article-header-date { font-size: 1rem; text-align: center; font-weight: 500; font-style: italic; }
p.article-header-sub { font-size: 0.9rem; text-transform: uppercase; text-align: center; }
p.article-header-sub span.bold { font-weight: 700; }
p.article-body {font-size: 1.1rem; }

@media (max-width: 768px) {
.column.half.news-right { width: 100%; margin-right: 0rem; margin-left: 0rem; }
}

span.article-quote { width: 490px; position: relative; font-size: 1.8rem; color: #696969; font-style: italic; padding: 2rem 0rem; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
span.article-quote.right { float: right; margin: 0rem 0rem 1.5rem 20px; }
span.article-quote.left { float: left; margin: 0rem 20px 1.5rem 0rem; }

@media (max-width: 640px) {
span.article-quote { width: 100%; }
}




/*----------------------------------------------------------------------------
SERVICE STYLES
-----------------------------------------------------------------------------*/

section.blue.top { padding: 0rem 0rem 0.2rem; }

.column.third.awards-panel { background-color: #ededed; padding: 0rem 1rem 0.5rem; margin-top: 1rem; }
.column.third.awards-panel h3 { margin-bottom: 0.2rem; }
p.sponsor { text-align: center; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; margin: 0.2rem 0rem 0.8rem; }

@media (min-width: 769px ) {
.column.panel-general.service { margin-bottom: 10px;
margin-top: 10px;
/*height: 320px; */
}
}




/*----------------------------------------------------------------------------
HOTEL AWARDS STYLES
-----------------------------------------------------------------------------*/

.center-header.winner { background: #005daa; color: #FFFFFF; padding: 0.5rem 0rem 0.3rem; margin-bottom: 0rem; }
.center-header.hotel { background: #3dc19d; color: #FFFFFF; padding: 0.5rem 0rem 0.3rem; margin-top: 0rem; }

p.review { font-family: OptimaLT-Medium; font-weight: normal; font-size: 1.3rem; color: #696969; font-style: italic; }

li.awards .internal-panel { position: relative; width: 50%; }
li.awards .internal-panel.left { padding-right: 1rem; }
li.awards .internal-panel.right { padding: 0rem 2rem 0rem 1rem; }

@media (max-width: 640px) {
li.awards .internal-panel { width: 100%; }
li.awards .internal-panel.left { padding-left: 0.5rem; padding-right: 1rem; }
li.awards .internal-panel.right { padding: 0rem 0rem 0rem 0.4rem; }
}

@media (min-width: 641px) {
li.awards .internal-panel { float: left; }
}




/*----------------------------------------------------------------------------
NEWS STYLES
-----------------------------------------------------------------------------*/

.mod_docman .column.panel-general,
.docman_document { height: 320px; }
.docman_document .panel-details { margin-top: -15px !important; }




/*----------------------------------------------------------------------------
GOOGLE MAPS RESPONSIVE CODE
-----------------------------------------------------------------------------*/

.google-maps { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }




/*----------------------------------------------------------------------------
RESPONSIVE VIDEO CODE
-----------------------------------------------------------------------------*/

.video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 30px 0px 20px; }
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.row.nopad {
	margin-bottom: 0;
}

@media (min-width: 769px)
{
.cropthumb {
	max-height: 151px;
	overflow: hidden;
}
}