/*

Theme Name: Olympic Discovery Trail

Theme URI: http://www.tecclix.com/

Author: Tecclix  Team

Author URI: http://www.tecclix.com/

Description: Olympic Discovery Trail brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.

Version: 1.31

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyseventeen

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalize

2.0 Accessibility

3.0 Alignments

4.0 Clearings

5.0 Typography

6.0 Forms

7.0 Formatting

8.0 Lists

9.0 Tables

10.0 Links

11.0 Featured Image Hover

12.0 Navigation

13.0 Layout

   13.1 Header

   13.2 Front Page

   13.3 Regular Content

   13.4 Posts

   13.5 Pages

   13.6 Footer

14.0 Comments

15.0 Widgets

16.0 Media

   16.1 Galleries

17.0 Customizer

18.0 SVGs Fallbacks

19.0 Media Queries

20.0 Print

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



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

1.0 Normalize

Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

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



@import url('css/font-awesome.css');

@font-face {

	font-family: 'latobold';

	src: url('fonts/lato-bold-webfont.woff2') format('woff2'),  url('fonts/lato-bold-webfont.woff') format('woff');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Optima-Regular';

	src: url('fonts/Optima-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Optima-Regular.woff') format('woff'), url('fonts/Optima-Regular.ttf') format('truetype'), url('fonts/Optima-Regular.svg#Optima-Regular') format('svg');

	font-weight: normal;

	font-style: normal;

}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i');

@font-face {

	font-family: 'Montserrat';

	font-weight: normal;

	font-style: normal;

}

* {

	margin: 0;

	padding: 0;

	max-height: 1000000px;

}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset { margin: 0 0 22px; }

html, body, div, span, applet, embed, object, iframe, frameset, p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center, h1, h2, h3, h4, h5, h6, b, strong, big, u, ins, i, cite, em, var, dfn, address, s, strike, del, dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

	border: 0;

	background: none;

}

html {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

*, *:before, *:after {

	box-sizing: inherit;

	-moz-box-sizing: inherit;

	-webkit-box-sizing: inherit;

}

body {

	font: 20px 'Montserrat', sans-serif;

	color: #393939;

	background: #fff;

	min-width: 320px;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: none;

	margin: 0;

}

img { border-style: none; }

a {

	text-decoration: none;

	color: #008246;

	-moz-transition: all 0.25s linear;

	-webkit-transition: all 0.25s linear;

	-o-transition: all 0.25s linear;

	transition: all 0.25s linear;

	outline: none !important;

}

a:hover {

	color: #05c15e;

	text-decoration: none;

        border-bottom: 1px solid #05c15e;

}

a:focus {

	text-decoration: none;

	outline: none !important;

}

a:active { background-color: transparent; }

input, textarea, select {

	font: 600 20px/22px 'Montserrat', sans-serif;

	vertical-align: middle;

	color: #223a4a;

	word-spacing: 1px;

}


form, fieldset {

	margin: 0;

	padding: 0;

	border-style: none;

        height: auto;
  
        width: 100%;

}

p.iframe{
	height: 1025px;
    overflow-y: scroll;
}
p.iframe iframe{
    margin-bottom: 0px;
}
button::-moz-focus-inner {

 padding: 0;

 border: 0;

}

button{

         color: #008246 !important;
         font: 400 12px/14px 'Montserrat', sans-serif !important;
         border: 3px solid #008246 !important;
         padding: 10px 20px !important;
         display: inline-block !important;
         margin: 10px 0 10px !important;
         background: none !important;
         border-radius: 0 !important;

}

button:hover{

        background: #008246 !important;
        color: #ffffff !important;

}

a button:hover{

        text-decoration: none !important;

        border-bottom: none !important;

}


a.button-link:hover{

        text-decoration: none !important;

        border-bottom: none !important;

}

input[type=text], input[type=search], input[type=email], input[type=password], input[type=file], input[type=submit], textarea, input[type=tel] {

	-webkit-appearance: none;

	border-radius: 0;

	-webkit-border-radius: 0;

}

::-webkit-input-placeholder {

color: #818d9a;

}

:-moz-placeholder {

color: #818d9a;

}

::-moz-placeholder {

 color: #818d9a;

 opacity: 1;

}

:-ms-input-placeholder {

color: #818d9a;

}

 input[type="search"]::-webkit-search-cancel-button {

 -webkit-appearance: none;

 display: none;

 border-radius: 0;

 -webkit-border-radius: 0;

}

 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {

 -webkit-appearance: none;

}

input[type=search] {

	-webkit-appearance: none;

	border-radius: 0;

	-webkit-border-radius: 0;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

h1, h2, h3, h4, h5, h6, b, strong, th { font-weight: normal; }

h1 {

	font: 300 40px/40px "Montserrat", sans-serif;

	color: #004b6c;

	margin: 0 0 18px;

}

h1.give-banners{

        width: 100%;

        background: #223a4a;

        color: #ffffff !important;
 
        padding: 20px;

}

h2 {

	color: #004b6c;

	font: 500 30px/30px "Montserrat", sans-serif;

	letter-spacing: 1px;

	margin: 0 0 25px;

	word-spacing: 5px;

	text-transform:  none;

}

h3 {

	font: 600 24px/24px "Montserrat", sans-serif;

	color: #FFFFFF;

	margin: 0 0 12px;

	text-transform: none;

}

h4 {

	font-size: 120%;

	font-weight: 400;

	color: #393939;

}

h4 a {

       font-weight: 400 !important;

}

h5 {

	font-size: 100%;

	font-weight: 300;

	color: #393939;

}

h6 {

	font-size: 90%;

	font-weight: 400;

	color: #393939;

}

.btn {

	font: 400 12px/14px 'Montserrat', sans-serif;

	color: #fff;

	display: inline-block;

	vertical-align: top;

	letter-spacing: 2px;

	padding: 15px;

	border-radius: 22px;

	border: 2px solid #008246;

	background: none;

	min-width: 184px;

	text-align: center;

	text-transform: uppercase;

}

#header .btn {

	min-width: 200px;

	padding: 16px 15px;

}

.btn:hover {

	border-color: #008246;

	color: #fff;

	background: transparent;

}

u, ins { text-decoration: underline; }

s, strike, del { text-decoration: line-through; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}


sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

table, caption, tbody, tfoot, thead, tr, th, td {

	border-collapse: collapse;

	border-spacing: 0;

}

th, td {

	border: 1px solid #ccc;

	padding: 3px 7px;

	text-align: left;

	vertical-align: top;

}

th {

	border-color: #999;

	text-align: center;

	vertical-align: middle;

}

ul { margin-left: 0; }

ul, ol { padding-left: 0; }

ul ul, ul ol, ol ul, ol ol {

	padding: 0;

	margin: 0;

}https://olympicdiscoverytrail.org/wp-admin/edit.php?post_type=page

ul, li{
   list-style-position: inside;
   font: 300 24px/28px 'Montserrat', sans-serif;
   color: #223a4a;
}

ul.bullet>li{

        list-style-type: disc;

        margin-left: 20px;

}

dl dt {

	float: left;

	clear: left;

	padding-right: 4px;

	font-weight: bold;

}

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], .searchform input[type="text"], input.search, .comment-form textarea, .comment-form input[type="text"], .search-form input[type="search"], input[type="email"], .quote input[type="text"], input.search, .quote-form textarea, .quote-form input[type="text"], .quote-form input[type="search"], input[type="email"], textarea {

	font-family: "Montserrat", sans-serif;

	font-size: 19px;

	line-height: 18px;

	width: 100%;

	border: 1px solid #fff;

	color: #223a4a;

        opacity: .95;

	padding: 5px 12px;

	height: auto;

	border-radius: 5px;

	background: #f8f8f8;

	display: inline-block;

	vertical-align: middle;

	outline: none;

	margin: 0;

	resize: none;

	text-transform: none;

}


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

table styles

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

.responsive-table{

        overflow-x: auto;

}


table{

        -webkit-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);

        margin-top: 20px;


}

th, td{

       border: none !important;

       padding: 15px;

}

tr{

       border: 1px solid #cccccc !important;

       padding: 15px;


}



.sponsor-head{

       background: #223a4a;

       color: #ffffff;

}

.platinum{

       background: #e5e4e2;

       text-align: center;

}

.gold{

       background: #C39953;

       color: #ffffff;

       text-align: center;

}

.silver{

       background: #A6A6A6;

       color: #ffffff;

       text-align: center;

}

.bronze{

       background: #AD6F69;

       color: #ffffff;

       text-align: center;

}

form table{

        width: 100%;

}

textarea {

	resize: none;

	overflow: auto;

}

.comment-form textarea {

	padding: 10px;

	height: 99px;

}

.alignnone.size-full.wp-image-234 { max-width: 960px; }

.searchform input[type="submit"], .comment-form input[type="submit"], button, input[type="submit"] {

	font: 13px/1.5 'Montserrat', sans-serif;

	color: #fff;

	height: auto;

	margin: 0;

	padding: 17px 15px;

	text-align: center;

	cursor: pointer;

	border: 0;

	border-radius: 4px;

	background: #2b4146;

	display: block;

	text-transform: uppercase;

	-moz-transition: all 0.25s linear;

	-webkit-transition: all 0.25s linear;

	-o-transition: all 0.25s linear;

	transition: all 0.25s linear;

}

button:hover, input[type="submit"]:hover {

	border-color: #e7a61b;

	color: #008246;

}


.about-us-logo-push{

        width: 75% !important;
        text-align: left !important;

}


.wp-image-488 { 


        max-width: 100px !important;
        height: auto !important;
        float: right !important;
        margin-top: -80px !important;

}

.board-img{

        max-width: 200px !important;

}


.iframScript {

        max-width: 1300px;
    
        margin: 140px auto -180px;
    
        padding: 0 10px;

        scrolling: no;

}


textarea {

	height: 239px;

	overflow: auto;

	resize: none;

}

pre {

	max-width: 100%;

	overflow: auto;

}

#wrapper {

	overflow: hidden;

	width: 100%;

	position: relative;

}

.home #header {

	width: 100%;

	position: absolute;

	z-index: 9999;

}

.container {

	max-width: 1300px;

	margin: 0 auto;

	padding: 0 20px;

}

.container:after {

	clear: both;

	display: block;

	content: '';

}


.map-switcher-desktop{

       display: inline-block;

}

.map-switcher-mobile{

       display: none;

}


.map-switcher-desktop-front{

       display: block;

       text-decorate: none;

}

a.map-switcher-desktop-front:hover{

       border-bottom: none;

}

.map-switcher-mobile-front{

       display: none;

       text-decorate: none;

}

a.map-switcher-mobile-front:hover{

       border-bottom: none;

}

#header {

       position: fixed !important;

}


#header .top {

	position: relative;

	padding: 10px 0 10px;
      
        max-height: 110px;

	background: rgba(255,255,255, 0.9);
        
        -webkit-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);

}

#header .logo {

	max-width: 150px;

	overflow: visible;

	float: left;
     
        margin-left: 30px;

}

#header .logo img {

	display: block;

	height: auto;

	width: 100%;

}

#header .social-icon {

	float: right;

	overflow: hidden;

	padding: 18px 0 0;

}

#header .social-icon ul {

	list-style: none;

	margin: 0;

	padding: 0 12px 0 0;

}

#header .social-icon ul li {

	vertical-align: middle;

	display: inline-block;

	margin: 0 12px;

}

#header .social-icon ul li a {

	color: #004b6c;

	font-size: 20px;

}

#nav {

	float: right;

	width: 74%;

	padding: 22px 0 0;

}


.mega-mobile-nav{

        background: #f2f2f2 !important;
        width: 100vw !important;
        margin-right: -20px !important;
        margin-top: -50px !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        -webkit-box-shadow: -10px 3px 15px -6px rgba(0,0,0,0.43) !important;
        -moz-box-shadow: -10px 3px 15px -6px rgba(0,0,0,0.43) !important;
        box-shadow: -10px 3px 15px -6px rgba(0,0,0,0.43) !important;


}

.mega-mobile-nav li{

        border-bottom: 1px solid #dadada !important;

        padding-left: 20px !important;

}

.mega-mobile-nav li:hover{

        background: #fafafa !important;
}



.mega-toggle-close{

       z-index: 100;
       position: absolute;
       top: -65px !important;
       right: 33px !important;
       height: 40px !important;

}



#nav ul {

	padding: 0 0 10px;

	margin: 0;

}

#nav ul li {

	display: inline-block;

	vertical-align: middle;

	margin: 0 0 0 0px;

}

#nav ul li a {

	color: #004b6c;

	transition: all 0.5s ease-in 0s;

	text-transform: uppercase;

	font: 500 18px/25px 'Montserrat', sans-serif;

	letter-spacing: 1px;

	display: block;

}


@media only screen and (max-width: 990px){
#mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    display: block;
    margin-top: 1px !important;
}
}

#main { overflow: hidden; }

#main .banner {

	overflow: hidden;

	width: 100%;    

	background-size : cover;

	background-position: 100% 100%;

	padding: 0;

}


.iframe-form{

        margin-left: -40px !important;
}

.explore-trail ul{

        list-style-type: none !important;
 
}

.explore.news-wrap{

        padding-top: 0px !important;

}

.explore.news-wrap .explore-trail{

        margin-top: -120px;

}


.slideset {

        display: none;

}





.carousel {

	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 0;

}


.carousel .mask {

	position: relative;

	width: 100%;

        height: 656px !important;

	overflow: hidden;

}

.carousel .mask .slideset {

	width: 100%;

	float: left;

}

.carousel .slideset .slide {

	position: relative;

	float: left;

	padding: 182px 0;

	background-size : cover;

	background-position: center;

}

.carousel .mask .slide img {

	display: block;

	width: 100%;

	height: auto;

	transition: all 0.25s linear 0s;

}

.carousel .mask .slide .slide-holder {

	float: right;

	margin: 15% 50px 0;

	overflow: hidden;

	text-align: right;

}

.carousel .mask .slide .slide-holder h1 {

	color: #fff;

	font: 300 40px/44px 'Montserrat', sans-serif;

	text-transform: uppercase;

	letter-spacing: 5px;

        text-shadow:
            -1px -1px 0 #013e59,  
            1px -1px 0 #013e59,
            -1px 1px 0 #013e59,
            1px 1px 0 #013e59;
 
}

.carousel .mask .slide .slide-holder a {

	color: #fff;

	display: inline-block;

	padding: 15px 38px;

	font: 700 20px/13px 'Montserrat', sans-serif;

	text-transform: uppercase;

	margin: 0 0 40px;

	border: 5px solid #fff;

        text-shadow:
            -1px -1px 0 #013e59,  
            1px -1px 0 #013e59,
            -1px 1px 0 #013e59,
            1px 1px 0 #013e59;

}

.carousel .mask .slide .slide-holder a:hover {

	background: #fff;

	color: #013e59;

        text-shadow: none;

}



.pagination {

	bottom: 0;

	left: 0;

	overflow: hidden;

	padding: 0;

	position: absolute;

	right: 0;

	text-align: center;

	top: 88%;

}

.pagination.dark{

         clear: both !important;
  line-height: normal !important;
  margin: 30px 0 !important;
  text-align: center !important;
  position: relative !important;

}

.pagination ul li {

	display: inline-block;

	margin: 0 5px;

	vertical-align: top;

}

.pagination ul li a {

	border-radius: 100%;

	display: block;

	height: 12px;

	overflow: hidden;

	text-indent: -9999px;

	width: 12px;

	background: #019556;

}

.pagination ul li a:hover, .pagination ul li.active a { background: #fff; }

.welcome {

	overflow: hidden;

	margin: 0;

	padding: 20px 0 0;

}


.welcome .wel-text {

	padding: 0;

	overflow: hidden;

	text-align: center;

}

.welcome .wel-text h2 {

	font: 300 41px/44px 'Montserrat', sans-serif;

	color: #004b6c;
        
        margin-top: 30px;

}

.welcome .wel-text p {

	font: 400 15px/26px 'Open Sans', sans-serif;

	color: #4f4f4f;

        position: relative;
     
        z-index: 100;
      
        line-height: 1.3em;

}

.welcome .map-image {

	overflow: hidden;

	width: 1043px;

	margin: 0 auto;

}

.welcome .map-image img {

	display: block;

	height: auto;

	width: 100%;

}


.map-image {

        margin-top: -100px !important;
        position: relative;


}

.panals {

	overflow: visible;

	padding: 150px 0 175px;

	position: relative;

}



.panals:after {

	background: url("images/cycle.png") no-repeat scroll 0 0;

	content: "";

	height: 657px;

	margin: 30px 0 0;

	position: absolute;

	right: 34%;

	top: -2%;

	width: 700px;

	z-index: -999;

}



.panals .cycl {

	margin: 0 0 0 10.3%;

	position: relative;

	width: 733px;

}

.panals .cycl img {

	display: block;

	height: auto;

	width: 100%;

}

.four_col {

	width: 100%;

	/*position:absolute;*/

	left: 2.2%;

	top: 25.4%;

}

