.click_image { position: relative; }

.click_list_title_block { background-color: #EEE; }
.click_list_title_block .click_subtitle { padding-bottom: 2em; }
@media (min-width: 768px) {
	.click_list_title_block .click_subtitle, #click_intro { padding-left: 8%; padding-right: 8%; }
	.click_list_title_block p.otherfont { font-size: 1.3em; }
	.click_list_title_block p { font-size: 1.1em; }
}
@media (min-width: 992px) {
	.click_list_title_block .click_subtitle { padding-left: 12%; padding-right: 12%; }
}

#click_intro { padding-top: 2em; }

#click1_list { margin: 2em 0 0 0; }
.click1_list { height: 200px; margin: 15px -15px; background-size: cover; position: relative; text-align: center; }
.click1_list a.titlelink { color: #FFF; margin: 0; width: 100%; height: 100%; display: block; font-family: 'playfair_displayregular', serif; font-size: 1.7em; line-height: 145%; color: #FFF; }
.click1_list a.titlelink:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.click1_list a.titlelink span { display: inline-block; vertical-align: middle; margin-left: 7%; margin-right: 7%; }
.click1_list a.titlelink span:before { content: ''; width: 20%; border-top: 3px solid #FFF; position: absolute; top: 25%; left: 40%; }
.click1_list a.titlelink span:after { content: ''; width: 20%; border-bottom: 3px solid #FFF; position: absolute; bottom: 25%; left: 40%; }
@media (min-width: 550px) {
	.click1_list { height: 300px; }
}
@media (min-width: 768px) {
	.click1_list { height: 230px; margin: 15px 0; }
}
@media (min-width: 992px) {
	.click1_list { height: 250px; }
}
@media (min-width: 1200px) {
	.click1_list { height: 250px; }
}

#click1subnav { text-align: left; background-color: #446a88; position: relative; }
#click1subnav table { margin: 0 0 0 -15px; }
#click1subnav table, #click1subnav table tr, #click1subnav table td { display: block; }
#click1subnav table td { position: relative; color: #FFF; margin: 0; padding: 0.6em 1em; font-family: 'playfair_displayregular', serif; font-size: 1.1em; line-height: 140%; }
#click1subnav table td.back { background-color: #374b5b; }
#click1subnav table td.arrow { background: #374b5b url(../img/main/subarrow.png) no-repeat right center; padding-right: 1.5em; margin-right: -13px; }
#click1subnav table td > a { color: #FFF; }
#click1subnav table td .page_controls_right { line-height: 100%; border: 0; background-color: #CCC; background-color: rgba(255,255,255,0.2); }
#click1subnav table td .page_controls_right a { color: #FFF; font-size: 0.7em !important; line-height: 100%; padding: 0.3em 0.1em; border: 0; }
@media (min-width: 768px) {
	#click1subnav .container:before { content: ''; display: block; height: 100%; width: 14%; position: absolute; top: 0; left: 0; background-color: #374b5b; }
	#click1subnav table { display: table; height: 70px; margin: 0; }
	#click1subnav table tr { display: table-row; }
	#click1subnav table td { display: table-cell; text-align: center; padding: 0.7em 2em 0.7em 0; max-width: 13em; }
	#click1subnav table td.arrow { padding-right: 2em; margin-right: 0; }
	#click1subnav table td.first { padding-left: 1.5em; }
}
@media (min-width: 992px) {
	#click1subnav .container:before { width: 11%; }
}
@media (min-width: 1400px) {
	#click1subnav .container:before { width: 16%; }
}
@media (min-width: 1700px) {
	#click1subnav .container:before { width: 23%; }
}

#click1_topblock .click_image { margin: 1.2em 0; }
@media (min-width: 768px) {
	#click1_topblock { background-color: #EEEEEE; margin: 0 15px; }
	#click1_topblock .click_image { margin: 0; }
	#click1_topblock .col-sm-4 { padding-left: 0; padding-right: 0; }
	#click1_topblock .col-sm-8 { padding: 25px 30px; }
	#click1_topblock .col-xs-12 { padding: 30px 70px; }
}
@media (min-width: 992px) {
	#click1_topblock .col-md-5 { padding-left: 0; padding-right: 0; }
	#click1_topblock .col-md-7 { padding: 30px 40px; }
	#click1_topblock .col-xs-12 { padding: 50px 100px; }
}
@media (min-width: 1200px) {
	#click1_topblock .col-md-7 { padding: 35px 50px; }
	#click1_topblock .col-xs-12 { padding: 50px 150px; }
}

@media (min-width: 768px) {
	#click1_gallery { margin-top: 3em; }
}
#click1_gallery .page_controls { margin-bottom: 2em; }
#click1_gallery #click1_slider { padding: 3em 0; }
#click1_gallery #click1_slider .click_title { margin-top: 0; }
#click1_gallery #click1_slider .click1_slide_desc { font-size: 1.1em; text-align: center; margin-top: -0.5em; margin-bottom: 1.5em; }
#click1_gallery #click1_slider .click1_slide img { max-height: 330px; max-width: 100%; display: inline-block; }

#click2_list { margin: 15px 0 0 0; }
.click2_list { position: relative; margin: 15px 0; }
.click2_list > a { display: block; }
.click2_list > a .click2_list_img { height: 200px; background-size: cover; }
.click2_list > a .click2_list_info { height: 300px; padding: 0.7em; background-color: #EEEEEE; color: #222; }
.click2_list > a .click2_list_info_pic { height: 100px !important; }
.click2_list > a .click2_list_info span { display: block; font-family: 'playfair_displayregular', serif; font-size: 1.2em; line-height: 145%; margin-bottom: 0.5em; }
.click2_list > a:hover { text-decoration: none; }
.click2_list > a:hover .click2_list_info { background-color: #4C4C4C; color: #FFF; }

#click2 { background-color: #EEEEEE; }
#click2 #click_body { margin-bottom: 2.5em; }
#click2 #click_body p { font-family: 'playfair_displayregular', serif; font-size: 1.15em; }
#click2_gallery { margin-top: 2em; position: relative; }
#click2_gallery .page_controls { margin-bottom: 2em; }
#click2_gallery #click2_slider { overflow: hidden; }
#click2_gallery #click2_slider .click2_slide { background-size: cover; background-position: center center; }
#click2_gallery #click2_slider, #click2_gallery #click2_slider .click2_slide { height: 200px; }
.click2_com_image { margin-top: 2em; }
@media (min-width: 550px) {
	#click2_gallery { margin-top: 2.5em; }
	#click2_gallery #click2_slider, #click2_gallery #click2_slider .click2_slide { height: 300px; }
}
@media (min-width: 768px) {
	.click2_com_image { margin-top: 0; }
	#click2_gallery { margin-top: 3em; margin-bottom: 3em; }
	#click2_gallery #click2_slider, #click2_gallery #click2_slider .click2_slide { height: 400px; }
}
@media (min-width: 992px) {
	#click2 #click_body { padding: 0 100px; }
	#click2_gallery #click2_slider, #click2_gallery #click2_slider .click2_slide { height: 500px; }
}
@media (min-width: 1200px) {
	#click2 #click_body { padding: 0 150px; }
	#click2_gallery #click2_slider, #click2_gallery #click2_slider .click2_slide { height: 550px; }
}

.click2_pagination { border-bottom: 1px solid #e5e5e5; }

.click3_list { position: relative; background-color: #EEE; margin-top: 2em; margin-bottom: 2em; text-align: left; }
.click3_lefttop { position: relative; background-color: #B5B5B5; }
.click3_lefttop .click_info1 { padding: 2em 1.5em; }
.click3_lefttop h1, .click3_lefttop h2, .click3_lefttop h3, .click3_lefttop h4, .click3_lefttop h5, .click3_lefttop h6, .click3_lefttop p { margin: 0; }
.click3_lefttop p { font-size: 1.1em; }
.click3_rightbottom .click_body { padding: 1.5em 1.5em; }
.click3_lefttop .click3_list_img { height: 300px; background-size: cover; background-position: center center; }
.click3_bluebottom { padding-bottom: 2.3em; color: #FFF !important; }
@media (min-width: 768px) {
	.click3_lefttop { float: left; width: 40%; }
	.click3_lefttop .click_info1 { padding: 2.5em; }
	.click3_rightbottom { float: right; width: 60%; }
	.click3_rightbottom .click_body { padding: 2em 2.5em; }
}
@media (min-width: 992px) {
    .click3_lefttop { min-height: 330px; }
}

.click4_list { margin-bottom: 2em; }
.click4_list > div { position: relative; }
.click4_list p.click_body { font-size: 1.2em; line-height: 140%; color: #666; margin: 0; }
.click4_list p.click_body:before { content: "\201C"; }
.click4_list p.click_body:after { content: "\201D"; }
.click4_list p.click_info1 { margin: 0.2em 0 2em 0; color: #0076A8; }
@media (min-width: 550px) {
	.click4_list p.click_body { font-size: 1.5em; line-height: 135%; }
}

.click4_pagination { border-top: 1px solid #e5e5e5; }

#click5 .click_image { margin: 1.2em 0; }
#click5 .click_info { padding: 15px; }
@media (min-width: 768px) {
	#click5 { margin: 0 15px; }
	#click5 .click_image { margin: 0; }
	#click5 .col-sm-4 { padding-left: 0; padding-right: 0; }
	#click5 .col-sm-8 { padding: 25px 30px; background-color: #EEEEEE; }
	#click5 .col-xs-12 { padding: 30px 70px; background-color: #EEEEEE; }
}
@media (min-width: 992px) {
	#click5 .col-xs-12 { padding: 50px 100px; }
	#click5 .col-sm-8 { padding: 30px 40px; }
	#click5 .click_info { padding: 15px 30px; }
}
@media (min-width: 1200px) {
	#click5 .col-xs-12 { padding: 50px 150px; }
	#click5 .col-sm-8 { padding: 35px 50px; }
	#click5 .click_info { padding: 20px 40px; }
}

.click_combined { position: relative; margin: 1em 0; }
.click_combined .click_info1 { padding: 15px; margin-top: 1.5em; }
.click_combined .click_com_grey { background-color: #EEEEEE; }
.click_combined .click_image { margin: 1.2em 0; }
@media (min-width: 768px) {
	.click_combined { margin: 2em 0; }
	.click_combined .click_image { margin: 0; }
	.click_combined .click_title { margin-top: 0.1em; margin-bottom: 1.1em; }
	.click_combined .click_com_grey { margin: 0 15px; }
	.click_combined .click_com_grey .col-sm-4 { padding-left: 0; padding-right: 0; }
	.click_combined .click_com_grey .col-md-3 { padding-left: 0; padding-right: 0; }
	.click_combined .click_com_grey .col-sm-8 { padding: 20px 30px; }
	.click_combined .click_com_grey .col-md-9 { padding: 20px 30px; }
	.click_combined .click_com_grey .col-xs-12 { padding: 40px 70px; }
	.click_combined .click_com_white .col-md-9 { padding: 0 30px; }
	.click_combined .click_com_white .col-sm-8 { padding: 0 30px; }
	.click_combined .click_com_white .col-xs-12 { padding: 0 70px; }
	.click_combined .click_info1 { padding: 20px; margin-top: 0; }
}
@media (min-width: 992px) {
	.click_combined {  }
	.click_combined .click_com_grey .col-sm-8 { padding: 20px 40px; }
	.click_combined .click_com_grey .col-md-9 { padding: 20px 40px; }
	.click_combined .click_com_grey .col-xs-12 { padding: 40px 100px; }
	.click_combined .click_com_white .col-md-9 { padding: 0 40px; }
	.click_combined .click_com_white .col-sm-8 { padding: 0 40px; }
	.click_combined .click_com_white .col-xs-12 { padding: 0 100px; }
	.click_combined .click_info1 { padding: 20px; }
}
@media (min-width: 1200px) {
	.click_combined {  }
	.click_combined .click_com_grey .col-sm-8 { padding: 30px 50px; }
	.click_combined .click_com_grey .col-md-9 { padding: 30px 50px; }
	.click_combined .click_com_grey .col-xs-12 { padding: 45px 150px; }
	.click_combined .click_com_white .col-sm-8 { padding: 10px 50px; }
	.click_combined .click_com_white .col-md-9 { padding: 10px 50px; }
	.click_combined .click_com_white .col-xs-12 { padding: 15px 150px; }
	.click_combined .click_info1 { padding: 30px; }
}

.click_toolbar { margin-top: 2em; margin-bottom: 2em; }
.click_toolbar .addthis_toolbox { margin-top: 0.5em; }

.pagination { margin: 2em 0; }
.pagination > li > a, .pagination > li > span { color: #0076A8; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #0076A8; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #0076A8; border-color: #0076A8; }