/*.container {
    width: 1135px;
}
*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css');
 
 
 

 
 
 
li.result h4 a:nth-child(1) {
  
color:#415665!important;

}

.pagination {
    margin: 50px 0px 20px;
}

.pagination > li > a, .pagination > li > span {
    padding: 10px 16px;
    color: #2f4757;
    font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
}



ul.pagination > li.active a {
   background-color:#eb212e!important;
    border-color: #eb212e!important;
    color: #ffffff;
    pointer-events: none;
    border-radius: 50%;



}


 p {

        font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
		font-size: 18px;
		line-height: 24px;
		/*color: #7B7A7B;*/
		color: #212529;
		margin-bottom: 20px;
		font-display: swap;
     
 }
 
    p a { color: #CE2631;}
    p a:hover { color: #B59766;}
 

     .thumbnail-placeholder, .carousel-placeholder {
        
        width: 70%; 
        z-index:0;
        position:static;
        order:2;
        padding-left:15%;
        padding-right:15%;
        overflow:hidden;
        margin-bottom: 20px;
    
    }



 ul.breadcrumbs {

	display: block;
	margin-left: 0;
	margin-bottom: 40px;
	padding:0;
	text-align: center;
	font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 28px;

}



ul.breadcrumbs li {

	display: inline-block;
	color: #fff;

}

ul.breadcrumbs li a {

	color: #fff;

}


ul.breadcrumbs li + li:before {
	
	content: '\f061';
	display: inline-block;
	font-family: 'fontAwesome';
	padding: 0 6px;
	color: #fff;
	-webkit-text-stroke: 2px #415665;


}

body.theme-layout-standard-page ul.breadcrumbs li + li:before {
    
color: #fff;
	-webkit-text-stroke: 2px #CE263b;
}



body {
        
        -webkit-font-smoothing: antialiased;
        padding-top: 56px;
        
    }



    body.home, body.theme-layout-front-page, body.theme-layout-content-page, body.theme-layout-standard-page {
        
        padding-top: 56px;
        
        
    }
    
    

.flexy {

	flex-direction : column;
	display: -webkit-flex; /* Safari */
    display: flex;
      overflow: hidden;
}

		
	

	.navbar-brand {

		padding: 0px; /* firefox bug fix */

	}

	.navbar-brand>img {

		height: 100%;
		padding: 15px 0px; /* firefox bug fix */
		width: auto;

	}





.bg-red { background: #CE263b;}
.bg-green { background-color: #415665!important;}


    .welcome, .main-content { order : 1;}
    
    
    @media screen and (min-width: 992px){.welcome-img { display: none;}}
  
  
    .welcome-img {

	margin-top: 26px;
    margin-bottom: 26px;
    max-width: 290px;
    
}
    
    
   

.img-responsive { width: 100%;height:auto;}
.img-responsive-right { float: right;
    width: 40%;
    height:auto;
    display: block;
    padding: 0 0 30px 30px;}

.main-content { margin-top: 26px;}

.main-content h2, .main-content h3 {
font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 22px;
color: #4A4A4A;

}

.main-content h3 { font-size: 20px;}
.main-content h2, .main-content h3 { text-align:left;}



 body.home .header-bg-dragon, body.theme-layout-front-page .header-bg-dragon, body.theme-layout-content-page .header-bg-dragon, body.theme-layout-standard-page .header-bg-dragon {

	height: 39rem;  /* was 45 */
	/*background: #CE263b url(/__data/assets/image/0007/632437/footer-dragon.png);*/
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    
    /*background: #CE263b url(/__data/assets/image/0007/632437/footer-dragon.png) no-repeat right top;
    background-position: 50% 50%;*/
    
    background: #CE263b url(/__data/assets/image/0007/632437/footer-dragon.webp) repeat;
    
    
    /*background: #CE263b url(/__data/assets/image/0009/670185/dragon-only-in-white.png) repeat;*/
    
   /* background-color: #415665;
    background-image: url('http://www.dunedinchinesegarden.com/__data/assets/image/0009/670185/dragon-only-in-white.png')*/
    background-size: 32%;
    background-blend-mode: multiply;
    z-index: -1;
    
       
 
}

body.theme-layout-standard-page .header-bg-dragon { height: 16rem;}/* changed from 20 to 16*/

/*body.theme-layout-content-page .header-bg-dragon { background: #415665 linear-gradient(to top,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);}*/
body.theme-layout-standard-page .header-bg-dragon { background: #CE263b linear-gradient(to top,rgba(0,0,0,.0) 0,rgba(0,0,0,0) 100%) url(/__data/assets/image/0007/632437/footer-dragon.png);}

.header-bg-dragon {

    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 11.5rem;
	
}


	.navbar-nav > li > a {

		margin-left: 48px;
		font-size: 18px;
		line-height: 18px;
		font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 600;
		letter-spacing: 3.6px;
		color: #fff;
		text-decoration: none;
		-webkit-background-clip: text;

	}

  .navbar-nav > li > a:hover { color: #B59766;}
  .dropdown-toggle::after { display: none;}
  .navbar-dark .navbar-nav .nav-link { color: #fff;}
  .white {color:#ffffff;}






	.gold-btn, .cta-btn {

        border-radius: 0rem;
        border: none;
        font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 3.6px;
        padding:14px 18px;
        float: right;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        background-color: #B59766;

	}

    .gold-btn:hover  {

      background-color: #415665;
      color: white; 

    }
    
    
    .cta-btn {

        background-color: transparent;
        border: 2px solid white;
        color: white; 
        
        

	}

    .cta-btn:hover  {

      background-color: #B59766;
      border: 2px solid #B59766;
      color: white; 

    }
    
    
    
    

    
    /* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 0px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
	border: 2px solid #B59766;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}


/* buy-pass button */

a.animated-button.buy-pass {
	border: 2px solid #fff;
	z-index: 1;
}
a.animated-button.buy-pass:after {
	background: #B59766;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}




    .search {

      list-style: none;
      margin: 0 30px;

    }

    .search icon-right {

      list-style: none;
      color: #fff;
      line-height: 0.5;
      margin: 5px 0 0 5px;
      display: inline-block;
      padding: 0;
      vertical-align: top;

    }
	
	
	.search a { color: #fff;}
	
    h1 {

      color: #fff;
      text-align:center;
      font-weight:700;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      margin-bottom: 50px;
      font-size: 48px;
      font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: 50px;


    }
    
    
     body.theme-layout-front-page .welcome h1 { width: 50%;}
     
     
     @media all and (max-width: 1199px) { 

      body.theme-layout-front-page .welcome h1 { width: 70%;}

    }
     
     
      @media all and (max-width: 991px) { 

      body.theme-layout-front-page .welcome h1 { width: 100%;}

    }
     
     
     
     @media all and (max-width: 500px) { .img-mobile-100 { width: 100%;} .img-responsive-right { width: 50%;}
}
     
     
     
     
     
     

     
    
    .main-content h1 {
    
      margin-top:0px;

    }


    .container #header-image {

      width: 80%;
      margin-left: auto;
      margin-right: auto;
      z-index: 1020;
      position: relative;

    }


    #nav-tile-section {

      padding: 0px 0px 80px;
      background-color: #39929f;

    }

	
	
	
	 /**** Social Footer ****/
	
    #social-footer {

      background-color: #CE2631;
      position: relative;
      overflow: hidden;
      padding: 30px 0px;
      font-size: 24px;
      color: #ffffff;
      width: 100%;
      font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 60px;
      margin-top: 70px;

    }

    #social-footer .row {

      -webkit-animation-duration: .8s;
      -moz-animation-duration: .8s;
      -ms-animation-duration: .8s;
      -o-animation-duration: .8s;

    }

    #social-footer a {

      font-size: 23px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      text-decoration: none;

    }


    #social-footer .fa-circle { color: #fff;}
    #social-footer .fa-inverse { color: #CE2631;}
    #social-footer a:hover .fa-inverse, #social-footer a:focus .fa-inverse { color: #A58653;}
    .subscribe-button { cursor: pointer; color:#fff;}
    #social-footer .subscribe-button:hover .fa-inverse, #social-footer .subscribe-button:focus .fa-inverse { color: #A58653; text-decoration:none;}
    .social-icon-img { width: 54px; margin-left: 5px;}
    
    
    
    @media (max-width:2200px) { .thumbnail-placeholder, .carousel-placeholder { width: 80%;}}
    @media (max-width:1700px) { .thumbnail-placeholder, .carousel-placeholder { width: 90%;}}
    @media (max-width:1400px) { .thumbnail-placeholder, .carousel-placeholder { width: 100%;}}
    @media (max-width: 991px) { #social-footer .fa-stack { font-size: 24px;}}
    @media (max-width: 767px) { #social-footer .text-right { text-align: center!important;}
    #social-footer { text-align: center; line-height:36px;}
    #social-footer .subscribe-button span { display: none;}
    #social-footer .subscribe-button { display: block; margin-bottom: 15px;}}
    
    
    /* When Newsletter is added delete the below CSS */
    
    .subscribe-copy, .subscribe-icons {
        
        text-align: center;
        
        
    }
    
    
    .subscribe-copy {
        
        display: none;
        
        
    }
    
    


    /* FOOTER */


    .main-footer {

      width: 100%;
      background: #2C2C2C; 	
      padding-top: 80px;
      padding-bottom: 80px;
      /*background: #2C2C2C url(/__data/assets/image/0007/632437/footer-dragon.png);*/
      overflow: visible;
      background-position: right;
      background-repeat: no-repeat;
      background-size: contain;
      background-origin: content-box;

    }

    .main-footer a:hover { color: #B59766;}
    /*.footer-nav div { height: 100%; width: 100%;}  */ 
    .email-icon { float: left;}

    .main-footer ul li a, .copyright p {

      color: #B1B1B0;
      font-size: 16px;
      line-height: 26px;
      font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
    
    }

    .main-footer ul li { color: #B1B1B0; margin-bottom:10px;}

    .main-footer h1 {

      font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      color: #B59766;
      letter-spacing: 2.8px;
      text-transform:uppercase;
      margin-top: 0px;
      text-align: left;
      padding: 0px;
      margin-bottom: 20px;
      width: 100%;

    }
    
      @media all and (max-width: 575px) { 

      .main-footer h1 { text-align: center;}

    }


		.main-footer .footer-contact li {
			
			 font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
             font-style: normal;
             font-weight: 700;
			 font-size: 16px;
             line-height: 26px;
			 color: #C8C8C8;
			letter-spacing: 0;			
			
		}


		.footer-contact button {
			
				background: transparent;
				border: 2px solid #9B9B9B;
				margin: 25px 0 0;
				margin-top: 10px;
				border-radius: 0;
				font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
                font-style: normal;
                font-weight: 700;
				font-size: 14px;
				color: #9B9B9B;
				letter-spacing: 2.8px;
				padding: 16px;
				text-transform: uppercase;

		}

    .footer-contact button:hover {

      color: #A58653;
      border: 2px solid  #B59766;

    }

    .main-footer h1 {

      letter-spacing: 2px;

    }

    .footer-logos {

      display: flex;
      align-items: center;

    }

    .copyright {

      color: #B1B1B0;
      margin-top: 10px;
       font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      color: #9FA3A7;
      letter-spacing: 0;
      line-height: 36px;

    }

  	.copyright-links, .copyright-links a {

  			text-align:  right;
  			padding-left: 5px;
  			color: #B1B1B0;
  			font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 600;
  			font-size: 14px;
            line-height: 36px;
  			color: #9FA3A7;
  			letter-spacing: 0;

  	}
  	
  	
  	.copyright-links ul li { display: inline;}


    .main-footer hr {

      border-color: #313131;
      margin: 30px 0px;

    }
    
    /* Does this need to be there? */
    
    .footer-contain {
        
      background: #2C2C2C url(/__data/assets/image/0007/632437/footer-dragon.webp);
      overflow: visible;
      background-position: right;
      background-repeat: no-repeat;
      background-size: contain;
      background-origin: content-box;
      max-width: 1140px;
   
    }
    
    
   



    /****** Navigation style ******/


        .new-nav {
        
            max-width: 1140px;
            margin: 0 auto;
        
        }


    .mobile-overlay-list {

      display: block;


    }


		.navbar-default {

		    height:65rem;
		    min-height:50%;
		    background-color:#CE2631;
		    border: none;
		    border-radius: 0;
		    background: #2C2C2C url(/__data/assets/image/0007/632437/footer-dragon.png);
		    /*background-image: url("http://www.dunedinchinesegarden.com/__data/assets/image/0006/631167/footer-dragon.png");*/
		    overflow: visible;
		    background-position: right;
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-origin: content-box;
		    padding-top: 55px;
		    position: relative;

		    }


		#myNavbar {
		    margin-top: 31px;
		    }

		navbar .btn {
		    border-radius: 0;
		    margin-left: 20px;
		    background-color: #B59766;
		    border: none;
		    padding-left: 30px;
		    padding-right: 30px;
		    padding-top: 12px;
		    padding-bottom: 12px;
		    letter-spacing: 2px;
		    margin-bottom: 0;
		    margin-top: 0;
		    box-shadow: none;
		    color: white;
		  
		   
		}

nav .buy-now:hover {
    transition: all 0.6s cubic-bezier(0.000, 0.000, 0.230, 1);
    color: #CE2631 !important;
    background-position: 0%;
}

nav .buy-now:active {
    transition: all 0.6s cubic-bezier(0.000, 0.000, 0.230, 1);
    color: #CE2631 !important;
    background-color: #B59766;
    background-position: 0%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none ;
}

.navbar .logo {
    display: inline-block;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;  
}

.navbar-default .navbar-nav > li > a {
    margin-left: 20px;
    letter-spacing: 3px;
    font-size: 16px;
    font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
    color: white;
}

.navbar-default .navbar-nav > li > a:hover {
    transition: all 0.8s ease;
    color:#A58653;
    background-position: 1%;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
    color:#A58653 !important;
    background-color: transparent !important;
}


.navbar-default .navbar-nav > li > a:focus {
    transition: all 0.8s ease;
    color:#B59766;
    background-position: 1%;
    background-color: transparent;
}

.navbar-default .navbar-nav li > .current {
  color: #B59766 !important;

}


nav > a {
  height:50%;
  padding-top:50px;
  font-weight:bold;
  }
  


nav .head-one {
    text-align: center;
    clear: both;
}

.search-full-view.dropdown-normal-screen {
    opacity: 1;
    z-index: 2;
    transform: scale(1);
}

.ser-input {
    border-color: transparent;
    border-bottom-color: #fff;
    color: white;
}
.ser-input:focus {
    border-color: transparent;
    color: white;
    border-bottom: 1px solid #fff;
}

.search-full-view {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #9F1E4F;
    opacity: 0;
    z-index: -1;
    transition: .5s all;
    background-image: url("/__data/assets/image/0009/879939/search-dragon.webp");
    overflow: visible;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 550px;
    background-origin: content-box;
    padding: 20px;
     font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
}

.dropdown-full-view {
    background-color: #415665;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.dropdown-full-view .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    min-width: 100%;
}

.dropdown-full-view .row .col-sm-9 {
    padding-top: 20px;
    min-width: 100px;
}


.dropdown-full-view ul li {
    float: none;
    line-height: normal !important;
}

.dropdown-full-view ul li a {
    display: inline-block;
    margin-left: 20px;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: normal !important;
    padding-top: 0;
   
}

.dropdown-full-view h2 {
    font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
    letter-spacing: 3px;
    font-size: 3.4rem;
}

@keyframes slidein {
  from {
    margin-left: 0%;
    width: 300%; 
  }

  to {
    margin-left: 20%;
    width: 100%;
  }
}

.dropdown-full-view .col-sm-3 {
    width: 22%;
}

.dropdown-heading{
    color: white;
    float: right;
}

.navbar .dropdown-links{
    animation-delay: 0.5s;
}

.search-normal-screen {
    opacity: 1;
    z-index: 2;
    transform: scale(1);
}

.search-full-view .input-group {
    width: 80%;
    margin: 0 auto;
    top: 40%;
    height: 100px;
}
.search-full-view .input-group .form-control {
    background: transparent;
    font-size: 6em;
    padding: 10px;
    border: hidden;
    vertical-align: unset;
    color: #ffffff;
    height: 100%;
    box-shadow: none;
    border-radius: 0;
}
.search-full-view .input-group .form-control:focus{
    border-color: #fff;
    border:0 !important;
    border-bottom: 2px solid #fff !important;
}
.search-full-view .input-group .input-group-addon {
    background: transparent;
    font-size: 4em;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.search-full-view .btn-close {

	color: white;
    background: transparent;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.fa-close-thin:before {
  content: '\00d7';
  -webkit-text-stroke: #9f1e4f 1px;
}

#dropdown-close-dt .fa-close-thin:before {
  content: '\00d7';
  -webkit-text-stroke: #415665 1px;
}

.btn-close:hover {
    color:  #B59766;
}

.fa-search:hover{
    color:#B59766;
}

.search-full-view .fa {
     -webkit-text-stroke: inherit 3px
    }

.nav-left {

  float: left; 
}

.nav-right {

  float: right; 
  margin-right: 40px;
}


.nav-right a {

color: white;


}

.navbar-default .navbar-toggle { border: none;}
.navbar-toggle .icon-bar-2{ width: 10px;}
.navbar-toggle .icon-bar-3{ width: 14px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #b78c33;}

.container #header-image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


   




/* Large devices (desktops, 992px and up) */


    @media (min-width: 992px) and (max-width: 1199px) {
        
        .main-footer { width: 100%;}
        
        body.home .header-bg-dragon, body.theme-layout-front-page .header-bg-dragon, body.theme-layout-content-page .header-bg-dragon, body.theme-layout-standard-page .header-bg-dragon {
    height: 32rem;

}


body.theme-layout-standard-page .header-bg-dragon {
    height: 16rem;
}

    }
    
     @media screen and (max-width: 1599px){ 

 

body.home .header-bg-dragon, body.theme-layout-front-page .header-bg-dragon, body.theme-layout-content-page .header-bg-dragon {
    height: 36rem;}
    
    body.theme-layout-standard-page .header-bg-dragon {
    height: 16rem;
}
         
         
     }



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

      .navbar-nav > li > a {
    margin-left: 34px;
    font-size: 16px;
    line-height: 16px;

}

.gold-btn, .cta-btn {

    font-size: 14px;
    padding: 14px 14px;
 
}

body.home .header-bg-dragon, body.theme-layout-front-page .header-bg-dragon, body.theme-layout-content-page .header-bg-dragon {
    height: 34rem;

}

body.theme-layout-standard-page .header-bg-dragon {
    height: 16rem;
}

body.theme-layout-standard-page .header-bg-dragon { height: 15rem;}

h1 { width:80%; }


.nav-right {

  margin-right: 32px;
}

} /* End @media max-width: 1199px */







    @media all and (max-width: 991px) { 

        /*.navbar-brand>img { width: 128px; }*/
        .footer-nav div { margin-bottom: 40px; } 
        .subscribe-copy, .subscribe-icons { text-align: center; }
        .main-content ul { margin-left: 20px;}
        
 
   figure {margin: 0rem;}

    }
    
    
    @media (max-width: 767px) {
        
         
        
        .footer-nav div { margin-bottom: 30px;} 
        .copyright { margin-top: 50px;}
        .copyright, .copyright-links { line-height: 1.5px; text-align: center;}


    
    }



/* ********************


Mobile Navigation 


********************** */



@media screen and (min-width: 992px){

      .navbar-brand-mobile {display: none;}
      .mobile-nav {display: none;}

  }


  @media screen and (max-width: 991px){
      
      .thumbnail-placeholder { width: 100%; }

    .new-nav { display: none; }
    body.home .header-bg-dragon, body.theme-layout-front-page .header-bg-dragon, body.theme-layout-content-page .header-bg-dragon, body.theme-layout-standard-page .header-bg-dragon { display: none; /*height: 36rem;*/ }

    .welcome, .main-content { order : 2; z-index: 0;}
        .welcome h1, .main-content h1 {
            
            font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            color: #4A4A4A;
            text-align: center;
            width: 100%; 
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            margin-bottom: 20px;
            letter-spacing: 1px;

        }
        

        .main-content {
            
            margin-top: 0px;
        
        }
        
        .main-content h1 {
            
            font-size: 30px;
            
        }



ul.breadcrumbs li {
    
    color: #9B9B9B;
    
}


ul.breadcrumbs li a {
    
    color: #9B9B9B;
    
}

ul.breadcrumbs li + li:before, body.theme-layout-standard-page ul.breadcrumbs li + li:before {
    
color: #9B9B9B;
    -webkit-text-stroke: 2px #FFFFFF;
}



        .nav-right {

  margin-right: 0px;
}




* {
  margin: 0;
  padding: 0; 
}

/* Icon 0 */

 #nav-icon0 {
  width: 28px;
  position: relative;
  margin-left: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; 
  height: 1.5em;
}

#nav-icon0 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: white;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
    color: white;
}

#nav-icon0 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon0 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon0 span:nth-child(1), #nav-icon0 span:nth-child(2) {
  top: 0px;
}

#nav-icon0 span:nth-child(3), #nav-icon0 span:nth-child(4) {
    
  top: 10px;
}

#nav-icon0 span:nth-child(4) {
    display: none;
}

#nav-icon0 span:nth-child(5), #nav-icon0 span:nth-child(6) {
  top: 20px;
}

#nav-icon0.open span:nth-child(1),#nav-icon0.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon0.open span:nth-child(2),#nav-icon0.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon0.open span:nth-child(1) {
  left: 0px;
  top: 9px;
}

#nav-icon0.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 9px;
}

#nav-icon0.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon0.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
  display: none;
}

#nav-icon0.open span:nth-child(5) {
  left: 0px;
  top: 19px;
}

#nav-icon0.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 19px;
}



    .logo img {

      margin-left: auto;
      margin-right: auto;
      width: 50%;
      padding-top: 14px;
      padding-bottom: 14px;

    }

    .w-25 {

      float: right;
      margin-right: 30px;
      color: white;
      font-size: 1.7em;
      line-height: 1;
      -webkit-text-stroke: #CE2631 2px;
      height: 100%;
      width: 100%;
      top: 0;

    }