.four_col .col {

	display: inline-block;

	vertical-align: middle;

	width: 23.9%;

	margin: 0;

	margin-left: 10px;

}

.col-mobile-expand{

        

}

.four_col .image-hold {

	width: 310px;

	margin: 0;

	position: relative;

}

.four_col .col .image-hold img {

	display: block;

	height: auto;

	width: 100%;

}

.four_col .col .text-hold {

	bottom: 0;

	left: 1%;

	position: absolute;

	top: 36%;

	width: 100%;

	padding: 0px 10px;

}

.four_col .col .text-hold.iner-text-1 {

	left: 0;

	top: 30%;

	width: 100%;

	vertical-align: top;
	
	margin: -54px 0 0;

}

.four_col .col .text-hold.iner-text-1 h1 {

	color: #18ac6d;

	font: 600 42px/44px 'Montserrat', sans-serif;

	text-transform: uppercase;
	
	min-height: 133px;

}

.four_col .col .text-hold.iner-text-1 h3 {

	font: 600 14px/16px 'Montserrat', sans-serif;

	color: #FFFFFF;

	background: #18ac6d;

	text-transform: uppercase;

}

.four_col .col .text-hold.iner-text-1 a {

	color: #008246;

	border: 3px solid #008246;

	padding: 11px 24px;

}

