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

Stylesheet Guide

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



FONTS

GENERAL STYLES

SUB MENU

HEADER

MAIN MENU

HOMEPAGE FIXTURE BOX

SPONSORS

PAGE STRUCTURE

BLOG

COMMENTS

FORMS

TABLES

GALLERY

OUR TEAM

FLEX IMAGE

RESPONSIVE IFRAME

INFO BOXES

FOOTER

FLICKR

SOCIAL ICONS

BACK TO TOP BUTTON





*/
 /* ================= FONTS ================== */
 @font-face {
   font-family: 'open_sansregular';
   src: url('../fonts/opensans-regular-webfont.eot');
   src: url('../fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'oswaldregular';
   src: url('../fonts/oswald-regular-webfont.eot');
   src: url('../fonts/oswald-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype'), url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
   font-weight: normal;
   font-style: normal;
 }

 body, p, .ytv-list a {
   font-family: 'open_sansregular';
   font-weight: normal;
 }

 h1, h2, h3, h4, h5, h6, #mainmenu, #submenu, #submenu-login, #header .logo span, .scores-title, .page-title, .match-results, .logos-title, .toggleMenu, #mobile-menu, .resp-tabs-list li, .filters li a, .ytv-list-header span {
   font-family: 'oswaldregular';
   font-weight: normal;
   /* text-transform:uppercase;*/
   letter-spacing: 2px;
 }

 /* ================= GENERAL STYLES ================== */
 html, body {
   margin: 0;
   padding: 0;
   background: #fff;
 }

 body {
   background-color: transparent;
   font-size: 13px;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
 }

 h1, h2, h3, h4, h5, h6 {
   margin-top: 0px;
   margin-bottom: 15px;
   padding: 0px;
   line-height: 1;
 }

 h1 {
   font-size: 26px;
 }

 h2 {
   font-size: 26px;
 }

 h3 {
   font-size: 22px;
 }

 h4 {
   font-size: 20px;
 }

 h5 {
   font-size: 18px;
 }

 h6 {
   font-size: 16px;
 }

 .show {
   display: block !important;
 }

 .hide {
   display: none !important;
 }

 .clear {
   clear: both;
 }

 p {
   font-size: 14px;
   line-height: 1.5;
   margin-bottom: 20px;
   margin-top: 0px !important;
   font-weight: normal;
   /*word-spacing: 0.2em;*/
 }

 p:last-child {
   margin-bottom: 0px;
 }

 a {
   text-decoration: none;
 }

 a:hover {
   text-decoration: underline;
 }

 strong {
   font-weight: bold !important;
 }

 i, em {
   font-style: italic;
 }

 hr {
   margin-top: 25px;
   margin-bottom: 30px;
   padding: 0;
   border: none;
   height: 1px;
 }

 label {
   font-weight: normal;
   font-size: 13px;
   line-height: 1.7;
 }

 blockquote {
   line-height: 1.5;
   padding-left: 20px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 0px 0px 21px 0px;
   position: relative;
 }

 blockquote cite {
   font-style: italic;
   font-size: 14px;
   line-height: 1.5;
   display: block;
   margin-top: 20px;
   text-align: right;
 }

 .responsive-img {
   width: 100% !important;
   height: auto !important;
 }

 .list {
   list-style: none;
   margin: 0px 0px 25px 0px;
   padding: 0px;
 }

 .list li {
   margin-top: 15px;
   margin-bottom: 15px;
 }

 .list li:last-child {
   margin-bottom: 0px;
 }

 /* ================= SUB MENU  ================== */
 #submenu-container {
   width: 100%;
   /*max-width:1024px;*/
   margin: 0px auto 0px auto;
   position: relative;
 }

 #mobile-menu {
   display: none;
   list-style: none;
   padding: 10px 30px;
   margin: 0px;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 9;
   font-size: 14px;
   text-decoration: none !important;
 }

 #submenu {
   margin: 0px;
   padding: 0px;
   display: inline-block;
   font-size: 12px;
   vertical-align: bottom;
   width: 70%;
   float: left;
 }

 #submenu ul {
   margin: 0px;
   padding: 0px 0px 0px 15px;
   list-style: none;
 }

 #submenu ul li {
   float: left;
   padding: 0px;
   margin: 0px;
 }

 #submenu a {
   padding: 15px;
   display: block;
   margin: 0px;
   vertical-align: bottom;
   letter-spacing: 2px;
 }

 #submenu a:hover {
   text-decoration: none;
 }

 #submenu-login {
   margin: 0px;
   padding: 0px;
   display: inline-block;
   font-size: 12px;
   vertical-align: bottom;
   width: 30%;
   float: right;
 }

 #submenu-login ul {
   margin: 0px;
   padding: 0px 15px 0px 0px;
   list-style: none;
 }

 #submenu-login ul li {
   float: right;
   padding: 0px;
   margin: 0px;
 }

 #submenu-login a {
   padding: 15px;
   display: block;
   margin: 0px;
   vertical-align: bottom;
 }

 /* ================= HEADER  ================== */
 #header {
   width: 100%;
   /*max-width:1024px;*/
   margin: 0px auto 0px auto;
   position: relative;
   height: auto;
   padding: 0px;
 }

 #header .logo {
   width: 25%;
   margin: 0px;
   padding: 0px;
   position: relative;
   /*display: inline-block;*/
   float: left;
   padding-left: 20px;
   margin-top: 10px;
 }

 #header .logo img {
   /*height: 120px;*/
   width: auto;
   vertical-align: bottom;
   margin: 5px 0;
   /*float: left;*/
 }

 #header .logo span {
   margin: 15px 25px 0 0;
   /*font-size:23px;

    padding: 5px 10px 5px 10px;*/
   float: right;
   position: relative;
   /*font-weight:900;

	letter-spacing:3px;*/
 }

 #header .logo span:after {
   top: 90%;
   right: 0;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-width: 10px;
   margin-left: -10px;
 }

 /* ================= MAIN MENU  ================== */
 #mainmenu-container {
   width: 100%;
   /*max-width:1090px;*/
   margin: 0px auto 0px auto;
   position: relative;
 }

 .toggleMenu {
   display: none;
   list-style: none;
   padding: 15px 30px;
   margin: 0px;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 9;
   font-size: 16px;
   text-decoration: none !important;
 }

 #mainmenu {
   font-size: 17px;
   list-style: none;
   *zoom: 1;
   padding: 0px;
   margin: 0px;
   margin: 0 auto;
   /*line-height:40px;*/
   z-index: 9999;
   /*pointer-events:none;*/
   position: relative;
   letter-spacing: 1px;
   text-transform: uppercase;
 }

 #mainmenu:before, #mainmenu:after {
   content: " ";
   display: table;
 }

 #mainmenu:after {
   clear: both;
 }

 #mainmenu ul {
   list-style: none;
   width: 14.7em;
   padding: 0px;
   margin: 0px;
 }

 .oWidth {
   width: 10em !important;
 }

 #mainmenu a {
   padding: 10px 12px;
   display: inline-block;
   position: relative;
   font-weight: 600;
   /*font-family: "roboto";*/
   border-right: 1px solid #cd5d2b;
 }

 #mainmenu a:hover {
   text-decoration: none;
 }

 #mainmenu a>span {
   position: relative;
 }

 #mainmenu a::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 0%;
   width: 100%;
   -webkit-transition: height .2s linear;
   -moz-transition: height .2s linear;
   -o-transition: height .2s linear;
   -ms-transition: height .2s linear;
 }

 #mainmenu a:hover::before {
   height: 100%;
 }

 #mainmenu ul li a {
   padding: 5px 20px;
   display: inline-block;
   position: relative;
   -webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
   -o-transition: color 0.2s linear;
   -ms-transition: color 0.2s linear;
 }

 #mainmenu ul li a>span {
   position: relative;
 }

 #mainmenu ul li a::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 0%;
   -webkit-transition: width .2s linear;
   -moz-transition: width .2s linear;
   -o-transition: width .2s linear;
   -ms-transition: width .2s linear;
 }

 #mainmenu ul li a:hover::before {
   width: 100%;
 }

 #mainmenu li {
   position: relative;
 }

 #mainmenu>li {
   float: left;
 }

 #mainmenu>li>a {
   display: block;
 }

 #mainmenu li ul {
   position: absolute;
   left: -9999px;
 }

 #mainmenu>li.hover>ul {
   left: 0;
 }

 #mainmenu li li.hover ul {
   left: 100%;
   top: 0;
   padding-top: 0px;
 }

 #mainmenu li li a {
   display: block;
   position: relative;
   z-index: 100;
 }

 #mainmenu li li li a {
   z-index: 200;
 }

 /* ================= HOMEPAGE FIXTURE BOX ================== */
 .scores-title {
   padding: 10px 30px 10px 30px;
   font-size: 30px;
   position: relative;
 }

 .scores-title:after, .scores-title:before {
   bottom: 100%;
   left: 60%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
 }

 .scores-title:after {
   border-width: 15px;
   margin-left: -15px;
 }

 .scores-title:before {
   border-width: 20px;
   margin-left: -20px;
 }

 .ytv-below:after, .ytv-below:before {
   display: none !important;
 }

 #fixture {
   width: 100%;
   height: auto;
   z-index: 9;
   overflow: hidden !important;
   position: relative;
   text-align: center;
 }

 .match-results {
   margin-bottom: 18px;
   padding-top: 10px;
 }

 .match-place {
   margin-bottom: 20px;
 }

 .match-results span {
   padding: 10px 15px 10px 15px;
   margin: 0px;
   font-size: 22px;
   text-transform: uppercase;
 }

 .match-place span {
   padding: 5px 10px 5px 10px;
   margin: 0px;
   font-size: 13px;
 }

 /* ================= SPONSORS ================== */
 #logos {
   width: 100%;
   height: auto;
   z-index: 9;
   overflow: hidden !important;
   position: relative;
 }

 .logos-title {
   font-size: 27px;
   position: relative;
   text-transform: uppercase;
   text-align: left !important;
   border-bottom: 1px solid #b75326;
   color: #000;
   margin-bottom: 20px;
   font-weight: 900;
 }

 /*#logos img{

    opacity:0.7;

    -webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	-o-transition: opacity 0.3s ease-in-out;

	-ms-transition: opacity 0.3s ease-in-out;

}

#logos img:hover{

    opacity:1;

}*/
 /* ================= PAGE STRUCTURE ================== */
 .maincontainer {
   width: 100%;
   /*max-width:1024px;*/
   position: relative;
   margin: 0px auto 0px auto;
   overflow: hidden;
   padding: 0px;
   vertical-align: bottom;
   background-image: url("/images/background.png");
   background-repeat: no-repeat;
   background-attachment: fixed;
 }

 .pagecontainer {
   width: 100%;
   padding: 30px;
   position: relative;
   display: inline-block;
   margin: 0px;
   vertical-align: bottom;
 }

 .pagecontainer.using-grid {
   padding: 15px 0px 15px 0px;
 }

 .pagecontainer:after, .pagecontainer:before {
   bottom: 100%;
   left: 50%;
   /*border: solid transparent;*/
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
 }

 .pagecontainer:after {
   border-width: 15px;
   margin-left: -15px;
 }

 .pagecontainer:before {
   border-width: 20px;
   margin-left: -20px;
 }

 .page-img {
   display: table;
width: 100%;

   height: 239px !important;
   /*border-radius:50px 0;*/
 }

 .p-Bg-reg {
    background: url(../images/photos/dune-banner.jpg);
    background-repeat: no-repeat;
    background-position: left;
 }

 .p-Bg-run {
   background: url(../images/photos/bg-run.jpg) no-repeat center;
 }

 .p-Bg-abt {
   background: url(../images/photos/bg-abt.jpg) no-repeat center;
 }

 .p-Bg-ptcpt {
   background: url(../images/photos/bg-ptcpt.jpg) no-repeat center;
 }

 .p-Bg1 {
   background: url(../images/photos/training.jpg) no-repeat center;
 }

 .p-Bg2 {
   background: url(../images/photos/training2.jpg) no-repeat center;
 }

 .p-Bg3 {
   background: url(../images/photos/training3.jpg) no-repeat center;
 }

 .p-Bg4 {
   background: url(../images/photos/training4.jpg) no-repeat center;
 }

 .p-Bg5 {
   background: url(../images/photos/training5.jpg) no-repeat center;
 }

 .p-Bg6 {
   background: url(../images/photos/training6.jpg) no-repeat center;
 }

 .p-Bg7 {
   background: url(../images/photos/training7.jpg);
   background-repeat: no-repeat;
   background-position: top;
 }

 .p-Bg8 {
   background: url(../images/photos/training8.jpg) no-repeat center;
 }

 /*.page-img img{

    width: 100%;

    height: auto;

    vertical-align: bottom;

}*/
 .leftcontainer {
   width: 60%;
   float: left;
   padding-right: 15px;
 }

 .rightcontainer {
   width: 40%;
   float: right;
   padding-left: 15px;
 }

 .sidebarbox {
   clear: both;
   margin-bottom: 30px;
 }

 .sidebarbox:last-child {
   margin-bottom: 0px;
 }

 .transparent-bg {
   width: 100%;
   max-width: 1400px;
   margin: 0px auto 0px auto;
   position: relative;
   height: auto;
   padding: 0 0 40px;
 }

 .page-title {
padding-left: 30px;  font-size: 41px;
   position: relative;
   text-transform: uppercase;
   letter-spacing: 5px;
   font-weight: 900;

   display: table-cell;
  vertical-align: middle;
}

 .fixresult-title {
   padding: 15px 30px 15px 55px;
   position: relative;
   background-image: url('../images/date2.png');
   background-repeat: no-repeat;
   background-position: 30px center;
   text-transform: uppercase;
   font-size: 18px;
 }

 /* ================= BLOG ================== */
 .post figure {
   margin: 0;
   position: relative;
   margin-bottom: 25px;
 }

 .post figure img {
   width: 100%;
   display: block;
   position: relative;
 }

 .post figcaption {
   position: absolute;
   top: 0;
   left: 0;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 10px;
   height: 72px;
   width: 100%;
   top: auto;
   bottom: 0;
   opacity: 0;
   -webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%);
   -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
   -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
   transition: transform 0.4s, opacity 0.1s 0.3s;
 }

 .post figcaption h2 {
   margin: 0px;
   padding: 0px;
 }

 .post figure {
   overflow: hidden;
 }

 .post figure img {
   -webkit-transition: -webkit-transform 0.4s;
   -moz-transition: -moz-transform 0.4s;
   transition: transform 0.4s;
   width: 100%;
 }

 .no-touch .post figure:hover img,
 .post figure.cs-hover img {
   -webkit-transform: translateY(-50px);
   -moz-transform: translateY(-50px);
   -ms-transform: translateY(-50px);
   transform: translateY(-50px);
 }

 .no-touch .post figure:hover figcaption,
 .post figure.cs-hover figcaption {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
   -moz-transition: -moz-transform 0.4s, opacity 0.1s;
   transition: transform 0.4s, opacity 0.1s;
 }

 .post-date {
   padding: 0px 0px 0px 15px;
   margin: 0px;
   font-size: 12px;
   list-style-type: none;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   line-height: 30px;
   height: 30px;
   text-transform: uppercase;
 }

 .blogpostdate {
   text-transform: uppercase;
   margin-bottom: 20px;
   padding-left: 25px;
   background-image: url('../images/date.png');
   background-repeat: no-repeat;
   background-position: left center;
   font-size: 18px;
   font-weight: 600;
   color: #fff;
 }

 .blogpager {
   width: 100%;
   position: relative;
   padding: 0px;
   display: inline-block;
   vertical-align: bottom;
 }

 .blogpager .button {
   margin: 0px !important;
 }

 .previous {
   float: left;
   width: 50%;
 }

 .next {
   float: right;
   width: 50%;
   text-align: right;
 }

 .sidebarlist {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .sidebarlist li {
   padding-bottom: 10px;
   margin-bottom: 10px;
 }

 .sidebarlist li:last-child {
   padding-bottom: 0px;
   margin-bottom: 0px;
   border-bottom: none;
 }

 .sidebarlist li a:hover {
   text-decoration: none;
 }

 /* ================= COMMENTS ================== */
 .comments {
   margin-top: 20px;
   margin-bottom: 0px;
 }

 .comments p {
   margin-bottom: 0px !important;
   padding-right: 35px;
 }

 .comments .meta {
   margin-bottom: 10px !important;
   text-transform: uppercase;
 }

 .comments_content {
   margin-bottom: 30px;
   padding-right: 15px;
   padding-top: 10px;
   position: relative;
 }

 .reply {
   padding-left: 40px;
 }

 .reply_icon {
   width: 31px;
   height: 33px;
   background-image: url(../images/reply.png);
   position: absolute;
   display: none;
   top: -40px;
   left: -45px;
   background-repeat: no-repeat;
 }

 .comments.reply .reply_icon {
   display: block !important;
 }

 .comments a.reply {
   font-size: 12px;
   position: absolute;
   top: -1px;
   right: 0;
   padding: 7px;
   -webkit-transition: background-color 0.4s ease-in-out;
   -moz-transition: background-color 0.4s ease-in-out;
   -o-transition: background-color 0.4s ease-in-out;
   transition: background-color 0.4s ease-in-out;
 }

 .comments a.reply:hover {
   text-decoration: none;
 }

 /* ================= FORMS ================== */
 input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="password"], textarea {
   width: 95%;
   display: block;
   font-size: 14px;
   margin: 0px 0px 11px 0px;
   padding: 5px 10px 5px 10px;
   height: 35px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
 }

 input[type="text"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="date"].oversize {
   font-size: 15px;
   padding: 4px 5px
 }

 input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, input[type="password"]:focus {
   outline: none !important;
 }

 input[type="submit"] {
   margin-top: 14px;
 }

 textarea {
   height: 100px;
   width: 100%;
   margin-bottom: 0px !important;
 }

 .button {
   width: auto;
   cursor: pointer;
   display: inline-block;
   font-size: 14px;
   line-height: 1;
   margin: 15px 0px 0px 0px;
   outline: none;
   padding: 10px 20px 11px;
   position: relative;
   text-align: center;
   text-decoration: none !important;
   -webkit-transition: background-color 0.15s ease-in-out;
   -moz-transition: background-color 0.15s ease-in-out;
   -o-transition: background-color 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out;
   border: none !important;
 }

 .searchbox .button {
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
 }

 .searchbox {
   width: 100% !important;
   display: inline-block;
   position: relative;
 }

 .searchbox input[type="text"].searchtext {
   width: 70% !important;
   float: left;
   margin: 0px;
   border-right: none !important;
 }

 .searchbox .button {
   width: 30% !important;
   float: right;
   position: absolute;
   top: 0;
   margin: 0px;
 }

 /* ================= TABLES ================== */
 .sidebarbox-title {
   position: relative;
 }

 .sidebarbox-title h3 {
   margin: 0px;
   padding: 15px;
 }

 .fixture-row {
   position: relative;
   width: 100%;
   display: inline-block;
   vertical-align: bottom;
 }

 .fixture-row a div {
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
 }

 .fixture-row-left, .fixture-row-right {
   padding: 10px;
   width: 50%;
   height: 40px;
 }

 .fixture-row-left div {
   padding-left: 15px;
   float: right;
   background-color: transparent !important;
 }

 .fixture-row-right div {
   padding-right: 15px;
   float: left;
   background-color: transparent !important;
 }

 .fixture-row-left {
   float: left;
 }

 .fixture-row-right {
   float: right;
   text-align: right;
 }

 /* ================= GALLERY ================== */
 .filters {
   list-style: none;
   padding: 15px;
   margin: 0;
   display: inline-block;
   position: relative;
   width: 100%;
   vertical-align: bottom;
 }

 .filters li {
   float: left;
   margin-right: 13px;
 }

 .filters li a {
   padding: 5px 10px 5px 10px;
   line-height: 2;
   font-size: 16px;
   -webkit-transition: background-color 0.2s ease-in-out;
   -moz-transition: background-color 0.2s ease-in-out;
   -o-transition: background-color 0.2s ease-in-out;
   -ms-transition: background-color 0.2s ease-in-out;
 }

 .filters li a:hover {
   text-decoration: none;
 }

 .team-gallery {
   list-style: none;
   position: relative;
   margin: 0px;
   padding: 0px;
   display: inline-block;
   vertical-align: bottom;
 }

 .team-gallery li {
   float: left;
   position: relative;
   width: 20%;
   /*33.3333333333*/
   -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -ms-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
 }

 .team-gallery.quarter li {
   width: 25%;
 }

 .team-gallery li a, .team-gallery li a img {
   display: block;
   position: relative;
   width: 100% !important;
   height: auto !important;
   border-radius: 0px !important;
   overflow: hidden;
   outline: 0 !important;
 }

 .team-gallery li a img {
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .team-gallery li a {
   -webkit-perspective: 1000;
   opacity: 1;
   overflow: hidden;
 }

 .team-gallery li a img:hover {
   opacity: 0.5;
   transform: scale(1.5) rotate(15deg);
   -webkit-transform: scale(1.5) rotate(15deg);
   -ms-transform: scale(1.5) rotate(15deg);
 }

 .team-gallery li a.clb-photo, .team-gallery li a.clb-iframe, .team-gallery li a.clb-link {
   overflow: hidden;
   background-position: center center;
   background-repeat: no-repeat;
 }

 .team-gallery li a.clb-photo {
   background-image: url('../images/zoom.png');
 }

 .team-gallery li a.clb-iframe {
   background-image: url('../images/iframe.png');
 }

 .team-gallery li a.clb-link {
   background-image: url('../images/link.png');
 }

 .button-widget {
   margin: 0px !important;
   width: 100%;
 }

 .no-effect {
   pointer-events: none !important;
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
   opacity: 0.3;
 }

 /* ================= OUR TEAM ================== */
 .teamlist ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .teamlist ul li {
   padding-bottom: 10px;
   margin-bottom: 10px;
 }

 .teamlist ul li:first-child {
   padding-top: 10px;
   margin-top: 25px;
 }

 .teamlist ul li:last-child {
   margin-bottom: 0px;
 }

 .teamlist ul li a {
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   background-image: url('../images/eye.png');
   background-position: right center;
   background-repeat: no-repeat;
   display: block;
 }

 .teamlist ul li a:hover {
   text-decoration: none;
   background-image: url('../images/eye2.png');
 }

 .teamlist-popup {
   position: relative;
   padding: 30px;
   width: auto;
   max-width: 500px;
   margin: 30px auto;
   padding-bottom: 10px;
 }

 .teamlist-popup img {
   width: 100%;
   height: auto;
   margin-bottom: 25px;
 }

 .teamlist-popup p {
   margin-bottom: 20px;
 }

 /* ================= FLEX IMAGE ================== */
 .caption-image {
   position: relative;
   margin-bottom: 25px;
 }

 .caption-image img {
   width: 100%;
   height: auto;
 }

 .caption-image figcaption {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 10px;
   width: 100%;
   text-align: center;
 }

 /* ================= RESPONSIVE IFRAME ================== */
 .flex-video {
   position: relative;
   padding-bottom: 67.5%;
   height: 0;
   overflow: hidden;
   margin-bottom: 25px;
 }

 .flex-video.widescreen {
   padding-bottom: 37.25%;
   margin-bottom: 0px;
 }

 .flex-video.vimeo {
   padding-top: 0
 }

 .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   outline: none;
   border: none;
 }

 /* ================= INFO BOXES ================== */
 .message {
   background-size: 40px 40px;
   width: 100%;
   padding: 23px 20px 18px 20px;
   margin-bottom: 15px;
   -webkit-animation: animate-bg 5s linear infinite;
   -moz-animation: animate-bg 5s linear infinite;
   -o-animation: animate-bg 5s linear infinite;
   animation: animate-bg 5s linear infinite;
   position: relative;
 }

 .message-close {
   position: absolute;
   width: 25px;
   height: 25px;
   right: 0px;
   top: 0px;
   cursor: pointer;
   background-image: url('../images/close-s.png');
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   -o-transition: opacity 0.2s ease-in-out;
   -ms-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
 }

 .message-close:hover {
   opacity: 0.7;
 }

 .message p {
   margin: 0;
 }

 @keyframes animate-bg {
   from {
     background-position: 0 0;
   }

   to {
     background-position: -80px 0;
   }
 }

 @-webkit-keyframes animate-bg {
   from {
     background-position: 0 0;
   }

   to {
     background-position: -80px 0;
   }
 }

 @-moz-keyframes animate-bg {
   from {
     background-position: 0 0;
   }

   to {
     background-position: -80px 0;
   }
 }

 @-o-keyframes animate-bg {
   from {
     background-position: 0 0;
   }

   to {
     background-position: -80px 0;
   }
 }

 /* ================= FOOTER ================== */
 #footer {
   height: 100%;
   margin: 0px auto 0px auto;
   width: 100%;
   padding-bottom: 20px;
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: bottom;
/*   background: url(../images/photos/bottom-bg.jpg) no-repeat bottom center;*/
   background: #bd7a3e;
 }

 #footer-widgets {
   position: relative;
   max-width: 1400px;
   width: 100%;
   height: auto;
   clear: both;
   /*display:inline-block;

    padding:30px;*/
   padding-bottom: 0px;
   margin: 0 auto;
 }

 #footer-widgets h5 {
   margin-bottom: 20px;
 }

 .footer-widget {
   height: auto;
   float: left;
   padding-bottom: 20px;
 }

 .footer-widget ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer-widget ul li {
   padding-bottom: 5px;
   margin-bottom: 5px;
 }

 .footer-widget ul li:last-child {
   padding-bottom: 0px;
   margin-bottom: 0px;
   border-bottom: none;
 }

 .footer-widget ul li a:hover {
   text-decoration: none;
 }

 .first-clmn {
   padding-right: 20px;
   width: 30%;
 }

 .second-clmn {
   padding-right: 10px;
   padding-left: 10px;
   width: 30%;
 }

 .third-clmn {
   padding-left: 20px;
   width: 40%;
 }

 .credits {
   /*float:left;*/
   font-size: 16px;
   /*padding-top:10px;*/
   font-weight: 500;
   margin-top: 30px;
 }

 /* ================= FLICKR  ================== */
 .flickr-box {
   margin: 0px;
   margin-right: -5px;
   padding: 0px;
   overflow: hidden;
   width: 105%;
 }

 .flickr-box li {
   list-style: none;
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   padding: 0px !important;
   height: 82px !important;
   background-image: none !important;
 }

 .flickr-box li:last-child {
   margin-right: 0px;
 }

 .flickr-box li {
   border: none !important;
 }

 .flickr-box li img {
   display: block;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   width: 87px;
   opacity: 0.5;
 }

 .flickr-box li img:hover {
   opacity: 1;
 }

 /* ================= SOCIAL ICONS ================== */
 .social-icons {
   list-style-type: none;
   display: block;
   /*margin:10px 30px 0px 0px;*/
   padding: 0px;
   float: right;
 }

 .social-icons li {
   float: left;
   display: block;
   margin: 0px;
   padding: 0;
   margin-left: 10px;
 }

 .social-icons li img {
   /*width:32px;*/
   height: auto;
   background: #b75004;
 }

 .social-icon {
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   padding: 5px;
 }

 /* ================= BACK TO TOP BUTTON ================== */
 .back-to-top {
   position: fixed;
   bottom: 0px;
   right: 15px;
   display: none;
   background-image: url('../images/gototop.png');
   background-repeat: no-repeat;
   background-position: center center;
   width: 60px;
   height: 60px;
   -webkit-transition: background 0.2s ease-in-out;
   -moz-transition: background 0.2s ease-in-out;
   -o-transition: background 0.2s ease-in-out;
   -ms-transition: background 0.2s ease-in-out;
   transition: background 0.2s ease-in-out;
 }

 .mediaBox a {
   padding: 7px 7px 6px !important;
 }

 .active1 {
   background: #000 !important;
 }

 .active2 {
   background: #710c58 !important;
   color: #fff !important;
 }

 .one-fifth h5 {
   margin-bottom: 0;
 }

 .ftBgarea {
   /*background: #fff;*/
   width: 100%;
   /* height: 47px;*/
   border-top: 1px solid #ffad44;
 }

 .topRiarea {
   float: left;
   width: 25%;
   margin-top: 30px;
   padding-right: 20px;
   text-align: right;
   margin-left: 0px !important;
   margin-right: 0px !important;
 }

 .topMIword {
   float: left;
   width: 50%;
   margin-top: 48px;
   text-align: center;
 }

 /*.topMIword h1 {

    font-weight: 600;

    margin-bottom: 0;

    margin-top: 50px;

    font-size: 24px;

}*/
 .topMIword h1 {
   font-weight: 600;
   margin-bottom: 0;
   margin-top: 50px;
   font-size: 31px;
   margin: 30px auto 0;
 }

 .topMIword h1 a {
   background: red;
   color: #fff;
   padding: 0 20px;
   text-decoration: none;
 }

 .topMIword h1 a:hover {
   background: #f37021;
   color: #fff;
   padding: 0 20px;
 }

 .topMIword img {
   width: auto;
 }

 .topMIarea {
   float: left;
   width: 50%;
   margin-top: 20px;
   margin-bottom: 7px;
   padding-top: 10px;
   position: relative;
   text-align: center;
 }

 .topMIarea .social-icons {
   margin: 0 24px 0 0;
 }

 .topMIarea .social-icons img {
   margin: 0 0 0 2px !important;
   background: #eee;
   border: 1px solid #eee;
 }

 .topMIarea .social-icons img:hover {
   opacity: 0.8;
   background: #fff;
   border: 1px solid #eee;
 }

 .drVideoArea {}

 .drVideoArea video {
   height: auto;
 }

 .spLogoarea {
   /*background:#ba6c29;*/
   padding: 25px 0 10px;
 }

 .quick-area {
   font-size: 13px;
   /* margin-top:4px; */
 }

 .bigLogotxt {
   float: left;
   width: 100%;
   font-size: 15px;
   color: #000;
   font-weight: 600;
   margin-top: 10px;
   margin-bottom: 40px;
   text-transform: uppercase;
 }

 .campArea {
   width: 100%;
   float: left;
   margin-top: 30px;
   margin-bottom: 20px;
   /* border-top: 1px solid #eee;

    padding-top: 35px;*/
 }

 .campArea h5 {
   font-size: 15px;
   text-align: center;
   margin-bottom: 10px;
   letter-spacing: 0.5px;
   line-height: 21px;
   text-transform: uppercase;
 }

 .campArea span {
   font-size: 12px;
   color: #000;
   float: left;
   width: 100%;
 }

 .campArea .grid .unit:first-child {
   padding: 5px;
 }

 .campArea .grid .unit:last-child {
   padding: 5px;
 }

 .campArea img {
   width: 55%;
 }

 .campArea .grid .one-fifth {
   text-align: center;
 }

 .inpageCw {
   max-width: 1200px;
   margin: 0 auto;
   display: inherit;
 }

 .midTxt {
   margin-bottom: 0;
   text-align: center;
   font-size: 31px;
   word-spacing: 5px;
   color: #000;
   font-weight: 900;
   padding-bottom: 20px;
 }

 .accordionBox button.accordion {
   margin-bottom: 5px;
 }

 button.accordion {
   background-color: #fff9e6;
   cursor: pointer;
   padding: 12px 18px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
 }

 button.accordion.active, button.accordion:hover {
   background-color: #f4edd7;
 }

 .accordionBox .panel {
   margin-top: 7px;
 }

 div.panel {
   padding: 0 18px;
   background-color: white;
   display: none;
 }

 .panel {
   margin-bottom: 0;
 }

 .panel {
   margin-bottom: 20px;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 }

 .panel p {
   color: #222;
 }

 .accordionBox h2 {
   background: url(../images/bullet.png) no-repeat left;
   margin: 0;
   color: #000;
   font-size: 21px;
   padding-left: 30px;
   line-height: 1.3;
 }

 .partMainBg {
   background: url(../images/photos/partner-bg.jpg) no-repeat bottom #c87823;
 }

 .partLogotxt {
   float: left;
   width: 100%;
   font-size: 17px;
   color: #000;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .ptmidLogos {
   text-align: center;
 }

 .ptmidLogos img {
   padding: 0 10px;
   max-width: 100%;
 }

 .spLogoarea img {
   max-width: 100%;
   /* box-shadow: 0 0px 3px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 15%); */
 }

 .amc-block {
   padding-bottom: 10px;
   border-radius: 15px 50px !important;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 15px 0 rgba(0, 0, 0, 0.19);
 }

 .amc-block img {
   width: 100%;
   border-radius: 15px 50px 0 !important;
 }

 .amc-block article {
   padding: 20px;
   text-align: center;
 }

 .amc-block h4 {
   color: #fff;
   margin-bottom: 30px;
 }

 .amc-block p {
   color: #eee;
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 30px;
 }

 .btn-primary1 {
   background: #000;
   border-radius: 5px !important;
   text-transform: uppercase;
   color: #fff;
   font-family: 'oswaldregular';
   padding: 10px 40px;
   letter-spacing: 3px;
   font-weight: 600;
   font-size: 17px;
 }

 .amc-block a {
   text-decoration: none;
 }

 .amc-block a:hover {
   background: #ffc200;
   color: #000;
 }

 .amcBg1 {
   background: #f85a3d;
 }

 .amcBg2 {
   background: #730c5b;
 }

 .amcBg3 {
   background: #b75004;
 }

 .amcBg4 {
   background: #f46f14;
 }

 .amcBox .grid .unit:first-child {
   padding: 5px;
 }

 .amcBox .grid .unit:last-child {
   padding: 5px;
 }

 .registrationbox p {
   font-size: 15px;
   margin-bottom: 0;
 }

 .registrationbox ul li {
   font-size: 15px;
 }

 .table-responsive {
   min-height: .01%;
   overflow-x: auto;
   margin-bottom: 30px;
 }

 .table-bordered {
   border: 1px solid #ffeccf;
 }

 .table {
   width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
   border-spacing: 0;
   order-collapse: collapse;
 }

 .table-bordered td {
   padding: 10px;
   font-size: 16px;
 }

 .hmidcontArea {
   background: #fff;
   padding: 40px 15px 30px;
   border-bottom: 1px solid #eee;
 }

 .hmidcontInner {
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   position: relative;
   height: auto;
 }

 .mainDate {
   position: absolute;
   top: -45px;
   left: 35.8%;
   z-index: 1000;
   font-weight: bold;
   font-family: 'oswaldregular';
   letter-spacing: 2px;
   color: #000;
   font-size: 24px;
 }

 .mline1 {
   background: #f8981d;
   margin-top: 20px;
   margin-bottom: 15px;
 }

 .linebtp {
   border-top: 1px solid #ccc;
   padding-bottom: 20px;
 }

 /*.spacelogo {
    width: 43.7%;
    float: left;
    padding: 1px;
}*/
 .spacelogo {
   width: 37.5%;
   float: left;
   padding: 1px;
 }

 .mapTxt {
   font-size: 17px;
   color: #fff;
   text-align: left;
 }

 .prBox h1 {
   font-weight: 600;
   background: #eee;
   margin-top: 40px;
 }

 .prBox h3 {
   text-align: center;
   color: #ff9900;
   font-weight: 600;
 }

 .campArea .one-fifth {
   border-right: 1px solid #ffe5c3;
 }
 .Phead {
   font-family: 'oswaldregular';
   font-size: 19px;
   background: #f27225;
   text-align: center;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
   padding: 10px 5px;
   letter-spacing: 2px;
 }
 .dunerun-5km .Phead {
    background: #faa64e;
}

 .Phead2nd {
   font-size: 17px;
   font-weight: 600;
   padding: 10px 20px;
   color: #bd7a3e;
   font-family: 'oswaldregular';
   letter-spacing: 1px;
   text-align: left;
 }

 .Phead3rd {
   font-family: 'oswaldregular';
   text-align: right;
   padding: 5px 10px 5px 0;
   letter-spacing: 2px;
   background: #ffe7d9;
   color: #000;
 }

 .Phead4th {
   padding: 5px 0 5px 20px;
   letter-spacing: 0.6px;
   color: #000;
   font-size: 14px;
 }

 .prizeInbox table tr td {
   border: 1px solid #eee;
   font-weight: 600;
 }

 .program p {
   color: #fff;
   font-size: 15px;
 }

 .pgBgclr {
   background: #b75326;
   border-bottom: 1px solid #ca5b29;
   /*margin-bottom:10px;*/
 }

 .pgBgclrb2 {
   border-bottom: 1px solid #fea839;
   background: #f8981d;
   /*margin-bottom:10px;*/
 }

 .pgBgclrb3 {
   border-bottom: 1px solid #fd7e32;
   background: #f37021;
   /*margin-bottom:10px;*/
 }

 .mapBtarea {
   background: #fff;
   padding: 20px;
   margin-top: 10px;
 }

 .mapBtarea p {
   font-size: 14px;
   color: #000;
   text-align: left;
 }

 .top-language {
   position: absolute;
   bottom: -61px;
   right: 25px;
   border-top: 1px solid #eee;
 }

 .top-language img {
   margin-left: 10px !important;
 }

 .top-language img:hover {
   opacity: 0.7 !important;
 }

 .theRacePg ul {
   margin-top: 0;
   list-style: none;
   padding: 0;
 }

 .theRacePg ul li {
   font-size: 14px;
   margin-bottom: 10px;
 }

 .theRacePg ul li strong {
   color: #f37021;
 }

 .abtdubai h4 {
   padding-top: 20px;
   color: #ff9900;
 }

 .volunteersPg h4 {
   color: #ff9900;
 }

 .volunteersPg h2 {
   text-align: center;
   text-transform: uppercase;
   margin-top: 10px;
   margin-bottom: 20px;
   font-weight: 900;
   color: #fff;
 }

 .vFormbox {
   background: #b75326;
   margin-top: 25px;
   float: left;
   width: 100%;
   padding: 20px;
 }

 .regBt {
   text-transform: uppercase;
   font-weight: 600;
   font-family: 'oswaldregular';
   letter-spacing: 2px;
   font-size: 27px;
   padding: 12px 20px 10px;
 }

 .vFormbox label {
   font-size: 14px;
   color: #fff;
 }

 .vFormbox select {
   width: 95%;
   display: block;
   font-size: 14px;
   margin: 0px 0px 11px 0px;
   padding: 5px;
   height: 35px;
   background: #c35829;
   border: 1px solid #f37021;
   color: #fff;
 }

 .howDid {
   text-transform: uppercase;
   font-weight: 600;
 }

 .vFormbox ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .vFormbox ul li {
   margin-top: 10px;
   color: #fff;
 }

 .prBox h2 {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 31px;
background-color: transparent;
 }

 .almoPg h2 {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 31px;
   color: #c49d62;
 }

 .abtdubai h2 {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 31px;
 }

 .registrationbox h2 {
   text-align: center;
   border-top: 1px solid #eee;
   padding-top: 20px;
   padding-bottom: 10px;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 31px;
 }

 .theRacePg h2 {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 31px;
 }

 #success {
   background: #d6ffda;
   border: 1px solid #c0e6c4;
   padding: 10px;
   float: left;
   width: 100%;
   text-align: center;
 }

 #error {
   background: #ffdcdc;
   border: 1px solid #e6c0c0;
   padding: 10px;
   float: left;
   width: 100%;
   text-align: center;
 }

 #success, #error {
   display: none;
 }

 .error {
   color: #F00 !important;
 }

 .contactalert {
   font-weight: 600;
   color: #000;
   font-size: 17px;
 }

 .ph270km {
   font-weight: 600;
   font-size: 41px;
   text-transform: uppercase;
   color: #b75326;
 }

 .ph100km {
   font-weight: 600;
   font-size: 41px;
   text-transform: uppercase;
   color: #f8981d;
   margin-top: 30px;
 }

 .ph50km {
   font-weight: 600;
   font-size: 41px;
   text-transform: uppercase;
   color: #f37021;
   margin-top: 30px;
 }

 .postRace {
   font-weight: 600;
   font-size: 19px;
   text-transform: uppercase;
   color: #fff;
   margin-top: 30px;
   background: #6b1766;
   text-align: center;
   padding: 15px 5px;
 }

 .program .grid .unit:first-child {
   padding: 5px;
 }

 .stagesPage h2 {
   font-weight: 600;
   text-transform: uppercase;
   padding-left: 10px;
 }

 .stagesPage p {
   font-weight: 600;
   font-size: 15px;
   color: #000;
 }

 .basecampbox {
   /*border:1px solid #ccc;*/
   padding-top: 10px;
   padding-bottom: 10px;
   background: #eee;
   margin-bottom: 10px;
 }

 .stagesPage .grid .unit:first-child {
   padding: 5px;
 }

 .basecampSb {
   /*border:1px solid #f8981d;*/
   padding-top: 10px;
   padding-bottom: 10px;
   background: #fff4e6;
   margin-bottom: 3px;
 }

 .stagesPage h3 {
   font-weight: 600;
   text-transform: uppercase;
   padding-left: 10px;
   color: #f37021;
 }

 .sRace {
   text-transform: uppercase;
   margin-bottom: 10px;
 }

 .almoPg span {
   font-size: 15px;
   padding: 5px 0 0 50px;
   float: left;
 }

 .almoPg strong {
   font-family: 'oswaldregular';
   text-transform: uppercase;
   color: #b75326;
   font-size: 31px;
   letter-spacing: 2px;
 }

 .registrationbox h5 {
   font-size: 27px;
   font-weight: 600;
   color: #b75004;
   margin-bottom: 30px;
 }

 .campArea .one-fifth {
   width: 16.666666%;
 }

 .regBox300km {
   border: 1px solid #b75326;
   float: left;
   padding: 10px;
   margin-bottom: 20px;
 }

 .regBox300km ul {
   padding-left: 30px;
 }

 .regBox300km ul li {
   color: #222;
 }

 .regBox300km p {
   text-transform: uppercase;
 }

 .reg270km {
   color: #000;
   letter-spacing: 2px;
   font-weight: 600;
   background: #b75326;
   font-size: 23px;
   text-align: center;
   padding: 30px 10px;
   line-height: 1.4;
 }

 .reg270km span {
   font-size: 47px;
   color: #fff;
 }

 .regBox110km {
   border: 1px solid #f8981d;
   float: left;
   padding: 10px;
   margin-bottom: 20px;
 }

 .regBox110km ul {
   padding-left: 30px;
 }

 .regBox110km ul li {
   color: #222;
 }

 .regBox110km p {
   text-transform: uppercase;
 }

 .reg100km {
   color: #000;
   letter-spacing: 2px;
   font-weight: 600;
   background: #f8981d;
   font-size: 23px;
   text-align: center;
   padding: 30px 10px;
   line-height: 1.4;
 }

 .reg100km span {
   font-size: 47px;
   color: #fff;
 }

 .regBox50km {
   border: 1px solid #f37021;
   float: left;
   padding: 10px;
   margin-bottom: 20px;
 }

 .regBox50km ul {
   padding-left: 30px;
 }

 .regBox50km ul li {
   color: #222;
 }

 .regBox50km p {
   text-transform: uppercase;
 }

 .reg50km {
   color: #000;
   letter-spacing: 2px;
   font-weight: 600;
   background: #f37021;
   font-size: 23px;
   text-align: center;
   padding: 30px 10px;
   line-height: 1.4;
 }

 .reg50km span {
   font-size: 47px;
   color: #fff;
 }

 .registrationbox h6 {
   padding-top: 20px;
   font-size: 19px;
   margin-bottom: 30px;
 }

 .regBt270km {
   font-family: 'oswaldregular';
   text-transform: uppercase;
   width: 100%;
   float: left;
   letter-spacing: 2px;
 }

 .regBt270km a {
   background: #b75326;
   color: #fff;
   border-radius: 2px;
   padding: 10px;
   font-weight: 600;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 27px;
 }

 .regBt270km a:hover {
   background: #000;
   text-decoration: none;
 }

 .regBt100km {
   font-family: 'oswaldregular';
   text-transform: uppercase;
   width: 100%;
   float: left;
   letter-spacing: 2px;
 }

 .regBt100km a {
   background: #f8981d;
   color: #fff;
   border-radius: 2px;
   padding: 10px;
   font-weight: 600;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 27px;
 }

 .regBt100km a:hover {
   background: #000;
   text-decoration: none;
 }

 .regBt50km {
   font-family: 'oswaldregular';
   text-transform: uppercase;
   width: 100%;
   float: left;
   letter-spacing: 2px;
 }

 .regBt50km a {
   background: #f37021;
   color: #fff;
   border-radius: 2px;
   padding: 10px;
   font-weight: 600;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 27px;
 }

 .regBt50km a:hover {
   background: #000;
   text-decoration: none;
 }

 .mc-form {
   background: #ccc !important;
   color: #000 !important;
   margin-bottom: 10px;
   margin-top: 10px;
   font-size: 21px !important;
 }

 .mc-form:hover {
   background: #000 !important;
   color: #fff !important;
 }

 .reg-dep {
   margin-right: 10px;
 }

 .bigLogotxt2 {
   float: left;
   width: 100%;
   font-size: 13px;
   color: #000;
   font-weight: 600;
   margin-bottom: 10px;
   text-transform: uppercase;
 }

 .sponsor-in {
   float: left;
   width: 20%;
 }

 .sponsor-inSpace {
   float: left;
   width: 30%;
   height: 1px;
 }

 .er-page h4 {
   float: left;
   width: 100%;
   color: #b75004;
   margin-bottom: 20px;
   line-height: 26px;
 }

 .er-page h6 {
   float: left;
   width: 100%;
   margin-bottom: 0;
 }

 .er-page p {
   float: left;
   font-size: 15px;
   word-spacing: normal;
   letter-spacing: normal;
 }

 .er-page p:last-child {
   margin-bottom: 20px;
 }

 .er-page img {
   max-width: 100%;
   width: 28%;
   margin-right: 5px;
   margin-bottom: 15px;
 }

 .sign-box {
   background: #fff2ec;
   text-align: center;
   padding-top: 15px;
   margin-right: 10px;
 }

 .er-page h2 {
   color: #b75004;
   font-size: 24px;
   text-align: center;
   margin-bottom: 30px;
 }

 .op-twoLogos {
   float: left;
   width: 50%;
 }

 .sponsor-inSpace3 {
   float: left;
   width: 20%;
   height: 1px;
 }

 #news-gallery-box {
   width: 100%;
   background: #fff5e8;
   padding: 30px 0;
 }

 .ngv-box h3 {
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 900;
   letter-spacing: 1px;
 }

 .News-area1 {
   /* background:#fff; */
   background: #fef0e8;
   float: left;
   width: 100%;
   padding: 10px;
   margin-bottom: 10px;
 }

 .News-area1 h5 {
   font-size: 15px;
   letter-spacing: 1px;
   line-height: 22px;
   margin-bottom: 5px;
 }

 .News-area1 p {
   font-size: 12px;
   word-spacing: normal;
   margin-bottom: 5px;
 }

 .News-area1 span {
   font-size: 12px;
   display: block;
   margin-bottom: 5px;
 }

 .News-area1 img {
   width: 30%;
   float: left;
   margin-right: 15px;
 }

 .News-area1 .button2 {
   color: #fff !important;
   background-color: #b75326;
   padding: 4px 8px;
   float: left;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 1px;
 }

 .News-area1 .button2:hover {
   background-color: #f37021;
   text-decoration: none;
 }

 .vYoutube {
   padding: 0 20px;
 }

 .samtechpage .grid .unit:first-child {
   padding: 5px;
 }

 .samtechpage .grid .unit:last-child {
   padding: 5px;
 }

 .samtechpage img {
   max-width: 100%;
 }

 .samtechpage h4 {
   border-bottom: 1px dashed #f8981d;
   padding-bottom: 10px;
   color: #b75326;
 }

 .sm-inner-box {
   padding: 10px;
   background: #f5f5f5;
 }

 .mapPage .grid .unit:first-child {
   padding: 0;
 }

 .mapPage .grid .unit:last-child {
   padding: 0;
 }

 .map50km {
   margin: 0 10px 0 0;
   border: 1px solid #f8981f;
   padding-bottom: 5px;
 }

 .map50km p {
   color: #555;
   font-size: 15px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map50km h3 {
   margin-left: 10px;
   margin-right: 10px;
   text-transform: uppercase;
   background: #f8981f;
   color: #fff;
   padding: 10px;
 }

 .map50km h5 {
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map50km img {
   margin-bottom: 10px;
 }

 .map70km {
   margin: 0 0 0 10px;
   border: 1px solid #f2711e;
   padding-bottom: 5px;
 }

 .map70km p {
   color: #555;
   font-size: 15px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map70km h3 {
   margin-left: 10px;
   margin-right: 10px;
   text-transform: uppercase;
   background: #f2711e;
   color: #fff;
   padding: 10px;
 }

 .map70km h5 {
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map70km img {
   margin-bottom: 10px;
 }

 .map100km {
   margin: 0 10px 0 0;
   border: 1px solid #b85327;
   padding-bottom: 5px;
 }

 .map100km p {
   color: #555;
   font-size: 15px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map100km h3 {
   margin-left: 10px;
   margin-right: 10px;
   text-transform: uppercase;
   background: #b85327;
   color: #fff;
   padding: 10px;
 }

 .map100km h5 {
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map100km img {
   margin-bottom: 10px;
 }

 .map50-seckm {
   margin: 0 0 0 10px;
   border: 1px solid #eeb60b;
   padding-bottom: 5px;
 }

 .map50-seckm p {
   color: #555;
   font-size: 15px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map50-seckm h3 {
   margin-left: 10px;
   margin-right: 10px;
   text-transform: uppercase;
   background: #eeb60b;
   color: #fff;
   padding: 10px;
 }

 .map50-seckm h5 {
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map50-seckm img {
   margin-bottom: 10px;
 }

 .map270km {
   margin-bottom: 20px;
   border: 1px solid #6b1766;
   padding-bottom: 5px;
 }

 .map270km p {
   color: #555;
   font-size: 15px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map270km h3 {
   margin-left: 10px;
   margin-right: 10px;
   text-transform: uppercase;
   background: #6b1766;
   color: #fff;
   padding: 10px;
 }

 .map270km h5 {
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .map270km img {
   margin-bottom: 10px;
 }

 .directions {
   margin-top: 10px;
   border-top: 1px dashed #ccc;
   background: #faf9f9;
   padding: 0 20px 20px !important;
 }

 .directions h2 {
   margin-top: 20px;
 }

 .directions h4 {
   border-bottom: 1px solid #ccc;
   padding-bottom: 15px;
   margin-bottom: 30px;
 }

 .directions h5 {
   margin-bottom: 3px;
 }

 .directions p {
   color: #333;
 }

 .drLine {
   border-top: 1px solid #ccc;
   padding: 0 0 20px !important;
   margin-top: 20px;
 }

 .width2 {
   width: 40%;
 }

 .width3 {
   width: 60%;
 }

 .sponsor-inSpace4 {
   float: left;
   width: 10%;
   height: 1px;
 }

 .newsOPbox {
   overflow-y: scroll;
   /* height: 435px; */
   height: 418px;
   overflow-x: hidden;
 }

 /* width */
 .newsOPbox::-webkit-scrollbar {
   width: 12px;
 }

 /* Track */
 .newsOPbox::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px #b7b7b7;
   border-radius: 10px;
 }

 /* Handle */
 .newsOPbox::-webkit-scrollbar-thumb {
   background: #f37021;
   border-radius: 10px;
 }

 /* Handle on hover */
 .newsOPbox::-webkit-scrollbar-thumb:hover {
   background: #b75004;
 }

 .newsG li {
   width: 33.33333333333333%;
 }

 .width2main {
   width: 37% !important;
   text-align: center;
 }

 .width2main img {
   float: left;
   text-align: center;
   width: 33%;
 }

 .mp-box td {
   border: 1px solid #f37021;
   padding: 10px;
   text-align: center;
 }

 .mp-hader {
   font-size: 15px;
   font-weight: 600;
   text-align: center;
   padding: 15px 0 !important;
   text-transform: uppercase;
   color: #000;
   letter-spacing: 1px;
   background: #eee;
 }

 .mp1st {
   text-align: left !important;
 }

 .results h2 {
   color: #f37020;
   background: #eee;
 }

 .frontGallery {
   width: 100%;
   background: #f37021;
   float: left;
   color: #fff;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 4px;
   padding: 5px 0;
 }

 .frontGallery:hover {
   background: #000;
   text-decoration: none;
   color: #f37021;
 }

 .followCon {
   color: #fff;
   text-align: right;
   margin-bottom: 5px;
   font-size: 13px;
 }

 .width3 {
   width: 60%;
 }

 .sponsor-inSpace2 {
   float: left;
   width: 30%;
   height: 1px;
 }

.resultbtOne {
    background: #f8991c;
    padding: 5px 20px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.resultbtOne:hover{
  color: #fff !important;
  text-decoration: none !important;
  background: #f37020;
}

 .footerInPage {
   background: #000 !important;
 }

 .footerInPage .credits {
   margin-top: 20px;
 }

 .footerInPage .followCon {
   margin-top: 20px;
 }

 .footerInPage .social-icons {
   margin-bottom: 0;
 }

 .contact-page h6 {
   margin-bottom: 5px;
 }

 .contact-page .golden-small p {
   margin-bottom: 15px;
 }

 .contPtwo {
   text-align: center;
   border-top: 1px solid #eee;
   padding-top: 20px;
 }

 .contPtwo h4 {
   line-height: 1.4;
   font-size: 17px;
   letter-spacing: 1px;
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
 }

 .contPtwo h4 span {
   font-size: 15px;
   color: #666;
   font-weight: 600;
   font-family: 'open_sansregular';
   letter-spacing: normal;
   display: block;
   padding-top: 7px;
 }

 .midTxtHome {
   margin-bottom: 0;
   font-size: 27px;
   color: #b75326;
   font-weight: 900;
   padding-bottom: 20px;
   text-transform: uppercase;
   margin-top: 20px;
 }

 .ftcopyR {
   font-size: 13px;
   margin-top: 4px;
 }

 .golden-small span {
   font-size: 23px;
 }

 .brownLine {
   /*border-top: 2px solid #b75326;*/
 }

 .glHeader {
   background: #eee;
   margin-bottom: 30px;
 }

 .prizebreak {
   text-transform: uppercase;
   text-align: center;
   font-size: 31px;
   padding-top: 15px;
   color: #b75004;
 }

 #statsBox {
   background: url(../images/stat-bg.jpg) top repeat-y;
   width: 100%;
   padding: 30px 0;
   border-bottom: 3px solid #000;
   /*background-color:#ca6a37;*/
 }

 .sbb1 {
   background: url(../images/stage-bg.jpg) top repeat-y;
 }

 .sbb2 {
   background: url(../images/stage-bg.jpg) top repeat-y;
 }

 .sbb3 {
   background: url(../images/stage-bg.jpg) top repeat-y;
 }

 #statsBox1 {
   background: url(../images/route-bg.jpg) top repeat-y;
   width: 100%;
   padding: 30px 0;
   /* border-bottom:3px solid #000; */
   /*background-color:#ca6a37;*/
 }

 .statsBoxInner {
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   position: relative;
   height: auto;
 }

 .statsBoxInner h2 {
   color: #000;
   text-transform: uppercase;
   padding-bottom: 10px;
   font-size: 27px;
   font-weight: 900;
 }

 .statsBoxInner ul {
   font-weight: 700;
   color: #616161;
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .statsBoxInner li {
   font-size: 2.625rem;
   font-family: 'oswaldregular';
 }

 .statsBoxInner li span {
   font-size: 1.125rem;
   font-family: 'open_sansregular';
 }

 .statsBoxInner1 {
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   position: relative;
   height: auto;
 }

 .statsBoxInner1 h2 {
   color: #000;
   text-transform: uppercase;
   border-bottom: 1px solid #b75326;
   padding-bottom: 10px;
   font-size: 27px;
   font-weight: 900;
 }

 .statsBoxInner1 ul {
   font-weight: 700;
   color: #fff;
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .statsBoxInner1 li {
   color: #000000;
   font-size: 1.625rem;
   font-family: 'oswaldregular';
 }

 .statsBoxInner1 li span {
   font-size: 1.125rem;
   font-family: 'open_sansregular';
 }

 .statsBoxInner1 li h3 {
   color: #fff;
   font-size: 1.125rem;
   font-family: 'open_sansregular';
   font-weight: 600;
 }

 .statsBoxInner1 li h4 {
   color: #fff;
   font-size: 15px;
   font-family: 'open_sansregular';
 }

 .logoExtra {
   text-align: center;
   /*padding:0;*/
 }

 .logoBox {
   width: 27.5%;
   float: left;
   margin-right: 20px;
 }

 .mainLogo {
   width: 100%;
   float: left;
   text-align: center;
   background: #fff;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
   padding: 10px;
   margin-bottom: 15px;
 }

 .lgBtM {
   margin-bottom: 40px;
 }

 .lbM-no {
   margin-right: 0;
 }

 .logoHeading {
   font-size: 41px;
   font-weight: 900;
   border-bottom: 1px solid #b75326;
   padding-bottom: 10px;
   margin-bottom: 30px;
 }

 .sponsorBox {
   background: none !important;
   margin-bottom: 50px;
   padding-top: 0;
 }

 .mainLogo img {
   max-width: 100%;
 }

 .hmidcontArea p {
   font-size: 15px;
   /*text-align:justify;*/
 }

 .hmidcontArea h3 {
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 17px;
   font-weight: 900;
 }
 #Route-Maps .hmidcontArea h3 {
    font-size: 20px;
}
#Route-Maps .hmidcontArea .grid .ten-heading span{
    color: #f27225 !important;
}
#Route-Maps .hmidcontArea .grid .five-heading span{
    color: #faa64e !important;
}
 .headIm {
   text-align: center;
 }

 .headIm img {
   max-width: 80%;
 }

 .headIm2 {
   text-align: left;
 }

 .headIm2 img {
   max-width: 90%;
 }

 .bigText {
   font-size: 75px;
   color: #fff;
   font-family: 'oswaldregular';
   font-weight: 600;
   text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
   text-align: center;
   margin-bottom: 10px;
 }

 /* ================= SOCIAL ICONS - TOP ================== */
 .socialTop {
   position: absolute;
   right: 0;
   top: 25%;
   z-index: 1000;
   padding: 0;
   margin: 0;
 }

 .socialTop li {
   display: block;
   margin: 0;
   padding: 0;
   font-size: 2px;
 }

 .socialTop li img {
   height: auto;
   background: #000;
   border-radius: 5px 0 0 5px;
 }

 .mediaAcc h3 {
   text-transform: uppercase;
   margin-bottom: 30px;
   font-size: 28px;
   color: #b75326;
   font-weight: 600;
   line-height: 1.2;
 }

 .mediaAcc p {
   margin-bottom: 15px;
   font-size: 18px;
   padding-right: 40px;
   color: #333;
 }

 .mediaAcc img {
   max-width: 100%;
 }

 .stagesNew {
   padding-top: 20px;
 }

 .stagesNew img {
   max-width: 100%;
 }

 .stgC1 h2 {
   text-transform: uppercase;
   color: #b85327;
   text-align: center;
   font-weight: 600;
   font-size: 27px;
   margin-bottom: 0;
   padding: 5px;
 }

 .stgC1 ul {
   margin: 0;
   padding: 0;
   list-style: none;
   min-height: 113px;
 }

 .stgC1 ul li {
   /* background:#f2f2f2; */
   padding: 5px;
   font-size: 19px;
   border-bottom: 1px solid #fff;
   color: #fff;
   text-align: center;
   font-weight: 600;
 }

 .stgC2 {
   color: #f7981c !important;
 }

 .stgC3 {
   color: #f37022 !important;
 }

 .stgC4 {
   color: #fec20e !important;
 }

 .sp {
   padding: 15px !important;
 }

 .sbb1 {
   border-bottom: 3px solid #f37021;
 }

 .sbb2 {
   border-bottom: 3px solid #f8981d;
 }

 .sbb3 {
   border-bottom: 3px solid #b75326;
 }

 .sbb4 {
   border-bottom: 3px solid #fec20e;
 }

 .kmB {
   font-family: 'oswaldregular';
   letter-spacing: 2px;
   font-size: 23px !important;
 }

 .countBox {
   position: absolute;
   top: 22%;
   left: 0;
   z-index: 900;
   text-align: center;
   width: 100%;
 }

 .tEnter {
   text-align: center;
   padding: 0;
   font-size: 41px;
   ;
   margin: 30px 0 0;
   font-weight: 700;
   font-family: 'oswaldregular';
   letter-spacing: 3px;
   line-height: 83px;
 }

 .tEnter a {
   color: #000;
   background: #fec20e;
   padding: 10px 40px;
 }

 .tEnter a:hover {
   background: #fff;
   color: #f37021;
   text-decoration: none;
 }

 .buttonNews {
   color: #fff !important;
   background-color: #b75326;
   padding: 4px 8px;
   float: left;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 1px;
 }

 .buttonNews:hover {
   background-color: #f37021;
   text-decoration: none;
 }

 .countdown {
   display: inline-flex;
 }

 .countdown .day,
 .countdown .hour,
 .countdown .min,
 .countdown .sec {
   color: #fff;
   padding: 1vw 1.5vw;
   text-align: center;
   background: #b75004;
   font-family: 'oswaldregular';
   margin-right: 3px;
 }

 .countdown .day .num,
 .countdown .hour .num,
 .countdown .min .num,
 .countdown .sec .num {
   display: block;
   font-size: 3.5vw;
   line-height: 1em;
 }

 .countdown .day .word,
 .countdown .hour .word,
 .countdown .min .word,
 .countdown .sec .word {
   display: block;
   font-size: 1vw;
   color: #fff;
   text-transform: uppercase;
   margin-top: 12px;
 }

 /* Dropdown menu new - dilhar */
 .dropbtn-Hm {
   font-family: 'oswaldregular';
   background: none;
   color: #fff;
   border: none;
   cursor: pointer;
   font-weight: 600;
   padding: 10px 15px;
   text-transform: uppercase;
 }

 .dropdown-Hm {
   position: relative;
   display: inline-block;
 }

 .dropdown-content-Hm {
   display: none;
   position: absolute;
   background-color: #000;
   min-width: 150px;
   /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
   z-index: 1;
 }

 .dropdown-content-Hm a {
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   width: 100%;
 }

 .dropdown-content-Hm a:hover {
   background-color: #000
 }

 .dropdown-Hm:hover .dropdown-content-Hm {
   display: block;
 }

 .dropdown-Hm:hover .dropbtn-Hm {
   /*background-color: #3e8e41;*/
 }

 /*----- Dropdown menu new - end dilhar----- */
 .foter-icons {
   list-style-type: none;
 }

 .foter-menu {
   font-size: 12px;
   color: #fff;
 }

 .footer-bg {
   background: #000;
 }

 .midTxtHome1 {
   margin-bottom: 0;
   font-size: 27px;
   color: #f3711d;
   font-weight: 900;
   padding-bottom: 20px;
   text-transform: uppercase;
   margin-top: 20px;
 }

 /* .twitter-tweet.twitter-tweet-rendered {
    display: flex;
    max-width: 100% !important;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 10px;
} */
 h3.sub-titl {
   font-size: 18px;
   color: #fff;
   /* text-decoration: underline; */
   margin-bottom: 30px;
 }

 @media screen and (max-width: 800px) {
   h3.sub-titl {
     text-align: center;
   }
 }

 /* main page gallery */
 .grid-s {
   position: relative;
   margin: 0 auto;
   padding: 1em 0 4em;
   /* max-width: 1000px; */
   list-style: none;
   text-align: center;
 }

 /* Common style */
 .grid-s figure {
   position: relative;
   float: left;
   overflow: hidden;
   margin: 10px 1%;
   min-width: 320px;
   max-width: 430px;
   max-height: 300px;
   width: 33%;
   background: #b75004;
   text-align: center;
   cursor: pointer;
 }

 .grid-s figure img {
   position: relative;
   display: block;
   min-height: 100%;
   max-width: 100%;
   /* opacity: 0.8; */
 }

 .grid-s figure figcaption {
   padding: 2em;
   color: #fff;
   text-transform: uppercase;
   font-size: 1.25em;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .grid-s figure figcaption::before,
 .grid-s figure figcaption::after {
   pointer-events: none;
 }

 .grid-s figure figcaption,
 .grid-s figure figcaption>a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 /* Anchor will cover the whole item by default */
 /* For some effects it will show as a button */
 .grid-s figure figcaption>a {
   z-index: 1000;
   text-indent: 200%;
   white-space: nowrap;
   font-size: 0;
   opacity: 0;
 }

 .grid-s figure h2 {
   word-spacing: -0.15em;
   font-weight: 300;
 }

 .grid-s figure h2 span {
   font-weight: 800;
 }

 .grid-s figure h2,
 .grid-s figure p {
   margin: 0;
 }

 .grid-s figure p {
   letter-spacing: 1px;
   font-size: 68.5%;
 }

 /* Individual effects */
 /*---------------*/
 /***** Layla *****/
 /*---------------*/
 figure.effect-layla {
   background: #f27122;
 }

 figure.effect-layla img {
   /* height: 300px; */
 }

 figure.effect-layla figcaption {
   padding: 3em;
 }

 figure.effect-layla figcaption::before,
 figure.effect-layla figcaption::after {
   position: absolute;
   content: '';
   opacity: 0;
 }

 figure.effect-layla figcaption::before {
   top: 50px;
   right: 30px;
   bottom: 50px;
   left: 30px;
   /* border-top: 1px solid #fff; */
   /* border-bottom: 1px solid #fff; */
   -webkit-transform: scale(0, 1);
   transform: scale(0, 1);
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
 }

 figure.effect-layla figcaption::after {
   top: 30px;
   right: 50px;
   bottom: 30px;
   left: 50px;
   /* border-right: 1px solid #fff; */
   /* border-left: 1px solid #fff; */
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   -webkit-transform-origin: 100% 0;
   transform-origin: 100% 0;
 }

 figure.effect-layla h2 {
   color: #fff;
   padding-top: 15%;
   -webkit-transition: -webkit-transform 0.35s;
   transition: transform 0.35s;
 }

 figure.effect-layla p, figure.effect-layla ul.icon {
   padding: 0.5em 2em;
   text-transform: none;
   opacity: 0;
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
 }

 figure.effect-layla h2 {
   -webkit-transform: translate3d(0, -30px, 0);
   transform: translate3d(0, -30px, 0);
 }

 figure.effect-layla img,
 figure.effect-layla figcaption::before,
 figure.effect-layla figcaption::after,
 figure.effect-layla p, figure.effect-layla ul.icon {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
 }

 figure.effect-layla:hover img {
   opacity: 0.25;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -ms-transform: scale(1.2);
   /* IE 9 */
   -webkit-transform: scale(1.2);
   /* Safari 3-8 */
   transform: scale(1.2);
 }

 figure.effect-layla:hover figcaption::before,
 figure.effect-layla:hover figcaption::after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 figure.effect-layla:hover h2,
 figure.effect-layla:hover p,
 figure.effect-layla:hover ul.icon {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }

 figure.effect-layla:hover figcaption::after,
 figure.effect-layla:hover h2,
 figure.effect-layla:hover p,
 figure.effect-layla:hover ul.icon,
 figure.effect-layla:hover img {
   -webkit-transition-delay: 0.15s;
   transition-delay: 0.15s;
 }

 @media screen and (max-width: 50em) {
   .content-s {
     padding: 0 10px;
     text-align: center;
   }

   .grid-s figure {
     display: inline-block;
     float: none;
     margin: 10px auto;
     width: 100%;
   }
 }

 .content-s {
   margin: 0 auto;
   /* max-width: 1000px; */
 }

 .content-s>h2 {
   clear: both;
   margin: 0;
   padding: 4em 1% 0;
   color: #484B54;
   font-weight: 800;
   font-size: 1.5em;
 }

 .content-s>h2:first-child {
   padding-top: 0em;
 }

 .content-s+.codrops-demos {
   padding-top: 5em;
 }

 /* main page gallery icons */
 .box3 .icon {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .box3 .icon li {
   display: inline-block;
   margin: 0 10px 0 0;
   padding: 10px 15px;
   text-align: center;
   font-size: 15px;
 }

 .box3 .icon li a {
   display: block;
   /* width: 30px; */
   /* height: 30px; */
   /* line-height: 30px; */
   /* color: #fff; */
   /* background: #88c425; */
   transition: all 0.5s;
 }

 .box3 .icon a:hover {
   text-decoration: none;
   animation: animate-hover 0.5s;
   transition: all 0.3s;
 }

 figure.effect-layla:hover img.imgopa {
   opacity: .9;
 }

 @media screen and (min-width: 801px) and (max-width: 1160px) {
   .box3 .icon li {
     padding: 3px 4px;
   }

   figure.effect-layla figcaption {
     padding: 1em;
   }

   figure.effect-layla figcaption::before {
     top: 30px;
     right: 50px;
     bottom: 30px;
     left: 50px;
   }

   .grid-s figure h2 {
     font-size: 20px;
   }
 }

 @media screen and (min-width: 801px) and (max-width: 1373px) {
   .grid-s figure {
     min-width: 240px;
     max-width: 400px;
     max-height: 250px;
     width: 30%;
   }
 }

 /* Position the image container (needed to position the left and right arrows) */
 .container1 {
   position: relative;
 }

 /* Hide the images by default */
 .mySlides1 {
   display: none;
 }

 /* Add a pointer when hovering over the thumbnail images */
 .cursor1 {
   cursor: pointer;
 }

 /* Next & previous buttons */
 .prev1,
 .next1 {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }

 /* Position the "next button" to the right */
 .next1 {
   right: 0;
   border-radius: 3px 0 0 3px;
 }

 /* On hover, add a black background color with a little bit see-through */
 .prev1:hover,
 .next1:hover {
   background-color: rgba(0, 0, 0, 0.8);
 }

 /* Number text (1/3 etc) */
 .numbertext1 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }

 /* Container for image text */
 .caption-container1 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }

 .row1:after {
   content: "";
   display: table;
   clear: both;
 }

 /* Six columns side by side */
 .column1 {
   float: left;
   width: 25%;
 }

 /* Add a transparency effect for thumnbail images */
 .demo1 {
   opacity: 0.6;
 }

 .active,
 .demo1:hover {
   opacity: 1;
 }

 h2.h2style {
   color: #000;
   text-transform: uppercase;
   border-bottom: 1px solid #b75326;
   padding-bottom: 10px;
   font-size: 27px;
   font-weight: 900;
 }

 @media screen and (min-width: 801px) {
   .unit.one-quarter.flotright {
     text-align: right;
     padding-right: 20px;
   }

   .unit.one-quarter.flotleft {
     padding-left: 20px;
   }
 }

 @media screen and (min-width: 801px) and (max-width: 1300px) {
   .unit.two-fifths.resp {
     width: 50%;
   }

   .unit.one-third.resp {
     width: 50%;
   }

   .unit.one-quarter.resp {
     width: 100%;
   }

   .unit.whole.resp {
     width: 33.33%;
   }
 }

 @media screen and (min-width: 481px) and (max-width: 800px) {
   .unit.whole.resp {
     width: 33.33% !important;
   }
 }

 @media screen and (min-width: 801px) and (max-width: 1240px) {
   .statsBoxInner1 li h3 {
     font-size: 15px;
     margin-bottom: 5px;
   }

   .statsBoxInner1 li h4 {
     font-size: 10px;
   }

   .statsBoxInner1 li {
     font-size: 20px;
   }
 }

 @media screen and (min-width: 1301px) and (max-width: 1350px) {
   .News-area1 h5 {
     font-size: 14px !important;
   }

   .frontGallery {
     display: none !important;
   }

   .newsOPbox {
     height: 386px !important;
   }

   .hmidcontArea p {
     font-size: 14px;
   }
 }

 @media screen and (min-width: 1351px) and (max-width: 1390px) {
   .frontGallery {
     font-size: 13px !important;
     padding: 1px 0;
   }

   .hmidcontArea p {
     font-size: 13px;
   }
 }

 .bx-wrapper {
   max-width: 1400px !important;
   margin: 0 !important;
 }

 @media screen and (min-width: 801px) and (max-width: 862px) {
   .newsOPbox {
     height: 347px !important;
   }
 }

 @media screen and (min-width: 863px) and (max-width: 901px) {
   .newsOPbox {
     height: 375px !important;
   }
 }

 @media screen and (min-width: 902px) and (max-width: 1102px) {
   .newsOPbox {
     height: 395px !important;
   }
 }

 @media screen and (min-width: 1207px) and (max-width: 1300px) {
   .newsOPbox {
     height: 440px !important;
   }
 }

 @media screen and (min-width: 801px) and (max-width: 910px) {
   a.buttonstyle {
     font-size: 20px !important;
   }
 }