.glyphicon { top: 25%;}

.icon-search {
    width: 20%;
    float: right;
    height: 2em;
}

.search-full-view .btn-close {
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    margin-right: 18px;
}

.w-25 .glyphicon{
    color: white;
    font-size: 22px;
    -webkit-text-stroke: #CE2631 2px;
  
}

.nav-left {
    float: left !important;
    margin: 0px !important;
    height: 1.5em;
    width:  20%;
}

.mobile-nav-full-view {
    background-color: #2B2159;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 62px;
    padding-left:0; 
}


.col-sm-2, .col-sm-6 logo, .col-lg-1 {

            min-height: 0;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
        }



        .search-full-view .mobile-nav-normal-screen{
    opacity: 1;
    z-index: 1;
    transform: scale(1);
}

.search-full-view .input-group .form-control {
    font-size: 2em;
    width: 85%;
    padding: 0;
    padding-top: 8px;
}

.search-full-view .input-group {
    float: left;
    width: 95%;
    padding-left: 40px;
    padding-right: 40px;  
}

.search-full-view .input-group .input-group-addon {
    float: right;
    padding-top: 0;
    font-size: 2em;
    
}



.fa-search {
    font-size: 1em;
    color: white;
}

.navbar-default {
  height:6em;
  background-color:#CE2631;
  border: none;
  overflow: visible;
  padding-top: 14px;
  position: relative;
  display: inline-block;
  clear: both;
  width:100%;
  text-align: center;
    }
    