.four_col .col .text-hold.iner-text-1 a:hover { color: #FFFFFF; }

.four_col .col .text-hold h3 {

	font: 600 14px/16px 'Montserrat', sans-serif;

	color: #FFFFFF;

	text-transform: uppercase;

	margin: 0 0 33px;
	
	position:relative;

}

.four_col .col .text-hold h3:after{
	position:absolute;
	content:"";
	border-bottom:1px dotted #ffffff;
	left:0;
	right:0;
	top: 30px;
    width: 70%;
}

.four_col .col .text-hold h1 {

	font: 600 40px/44px 'Montserrat', sans-serif;

	color: #FFFFFF;

	text-transform: uppercase;

	letter-spacing: -3px;
	
	min-height: 130px;

}

.odt-years {
    font-size: 50px;
    color: #7fff00;
}

a.panel-link{

       border: none !important;
       background: transparent !important;
       padding: 0px 0px 0px 0px !important;

}

.four_col .col .text-hold a {

	font: 400 12px/16px 'Montserrat', sans-serif;

	color: #FFFFFF;

	border: 3px solid #FFFFFF;

	padding: 11px 24px;

	text-transform: uppercase;

}

.four_col .col .text-hold a:hover { background: #009758; }

.olympic {

	overflow: hidden;

	margin: 0;

}

.olympic .olympic-image {

	overflow: hidden;

	width: 100%;

	background: url(images/olympic-lowerbanner-03.png) no-repeat;

	background-size : cover;

	background-position: 100% 100%;

	padding: 125px 0px 125px;

}



.cir-image {


	width: 14px;

	margin: 0px auto;

}

.cir-image img {

	display: block;

	height: auto;

	width: 100%;

}





.olympic .olympic-image img {

	display: block;

	height: auto;

	width: 100%;

}

.olympic .olympic-image .oly-text {

	overflow: hidden;

	margin: 0;

}

.olympic .oly-text-1 {

	margin: 0 auto 50px;

	text-align: center;

	width: 80%;

}

.olympic .oly-text-1 h3 {

	font: 700 32px/34px 'Montserrat', sans-serif;

	color: #019556;

        text-transform: none !important;

}

.oly-text .para {

	    margin: 0px auto;
            text-align: center;
            width: 55%;
}

.oly-text .para p {

	font: 500 18px/25px 'Montserrat', sans-serif;

	color: #000000;

	margin: 0 0 50px;

}

.oly-text .para .get:hover {

	border: 3px solid #019556;

	background: none;

	color: #019556;

}

.oly-text .para .get {

	color: #fff;

	font: 300 16px/18px 'Montserrat', sans-serif;

	padding: 20px 30px;

	background: #019556;

	text-transform: uppercase;

	display: inline-block;

	margin: 0 auto;

	border: 3px solid transparent;

}

.oly-text .prar-hol {

	overflow: hidden;

	margin: 0;

}

.event {

	overflow: hidden;

	padding-top: 50px;

}

.event .event-image {

	overflow: hidden;

	width: 100%;

	background: url(images/event.jpg) no-repeat;

	background-size : cover;

	background-position: 100% 100%;

	padding: 0;

}

.event .event-image img {

	display: block;

	height: auto;

	width: 100%;

}

.event-text {

	overflow: hidden;

	padding: 0;

}


.event-text h3{

        border-bottom: 1px dotted #223a4a;
        
        padding-bottom: 20px !important;

}

.aside {

	width: 33%;

	overflow: hidden;

	padding:0px 30px;

        float: left;

}

.aside h3 {

	color: #223a4a;

	font: 700 30px/32px 'Montserrat', sans-serif;

	padding: 60px 0 0;

	text-align: center;

}

.aside .aside-1 {

	overflow: hidden;

	padding: 40px 0 0;

}

.aside .side-image {

	width: 355px;

	margin: 0 9px 0 0;

	float: left;

}

.aside .side-image img {

	display: block;

	height: auto;

	width: 100%;

}

.aside .text-1 {

	overflow: hidden;

	padding: 0;

}

.aside .text-1 p { font: 300 14px/20px 'Open Sans', sans-serif; }

.aside .text-1 a {

	color: #008246;

	font: 400 12px/14px 'Montserrat', sans-serif;

	border: 3px solid #008246;

	padding: 10px 20px;

	display: inline-block;

	float: right;

}

.aside .text-1 a:hover {

	color: #FFFFFF;

	background: #008246;

}

.news-block {

	margin: 0 0 41px;

	text-align: left;

}

.news-block h3 {

	color: #223a4a;

	font: 700 30px/32px 'Montserrat', sans-serif;

	margin: 0px;

        padding-bottom: 0px;

	text-align: center;

}


.news-block .four_column {

	overflow: hidden;

	margin: 0 0 25px;

	padding: 0px;

}

.news-block .four_column .column:last-child { margin: 0; }

.news-block .four_column .column {

	vertical-align: top;

	display: inline-block;

	width: 25.6%;

	margin: 0 34px;

}

.news-block .four_column .column .col_txt {

	overflow: hidden;

	padding: 0;

	text-align: left;

}

.news-block .four_column .column .col_txt h4 {

	color: #317698;

	font: 700 14px/18px 'Open Sans', sans-serif;

	margin: 0 0 15px;

}

.news-block .four_column .column .col_txt h4 a { color: #317698; }

.news-block .four_column .column .col_txt h4 a:hover {

	color: #317698;

	text-decoration: underline;

}

.news-block .four_column .column .col_txt p {

	color: #363636;

	font: 400 13px/18px 'Open Sans', sans-serif;

}

.news-block .read {

	display: inline-block;
	
	background-color:#abbbbc;
	
	border: 3px solid #008246;
	
	border-radius: 10% / 20%;

	text-align: center;

	padding: 10px 15px;

	color: white;

}

.news-block .read:hover {

	color: #FFFFFF;

	background: #008246;

}

.link-more{

        display: none;

}

.home-news-post{

        border-bottom: 1px dotted #223a4a;

}

.home-news-post h4{

        padding-top: 25px;
	    font: 300 18px/20px 'Montserrat', sans-serif;
	

}

.event .sec_side {

	margin: 0;

	overflow: hidden;

}

.event .sec_side h2 {

	color: #223a4a;

	font: 700 23px/26px 'Montserrat', sans-serif;

	padding: 60px 0 0;

}

.trail-block h1{

        padding: 30px 0px 30px 30px;
        color: #223a4a;
        font: 600 30px/34px 'Montserrat', sans-serif;
        margin: 20px 0;
        text-transform: uppercase;

}

.trail-block h4{
		font: 300 18px/20px 'Montserrat', sans-serif;
}



.trail-block .read {

       display: inline-block;
       text-align: center;
	   background-color: #abbbbc;
       padding: 10px 15px;
       color: white;
	   border: 3px solid #008246;
	   border-radius: 10% / 20%;
       margin: 10px 0px 60px 27px;

}

.trail-block .read:hover {

	color: #FFFFFF;
	background: #008246;

}


.title-holder {

        height: auto;

        width: 100%;

}

.title-holder .cir-image {

        width: 15px;

        height: 100%;

	margin: 12px 10px 0px 0px;

        float: left;

}

.title-holder h4 {

       float: left;
    
       width: 90%;

}

.trail-block .text-block p {

       padding-left: 27px;

       padding-right: 27px;

}


.sec_side .trail-block {

	overflow: hidden;

	margin: 0;

}

.sec_side .trail-block .four_columns {

	overflow: hidden;

	padding: 0;

}

.sec_side .trail-block .four_columns .column {

	vertical-align: middle;

	display: inline-block;

	width: 66%;

	margin: 0 0 23px;

}

.sec_side .trail-block .column .text-block {

	overflow: hidden;

	margin: 0;

}

.sec_side .trail-block .column .text-block h4 {

	margin: 0 0 10px;

	color: #0d2d47;

	font: 600 18px/20px 'Montserrat', sans-serif;

}

.sec_side .trail-block .column .text-block p {

	color: #0d2d47;

	font: 300 14px/19px 'Open Sans', sans-serif;

}

.sec_side .trail-block .column .text-block a {

	display: inline-block;

	border: 3px solid #008246;

	padding: 2px 20px;

	color: #008246;

	float: right;

}

.sec_side .trail-block .column .text-block a:hover {

	color: #FFFFFF;

	background: #008246;

}


.footer-1 {

	overflow: hidden;

	width: 100%;

	background: url(images/footer-image.png) no-repeat;

	background-size : cover;

	background-position: 100% 100%;

	padding: 0px 0px 50px 0px;

}

.footer-1-title{

       color: #ffffff;

       font: 700 30px/32px 'Montserrat', sans-serif;

       padding: 60px 0 0;

       text-align: center;

       text-transform: uppercase;

}

.footer-1 img {

	display: block;

	height: auto;

	width: 100%;

}

.circle-image {


	overflow: hidden;

	padding: 0;

}


.circle-img-title {

       color: #ffffff;

       font: 200 14px/16px 'Montserrat', sans-serif;

       padding: 10px 0 0;

       text-align: center;

       text-transform: uppercase;
 
       width: 75%;

       margin: 0px auto;


}

.threeeClmn .conntetDes{

   line-height: 1.2em !important;

}



.content .threeeClmn {
	
    display: inline-block;
	
    margin: 0 0 10px 5px;
	
    vertical-align: top;
	
    width: 30%;
	
	background:#efefef;
}

.featuredImage {
	
	width: 100%;
     
        overflow: hidden;

}

.featuredImage img{
	
	width: auto !important;
	
	height: 300px;
	
	display: block;
	
	
}

.FeatImageSingle{

        max-width: 50% !important;
		max-height: auto !important;
        margin: 0px auto !important;

}

.headingTitle h2 {
	
	font: 600 14px/16px "Montserrat",sans-serif;
	
	margin: 10px 0 10px;
	
}
.headingTitle h2 a{
	
	color:#000;
}
.headingTitle h2 a:hover{
	color:#8A8888;
}

.entry-date {
	
    color: #00557b;
	
	display: block;
	
    margin: 0 0 5px;
}

time.updated{

    display: none;

}

.byline{


    display: none;

}


.posted-on{

    width: 100% !important;

}
.readmorepost a {
	
    float: right;
	
	margin: 0 10px 20px;
	
	 color: #00557b;
	 
	 text-transform:uppercase;
}
.readmorepost a:hover{
	
	text-decoration:underline;
}
.conntetDes {
	
    padding: 0 0 0 12px;
	
	margin: 0 0 20px;
	
}
.headingTitle {
	
    padding: 0 0 0 12px;
	
}



.footer-1 .four-columns {

	overflow: hidden;

	padding: 0px;

	text-align: center;

}

.footer-1 .four-columns .column {

	vertical-align: top;

	display: inline-block;

	width: 15%;

	margin: 0;

}

.footer-1 .four-columns .column .circle-holder {

	padding: 50px 0px 0px 0px;

	overflow: hidden;

}

.footer-1 .four-columns .column .circle-holder .cir-image {

	margin: 0 auto 25px;

	width: 150px;

	line-height: 150px;

	border-radius: 20px;

	background: #FFFFFF;

	height: 150px;

	position: relative;

	overflow: hidden;

	padding: 50px 0;
        
         -webkit-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);

}

.footer-1 .four-columns .column .circle-holder .cir-image .cirle-img {

        margin: 0px auto;

	width: 150px;

        position: relative;
        top: 50%;
        transform: translateY(-50%);

}

.footer-1 .four-columns .column .circle-holder .cir-image .cirle-img img {

	display: block;

	height: auto;

	width: 100%;

        margin-left: 0px !important;

}

.footer-1 .four-columns .column .circle-holder h4 {

	color: #019556;

	font: 600 15px/18px 'Montserrat', sans-serif;

	text-transform: uppercase;

	text-align: center;

	margin: 0;

}

.footer-2 {

	overflow: hidden;

	padding: 70px 0;

	width: 100%;

}

.footer-2 .four-columns {

	overflow: hidden;

	padding: 0;

	text-align: center;

}

.footer-2 .four-columns .column {

	vertical-align: top;

	display: inline-block;

	width: 33%;

	margin: 0;

}

.footer-2 .four-columns .column .foter-text {

	overflow: hidden;

	padding: 0;

}

.footer-2 .four-columns .column .foter-text .icon-image {

	color: #013e59;

	font-size: 50px;

	margin: 0 25px 0 0;

	height: 80px;

	width: 80px;

	line-height: 80px;

	text-align: center;

	border: 2px solid #019556;

	border-radius: 100px;

	float: left;

}

.footer-2 .four-columns .column .foter-text .icon-image a { color: #013e59; }

.footer-2 .four-columns .column .foter-text .inner-text {

	display: block;

	overflow: hidden;

	text-align: left;

}

.footer-2 .four-columns .column .foter-text .inner-text h2 {

	color: #019556;

	font: 600 24px/26px 'Montserrat', sans-serif;

}

.footer-2 .four-columns .column .foter-text .inner-text p {

	color: #013e59;

	font: 400 14px/20px 'Open Sans', sans-serif;

	margin: 0;

}

.footer-3 {

	overflow: hidden;

	padding: 0;

	text-align: center;
        
        background: #ffffff;

        padding-top: 20px;

}

.footer-3 .social-icons {

	margin: 0 0 30px;

	overflow: hidden;

}

.footer-3 .social-icons ul {

	margin: 0;

	padding: 0;

}

.footer-3 .social-icons ul li {

	display: inline-block;

	vertical-align: top;

	margin: 0 10px;

	width: 2%;

}

.footer-3 .social-icons ul li a {

	color: #013e59;

	font-size: 25px;

}

.footer-3 .social-icons ul li a:hover { color: #019556; }

.footer-3 .copyright {

	overflow: hidden;

	margin: 0 0 40px;

}

.footer-3 .copyright span {

	color: #746875;

	font: 400 13px/16px 'Open Sans', sans-serif;

	margin: 0;

}

.footer-3 .copyright span a { color: #013e59; }



@media only screen and (max-width:1283px) {

#nav { width: 75% }

.four_col .image-hold { width: 294px; }

/*						#nav ul li{

							margin: 0 0 0 30px;

						}*/

.four_col .col .text-hold.iner-text-1 {

	width: 100%;

	top: -73px;

}

.four_col .col .text-hold { top: 30%; }

}



@media only screen and (max-width:1204px) {

#header .logo { max-width: 160px; }

#nav {

	width: auto;

	padding: 18px 0 0;

}

#header .social-icon { padding: 18px 0 0; }

#nav ul li { margin: 0 0 0 25px; }

#nav ul li a {

	font-size: 16px;

	line-height: 18px;

}

#header .social-icon ul li { margin: 0 10px; }

.carousel .mask .slide .slide-holder {

	right: 24%;

	text-align: right;

	top: 50%;

}

.carousel .mask .slide .slide-holder h1 { margin: 0 0 30px; }

.pagination { left: 4%; }

.welcome { padding: 50px 0 0; }

.welcome .wel-text h2 {

	font-size: 30px;

	line-height: 36px;

}

.welcome .map-image { width: 723px; }

.panals .cycl {

	width: 560px;

	margin: 0 0 0 12.3%;

}

.four_col {

	top: 20.4%;

	text-align: center;

}

.panals { padding: 40px 0 50px; }

.four_col .image-hold { width: 245px; }

.four_col .col .text-hold {

	top: 27%;

	width: 95%;

	left: 3%;

}

.four_col .col {

	margin: 0 0 30px;

	width: 31.9%;

}

.four_col .col .text-hold h1 {

	font-size: 34px;

	line-height: 36px;

}

.four_col .col .text-hold.iner-text-1 h1 {

	font-size: 34px;

	line-height: 36px;

}

.odt-years {
    font-size: 44px;
}

.four_col .col .text-hold.iner-text-1 {

	top: -69px;

	width: 95%;

	left: 3%;

}

.olympic { padding: 30px 0 0; }

.olympic .oly-text-1 { margin: 0 auto 30px; }

.olympic .oly-text-1 h3 {

	font-size: 25px;

	line-height: 28px;

	margin: 0;

}

.oly-text .para p {

	font-size: 14px;

	line-height: 22px;

	margin: 0 0 30px;

}

.oly-text .para .get { padding: 15px 20px; }

.aside { margin: 0 110px 0 0; }

.aside .side-image { width: 300px; }

.aside .text-1 p {

	font-size: 12px;

	line-height: 18px;

}

.news-block .four_column .column {

	margin: 0 25px;

	width: 26.6%;

}

.sec_side .trail-block .four_columns .column {

	width: 92%;

	margin: 0 0 16px;

}

.footer-1 .circle-image { padding: 70px 0; }

.footer-1 .four-columns .column .circle-holder .cir-image {

	height: 130px;

	width: 130px;

}

.footer-1 .four-columns .column .circle-holder .cir-image .cirle-img { width: 116px; }

.footer-1 .four-columns .column {

	margin: 0 0 20px;

	width: 18%;

}

.footer-2 .four-columns .column { width: 40%; }

}


@media only screen and (max-width:1159px) {

.explore-trail{

       width: 300px;

}

#menu-get-involved{

       padding: 40px 20px;

}


}



@media only screen and (max-width:1023px) {


.iframScript {

        margin: 140px auto -100px;

}


.ai1ec-affix{

      top: 80px !important;

}

#header .top { padding: 10px 0; }

#header .logo { max-width: 110px; }

#nav {

	width: auto;

	padding: 20px 0 0;

}

#header .social-icon { padding: 16px 0 0; }

#nav ul li { margin: 0 0 0 10px; }

#nav ul li a {

	font-size: 13px;

	line-height: 16px;

}

#header .social-icon ul li { margin: 0 4px; }

.carousel .mask .slide .slide-holder {

	text-align: center;

	margin: 0 21% 0 0;

}

.carousel .mask .slide .slide-holder h1 {

	margin: 0 0 30px;

	font-size: 38px;

	line-height: 40px;

}

.carousel .mask .slide .slide-holder a { border: 4px solid #fff; }

.pagination { left: 6%; }

.welcome { margin: 0; }

.panals .cycl { width: 510px; }

.four_col .image-hold { width: 223px; }

.four_col .col .text-hold { top: 20%; }

.four_col .col .text-hold.iner-text-1 { top: -85px; }

.four_col .col .text-hold h1 {

	font-size: 32px;

	line-height: 34px;

}

.four_col .col .text-hold.iner-text-1 h1 {

	font-size: 32px;

	line-height: 34px;

}
.odt-years {
    font-size: 42px;
}

.olympic .olympic-image .oly-text { top: 15%; }

.olympic .oly-text-1 {

	width: 100%;

	margin: 0 auto 30px;

}

.aside {

	margin: 0;

	width: 100%;

}

.event .sec_side {

	width: 100%;

	text-align: center;

}

.event .sec_side h2 { padding: 20px 0 0; }

.sec_side .trail-block .column .text-block a { float: none; }

.footer-1 .four-columns .column { width: 25%; }

.oly-text .para {

	margin: 0 7%;

	text-align: center;

	width: 85%;

}

.sec_side .trail-block .column .text-block h4 {

	font-size: 16px;

	line-height: 18px;

}

.news-block .four_column .column .col_txt { text-align: center; }

.news-block .four_column .column .col_txt h4 {

	font-size: 14px;

	line-height: 16px;

}

}


@media only screen and (max-width:938px) {


.map-switcher-desktop{

       display: none;
   
       text-decorate: none;

       border: none;

}

.map-switcher-mobile{

       display: inline-block;

       text-decorate: none;

       border: none;


}


.map-switcher-desktop-front{

       display: none;

}

.map-switcher-mobile-front{

       display: block;

}

.explore.news-wrap .explore-trail{

        width: 100% !important;

       max-width: 100% !important;

       float: none;
  
       text-align: center !important;

}

.explore-trail{

       width: 100% !important;

       max-width: 100% !important;

       float: none;
  
       text-align: center !important;
}

.explore-aside{

       width: 100% !important;

       float: none;

}
}


@media only screen and (max-width:767px) {

.footer-1-title{

   padding: 20px 0px 20px 0px;

}

.footer-1 .four-columns .column {
    margin: 0 0 0px;
}

.footer-1 .four-columns .column .circle-holder {

	padding: 10px 0px 0px 0px;

}

.board-img{

        margin: 0px auto;

}

.interactive-map{

        display: none;

}

.js-slide-hidden { position: absolute !important; }

.mega-mobile-nav{ margin-top: -60px !important; }

.mega-toggle-close{ 

    top: -80px !important;
    right: 33px !important;

}

.form-opener { display: block; }

.search-form .js-slide-hidden { position: absolute !important; }

.opener {

	width: 32px;

	height: 45px;

	position: relative;

	display: block;

	left: 0;

	margin: 0;

	top: 0;

}

.opener:before, .opener:after, .opener span {

	background: #013e59;

	border-radius: 4px;

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	height: 4px;

	margin-top: -5px;

	-moz-transition: all 0.25s linear;

	-webkit-transition: all 0.25s linear;

	-o-transition: all 0.25s linear;

	transition: all 0.25s linear;

}

#nav ul { margin: 0; }

.opener:hover { opacity: 0.7; }

#nav ul {

	text-transform: uppercase;

	width: 100%;

	padding: 0;

	float: left;

	-moz-transition: all 0.25s linear;

	-webkit-transition: all 0.25s linear;

	-o-transition: all 0.25s linear;

	transition: all 0.25s linear;

	position: relative;

	text-align: center;

}

#nav ul li {

	display: block;

	border: 1px solid #000000;

	margin: 0;

	padding: 0;

}

