/*
Theme Name: ITP 2020
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
:focus {/* remember to define focus styles! */ outline: 0;}
body { background: #fff; line-height: 1;}
ol, ul { list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img { border: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}


/* =Structure
----------------------------------------------- */

body { padding: 0;}
#page { margin: 0 auto; display:block; overflow:hidden;}

#primary {display:block; overflow:hidden; margin:0 auto; width:980px;}
@media all and (min-width:1100px) {
#primary {width:95%;}
.home #primary {width:100%;}
}
@media all and (min-width:1200px) {
#primary {width:85%; max-width:1200px;}
.home #primary {width:100%;  max-width:100%;}
}
@media all and (min-width:320px) and (max-width: 980px) {
#primary {width:auto; padding:0 30px;}
}



#content {display:block; overflow:hidden;}
.page-template-sidebar-page #content {float:right; width:70%; padding:20px 0 0 0;}
.page-template-page-tours #content {float:right; width:70%; padding:20px 0 0 0;}
#secondary {float:left; width:25%; padding:25px 0 0 0;}
@media all and (min-width:320px) and (max-width: 980px) {
.page-template-sidebar-page #content {float:none; width:100%; padding:0;}
.page-template-page-tours #content {float:none; width:100%; padding:0;}
}


#secondary {float:left; width:25%; padding:25px 0 0 0;}
@media all and (min-width:320px) and (max-width: 980px) {
#secondary {display:none;}
}

#main #secondary ul {list-style-type:none; margin:8px 0 0 0; padding:0;}
#main #secondary ul li ul {margin:0;}
#main #secondary ul li {margin:0 0 10px 0; padding:0; line-height:18px; border-bottom:1px solid #fff; }
#main #secondary ul li a {display:block; padding:7px; text-decoration:none; font-size:13px;}
#main #secondary ul li a span {font-weight:bold; background:#03d003; color:#fff;}
#main #secondary ul li a:hover {background: #ccc; }
#main #secondary ul li.current_page_item a:hover {background: #C80303; }
#main #secondary ul li ul li a {padding:7px 5px 7px 5px; font-weight:normal; border-bottom:1px solid #eee;  border-left:5px solid #eee;}
#main #secondary ul li ul li a:hover {background:#d7d7d7;}
#main #secondary ul li.current_page_item ul li a:hover {background:#d7d7d7;}
#main #secondary ul li ul li ul li a {padding:5px 5px 5px 30px; font-weight:normal; }
#main #secondary ul li.current_page_item ul li ul li a:hover {background:#d7d7d7;}
#main #secondary ul li.menu-item {background:#92B9D3;}
#main #secondary ul li.menu-item a {color:#fff;}
#main #secondary ul li.menu-item ul li {background:#fff; margin:0;}
#main #secondary ul li.menu-item ul li a {color:#333;}
#main #secondary ul li.menu-item ul li ul li {background:#fff;}
#main #secondary ul li.menu-item ul li ul li a {color:#333;}
#main #secondary ul li.current_page_item {background:#C80303;}
#main #secondary ul li ul li.current_page_item {background:#C80303;}
#main #secondary ul li ul li.current_page_item a {color:#fff;}
#main #secondary ul li ul li ul li.current_page_item {background:#C80303;}
#main #secondary ul li ul li ul li.current_page_item a {color:#fff;}

#main #secondary ul li.menu-item ul li a font {font-size:12px;}
#main #secondary ul li.menu-item ul li.current_page_item a font {color:#fff;}




/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.625em;}
.alignright { display: inline; float: right; margin-left: 1.625em;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
 



/* =Global
----------------------------------------------- */

body, input, textarea { color: #666; font: 15px "Montserrat", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.825;}
#page { background: #fff;}

/* Headings */
h1,h2,h3,h4,h5,h6 { clear: both;}
hr { background-color: #ccc; border: 0; height: 1px; margin:0 0 20px 0;}

/* Text elements */
p { margin:0 0 20px 0;}
ul, ol { margin: 0 0 1.625em 2.5em;}
ul { list-style: square;}
ol { list-style-type: decimal;}
ol ol { list-style: upper-alpha;}
ol ol ol { list-style: lower-roman;}
ol ol ol ol { list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0;}
dl { margin: 0 1.625em;}
dt { font-weight: bold;}
dd { margin-bottom: 1.625em;}
strong { font-weight: bold;}
cite, em, i { font-style: italic;}
blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em;}
blockquote em, blockquote i, blockquote cite { font-style: normal;}
blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;}
pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em;}
code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help;}
address { display: block; margin: 0 0 1.625em;}
ins { background: #fff9c0; text-decoration: none;}
sup,
sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline;}
sup { bottom: 1ex;}
sub { top: .5ex;}
small { font-size: smaller;}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=date],
input[type=number],
select,
textarea { background: #fff; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=number]:focus,
textarea:focus { color: #373737;}
textarea { padding-left: 3px; width: 98%;}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=date],
input[type=number] { padding: 3px;}
select { padding: 7px;}
input#s { background: url(../images/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 10px 4px 28px;}
input#searchsubmit { display: none;}

/* Links */
a { color: #37AAFF; text-decoration: none;} 

/* Assistive text */
.assistive-text,
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
 


/* =Header
----------------------------------------------- */

#branding {position: fixed; z-index: 9999; height:100px; width:100%; left:0; top:0; background:#fff; -moz-box-shadow: 0 0 2px #aaa; -webkit-box-shadow: 0 0 2px #aaa; box-shadow: 0 0 2px #aaa;}
.logged-in #branding {top:32px;}
#site-title {float:left; width:250px; height:51px; margin:25px 0 0 50px;}
#site-title a {text-decoration: none; text-indent:-9999px; float:left; width:250px; height:51px; background:url(../images/logo.png) no-repeat;}
@media all and (min-width:1350px) and (max-width: 1600px) {
#branding {height:80px;}
#site-title {margin:15px 0 0 50px;}
}
@media all and (min-width:320px) and (max-width: 1350px) {
#branding {position:relative; height:60px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
#site-title {margin:10px 0 0 -125px; position:relative; left:50%;}
}


/* =Menu
-------------------------------------------------------------- */

#access {float:right; margin:0 50px 0 0;}
#access ul { font-size: 16px; list-style: none; margin: 0; padding:0;}
#access li { float: left; position: relative;}
#access a { color: #333; display: block; height: 100px; line-height: 100px; padding: 0 10px; text-decoration: none; transition: background 0.5s ease; text-transform:uppercase;}
#access ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 100px; left: 0; width: 248px; z-index: 99999;}
#access ul ul ul { left: 100%; top: 0;}
#access ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 228px;}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus { background: #efefef;}
#access li:hover > a,
#access a:focus { background: #f9f9f9; }
#access ul li:hover > ul { display: block;}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current-page-ancestor > a {background: #f5f5f5;}
@media all and (min-width:320px) and (max-width: 1350px) {
#access {display:none;}
}
@media all and (min-width:1350px) and (max-width: 1600px) {
#access ul { font-size: 13px; }
#access a { padding: 0 7px;  height: 80px; line-height: 80px;}
}

/* Search Form */
#branding #searchform {position:absolute; top:35px; right:50px; text-align: right;z-index: 9999;}
#branding #searchform div { margin: 0;}
#branding #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 10px;border: 1px solid #eee;}
#branding #s:focus { background-color: #f9f9f9; width: 100px;}
#branding #searchsubmit { display: none;}
#branding .only-search #searchform { top: 5px; z-index: 1;}
#branding .only-search #s { background-color: #666; border-color: #000; color: #222;}
#branding .only-search #s,
#branding .only-search #s:focus { width: 85%;}
#branding .only-search #s:focus { background-color: #bbb;}
#branding .with-image #searchform { top: auto; bottom: -27px; max-width: 100px;}
#branding .only-search + #access div { padding-right: 205px;}
@media all and (min-width:1350px) and (max-width: 1600px) {
#branding #searchform { top:25px; }
}

@media all and (min-width:320px) and (max-width: 1350px) {
#branding #searchform {display:none;}
}




/* =OWN
----------------------------------------------- */


/* =breadcrumbs */
#main .breadcrumbs {display:block; overflow:hidden; margin:0 auto; width:980px; text-transform:uppercase; font-size:10px;  padding:10px 0; border-bottom: 1px solid #fafafa;}
@media all and (min-width:1100px) {
#main .breadcrumbs {width:95%; }
}
@media all and (min-width:1200px) {
#main .breadcrumbs {width:85%; max-width:1200px; }
}
@media all and (min-width:320px) and (max-width: 980px) {
#main .breadcrumbs {width:auto; padding:10px 30px;}
}

.home #main .breadcrumbs {display:none;}

/* =bottom text */
.home #content .entry-content {clear:both; margin:40px auto 0 auto; width:980px; text-align:center; padding:30px 0; border-top:1px solid #ccc;}
.home #content .entry-content strong {font-size:24px;}
.home #content .entry-content img {position:relative; margin-top:-70px;}
.home #content .entry-content hr {margin:40px 0;}
.home #content .entry-content em {color:#E10000; font-style:normal;}
.home #content h1 {display:none;}
@media all and (min-width:1100px) {
.home #content .entry-content {width:95%;}
}
@media all and (min-width:1200px) {
.home #content .entry-content {width:85%; max-width:1200px;}
}
@media all and (min-width:320px) and (max-width: 980px) {
.home #content .entry-content {width:auto;}
}

/* =top img */
#top_img {display:block; overflow:hidden; height:480px; background-size:cover; background-position:top center;}
#top_img div.top_img_in {margin:0 auto; width:980px; height:480px; text-align:right; position:relative;}
#top_img div.top_img_in div {width:980px; position:absolute; right:0; bottom:30px; color:#fff; font-size:48px;}
#top_img div.top_img_in div p {margin:0; line-height:54px;}
#top_img div.top_img_in div p a { color:#fff; text-shadow: 2px 1px #333;}
@media all and (min-width:320px) and (max-width: 980px) {
#top_img {display:none;}
}

/* =boxes */
.tours_box {display:block; overflow:hidden; padding:80px 0 30px 0;}
.tours_box .tours_box_in {margin:0 auto; width:980px;}
.tours_box.tours_box2 {background:#e9e9e9; padding:80px 0 70px 0;}
.tours_box .tours_box_in h2 {background:url(../images/line_dot.png) repeat-x left center; height:40px; line-height:40px; font-size:36px; margin:0 0 50px 0; text-align:center;}
.tours_box .tours_box_in h2 span {background:#fff; padding:0 20px;}
.tours_box.tours_box2 .tours_box_in h2 span {background:#e9e9e9;}
@media all and (min-width:320px) and (max-width: 980px) {
.tours_box .tours_box_in {margin:0; width:auto;}
.tours_box .tours_box_in h2 {font-size:24px;}
.tours_box.tours_box2 {background:#fff; padding:0;}
.tours_box.tours_box2 .tours_box_in h2 span {background:#fff;}
}

@media all and (min-width:1100px) {
.tours_box .tours_box_in {width:95%;} 
.tour_small_box .tour_small_box_img {height:200px;}
.tour_small_box .tour_small_box_img img {min-height:200px;}
}
@media all and (min-width:1200px) {
.tours_box .tours_box_in {width:85%; max-width:1200px;}
}



.tour_small_box {float:left; width:32%; margin:0 3% 0 0; overflow:hidden; padding:0 0 20px 0; border-bottom:1px dashed #777;}
.tour_small_box2 {float:right; width:30%; margin:0;}
.tour_small_box .tour_small_box_img {display:block; overflow:hidden; height:150px;  margin:0 0 10px 0;}
.tour_small_box .tour_small_box_img img {width:100%; min-height:150px;}
.tour_small_box .tour_small_box_title_days {font-weight:bold; display:block; overflow:hidden;}
.tour_small_box .tour_small_box_title_days span {font-weight:normal; float:right;}
.tour_small_box .tour_small_box_desc {display:block; overflow:hidden; margin:10px 0; font-size:14px;}
.tour_small_box .tour_small_box_button {display:block; overflow:hidden;}
.tour_small_box .tour_small_box_button a {float:right; height:44px; line-height:44px; padding:0 30px 0 15px; color:#fff; background:#37AAFF url(../images/arrow.png) no-repeat center right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease;}
.tour_small_box:hover a {background:#206A97 url(../images/arrow.png) no-repeat center right;}
@media all and (min-width:320px) and (max-width: 880px) {
.tour_small_box {float:none; display:block; width:100%; margin:0 0 30px 0; clear:both;}
.tour_small_box2 {float:none; width:100%; margin:0 0 30px 0;}
.tour_small_box .tour_small_box_img {height:200px;}
.tour_small_box .tour_small_box_img img {min-height:200px;}
}
@media all and (min-width:320px) and (max-width: 480px) {
.tour_small_box .tour_small_box_img {height:130px;}
.tour_small_box .tour_small_box_img img {min-height:130px;}
}



/* =boxes tours*/
.tour_small_box_tours {float:left; width:48.5%; margin:0 0 30px 0; padding:0 0 20px 0; border-bottom:1px dashed #777; overflow:hidden;}
.tour_small_box_tours:nth-of-type(2n+0) {float:right;}
.tour_small_box_tours .tour_small_box_img {display:block; overflow:hidden; height:200px; margin:0 0 10px 0;}
.tour_small_box_tours .tour_small_box_img img {width:100%; min-height:200px;}
.tour_small_box_tours .tour_small_box_title_days {font-weight:bold; display:block; overflow:hidden;}
.tour_small_box_tours .tour_small_box_title_days span {font-weight:normal; float:right;}
.tour_small_box_tours .tour_small_box_desc {display:block; overflow:hidden; margin:10px 0; font-size:14px;}
.tour_small_box_tours .tour_small_box_button {display:block; overflow:hidden;}
.tour_small_box_tours .tour_small_box_button a {float:right; height:44px; line-height:44px; padding:0 30px 0 15px; color:#fff; background:#37AAFF url(../images/arrow.png) no-repeat center right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease;}
.tour_small_box_tours:hover a {background:#206A97 url(../images/arrow.png) no-repeat center right;}
@media all and (min-width:320px) and (max-width: 980px) {
.tour_small_box_tours {float:none; display:block; width:100%;}
}



/* =boxes tours*/
.page-template-default .tour_small_box_tours {width:32%; margin:0 15px 30px 0;}
.page-template-default .tour_small_box_tours:nth-of-type(2n+0) {float:left;}
.page-template-default .tour_small_box_tours:nth-of-type(3n+0) {float:right;}
@media all and (min-width:320px) and (max-width: 980px) {
.page-template-default .tour_small_box_tours {width:100%; margin:0 0 30px 0;}
}


.see_all {clear:both; display:block; overflow:hidden; padding:30px 0 0 0; text-align:right;}

.tailor_url {display:block; overflow:hidden; position:relative; height:350px;}
.tailor_url img {position:absolute; height:350px; width:100%; left:0; top:0;}
.tailor_url span {position:absolute; right:30px; bottom:20px; z-index:9999; font-size:36px; font-weight:bold; color:#fff;}
@media all and (min-width:320px) and (max-width: 980px) {
.tailor_url {height:200px;}
.tailor_url img {height:200px;}
.tailor_url span {right:10px; bottom:10px; font-size:24px;}
}



@media all and (min-width:1100px) {
.tours_box .tours_box_in {width:95%;} 
.tour_small_box .tour_small_box_img {height:200px;}
.tour_small_box .tour_small_box_img img {min-height:200px;}
}
@media all and (min-width:1200px) {
.tours_box .tours_box_in {width:85%; max-width:1200px;}
}

/* =pricetable */
.pricetable {width:100%; background:#f5f5f5; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.pricetable td,.pricetable th {vertical-align:middle;}
.pricetable td {text-align:center; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.pricetable th {text-align:left; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.pricetable th.tablenag {background:#e5e5e5; color:#2477AB;}
.pricetable td img {padding:0; border:1px solid #ccc; -moz-box-shadow: 0 0 1px #aaa; -webkit-box-shadow: 0 0 1px #aaa; box-shadow: 0 0 1px #aaa;}

.pricetable2 {width:100%; background:#f5f5f5; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.pricetable2 td {vertical-align:middle; text-align:left; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.pricetable2 td.white {background:#fff;}



/* =top img for posts */
.top_image_for_post {display:block; overflow:hidden; height:300px; margin:0 0 30px 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}

@media all and (min-width:320px) and (max-width: 980px) {
.top_image_for_post {height:200px;}
}



/*tabs overwrite*/
.rtbs .rtbs_menu ul li {font-size:14px !important;}
.rtbs .rtbs_content {border-top:2px solid #92B9D3 !important; background:#fcfcfc !important;}

/*CF7*/
.wpcf7 {background:#fcfcfc; overflow:hidden; padding:30px; border-top:1px solid #ddd;}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {width:100%;}
.wpcf7 textarea {height:100px;}
.wpcf7 p.h2 {font-weight:bold; color:#C80303; font-size:16px; clear:both;}
.wpcf7 p.h3 {font-weight:bold; font-size:14px; clear:both;}
.wpcf7 p.form_01 {float:left; width:47%; clear:both;}
.wpcf7 p.form_02 {float:right; width:47%;}
.wpcf7 p.textarea {clear:both;}
.wpcf7 input[type=submit] {float:right; height:44px; line-height:44px; cursor:pointer; border:none; padding:0 30px 0 15px; color:#fff; background:#37AAFF url(../images/arrow.png) no-repeat center right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease; width:30%;}
.wpcf7 input[type=submit]:hover {background:#206A97 url(../images/arrow.png) no-repeat center right;}
.wpcf7 p input[type=radio],.wpcf7 p input[type=checkbox]{width:auto;}
@media all and (min-width:320px) and (max-width: 980px) {
.wpcf7 {padding:10px;}
.wpcf7 p.form_01 {float:none; width:auto;}
.wpcf7 p.form_02 {float:none; width:auto; clear:both;}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {width:98%;}
}





/*daybydayview*/
.daybydayview {width:100%;}
.daybydayview th,.daybydayview td {border-top: 1px solid #ddd; vertical-align:top; padding-top:10px !important; padding-bottom:30px !important;}
.daybydayview th {text-align:center;width:150px;}
.daybydayview th img {margin-top:10px;}



/* Style the tab */
.tab { overflow: hidden; border-bottom: 1px solid #ccc; position:relative; margin-top:-50px;}
.tab button {background: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 10px 20px;transition: 0.3s;font-size: 15px; color:#666;}
.tab button:hover {background: #f4f4f4;}
.tab button.active {background: #92B9D3; color:#fff;}
.tabcontent {display: none;padding: 20px 0;}





/* =culture calendar box*/
.calendarevent {display:block; margin:0 0 30px 0; padding:20px 0 0 0; border-top:1px dashed #777; overflow:hidden; position:relative;}
.calendarevent .calendarevent_img {float:right; margin:0 10px 0 0; width:400px;}
.calendarevent .calendarevent_img img {width:400px;}
.calendarevent .calendarevent_title_days {font-weight:bold; float:left;}
.calendarevent .calendarevent_title_days span {font-weight:normal; float:right;}
.calendarevent .calendarevent_date {margin:10px 0; font-size:14px; float:left; clear:left;}
.calendarevent .calendarevent_desc {margin:10px 0; font-size:14px; float:left; clear:left;}
.calendarevent .calendarevent_button {float:right; clear:both;}
.calendarevent .calendarevent_button a {float:right; height:44px; line-height:44px; padding:0 30px 0 15px; color:#fff; background:#37AAFF url(../images/arrow.png) no-repeat center right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease;}
.calendarevent:hover a {background:#206A97 url(../images/arrow.png) no-repeat center right;}
@media all and (min-width:320px) and (max-width: 980px) {
.calendarevent {}
.calendarevent .calendarevent_img {float:none; width:auto; display:block; overflow:hidden;}
.calendarevent .calendarevent_img img {width:100%;}
.calendarevent .calendarevent_title_days { display:block; overflow:hidden; float:none;}
.calendarevent .calendarevent_date {float:none; clear:both; display:block; overflow:hidden;}
.calendarevent .calendarevent_desc {float:none; clear:both; display:block; overflow:hidden;}
}

.cresta-facebook-messenger-box {right:100px !important;}



/*blog*/
.category .hentry {display:inline-block; width:45%; margin:15px 2% 70px 2%;  padding:0 0 40px 0; border-bottom:1px dashed #777; overflow:hidden; position:relative;}
.category .hentry a.read_post {position:absolute; right:0; bottom:20px; height:44px; line-height:44px; padding:0 30px 0 15px; color:#fff; background:#37AAFF url(../images/arrow.png) no-repeat center right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease;}
.category .hentry a.read_post:hover {background:#206A97 url(../images/arrow.png) no-repeat center right;}
.category .hentry .post_img {width:100%; height:250px; background-position:center center; background-size:cover; margin:0 0 20px 0;}
@media all and (min-width:320px) and (max-width: 880px) {
.category .hentry {display:block; width:auto; margin:15px 0 50px 0;}
.category .hentry .post_img {height:150px;}
}

.single-post .hentry {width:800px; margin:0 auto;}
.single-post .hentry .post_img {width:100%; height:300px; background-position:center center; background-size:cover; margin:0 0 20px 0;}
@media all and (min-width:320px) and (max-width: 880px) {
.single-post .hentry {width:auto; margin:0 auto;}
.single-post .hentry .post_img {height:200px;}
}


#nav-below {display:block; overflow:hidden; width:300px; padding:30px 0; margin:0 auto;}
#nav-below .nav-previous {float:left;}
#nav-below .nav-next {float:right;}
.single-post #nav-single {display:none;}


.home_blog {display:inline-block; width:45%; margin:15px 2% 70px 2%;  padding:0 0 40px 0; border-bottom:1px dashed #777; overflow:hidden; position:relative;}
.home_blog .post_img {width:100%; height:250px; background-position:center center; background-size:cover; margin:0 0 20px 0;}
.home_blog a span {font-size:15px; color:#333; font-weight:bold;}
@media all and (min-width:320px) and (max-width: 880px) {
.home_blog {display:block; width:auto; margin:15px 0 30px 0;}
}

/* =Content
----------------------------------------------- */

#main { clear: both; padding:100px 0 0 0;}
@media all and (min-width:1201px) and (max-width: 1460px) {
#main { padding:80px 0 0 0;}
}
@media all and (min-width:320px) and (max-width: 980px) {
.home #main {padding:0;}
#main {padding:40px 0 0 0;}
}

.page-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase;}
.page-title a { font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: none;}
.hentry,
.no-results {  margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative;}
.hentry:last-child,
.no-results { border-bottom: none;}
.blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
.entry-title { color: #666; font-size: 24px; font-weight: bold; padding:0 0 15px 0;}
.entry-title,
.entry-title a { color: #666; text-decoration: none;}
.entry-meta { color: #666; clear: both; font-size: 12px; line-height: 18px;}
.entry-meta a { font-weight: bold;}
.single-author .entry-meta .by-author { display: none;}
.entry-content .more-link { white-space: nowrap;}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 { color: #000; font-weight: bold; margin: 0 0 .8125em;}
.entry-content h3,
.comment-content h3 { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;}
.entry-content table,
.comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%;}
.entry-content th,
.comment-content th {padding: 6px 10px ; font-weight:bold;}
.entry-content td,
.comment-content td { border-top: 1px solid #ddd; padding:6px 10px;}
.entry-content #s { width: 75%;}
.comment-content ul,
.comment-content ol { margin-bottom: 1.625em;}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul { margin-bottom: 0;}
dl.gallery-item { margin: 0;}
.page-link { clear: both; display: block; margin: 0 0 1.625em;}
.page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none;}
.page-link a:hover { background: #888; color: #fff; font-weight: bold;}
.page-link span { margin-right: 6px;}
.entry-meta .edit-link a,
.commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px;}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover { background: #888; color: #fff;}
.entry-content .edit-link { clear: both; display: block;}

/* Images */
.entry-content img,
.comment-content img,
.widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
img.size-full,
img.size-large { max-width:100%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 1.625em;}
p img,
.wp-caption { margin-top: 0.4em;}
.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; max-width: calc( 100% - 18px ); padding: 9px;}
.wp-caption img { display: block; max-width: 98%; }
.wp-caption .wp-caption-text,
.gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px;}
.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative;}
.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px;}
#content .gallery { margin: 0 auto 1.625em;}
#content .gallery a img { border: none;}
img#wpstats { display: block; margin: 0 auto 1.625em;}
#content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%;}
#content .gallery-columns-4 .gallery-item img { width: 100%; height: auto;}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */  max-width: 100%; }
.wp-caption img { border-color: #eee;}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ }
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd;}

/* Make sure videos and embeds fit their containers */
embed,iframe,object { max-width: 100%;}

/* =Quote
----------------------------------------------- */

.format-quote blockquote { color: #555; font-size: 17px; margin: 0;}


/* =Widgets
----------------------------------------------- */

.widget-area { font-size: 12px;}
.widget { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; clear: both; margin: 0 0 4.2em;}
.widget-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;}
.widget ul { font-size: 15px; margin: 0;}
.widget ul ul { margin-left: 1.5em;}
.widget ul li { color: #555; line-height:30px;}
.widget a { text-decoration: none; }
.widget a:hover,
.widget a:focus,
.widget a:active { text-decoration: underline;}


/* =Footer
----------------------------------------------- */

#colophon { clear: both; background:#f8f8f8; display:block; overflow:hidden; padding:30px 50px; font-size:15px;}
.colophon_in {display:block; overflow:hidden;}
.colophon_in_left {float:left; width:45%;}
.colophon_in_right {float:right; width:45%;}
.colophon_in_right .widget {clear:none; float:left; width:33%; line-height:30px;}
.colophon_in_left .widget img {margin:0 10px;}
@media all and (min-width:320px) and (max-width: 980px) {
#colophon {padding:30px 20px 0 20px;}
.colophon_in_left {float:none; width:auto; text-align:center; clear:both;}
.colophon_in_right {float:none; width:auto; text-align:center; clear:both;}
.colophon_in_right .widget {float:none;width:auto;display:block;}
.colophon_in_right .widget ul li {float:none;}
}