.col-sm-9 ul.navbar-nav li a{ font-weight: normal;}

nav .navbar-brand{
    float: left;
    height: 50px;
    padding: 0;
    max-width: 6em !important;
    font-size: 18px;
    line-height: 20px;
}








body.home, body.theme-layout-front-page, body.theme-layout-content-page, body.theme-layout-standard-page { padding-top: 0px;}

        .new-nav { display: none; }

        .carousel-placeholder, .thumbnail-placeholder {

            z-index: 0;
            position: static;
            padding-left:0%;
            padding-right:0%;
            order : 1;

        }


    .navbar-nav > li > a {

      font-size: 20px;
      line-height: 42px;

    }

    .gold-btn, .cta-btn {

      width: 165px;
      position: absolute;
      bottom: 40px;
      left: 50%;
      margin-left:-82px;

    }

        

        /* Mobile Navigation */


        .nav-mobile-toggle {
            color: red;
            opacity: 1;
            z-index: 1;
            transform: scale(1);
        }

        .mobile-nav-toggle{
            z-index: 3;
            
        }

        #myNavbar{
            display: inline-block;
            clear: both;
            margin-top: 0;
            }
            
        #myNavbar >.navbar-nav {
            margin: 60px 0px;
        }

        #myNavbar .nav > li {
            position: relative;
            display: inline-block;
            float: none;
            clear: left;
            width: 100%;
        }

        #myNavbar .nav > li > a{ float: left;}

        #myNavbar .nav > li i{
            float: right;
            display: inline-block;
            height: 100%;
            padding-top: 5px;
            color: #9B9B9B;
            font-size: 18px;
            -webkit-text-stroke: #2B2159 2.5px;
        }

        #myNavbar .nav > li i .fa {
             -webkit-text-stroke: #2c6057 2.5px;
        }

        .dropdown-full-view .row {
            width: 100%;
            margin-top: 100px;
        }
            
        .mobile-nav .container {
            overflow: hidden;
            padding-left: 0;
            padding-right: 0;
            z-index: -1;
        }

        #dropdown-mobile:focus {
            background-color: transparent;
            color: white;
        }

        .dropdown-full-view .row .col-sm-9{
            padding-top: 0;
            padding-left: 0;
        }


        /* Mobile Breadcrumbs */

        .breadcrumb {

            background-color: transparent;
            color: white;
            font-size: 13px;
            letter-spacing: 2px;
            margin-bottom: 0x;
            margin-left: 0;
            text-decoration: none;
            padding: .75rem 1rem .75rem 0;

        }


        ol.breadcrumb li {

             font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700; 
            margin-left: 6px;}

        .breadcrumb > li + li:before {

            color: #ccc;
            content: "";
            padding: 0 5px;
            display: none;
            margin-left: 0;
            text-decoration: none;
            font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
            padding: 0px;

        }

        .breadcrumb > li > a {
            color: white;
            text-decoration: none;
             font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;
            padding: 0px;
        }

        .breadcrumb .fa-arrow-right { -webkit-text-stroke: #415665 1.8px;}


        .mobile-nav {

            background-color: #CE263b; 
            border: none;
            overflow: visible;
            /*display: inline-block;
            clear: both; are these needed? */
            width: 100%;
            text-align: center;       

      }


        .logo {
   
            width: 60%;
            margin-left: auto;
            margin-right: auto;            

        }


     

        #main-menu {  font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif;
      font-style: normal;
      font-weight: 700;}


  } /* @media max-width: 991px */



    @media screen and (max-width: 881px){ body.home .header-bg-dragon, body.theme-layout-front-page .header-bg-dragon, body.theme-layout-content-page .header-bg-dragon, body.theme-layout-standard-page .header-bg-dragon { height: 32rem; }.header-bg-dragon { display: none;}} /* End @media max-width: 881px */

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


      .search-full-view {
    
    background-size: 360px;
    
}