#nav ul li a {

	padding: 10px;

	display: block;

	color: #000;

	text-decoration: none;

}

#nav ul li a:hover { color: #000; }

#nav .btns li a { border-radius: 0; }

.opener:before, .opener:after {

	content: '';

	top: 30%;

}

.opener:after { top: 70%; }

.active .opener span { opacity: 0; }

.active .opener:after, .active .opener:before {

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	top: 50%;

	left: 15%;

	right: 15%;

	background: #013e59;

}

.active .opener:after {

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

.open-close .drop {

	max-height: 0;

	-webkit-transition: all 0.25s linear;

	transition: all 0.25s linear;

	position: absolute;

	left: 0;

	top: 100%;

	overflow: hidden;

	width: 100%;

	z-index: 99999;

	padding: 0;

	color: #000;

	background: #fff;

}

.open-close .drop .slide {

	overflow: hidden;

	-moz-transition: all 0.25s linear;

	-webkit-transition: all 0.25s linear;

	-o-transition: all 0.25s linear;

	transition: all 0.25s linear;

	-webkit-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	-o-transform: translateY(-100%);

	transform: translateY(-100%);

	text-align: center;

}

.open-close .drop ul:after { display: none; }

.open-close.active .drop { max-height: 4000px; }

.open-close.active .drop .slide {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

}

#header .logo { max-width: 140px; }

#nav {

	width: auto;

	padding: 18px 0 0;

}

.carousel .mask .slide .slide-holder { margin: 0; }

.carousel .mask .slide .slide-holder h1 {

	color: #fff;

	font-size: 50px;

	line-height: 54px;

	margin: 0 0 40px;

}

.carousel .mask .slide .slide-holder a {

	border: 2px solid #fff;

	color: #fff;

	padding: 20px 40px;

}

.welcome {

	padding: 35px 0 0;

	margin: 0;

}

.welcome .wel-text h2 {

	font-size: 26px;

	line-height: 28px;

}

.welcome .map-image { width: 643px; }

.four_col { top: 20.4% }

.four_col .image-hold { width: 173px; }

.four_col .col .text-hold { top: 23%; }

.four_col .col .text-hold.iner-text-1 { top: -57px; }

.four_col .col .text-hold.iner-text-1 h1 {

	font-size: 22px;

	letter-spacing: 0;

	line-height: 24px;

}

.four_col .col .text-hold.iner-text-1 h3 {

	font-size: 12px;

	line-height: 14px;

	margin: 0 0 15px;

}

.four_col .col .text-hold.iner-text-1 a { padding: 5px 8px; }

.four_col .col .text-hold h3 {

	font-size: 12px;

	line-height: 14px;

	margin: 0 0 15px;

}

.four_col .col .text-hold h1 {

	font-size: 22px;

	letter-spacing: 0;

	line-height: 24px;

}

.odt-years {
    font-size: 32px;
}

.four_col .col .text-hold a { padding: 5px 8px; }

.panals .cycl { width: 400px; }

.panals { padding: 30px 0 244px; }

.olympic .olympic-image .oly-text { top: 12%; }

.oly-text .para {

	margin: 0 3%;

	text-align: center;

	width: 96%;

}