ul.breadcrumbs {
    
    color: #9B9B9B;
    text-align: center;
    margin-bottom: 0px;
    
}

ul.breadcrumbs li {
    
    color: #9B9B9B;
  
    
}





     } /* End @media max-width: 767px */




     @media all and (max-width: 575px) { 
         
         
         .main-content h1 {

    font-size: 30px;
    text-align: left;

}

.main-content h2, .main-content h3 {
    text-align: left;
}


ul.breadcrumbs {
    

    text-align: left;
    margin-bottom: 0px;
    
}


        

        .footer-nav div { text-align: center; } 
        .main-content { padding: 0px 30px;}
        .footer-logos {text-align: center;}
        .footer-logos img { margin-bottom: 30px;}

     } /* End @media max-width: 575px */





/* 

Back to top

*/



.cd-top {
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(206, 38, 49, 0.8) url(/__data/assets/file/0008/654452/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  z-index: 3;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 3;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #d2b373;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    right: 30px;
    bottom: 30px;
  }
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 56px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 1.0em;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid  #b59766;;
  outline: 0; }
 textarea:focus{
  border: 1px solid  #b59766 !important;
  outline: 0; }
  
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

/* FORM */

/***** CONTENT FORMS *****/

.main-content form { background: #fcfcfc; border: 1px solid #e4e4e4; color: #000000; padding: 25px 50px 50px 50px;margin-top: 10%; }
.main-content form fieldset { margin: 80px 0 0 0; padding: 0; }
.main-content form fieldset:nth-of-type(1) { margin: 0; }
.main-content form fieldset legend { font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; }
.main-content form fieldset fieldset { margin-top: 40px; }
.main-content form fieldset fieldset legend { font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6rem; font-weight: 700; border-top: 1px solid #e5e5e5; border-bottom: none; padding-top: 30px; color: #000; }
.main-content form label,
.main-content form input[type=text], 
.main-content form input[type=tel], 
.main-content form input[type=email], 
.main-content form input[type=password], 
.main-content form button, 
.main-content form textarea { width: 100%; font-size: 1.0em; line-height: 1.5; }
.main-content form label { margin-top: 1.0em; padding: 0; border: none; font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.main-content form label input { font-weight: normal; }
.main-content form textarea, 
.main-content form input { border: 1px solid #e4e4e4; }
.main-content form input.sm-input { width: 25%; }
.main-content form input.md-input { width: 50%; }
.main-content form input[type=checkbox],
.main-content form input[type=radio] { border: 3px solid #ff0000; height: 1.0em; width: 1.0em; }
.main-content form input[type=button],
.main-content form input[type=reset],
.main-content form input[type=submit],
.main-content form button {
  /*width: 33%;*/
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border: none;
  background:#b59766;
  color: #fff;
  font-family: 'Montserrat', sans-serif; font-weight: 400;
}


.main-content form strong { font-weight: 700; }


.required { color: #ff0000; font-weight: 700; }


/*** FROM - TO RANGE ***/
.main-content form fieldset.range {}
.main-content form fieldset.range legend {}
.main-content form fieldset.range label { width: 45%; margin-right: 5%; float: left; }
.main-content form fieldset.range label.from {}
.main-content form fieldset.range label.to {}

/*** UL option lists ***/
.main-content form ul { margin-bottom: 40px; padding: 0; }
.main-content form ul li { width: 100%; clear: both; list-style-type: none; margin-left: 0;  }
.main-content form ul li input[type=checkbox], 
.main-content form ul li input[type=radio] { width: 5%; display: inline; }
.main-content form ul li label { width: 90%; display: inline; font-weight: normal; }

.main-content form ul li:before { content:''; font-size:30px; vertical-align:middle; } /**/



/*** YES / NO RADIO ***/
.main-content form fieldset.yesno {}
.main-content form fieldset.yesno ul li { float: left; clear: none; width: 50%; }
.main-content form fieldset.yesno ul li input { width: 1.0em; display: inline; }
.main-content form fieldset.yesno ul li label { display: inline; }


/*** SUBMIT BUTTONS ***/
.main-content div.submit input[type=button],
.main-content div.submit input[type=reset],
.main-content div.submit input[type=submit],
.main-content div.submit button { width: 100%; font-size: 1.0em; line-height: 1.5; padding: 14px; }


/*** FORM CONTROL ***/
.form-control {
  display: block;
  width: 100%;
  height: 54px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/*** Styling ***/
.main-content .sq-form-question, .main-content .sq-form-question-note {
    display: block;
    margin-bottom: 2.0em;
}

.sq-form-question-answer ul li:before {
   display: none;
}



.sq-form-question-answer ul li {
    position: relative;
    padding-left: 0px;
}

.main-content form ul{margin:0px;}

.main-content form fieldset legend {
    font-weight:400;
    font-size: 1rem;}
    
    
.sq-form-error {    
color: #fa5e5e;
}




/********************Skin colors******************************/

/****Background colors********/

.cg-red{background-color:#eb212e!important;}
.cg-green{background-color:#2aa354!important;}
.cg-purple{background-color:#2B2159!important;}
.cg-greyblue{background-color:#415665!important;}
.cg-yellow{background-color: #ffdd00 !important;}
.cg-orange{background-color:#f15a22!important;}
.cg-neonred{background-color:#ee3354!important;}
.cg-pink{background-color:#be1d77!important;}
.cg-gold{background-color:#b59766!important;}
.cg-lime{background-color:#c5da48!important;}
.cg-blue{background-color:#0069ad!important;}

/****when hover has same color********/
.cg-red-hover:hover{background-color:#d2b373!important;}
.cg-green-hover:hover{background-color:#d2b373!important;}
.cg-purple-hover:hover{background-color:#d2b373!important;}
.cg-greyblue-hover:hover{background-color:#d2b373!important;}
.cg-yellow-hover:hover{background-color: #d2b373 !important;}
.cg-orange-hover:hover{background-color: #d2b373!important;}
.cg-megenta-hover:hover{background-color: #d2b373!important;}
.cg-neonred-hover:hover{background-color:#d2b373!important;}
.cg-pink-hover:hover{background-color:#d2b373!important;}
.cg-gold-hover:hover{background-color:#d2b373!important;}
.cg-lime-hover:hover{background-color:#d2b373!important;}
.cg-blue-hover:hover{background-color:#d2b373!important;}

/**** Text colors********/
.cg-red-text{color:#CE263b!important;}
.cg-green-text{color:#2aa354!important;}
.cg-purple-text{color:#2B2159!important;}
.cg-greyblue-text{color:#415665!important;}
.cg-yellow-text{color: #ffdd00 !important;}
.cg-orange-text{color: #f15a22!important;}
.cg-neonred-text{color:#ee3354!important;}
.cg-pink-text{color:#be1d77!important;}
.cg-gold-text{color:#b59766!important;}
.cg-lime-text{color:#c5da48!important;}
.cg-blue-text{color:#0069ad!important;}

/**** Stroke colors********/
.cg-red-stroke{-webkit-text-stroke-color:#CE263b!important;}
.cg-green-stroke{-webkit-text-stroke-color:#2aa354!important;}
.cg-purple-stroke{-webkit-text-stroke-color:#2B2159!important;}
.cg-greyblue-stroke{-webkit-text-stroke-color:#415665!important;}
.cg-yellow-stroke{-webkit-text-stroke-color: #ffe600 !important;}
.cg-orange-stroke{-webkit-text-stroke-color:#f15a22!important;} 
.cg-neonred-stroke{-webkit-text-stroke-color:#ee3354!important;} 
.cg-pink-stroke{-webkit-text-stroke-color:#be1d77!important;}
.cg-gold-stroke{-webkit-text-stroke-color:#b59766!important;}
.cg-lime-stroke{-webkit-text-stroke-color:#c5da48!important;}
.cg-blue-stroke{-webkit-text-stroke-color:#0069ad!important;}

 


/***************************************************/

.carousel{width:100%;}/* Mainly for IE*/

/***********Forms Hide and Show templete*************/
.form-sec{
border: 1px solid #b1b2bc;
padding: 2%;
margin:3% 0%;}



/**********Search screen  *************/
.cg-search-fullwidth{ width:100% !important;}
.cg-search-m-padding{ padding:0px!important;}
.cg-search-m-automargin{ margin:auto;!important;}
.cg-form-margin input{ margin:5% 0%!important;}

/***************************************************/         
.sitemap a {color:#415665!important;}
  
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* -------------------------------------------------*/
/* Readspeaker*/

#readspeaker_button1{z-index: 1;}



/*** READSPEAKER OVERRIDES ***/

.rsbtn { z-index: 1 !important; margin: 0 auto; }
.row > .rsbtn { margin: 10px 0 0 10px; }


 @media all and (max-width: 575px) { 
.rsbtn { z-index: 1 !important; margin: 0 0 0 0; }

}


#article-listen {
    padding-right: 0px;
    padding-top: 5px;
    position: relative;
    color: #eb212e;
    margin-left: 27px;
    font-weight: 800;
}

#article-listen:hover:before {
    animation: play 1.5s steps(2) infinite;
}

#article-listen:before {
    left: 0;
    margin-left: -27px;
}


#article-listen:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    width: 19px;
    height: 22px;
    background: url(/__data/assets/file/0005/798980/icon-listen-sprite.svg) -39px 0 no-repeat;
    background-size: auto 100%;

}

span:hover {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease, opacity 1.3s ease;
    transition: transform .5s ease, opacity 1.3s ease;
}

.rsbtn_play {
    font-family: unset!important;
    font-size: 14px !important;
    font-weight: 900!important;
    line-height: 14px!important;
}


.readspeaker-wrapper {
    width: 100%;
    box-sizing: border-box;
    font-size: 0.875em;
    box-sizing: border-box;
    margin-bottom: 1.125rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


/* Timely */

.timely-event-title {
    color: #333;
    text-align: center;
    font-size: 38px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-style: normal;
    font-weight: 700;
}


html.timely h1, body.timely h1, timely h1, html.timely h2, body.timely h2, timely h2, html.timely h3, body.timely h3, timely h3, html.timely h4, body.timely h4, timely h4, html.timely h5, body.timely h5, timely h5, html.timely h6, body.timely h6, timely h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-family: "din-2014","Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

    



/* New code for Overlay search */

.overlay-search-btn {

  background: transparent;
  font-size: 4em;
  color: #fff;
  border: 0;
  cursor: pointer;

}

.overlay-search-btn:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.cg-search-fullwidth {
    width: 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


a
{
    text-decoration: none!important;
}


p.search-summary
{
  line-height: normal !important;
  margin-bottom: 0 !important;
}
#search-results .result
{
    margin-bottom: 1.25rem !important;
}

.dxp-search
{
    padding: 25px 50px !important;
}

.dxp-search input
{
    margin: 0 0 1rem !important;
    padding: 1.5rem 0.875rem !important;
}

.dxp-search button
{
    height: auto; 
    padding: 0.75rem;
}