.olympic .oly-text-1 {

	margin: 0 auto 30px;

	width: 100%;

}

.olympic .oly-text-1 h3 {

	font-size: 24px;

	line-height: 30px;

	margin: 0;

}

.oly-text .para p {

	font-size: 13px;

	line-height: 20px;

	margin: 0 0 40px;

}

.oly-text .para .get {

	font-size: 14px;

	line-height: 14px;

	padding: 10px 12px;

}

.aside {

	margin: 0;

	overflow: hidden;

	width: 100%;

}

.event .sec_side {

	margin: 0;

	overflow: hidden;

	width: 100%;

}

.aside h3 {

	font-size: 28px;

	line-height: 30px;

	padding: 50px 0 0;

}

.news-block h3 {

	font-size: 28px;

	line-height: 30px;

}

.news-block .four_column { margin: 0 0 20px; }

.news-block .four_column .column .col_txt h4 {

	font-size: 16px;

	line-height: 20px;

}

.news-block .four_column .column .col_txt p {

	font-size: 14px;

	line-height: 18px;

}

.news-block { margin: 0 0 10px; }

.event .sec_side h2 {

	padding: 50px 0 0;

	text-align: center;

}

.sec_side .trail-block {

	margin: 0 0 22px;

	overflow: hidden;

}

.sec_side .trail-block { text-align: center; }

.sec_side .trail-block .column .text-block a { float: none; }

.sec_side .trail-block .four_columns .column { width: 44%; }

.footer-1 .circle-image { padding: 60px 0; }

.footer-1 .four-columns .column .circle-holder .cir-image {

	height: 130px;

	margin: 0 auto 11px;

	text-align: center;

	width: 130px;

}

.footer-1 .four-columns .column {

	margin: 0 0 23px;

	width: 25%;

}

.footer-1 .four-columns .column .circle-holder h4 { text-align: center; }

.footer-2 { padding: 60px 0; }

.footer-2 .four-columns .column {

	width: 48%;

	margin: 0 15px 0 0;

}

.footer-2 .four-columns .column .foter-text .icon-image {

	font-size: 40px;

	height: 70px;

	line-height: 70px;

	margin: 0 20px 0 0;

	width: 70px;

}

.footer-2 .four-columns .column .foter-text .inner-text h2 {

	font-size: 22px;

	line-height: 24px;

	margin: 0 0 15px;

}

.footer-2 .four-columns .column .foter-text .inner-text p {

	font-size: 13px;

	line-height: 16px;

}

}



@media only screen and (max-width:639px) {

#header .logo { max-width: 110px; }

#header .top { padding: 5px 0; }

#nav { padding: 15px 0 0; }

#header .social-icon { padding: 15px 0 0; }

.mega-toggle-close{ 

    top: -62px !important;
    right: 30px !important;

}

.carousel .mask .slide .slide-holder h1 {

	color: #fff;

	font-size: 50px;

	line-height: 54px;

	margin: 0 0 40px;

}

.carousel .mask .slide .slide-holder a {

	border: 4px solid #fff;

	color: #fff;

	padding: 20px 40px;

}

.welcome { margin: 0; }

.welcome .map-image { width: 423px; }

.welcome .wel-text h2 {

	font-size: 24px;

	line-height: 23px;

}

.welcome .wel-text h2 {

	font-size: 24px;

	line-height: 30px;

}

.four_col {

	top: 16.4%;

	text-align: center;

}

.four_col .image-hold { width: 185px; }

.four_col .col {

	width: 45.9%;

	margin: 0 0 30px;

}

.panals { padding: 30px 0 50px; }

.olympic .oly-text-1 h3 {

	font-size: 18px;

	line-height: 22px;

	margin: 0 0 20px;

}

.olympic .oly-text-1 { margin: 0 auto 10px; }

.oly-text .para p {

	font-size: 10px;

	line-height: 16px;

	margin: 0 0 20px;

}

.oly-text .para p {

	font-size: 10px;

	line-height: 16px;

	margin: 0 0 20px;

}

.aside h3 {

	font-size: 24px;

	line-height: 26px;

	padding: 30px 0 0;

}

.aside .aside-1 {

	overflow: hidden;

	padding: 15px 0 0;

}

.aside .side-image {

	width: 200px;

	float: none;

	margin: 0 auto 30px;

}

.aside .text-1 { text-align: center; }

.aside .text-1 p {

	font-size: 12px;

	line-height: 18px;

	text-align: center;

}

.aside .text-1 a {

	float: none;

	text-align: center;

}


.news-block .four_column .column {

	margin: 0 25px;

	width: 38.6%;

}

.footer-1 .four-columns .column {

	margin: 0 0 23px;

	width: 42%;

}

.footer-2 .four-columns .column {

	margin: 0 15px 0 0;

	width: 46%;

}

.footer-2 .four-columns .column .foter-text .icon-image {

	font-size: 30px;

	height: 50px;

	line-height: 50px;

	margin: 0 10px 0 0;

	width: 50px;

}

.footer-2 .four-columns .column .foter-text .inner-text h2 {

	font-size: 18px;

	line-height: 22px;

	margin: 0 0 8px;

}

.footer-2 .four-columns .column .foter-text .inner-text p {

	font-size: 12px;

	line-height: 16px;

}

.footer-2 { padding: 30px 0; }

.footer-3 .social-icons { margin: 0; }

}



@media only screen and (max-width:479px) {


.footer-1{

     padding-top: 30px !important;

     padding-bottom: 30px !important;

}

.footer-1 .circle-image {

     padding-top: 0px !important;
     padding-bottom: 0px !important;

}


.image-hold{

      width: 100% !important;

}


.four_col > .col{

      padding-top: 10% !important;


}

.col-mobile-expand{

      padding: 50px 0 !important;
      margin-top: 70px !important;

}

.welcome{

        -webkit-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);
        box-shadow: 0px 3px 29px -6px rgba(0,0,0,0.43);

}

.banner{


       height: 550px;

}


.carousel .pagination {

       top: 70%;
       margin: 0px auto;
       left: 0;
       right: 0;
       text-align: center;

}

.iframScript {

        margin: 120px auto -90px;

}

#header .logo { max-width: 80px; }

#nav { padding: 6px 0 0; }

.mega-mobile-nav{ margin-top: -45px !important; }


.mega-toggle-close{   

        top: -46px !important;
        right: 40px !important;

}


#header .social-icon { padding: 6px 0 0 8px; }

.carousel .mask .slide .slide-holder { margin: 0; }

.carousel .mask .slide .slide-holder h1 {

	color: #fff;

	font-size: 34px;

	line-height: 38px;

	margin: 0 0 40px;

}

.carousel .mask .slide .slide-holder a {

	border: 4px solid #fff;

	color: #fff;

	padding: 14px 20px;

}

.pagination { top: 80%; }

.welcome {

	padding: 27px 0 0;

	margin: 0;

}

.carousel .slideset .slide { padding: 130px 0; }

.welcome .wel-text h2 {

	font-size: 18px;

	line-height: 22px;

	margin: 0 0 12px;

}

.panals { padding: 30px 0 50px; }

.four_col .image-hold {

	padding: 15px 0;

	width: 100%;

}

.olympic { padding: 0; }

.four_col .col .text-hold h1 { font-size: 18px; }

.four_col .col .text-hold.iner-text-1 h1 { font-size: 18px; }

.odt-years {
    font-size: 28px;
}

.four_col { top: -50px; }

.four_col .col {

	margin: 0;

	padding: 24% 0 0;

	width: 57.9%;

}

.four_col .col:last-child { padding: 40px 0 0; }

.four_col .image-hold img { display: none; }

.olympic .oly-text-1 h3 {

	font-size: 16px;

	line-height: 22px;

	margin: 0 0 30px;

}

.olympic .oly-text-1 {

	margin: 0 auto 5px;

	width: 100%;

}

.oly-text .para p {

	font-size: 14px;

	line-height: 18px;

	margin: 0 0 40px;

}

.olympic .olympic-image .oly-text {

	margin: 0;

	top: 1%;

}

.oly-text .para .get {

	font-size: 16px;

	line-height: 18px;

	padding: 12px 16px;

}

.aside h3 {

	font-size: 20px;

	line-height: 24px;

	padding: 40px 0 0;

}

.aside .aside-1 { padding: 15px 0 0; }

.aside .side-image {

	width: 150px;

	float: none;

	margin: 0 auto 30px;

}

.aside .text-1 { text-align: center; }

.aside .text-1 a { float: none; }

.news-block .four_column .column {

	margin: 0 15px 20px;

	width: 80.6%;

}

.sec_side .trail-block .four_columns .column { width: 100%; }

.footer-1 .four-columns .column {

	margin: 0 0 23px;

	width: 80%;

}

.footer-2 .four-columns .column {

	margin: 0 15px 20px 0;

	width: 100%;

}

.footer-2 { padding: 40px 0; }

.footer-3 .social-icons { margin: 0 0 15px; }

}

/*Seconed Page Style	*/


.page-numbers.page-num{

         padding-right: 20px;

}















.background-body {

	overflow: hidden;

	width: 100%;

	background: url(https://olympicdiscoverytrail.org/wp-content/uploads/2017/07/JoyWetterlundODTFBP.jpg) no-repeat;

	background-size : cover;

	/*background-position:100% 100%;*/

	padding: 0;

	background-attachment: fixed;

}

.background-body img {

	display: block;

	width: 70%;
	
	height:auto;

}


.featuredImage img { height:150px; }

#header {

	width: 100%;

	z-index: 9999;

}

#main { 


        overflow: hidden; 

        width: 100%;

}

#main .explore {

	overflow: hidden;

	padding: 180px 0 60px;

        position: relative;

}

#main .explore .explore-aside {

	margin: 0 30px 0 0;

	background: #ffffff;

	width: 66%;

        float: left;

}

.interactive-map{

        margin-top: -20px;
    
        padding: 0px 50px;
 

}

.torn-edge{

        margin: 0 30px 0 0;
        width: 66%;
        float: left;
        background-image: url(https://olympicdiscoverytrail.org/wp-content/uploads/2017/07/torn-edge-01-1.png);
        background-position: center;
        background-size: 100%;
        background-repeat: no;
        height: 25px;
      
}

.torn-edge.fullWidth{

        width: 100% !important;

}


#main .explore .explore-aside .explore-text {

	overflow: hidden;

	padding: 30px 60px 30px;

}

#main .explore .explore-aside .explore-text h1 {

	color: #223a4a;

	font: 600 30px/34px 'Montserrat', sans-serif;

	margin: 20px 0;

	text-transform: none;

}

#main .explore .explore-aside .explore-text h4 {

		font: 400 24px/24px;
        color: #008246;

}

#recent-posts-2 ul {
    margin: 20px 0;
    padding: 0 20px;
}
#recent-posts-2 li {
    margin: 0 0 20px;
}

#recent-posts-2 a{
	color:#0d2d47;
	font: 300 16px/20px 'Montserrat bold', sans-serif;
}

.screen-reader-text {
    float: left;
    margin: 0 12px 0 0;
	font: 600 15px/32px 'Montserrat bold', sans-serif;
}
.posted-on {
    float: left;
    width: 27%;
}

#main .explore .explore-aside .explore-text p {

	color: #223a4a;

	font: 300 20px/24px 'Montserrat', sans-serif;

}


.explore-trail {

	overflow: hidden;

	margin: 72px 0 0;

	display: block;

        float: right;
 
        max-width: 350px;

}

.explore-trail .trail-image {

	overflow: hidden;

	width: 100%;

	background: url(images/trail-img.png) no-repeat;

	background-size : cover;

	background-position: 100% 100%;

	padding: 0;

}

.explore-trail .trail-image img {

	display: block;

	height: auto;

	width: 100%;

}

.explore-trail .trail-image h2 {

	color: #FFFFFF;

	font: 600 24px/26px 'Montserrat', sans-serif;

	background: #223a4a;

	padding: 20px 0;

	text-align: center;

	margin: 0;

}

.SideMenu .menu {

	overflow: hidden;

	padding: 30px 30px 30px;

}

.SideMenu .menu { margin: 0; }

.SideMenu .menu li { margin: 0 0 18px; }

.SideMenu .menu li a {

	color: #223a4a;

	font: 600 18px/20px 'Montserrat', sans-serif;

}

.inner-tra .east-end {

	overflow: hidden;

	padding: 0 30px;

	margin: 0;

}

.SideMenu .menu .menu-item-has-children .sub-menu {

	padding-left: 30px;

	margin: 11px 0px;

}

.SideMenu .menu .menu-item-has-children .sub-menu li a {

	font-size: 15px;

	color: #646262;

	font-weight: normal;

}

.SideMenu .menu .menu-item-has-children .sub-menu li { margin: 0 0 0px; }

.inner-tra .east-end li { margin: 0 0 7px; }

.inner-tra .east-end li a {

	color: #646262;

	font: 600 15px/18px 'Montserrat', sans-serif;

}

.inner-tra .advn-rout {

	overflow: hidden;

	padding: 0;

	margin: 0;

}

.inner-tra .advn-rout li { margin: 0 0 7px; }

.inner-tra .advn-rout li a {

	color: #223a4a;

	font: 600 18px/20px 'Montserrat', sans-serif;

}

.footer_section {

	overflow: hidden;

	background: rgba(255,255,255, 0.95);

	margin: 0;

}


.ai1ec-main-container{

       background: #ffffff;
       padding: 20px 20px 40px;
       margin-bottom: 80px;


}


.news-fix-upper{

       padding-bottom: 0px !important;

}

.news-fix-aside{

      margin-bottom: 0px !important;

      width: 100% !important;

}

.news-fix-lower{

       padding-top: 0px !important;

}

.explore.news-fix-lower {
    width: 66%;
}

.calendar-fix{

       background: #ffffff;
       margin-top: 160px;

}

.calendar-fix h1{

       padding: 30px 0px 0px 30px;

}


#ai1ec_agenda_widget-3{

      margin-bottom: 40px !important;

}

.ai1ec-agenda-widget-view{

      margin-bottom: 40px !important;

}

.ai1ec-affix{

      top: 90px !important;
      z-index: 9990 !important;

}

.events {

	overflow: hidden;

	padding: 0;

	background: #f6f6f6;

	overflow: hidden;

	margin: 35px 0 35px;

}

.events h3 {

	color: #223a4a;

	font: 700 30px/32px 'Montserrat', sans-serif;

	padding: 60px 0 0;

	text-align: center;

}

.events .events-1 {

	overflow: hidden;

	padding: 30px 33px 40px;

}

.events .events-image {

	width: 355px;

	margin: 0 9px 0 0;

	float: left;

}

.events .events-image img {

	display: block;

	height: auto;

	width: 100%;

}

.events .text-2 {

	overflow: hidden;

	padding: 0 80px;

}

.events .text-2 p {

	font: 300 14px/21px 'Open Sans', sans-serif;

	color: #606060;

	margin: 0;

}

.events .text-2 a {

	color: #008246;

	font: 400 12px/14px 'Montserrat', sans-serif;

	border: 3px solid #008246;

	padding: 10px 20px;

	display: inline-block;

	float: right;

	margin: 40px 0 0;

}

.events .text-2 a:hover {

	color: #FFFFFF;

	background: #008246;

}

.fullwidthpageSection {

	width: 100% !important;

	margin-bottom: 35px !important;

}

.ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {

	font-size: 14px!important;

	color: #fff!important;

}

.ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {

	color: #fff!important;

	background: #019556!important;

}

.ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {

	color: #fff!important;

	background: #019556!important;

}



@media only screen and (max-width:1283px) {

/*#nav{

							 width: 75% !important;

							}*/

						/*.four_col .image-hold{

							width: 294px;

						}*/

						/*#nav ul li{

							margin: 0 0 0 30px;

						}*/

.four_col .col .text-hold.iner-text-1 {

	width: 93%;

	top: 35px;

}

.four_col .col .text-hold { top: 10%; }

.four_col .image-hold {
    width: 276px;
}
.four_col .col .text-hold.iner-text-1 {
    top: -85px;
	margin:0;
}

}



@media only screen and (max-width:1204px) {

.events .events-image {

	float: none;

	margin: 0 auto 30px;

	width: 385px;

}

.events .text-2 {

	overflow: hidden;

	padding: 0;

	text-align: center;

}

.events .text-2 p {

	font-size: 16px;

	line-height: 18px;

}

.events .text-2 a { float: none; }

.content .threeeClmn{
	
	width: 48%;
}

.headingTitle{
	padding:0;
	text-align:center;
}
.conntetDes{
	padding: 0 10px;
	text-align:center;
}
.readmorepost a{
	float:none;
	margin:0 auto 10px;
	text-align:center;
	display:block;
}
.panals {
    padding: 40px 0 30px;
}
.panals::after {
    right: 24%;
    top: -3%;
    width: 700px;
}
.four_col .col .text-hold.iner-text-1 {
    top: -123px;
	margin:0;
}
.four_col .col .text-hold h3::after{
	margin:0 auto;
	text-align:center;
	 top: 25px;
	}


}


@media only screen and (max-width:1198px) {

.torn-edge{

       margin-bottom: -1px;
       height: 22px;

}

}

@media only screen and (max-width:1042px) {

.torn-edge{

       margin-bottom: -1px;
       height: 21px;

}

}



@media only screen and (max-width:1023px) {

.torn-edge{ width: 61%; }

#main .explore { padding: 110px 0 0; }

#main .explore .explore-aside { width: 61%; }
.explore.news-fix-lower {
    width: 61%;
}

#main .explore .explore-aside .explore-text { padding: 40px 20px 30px; }

#main .explore .explore-aside .explore-text h1 {

	font-size: 34px;

	line-height: 38px;

	margin: 0 0 30px;

}

#main .explore .explore-aside .explore-text p {

	font-size: 20px;

	line-height: 24px;

}

.explore-trail { margin: 75px 0 0; }

.explore-trail .trail-image h2 {

	font-size: 18px;

	line-height: 20px;

}

.inner-tra {

	overflow: hidden;

	padding: 30px 20px;

}

.aside {

	margin: 0;

	width: 100%;

}

.content .threeeClmn{
	
	width: 48%;
}

.headingTitle{
	padding:0;
	text-align:center;
}
.conntetDes{
	padding:0;
	text-align:center;
}
.readmorepost a{
	float:none;
	margin:0 auto 10px;
	text-align:center;
	display:block;
}
.panals {
    padding: 40px 0 10px;
}

.panals::after {
    right: 10%;
    top: -3%;
    width: 700px;
}
.four_col .col .text-hold.iner-text-1 {
    top: -115px;
	margin:0;
}
.four_col .col .text-hold h3::after{
	margin:0 auto;
	text-align:center;
	 top: 25px;
	}
.four_col .image-hold {
    width: 236px;
}

}


@media only screen and (max-width:909px) {

.about-us-logo-push{

        width: 100% !important;

}


.wp-image-488 { 


        max-width: 100px !important;
        height: auto !important;
        float: none !important;
        margin: 0px auto !important;

}

.torn-edge{

       margin-bottom: -1px;
       height: 18px;

}

}


@media only screen and (max-width:825px) {

.torn-edge{

       display: none;

}

}


@media only screen and (max-width:767px) {

.js-slide-hidden { position: absolute !important; }

.form-opener { display: block; }

.search-form .js-slide-hidden { position: absolute !important; }

#main { margin: 0px auto; width: 100%; }

#main .explore { padding: 120px 0 0; }

#main .explore .explore-aside {

	margin: 0;

	width: 100%;

	float: none;

}



#main .explore .explore-aside .explore-text {

	overflow: hidden;

	padding: 50px 50px 10px;

	text-align: center;

        width: 100%;

}

#main .explore .explore-aside .explore-text h1 { margin: 0 0 30px; }

.explore-trail { margin: 50px 0 0; }

.inner-tra { text-align: center; }

.events {

	margin: 0;

	overflow: hidden;

	width: 100%;

}

.events h3 {

	font-size: 28px;

	line-height: 30px;

	padding: 50px 0 0;

}

.events .events-image {

	float: none;

	margin: 0 auto 30px;

	width: 355px;

}

.events .text-2 {

	overflow: hidden;

	padding: 0 20px;

	text-align: center;

}

.events .text-2 a { float: none; }

.content .threeeClmn{
	
	width: 48%;
}

.headingTitle{
	padding:0;
	text-align:center;
}
.conntetDes{
	padding:0;
	text-align:center;
}
.readmorepost a{
	float:none;
	margin:0 auto 10px;
	text-align:center;
	display:block;
}

.four_col .col .text-hold h1{
	min-height: 110px;
}

.four_col .col .text-hold.iner-text-1{
	top: -32px;
}
.four_col .col .text-hold.iner-text-1 h1{
	min-height: 110px;
}
.panals {
    padding: 30px 0 20px;
}
.four_col .col .text-hold {
    top: 8%;
}
.four_col .col {
    margin: 0 0 30px;
    width: 41.9%;
}
.four_col .image-hold {
    width: 220px;
}
.four_col .col .text-hold.iner-text-1 {
    top: -113px;
	margin:0;
}

.four_col .col .text-hold h3::after{
	margin:0 auto;
	text-align:center;
	 top: 22px;
	}
.panals::after {
    right: 0%;
    top: 4%;
    width: 700px;
}

}



@media only screen and (max-width:639px) {

.welcome .map-image {
    margin: -80px auto!important;
    width: 200%;
    left: -200px;
    padding-bottom: 30px;

}


.ai1ec-affix{

      top: 50px !important;

}

#main .explore {

	overflow: hidden;

	padding: 110px 0 0;

}

.torn-edge{ display: none; }


#main .explore .explore-aside {

	margin: 0;

	float: none;

	width: 100%;

}

#main .explore .explore-aside .explore-text {

	padding: 30px;

	text-align: center;

}

#main .explore .explore-aside .explore-text h1 { margin: 0 0 30px; }

.explore-trail { margin: 52px 0 0; }

.inner-tra { text-align: center; }

.events h3 {

	font-size: 24px;

	line-height: 26px;

	padding: 30px 0 0;

}

.events .events-1 {

	overflow: hidden;

	padding: 15px 0 0;

	text-align: center;

}

.events .events-image {

	float: none;

	margin: 0 auto;

	width: 305px;

}

.events .text-2 {

	overflow: hidden;

	padding: 30px 40px 0;

}

.events .text-2 p {

	font-size: 12px;

	line-height: 18px;

	text-align: center;

}

.events .text-2 a {

	float: none;

	text-align: center;

	margin: 40px 0 30px;

}

.content .threeeClmn{
	
	width: 100%;
}

.headingTitle{
	padding:0;
	text-align:center;
}
.conntetDes{
	padding:0;
	text-align:center;
}
.readmorepost a{
	float:none;
	margin:0 auto 10px;
	text-align:center;
	display:block;
}

.four_col .col .text-hold h1{
	min-height: 110px;
}
.four_col .col .text-hold.iner-text-1 {
    margin: 0;
    top: -95px;
}

.four_col .col .text-hold.iner-text-1{
	margin: 0;
}
.four_col .image-hold {
    width: 180px;
}
.four_col .col .text-hold.iner-text-1 h1{
	min-height: 113px;
}

.four_col .col .text-hold h3:after{
	margin:0 auto;
	text-align:center;
	 top: 22px;
	}
.panals::after {
    right: -13%;
    top: -5%;
    width: 700px;
}


.featuredImage img { height:auto!important;}

}



@media only screen and (max-width:479px) {

#main .explore .explore-aside {

	margin: 0;

	width: 100%;

	float: none;

}

#main .explore {

	overflow: hidden;

	padding: 90px 0 0;

}

#main .explore .explore-aside .explore-text {

	padding: 40px 20px 15px;

	text-align: center;

}

#main .explore .explore-aside .explore-text h1 {

	font-size: 24px;

	line-height: 28px;

	margin: 0 0 20px;

}


#main .explore .explore-aside .explore-text p {

	font-size: 18px;

	line-height: 22px;

}

.explore-trail { margin: 50px 0 0; }

.explore-trail .trail-image h2 {

	font-size: 24px;

	line-height: 28px;

}

.inner-tra {

	padding: 20px;

	text-align: center;

}

.events h3 {

	font-size: 20px;

	line-height: 24px;

	padding: 40px 0 0;

}

.events .events-1 { padding: 15px 0 0; }

.events-1 .events-image {

	width: 150px;

	float: none;

	margin: 0 auto 30px;

}

.events .text-2 {

	text-align: center;

	padding: 0 20px;

}

.events .text-2 a {

	float: none;

	margin: 40px 0 30px;

}

.four_col .col .text-hold { top: 30%; }



.cir-image { display: none; }

.content .threeeClmn{
	
	width: 100%;
}

.headingTitle{
	padding:0;
	text-align:center;
}
.conntetDes{
	padding:0;
	text-align:center;
}
.readmorepost a{
	float:none;
	margin:0 auto 10px;
	text-align:center;
	display:block;
}
.panals:after{
	display:none;
}

.four_col .col {
    margin: 0;
    padding: 20% 0 0;
    width: 70%;
}

.four_col .col .text-hold {
    top: 16%;
}

.four_col .col .text-hold.iner-text-1 {
    top: 3px;
    width: 93%;
	margin: -52px 0 0;
}
.four_col .col .text-hold h1{
	min-height:0;
}
.four_col .col .text-hold.iner-text-1 h1{
	min-height:0;
}
.four_col .col .text-hold h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
}
.four_col .col .text-hold h1 {
    font-size: 22px;
    margin: 0 0 30px;
	line-height:24px;
}
.odt-years {
    font-size: 32px;
}
.four_col .col .text-hold h3::after{
	margin:0 auto;
	text-align:center;}


}