@charset "utf-8";

 
}
 
 


@font-face {
  font-family: SeMonoHalbfett2;
  src: url(/fonts/SohneMono-Halbfett.otf);
}


@font-face {
  font-family: SeMonoHalbfett;
  src: url(/fonts/SohneMono-Halbfett.otf);
}


@font-face {
  font-family: redig;
  src: url(/fonts/Redig-Regular.otf);
}



@font-face {
  font-family: SohneLeicht;
  src: url(/fonts/Sohne-Leicht.otf);
}

@font-face {
  font-family: SohneKraftig;
  src: url(/fonts/Sohne-Kraftig.otf);
}


 /**********classes***********/
 /*======== CONTENT ========*/
 /*
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
   font-family: 'Open Sans', sans-serif;
 }
 
 body nav.navbar {
   font-family: 'Open Sans', sans-serif;
 }
 
 
 body {
   font-family: 'Open Sans', sans-serif;
   color: #000000;
 }
 */
 .ml17 {margin-left:17px;}
 .hed-cntr .container > h2,
 .hed-cntr .container > p,
 .hed-cntr .container > .lnk-btn {
   text-align: center;
 }
 
 .cr a {
   color: #fff;
 }
 /*truncate string / limited text */
 
 .hed-lmt h3,
 .hed-lmt h4 {
   display: block;
   white-space: nowrap;
 }
 
 .cont-lmt p {
   display: block;
   white-space: nowrap;
 }
 /*======== SPACING & ALIGNMENTS ========*/
 /*for flat icons*/
 
 body [class*="flaticon-"]::before {
   margin: 0;
 }
 
 .pad0 {
   padding: 0;
 }
 
 .pad-l0 {
   padding-left: 0;
 }
 
 .pad-r0 {
   padding-right: 0;
 }
 
 .martop30 {
   margin-top: 30px;
 }
 .pt40 {
	 padding-top: 40px;
 }
 .marbot30 {
   margin-bottom: 30px;
 }
 
 .wide-dvr,
 .dvr .container {
   border-bottom: 1px solid #eee;
   margin-bottom: 30px;
   padding-bottom: 30px;
 }
 
 .pul-lft {
   float: left;
 }
 
 .pul-rgt {
   float: right;
 }
 
 .pul-cntr {
   float: none;
   margin: 0 auto;
 }
 
 .valign {
   align-items: center;
   display: flex;
   min-height: 100px;
   /* define holder height */
 }
 /*========= IMG =========*/
 
 
 .ovrimg img {
   width: 100%;
 }
 
 body img,
 .ovrimg-mx img {
   max-width: 100%;
   height: auto;
 }
 /*========= BG ========*/
 
 .wide-box-holder {
   clear: both;
   position: relative;
 }
 
 
 .section-bg {
   height: auto;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   z-index: -80;
   text-align: center;
 }
 
 .section-bg > img {
   height: auto;
   width: 100%;
 }
 /*relative for inside of wide box*/
 
 .posrel {
   position: relative;
 }
 
 .posrel .section-bg ~ * {
   position: relative;
 }
 /*========= LIST  ========*/
 
 .zebra-cross > *:nth-child(2n+1) {
   background-color: #eee;
 }
 
 .vcntrlist ul {
   align-items: center;
   display: flex;
   justify-content: center;
 }
 
 .clrlist ul {
   padding: 0;
   margin-bottom: 0;
 }
 
 .clrlist li {
   display: inline-block;
   list-style-type: none;
 }
 
 .listview ul li {
   display: block;
 }
 
 .listdvr li + li {
   border-left: 1px solid #eee;
 }
 
 [class*="list-col-"] ul {
   padding: 0;
 }
 
 [class*="list-col-"] ul li {
   display: inline-block;
   float: left;
 }
 
 .cols-5 {
   width: 20%;
 }
 
 .list-col-2 ul li {
   width: 50%;
 }
 
 .list-col-3 ul li {
   width: 33.33%;
 }
 
 .list-col-4 ul li {
   width: 25%;
 }
 
 .list-col-5 ul li {
   width: 20%;
 }
 
 @media (max-width:768px) {
 
   .list-col-4 ul li {
     width: 50%;
   }
   .cols-5 {
     width: 100%;
   }
 }
 
 @media (max-width:480px) {
   [class*="list-col-"] ul li {
     width: 100%;
   }
 }
 /* news paper style*/
 
 .listodr-col-2 ul {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   column-count: 2;
   column-gap: 20px;
 }
 
 [class*="listodr-col"] ul {
   list-style-type: none;
   padding: 0;
 }
 
 @media only screen and (max-width: 667px) {
   .listodr ul {
     -moz-column-count: 1;
     -webkit-column-count: 1;
     column-count: 1;
   }
 }
 
 .li-col-3 ul li {
   width: 33.33%;
 }
 
 .li-col-4 ul li {
   width: 25%;
 }
 
 .alistdvr li a {
   border-right: 1px solid #eee;
   margin-right: 10px;
   padding-right: 15px;
 }
 
 .alistdvr li:last-child a {
   border: 0;
 }
 /*========= SLIDER =========*/
 
 .carousel-control {
   background: transparent !important;
   opacity: 1;
 }
 
 .slider .item > img {
   margin: 0 auto;
 }
 /***reset slider arrows***/
 
 .slider.arr-rgtside .carousel-control {
   background-color: #ffcc33 !important;
   height: 50px;
   left: 0;
   top: 290px;
   width: 50px;
 }
 
 .slider.arr-rgtside .right.carousel-control {
   margin-left: 50px;
 }
 /*for slider caption*/
 
 .slider .container {
   position: relative;
 }
 
 .caro-caps {
    text-align: center;
    bottom: 33em;
    position: absolute;
    z-index: 10;
}
 
 .slider.fadeft .carousel-inner > .active.left {
   background-color: #fff;
   left: 0;
 }
 
 .slider.fadeft .carousel-inner > .active.left img {
   opacity: 0.8;
 }
 
 .slider.fadeft .carousel-inner > .active.left .caro-caps {
   left: 20%;
   opacity: 0;
   right: auto;
 }
 
 .slider.fadeft .carousel-inner > .next .caro-caps {
   left: 0%;
   right: auto;
   opacity: 0;
 }
 
 .slider.fadeft .carousel-inner > .next {
   left: 0;
   z-index: 1;
 }
 
 .slider.fadeft .carousel-inner > .next img {
   opacity: 0;
 }
 /*======== FORM =========*/
 
 textarea {
   min-height: 50px;
   max-width: 100%;
 }
 /*checkbox checked and uncheck*/
 
 .form-control:checked + label {
   color: green;
 }
 
 .form-control:not(:checked) + label {
   color: red;
 }
 
 .form-control:focus {
    border-color: #333;
    box-shadow: 0 1px 1px #333 inset, 0 0 8px #333;
    outline: 0 none;
}
 
 [type="submit"] {
   background-color: #ff6500;
   color: #fff;
 }
 
 .form-control {
   border: 1px solid #eee;
   border-radius: 0;
   height: 40px;
 }
 /*radio button*/
 
 [type="radio"]:checked + label {
   color: #d00;
 }
 
 .form-control[type="radio"] {
   background: none repeat scroll 0 0 transprent !important;
   display: block;
   float: left;
   height: auto;
   margin: 4px 10px 0 0;
   width: auto;
 }
 /*select or Dropdown */
 
 option:hover {
   background-color: #fafafa;
 }
 /*Placeholder*/
 
 .form-control::-moz-placeholder {
   color: #ccc;
 }
 
 .form-control:-ms-input-placeholder {
   color: #ccc;
 }
 
 .form-control::-webkit-input-placeholder {
   color: #ccc;
 }
 
 .facny-fom input[type="checkbox"] + label::before {
   border: 1px solid #ccc;
   color: #39c;
   content: " ";
   display: inline-block;
   font-family: "glyphicons halflings";
   font-size: 1em;
   height: 25px;
   padding: 0;
   text-align: center;
   width: 25px;
   float: left;
 }
 
 .facny-fom input[type="checkbox"]:checked + label::before {
   background-color: #39c;
   color: #fff;
   content: "";
   display: inline-block;
 }
 
 .facny-fom input[type="checkbox"] + label {
   display: inline-block;
 }
 
 .facny-fom .inputgroup input[type="checkbox"] {
   height: 25px;
   margin: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 25px;
 }
 
 .inputgroup {
   position: relative;
 }
 
 .noklft:before {
   border-left: 15px solid transparent;
   border-bottom: 15px solid #1b90b1;
   position: absolute;
   left: -15px;
   content: "";
   top: 0;
   width: 15px;
 }
 
 .nokrgt:before {
   border-right: 15px solid transparent;
   border-bottom: 15px solid #1b90b1;
   position: absolute;
   right: -15px;
   content: "";
   top: 0;
   width: 15px;
 }
 
 body,
 body *,
 body *:after,
 body *:before,
 .transition,
 .transition *,
 .transition *:after,
 .transition *:before,
 .transition *:hover {
   transition: all 0.3s ease 0s !important;
   -webkit-transition: all 0.3s ease 0s !important;
   /*

    transition: all 500ms ease 0s; */
 }
 /*====== NAVBAR ======*/
 
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus {
   background-color: transparent;
 }
 
 .navbar.navbar-default {
   background-color: transparent;
   border: 0 none;
   margin: 0;
 }
 
 .nav-cntr .navbar-nav > li {
   display: inline-block;
   float: none;
 }
 
 .nav-cntr .navbar-nav.nav {
   text-align: center;
   width: 100%;
 }
 
 @media only screen and (max-width: 768px) {



 body .hdr-top .top-btn a {
    padding: 4px 10px;
}

button.navbar-toggle.slide-active .icon-bar {opacity: 0;}

button.navbar-toggle.slide-active:after {
    content: "X";
    color: #fff;
    font-size: 30px;
    position: relative;
    top: -9px;
    font-weight: bold;
    margin: 0 10px;
    color: #8a5d0e;
}

section.hdr.sticky-hdr {
    width:100%; 
	float:left;
}

   body .nav.navbar-nav {
     margin: 0;
   }
   .navbar-toggle {
     border-color: #transparent !important;
     min-height: 35px;
   }
   .navbar-toggle:hover,
   .navbar-toggle:focus {
     background-color: #transparent !important;
     min-height: 35px;
   }
   /**arrow toggle icon-bar**/
   body .arr-toggle .navbar-toggle.collapsed .icon-bar {
     left: 0px;
     top: 0px;
     transform: unset;
     width: 100% !important;
   }
   .arr-toggle .navbar .icon-bar:nth-child(3) {
     left: 3px;
     position: relative;
   }
   .arr-toggle .navbar .icon-bar:nth-child(2) {
     left: 1px;
     position: relative;
     top: 2px;
     transform: rotate(-50deg);
     width: 50% !important;
   }
   .arr-toggle .navbar .icon-bar:nth-child(4) {
     left: 1px;
     position: relative;
     top: -2px;
     transform: rotate(50deg);
     width: 50% !important;
   }
   /**./arrow toggle icon-bar**/
   /***close icon on navbar***/
   .cross-toggle .navbar .icon-bar:nth-child(2) {
     position: relative;
     top: 6px;
     transform: rotate(45deg);
   }
   .cross-toggle .navbar .icon-bar:nth-child(3) {
     display: none !important;
   }
   .cross-toggle .navbar .icon-bar:nth-child(4) {
     top: -3px;
     transform: rotate(-45deg);
   }
   /***need to add collapsed on navbar-toggle***/
   .cross-toggle .navbar-toggle.collapsed .icon-bar {
     top: auto;
     transform: none;
     display: block !important;
   }
   /***./close icon on navbar***/
 }
 /*dropdown-menu*/
 /*submenu for desktop*/
 
 .dropdown:hover .dropdown-menu {
   display: block;
 }
 
 .dropdown > a::before {
   color: #ccc;
   content: "\f107";
   font-family: "fontawesome";
   font-size: 7px;
   margin-left: 1%;
   position: absolute;
   right: 0;
 }
 
 .dropdown.open > a::before {
   content: "\f105";
 }
 /*submenu for mobile*/
 
 @media only screen and (max-width: 768px) {
   body .dropdown.open .dropdown-menu {
     border: 2px solid #eee;
     border-radius: 0px;
     float: left;
     width: 100%;
     display: block !important;
   }
   .navbar a {
     text-align: center;
   }
   .dropdown > a:hover + .dropdown-menu {
     display: none;
   }
 }
 /*./dropdown-menu*/
 /*

Note: see bottom note

*/
 
 .sticky-hdr {
   background-color: rgba(255, 255, 255, 1);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
   border-bottom: 1px solid #eee;
   position: fixed !important;
   width: 100%;
   z-index: 555;
   top:0;
 }
 /*========LINKS========*/
 
 .strip-btn a {
   animation: 2s linear 0s normal none infinite running progress-bar-stripes;
   border-bottom: 5px solid #cc4500;
 }
 
 .strip-btn a:hover {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 40px 40px;
   color: #fff !important;
   box-shadow: 0 0 0 1% rgba(255, 69, 0, 0.5);
   ;
 }
 
 .iln-btn {
   display: inline-block;
 }
 /*========HOVER========*/
 
 body a,
 body a:active,
 body a:focus,
 body a:hover {
   outline: none !important;
   /*for remove the dotted line around the clicked a*/
   text-decoration: none;
 }
 /*

For Mobile Friendly Navigation

http://jsfiddle.net/gmkhussain/awqs01zc/

*/
 /****Note: add above Class for hover***/
 /**********./classes***********/
 
 .hdr-top {
   background-color: #000;
   color: #fff;
   min-height: 90px;
   position: relative;
   z-index: 1;
 }
 
 .hdr-top .navbar-brand {
   color: #fff;
	margin: 40px 0 0;
   padding: 0;
 }
 .navbar-brand span {
	position: relative;
    bottom: 40px;
    left: 104px;
}
.hdr.sticky-hdr .navbar-brand span {
	position: relative;
    bottom: 0px;
    left: 0px;
 } 
 
 .hdr-top .top-btn a {
   border: 2px solid #fff;
   border-radius: 10px;
   color: #fff;
   display: inline-block;
   margin: 12px 0 0 10px;
   padding: 6px 15px;
   font-weight: 600;
   text-transform: uppercase;
 }
 
 .hdr-nav {
   background-color: #2c2c2c;
   height: 42px;
   text-align: center;
 }
 
 nav.navbar-default {
   float: none;
   margin: 0 auto;
   display: inline-block;
   min-height: 10px;
 }
 
 .navbar-default .navbar-nav > li > a {
    color: #909090;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
}
 
 .nav.navbar-nav li.active > a,
 .nav.navbar-nav li > a:hover,
 .nav.navbar-nav a.active {
   background-size: 100% 100%;
   color: #fff !important;
   background: transparent;
 }
 
.nav.navbar-nav li a::after {
    font-family: fontawesome;
    content: "\f105";
    height: 20px;
    width: 30px;
    padding-left: 8px;
}
 
.home-cont {
    padding: 90px 0 90px 0;
    background-color: #000;
    color: #fff;
}
 
.home-cont-inr {
    font-size: 18px;
    margin: 0 auto;
    width: 100%;
}
 
.lnk-btn > a {
    background-color: #ed1c24;
    border-radius: 11px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
}
 
 .hosted-cont1 > h2 {
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
    font-size: 20px;
}
 
.hosted-cont img {
    padding-top: 15px;
    width: 100%;
}
 .award-cont.award-img {
    text-align: right;
}
 .hosted-cont1 > h2 span {
   display: block;
 }
 
 .hosted h3 {
    color: #000;
    font-size: 20px;
    margin: 10px 0;
}
 
 .hosted-cont1 {
   text-align: right;
 }
 
 .dwn-area {
   display: block;
   float: none;
   margin: 0 auto;
   max-width: 200px;
   text-align: center;
 }
 
.dwn-area h4 {
    font-weight: bold;
    text-transform: uppercase;
}
 
 .no-conto .carousel-indicators {
   display: none;
 }
 
 .no-indi .carousel-control {
   display: none;
 }
 
 .ftr {
   color: #16093c;
   margin: 0px 0 0;
   padding: 0px;
   padding-bottom:20px;
   padding-top:40px;
 }
 
 .ftr-box.col-sm-3 ul li {
   font-size: 1.2em;
   margin: 0 0 20px;
 }
 
 li.active a:not(.active) {
   background-color: transparent !important;
   color: #2c2c2cc7 !important;
 }
 
 .purple-bg {
   background-color: #1e1445;
   color: #fff;
 }
 .black-bg {
   background-color: #000;
   color: #fff;
 }
 
 .info-cont h3 {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin: 30px 0 0px;
}
 
 .info-cont h2 {
   color: #211c5c;
   font-weight: 600;
   margin: 30px 0 10px;
 }
 
 .schedule {
	 font-weight: 600;
    color: #fff;
    background: #000;
    font-size: 20px;
    padding: 30px 0 50px 0;
}
 .schedule h2 {
    margin-bottom: 25px;
}
 .purple-bg h2 {
   font-size: 1.4em;
   margin: 40px 0 30px;
 }
 
 .btns-group a {
   background-color: #fff;
   border-radius: 10px;
   color: #514870;
   display: inline-block;
   font-weight: 600;
   margin: 30px 0 0;
   min-width: 380px;
   padding: 10px 20px;
   text-align: center;
 }
 
 .tooltip.fade div.tooltip-inner {
   background: #16093C;
   color: #fff;
   display: block !important;
   position: relative;
   border: 1px solid #fff;
 }
 
 .tooltip.fade div.tooltip-arrow {
   border-top: 6px solid #fff;
 }
 
 .tooltip.fade {
   opacity: 1;
 }
 
 a[rel="tooltip"] {
   border: 1px solid #fff;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   font-weight: 600;
   height: 30px;
   margin: 0 0 0 10px;
   padding: 5px;
   text-align: center;
   width: 30px;
 }
 
 .reg-top li > a:not([rel="tooltip"]) {
   background-color: #fff;
   border-radius: 8px;
   color: #16093c;
   display: inline-block;
   font-size: 1.4em;
   font-weight: 600;
   margin: 0 0 30px;
   padding: 10px 20px;
 }
 
 .reg-top li > a:not([rel="tooltip"]) {
   background-color: #fff;
   border-radius: 8px;
   color: #16093c;
   display: inline-block;
   font-size: 1.4em;
   font-weight: 600;
   margin: 0 0 30px;
   padding: 10px 20px;
 }
 
 .reg-top li > form {
   position: relative;
   height: 50px;
   margin: 0 0 30px;
 }
 
 .reg-top li > form input[type="text"] {
   border-radius: 8px;
   font-size: 1.4em;
   max-width: 330px;
   min-height: 50px;
   position: absolute;
   background-color: transparent;
   padding-left: 60px;
   color: #fff;
 }
 
 .reg-top form {
   display: inline-block;
   float: left;
   min-width: 330px;
 }
 
 .reg-top form + a {
   margin-top: 10px;
 }
 
 .reg-top li {
   float: left;
   width: 100%;
 }
 
 .tooltip-inner {
   font-size: 1.8em;
   min-width: 400px;
   padding: 11px;
 }
 
 .carousel-control .fa::before {
   font-size: 3em;
 }
 
 .reg-top li > form input[type="submit"] {
   background-color: transparent;
   position: absolute;
   top: 0;
   z-index: 1;
   max-width: 40px;
   background-image: url("images/search-icon.png");
   background-repeat: no-repeat;
   background-position: center center;
   height: 45px;
   border: 0;
   background-size: 100%;
   left: 8px;
 }
 
 h1 {
   font-size: 6em;
   font-weight: lighter;
   margin: 50px 0 30px;
   text-transform: uppercase;
 }
 
 .lnk-btn.blt-btn {
   display: inline-block;
   margin: 0 30px 10px 0;
   text-transform: uppercase;
 }
 
 #awards h3 {
   color: #15073b;
   font-size: 2.5em;
   font-weight: 600;
   margin: 50px 0 20px;
 }
 
 #awards .award-cont p {
   font-size: 18px;
 }
 
 .hosted {
   padding: 60px 0;
 }
 
 .dwn-area a {
   color: #16093c;
 }
 
 .dwn-area.top-area h4 {
   border-top: 0 none;
 }
 
 .dwn-area.top-area h4 {
 }
 
 .dwn-area.top-area {
   padding: 20px 0;
 }
 /***modal**/
 
 div.modal {
   top: 13%;
   
 }
 .modal[id*="award"] {
    text-align: center;
}
 
 div.modal {
   color: #000;
 }
 
 .modal-dialog {
   top: 10%;
   width:80%;
 }
 
 .modal .close {
   color: #fff;
   font-size: 2em;
   height: 30px;
   margin: 0;
   opacity: 1;
   position: absolute;
   right: 0;
   text-shadow: none;
   top: 0;
   width: 30px;
 }
 
 .modal-content {
   border: 0px solid #eee;
   border-radius: 0;
   box-shadow: 0 20px 140px 13px #666;
 }
 /***./modal***/
 
.award-img a span {
    width: 20%;
    text-align: right;
    display: block;
    background-color: transparent;
    border-radius: 15px;
    color: #000;
    font-weight: 700;
    margin-left: 80%;
    cursor: pointer;
}

.award-cont.award-img img {
    cursor: pointer;
}
 body .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	z-index: 9999;
    background-image: url('images/arw2.png') !important;
}
body .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	z-index: 9999;
	background-image: url('images/arw1.png') !important;
}

 .contact-cont p {
   font-size: 1.7em;
 }
 
 .fa-angle-right:before {
    content: none !important;
}

.fa-angle-left:before {
    content: none !important;
}
 
 .form-area.purple-bg textarea {
   min-height: 200px;
 }
 
 .form-area.purple-bg {
   margin: 30px 0 0;
   padding: 80px 0;
 }
 
 .form-area.purple-bg label {
   font-size: 1.8em;
   font-weight: lighter;
 }
 
 .submitbtn .form-control {
   background-color: #15073b;
   border-radius: 12px;
   color: #fff;
   float: right;
   font-size: 1.2em;
   font-weight: 600;
   padding: 8px 30px;
   width: auto;
 }
 .award-cont.award-img a {
    width: 100%;
    display: block;
    height: auto;
}
 .submitbtnfriend .form-control {
   background-color: #333;
   border-radius: 12px;
   color: #fff;
   font-size: 1.2em;
   font-weight: 600;
   padding: 8px 30px;
   width: auto;
 }
 
 .form-area.purple-bg input,
 .form-area.purple-bg textarea {
   border-radius: 10px;
 }
 
 footer .hdr {
   position: static !important;
 }
 
 footer .hdr .navbar-brand {
   display: none;
 }
 
 footer .hdr .hdr-top {
   border: 0 none;
   margin: 0;
   min-height: 50px;
 }
 
 .award-cont ul {
   font-size: 16px;
   list-style-type: none;
   padding: 0;
 }
 /***fixing***/
 
 .item.active > img {
   width: 100%;
 }
 
 .dwn-area {
   margin-left: 35%;
 }
 
 .dwn-area.top-area {
   margin-left: auto;
   margin-right: 35% !important;
   margin-top: -190px;
 }
 
 body .dwn-area {
   display: inline-block;
   float: left;
   margin: 0 !important;
 }
 
 footer .hdr-nav {
    height: auto;
}

 .hussainbtns.dwn {
    float: none;
    margin-bottom: 40px;
}


 body .hosted {
   margin: 10px 0 0;
 }
 
body h1 {
    font-size: 32px;
    margin: 40px 0 10px;
    color: #000;
}
 .award-cont-box {
    margin-bottom: 15px;
	padding:0;
}
section#information .dwn-area.top-area {
    padding-bottom: 40px;
}
 .detail_pop:hover {
   padding-left: 30px;
 }
 
 .detail_pop:hover:after {
   width: 20px;
 }
 
 .detail_pop:after {
   content: " ";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 5px;
   background-color: #eee;
   z-index: 0;
 }
 
 .detail_pop {
   border: 1px solid #ccc;
   color: #1e1445;
   display: inline-block;
   font-size: 1.5em;
   margin: 0 0 -1px;
   padding: 10px 15px;
   width: 100%;
   position: relative;
 }
 
 #ajaxDIVSearch {
   clear: both;
   float: left;
   /*margin-top: -26px !important;*/
 }
 
 #expiryMonth, #expiryYear,
 #familyExpiryDateYear, #familyExpiryDateMonth {
    display: inline-block;
    width: 48%;
}

.modal#competitor_awards_tickets input {
    color: #000;
}

.modal#competitor_awards_tickets .modal-body {
    height: auto;
}


table#correct_form_data td, #addItemCartModel td  {
    width: 40%;
    border: 1px solid #ccc;
    padding: 12px;
}


table#correct_form_data td:nth-child(2), #addItemCartModel td:nth-child(2){
    width: 13%;
    text-align: center;
}

div#checkout_form table {
    font-size: large;
    width: 100%;
}

div#checkout_form table td {
    border: 1px solid #ccc;
    padding: 10px;
}

table#payment_summary_in_family {
    width: 100%;
}

table#payment_summary_in_family td {
    border: 1px solid #ccc;
    padding: 10px;
}

.form-group.submitbtnfriend input {
    display: inline-block;
    margin: 0 20px 0 0;
}

div#family_summary_table table td, div#family_summary_table table th {
    border: 1px solid #ccc;
    padding: 10px;
}

div#family_summary_table table {
    margin: 20px 0 10px;
    width:100%;
}
header li.open {
    position: relative;
}


.fom-standalone input[type=button], .fom-standalone input[type=reset], .fom-standalone input[type=submit],
input#password-submit,
.btn-register, input#login-submit {
    background-color: #000;
    font-weight: 600;
    border: 0;
    border-radius: 10px;
    font-size: 18px;
    line-height: 30px;
    height: auto;
}

html input[type=button]:hover, input[type=reset], input[type=submit]:hover,
input#password-submit:hover,
.btn-register:hover, input#login-submit:hover {
    color: #fff;
}


html body .dwn-area {
    float: none;
	padding-bottom: 20px;
}


html body .dwn-area.top-area {
	border-top: 1px solid #bbbbbb;
	margin-right:0 !important;
}
.hussainbtns{ text-align:center; }


.panel-login .panel-body {
    padding-bottom: 0px;
}


body .fom-standalone {
    margin-top: 50px;
    margin-bottom: 50px;
}

  
.orders-page .nav.nav-tabs>li.active>a {
    background-color: #000000 !important;
    color: #fff !important;
}

.orders-page .nav.nav-tabs li {
    float: none;
    display: inline-block;
    font-size: 18px;
}

.orders-page .nav.nav-tabs li a {
    background-color: #eee;
    color: #000;
}


.orders-page .table>thead>tr>th, .orders-page .table>tbody>tr>td {
    border: 0;
    padding: 18px;
}

.orders-page .table>tbody>tr>td {
    border-bottom: 1px solid #ccc;
}
 

.orders-page .label-info {
    background-color: #2c2c2c;
    font-size: 16px;
    font-weight: 400;
}


.orders-page .table>thead>tr>th {
    border-bottom: 3px solid #000 !important;
}


footer .hdr-nav {
    height: 42px;
}

.ftr-box ul li a {
    color: #16093c;
}

.info-cont p {
    font-size: 18px;
}

.info-cont {
    background: #e8e8e8;
    padding: 20px 0 40px;
}
.venue-right .btns-group a {
    margin: 8px 0;
    min-width: auto;
    padding: 6px 20px;
    font-size: 14px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 15px;
}
.venue-left p {
    font-size: 18px;
}
.venue-left {
    padding: 0;
}
.top-btn ul li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.top-btn ul li a {
    background-color: aqua !important;
    width: 100%;
    margin: 0 !important;
}


.hdr-top .top-btn li a:hover {
    background-color: #2c2c2c !important;
	color:#fff !important;
}


.slider .carousel-inner>.item {
    height: 760px;
    background-color: #000;

}

.slider .carousel-inner>.item img {
    
	max-width: 100%;
}

div#family_tcikets_quantity_div {
    padding: 30px 0 0;
}

div#incorrectButtonShowHide {
    padding: 0 15px;
}

tr:hover {
    background: #f7f7f7;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: transparent !important;
}
section#contact .contact-img {
	    padding-left: 40px;
        padding-top: 65px;
}
header .sticky-hdr .hdr-top {
    border: 0px;
    min-height: 50px;
}

header .sticky-hdr .navbar-brand {
    margin: 0;
}

header .sticky-hdr .navbar-brand img {
    width: 48px;
}

header .sticky-hdr .navbar-brand span {
    font-size: 14px;
}

header .sticky-hdr .hdr-top .top-btn a {
    font-size: 9px;
    margin: 10px 0px 0 8px;
}

body .fom-standalone h2 {
    margin-top: 5px;
}



        .panel-login>.panel-heading {
            color: #00415d;
            background-color: #fff;
            border-color: #fff;
            text-align:center;
        }
        .panel-login>.panel-heading a{
            text-decoration: none;
            color: #666;
            font-weight: bold;
            font-size: 15px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }
        .panel-login>.panel-heading a.active {
    color: #16093c;
    font-size: 18px;
}
        .panel-login>.panel-heading hr{
            margin-top: 10px;
            margin-bottom: 0px;
            clear: both;
            border: 0;
            height: 1px;
            background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
            background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
            background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
            background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
        }
        .panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
            height: 45px;
            border: 1px solid #ddd;
            font-size: 16px;
			    border-radius: 10px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }
        .panel-login input:hover,
        .panel-login input:focus {
            outline:none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: #ccc;
        }
		
        .forgot-password {
            text-decoration: underline;
            color: #333;
        }
		
		
        .forgot-password:hover,
        .forgot-password:focus {
            text-decoration: underline;
            color: #666;
        }
		

body footer .top-btn a {
    top: -8px;
}

div#final_checkout {
    padding: 30px 0 0;
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
}





.pul-rgt.top-btn {
    padding-top: 25px;
}
.hdr.sticky-hdr .pul-rgt.top-btn {
    padding-top: 0px;
}
.fa.fa-arw-up::after {
    text-align: center;
    content: '\f0d8';
    font-family: fontawesome;
    font-size: 40px;
    color: #000;
}
.fa.fa-arw-dwn::after {
    text-align: center;
    content: '\f0d7';
    font-family: fontawesome;
    font-size: 40px;
	color: #000;
}
.lnk-btn.blt-btn.lnk--award a {
    background: transparent;
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    padding-left: 0;
}
.award-cont {
    padding-left: 0;
    padding-top: 20px;
}

.venue-right ul {
    padding-left: 80px;
}

.venue-right .btns-group a:nth-child(1) {
    margin-top: 0;
}

.venue-right img {
    margin-top: -75px;
}
.venue-wrap h2 {
    margin-top: 20px;
}
.venue-wrap {
    padding: 0;
}
section#register h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 20px;
}
.forgot__pswrd {
    margin-bottom: 15px;
}
.ftr-box ul li:nth-child(2) a img {
    margin-top: 15px;
}
.navbar-default .navbar-nav > li:nth-child(1) > a {
    padding-left: 0;
}
.p0 {padding:0;}
.pl0 {padding-left:0px;}
.ftr-box ul li:nth-child(3) a img {
    margin-top: -28px;
}
.ftr-box ul li {
    text-align: left;
}
.shadow-box-left {
    background: transparent;
    display: block;
    height: 350px;
    z-index: 999;
    left: 0;
    position: absolute;
    bottom: 0px;
    box-shadow: 25px 48px 129px 105px #fff;
}
.shadow-box-right {
    background: transparent;
    display: block;
    height: 350px;
    z-index: 999;
    left: 0;
    position: absolute;
    bottom: 0px;
    box-shadow: 25px 60px 122px 178px #fff;
}
.contact-cont h1 {
    font-weight: 500;
    font-size: 30px;
}
.contact-cont p {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
section#contact .form-area {
	    padding: 50px 0;
    background: #373737;
}
.register-area h4 {
	color:#fff;
    font-weight: 300;
}
.register-area span {
    color: #fff;
}
.register-area span a {
    color: #fff;
}
.contact-form .form-group input {
    border-radius: 10px;
}

.contact-form .form-group textarea {
    border-radius: 10px;
}
.contact-form .form-group.submitbtn input {
    background: #fff;
    float: left;
    color: #000;
    border: 1px solid #d1c374;
}
section#contact .contact-cont {
    padding-bottom: 30px;
	    padding-top: 20px;
}
section#contact .form-area .register-area {
    padding-left: 50px;
}
.caro-caps h1 {
    margin: 0;
    font-size: 105px;
    color: #fff;
}
.caro-caps h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.reg-top .reg-box li a {
    margin-bottom:  0;
}
.reg-top.black-bg {
    padding:  50px 0;
}
.reg-box {
    text-align: center;
}




/*===26-DEC-2017===*/

#familyTicketQuantity{
border: 1px solid #333
}


nav.navbar-default {
       width: 79%;
}











 /*==============mobqur===============*/
 /* 24" large Screens */
 
 @media only screen and (max-width: 1920px) {}
 /* 22" large Screens */
 
 @media only screen and (max-width: 1680px) {}
 /* 20" large Screens */
 
 @media only screen and (max-width: 1600px) {}
 /* 19" large Screens */
 
 @media only screen and (max-width: 1440px) {
  .caro-caps {
    bottom: 30em;
  }
  
  .slider .carousel-inner>.item {
    height: 680px;
    background-color: #000;
}
  
  
 }
 /* 13" Notebook Large Devices, Wide Screens */
 
 @media only screen and (max-width: 1280px) {
	 
	 .navbar-default .navbar-nav > li > a {
    font-size: 16px;
}
.slider .carousel-inner>.item {
    height: 650px;
}
.caro-caps h1 {
    font-size: 90px;
}
.caro-caps h3 {
    font-size: 23px;
}
.caro-caps {
    bottom: 26em;
}
 }
 /* 12" Notebook & iPad landscape  · width: 1024px */
 
 @media only screen and (max-width: 1024px) {
	 
.slider .carousel-inner>.item {
    height: 520px;
}

.slider .carousel-inner>.item {
    height: 520px;
}

body .hosted {
    padding: 30px 0;
}

.hosted-cont1 > h2 {
    font-size: 2.6em;
}

div#final_checkout {
    margin: 0;
    padding: 35px 0 0;
    text-align: center;
}
.navbar-brand span {
    position: relative;
    bottom: 40px;
    left: 55px;
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 15px;
}
.caro-caps {
    bottom: 21em;
}
 }
 /* Medium Devices, Desktops */
 
 @media only screen and (max-width: 992px) {
	 
	 .caro-caps h3 {
    font-size: 21px;
}
.caro-caps h1 {
    font-size: 80px;
}
.caro-caps {
    bottom: 20em;
}
	 
 }
 /*Landscape*/
 
 @media only screen and (max-width: 960px) {
	 
	 .venue-right img {
    margin-top: -40px;
    width: 160px;
}
.venue-right ul {
    padding-left: 0px;
}
	 
	 
 }
 /* Kindel Fire HD 8.9in (800x1280) Tablets */
 
 
 @media only screen and (max-width: 800px) {
	 .slider .carousel-inner>.item {
    height: 380px;
}
.caro-caps {
    bottom: 16em;
}
.hdr-top .navbar-brand {
    margin: 0px 0 0;
}
.navbar-brand span {
    bottom: 0px;
    left: 0px;
}
.hdr-top .navbar-brand img {
    width: 90px;
}

 }

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

  .reg-box{
    float: none;
    width: 70%;
    margin: 0 auto;
    
  }

.listview ul li {
    display: block;
    margin-top: 10px;
}
.reg-top.black-bg {
    padding: 0px 0px 10px 0px;
}
nav.navbar-default {
    float: right;
    }

    .reg-top li > form {
    margin: 0;
    width: 100%;
}

.reg-top li > form input[type="text"] {
    width: 70% !important;
    display: block;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;
}
.product-area{
margin-top: 10px;}
#ajaxDIVSearch {
    clear: both;
    float: none;
    margin-top: 40px !important;
    display: block;
    margin: 0 auto;
    top: 17px;
}
.hosted-cont1 > h2 {
    font-size: 2.6em;
    text-align: center;
}
#correct_form,#payment_summary{
  padding: 10px;
}

#payment_summary .btn{
  margin-top: 10px;
}

 }
 

 /* iPad (All) (768x1024) Portrait Tablets */
 
 @media only screen and (max-width: 768px) {
#family_order_summary{
  padding: 10px;
}
#familyTicketQuantity{
  width: 90%;
  display: block;
  margin: 0 auto;
}

  #payment_summary .btn{
  margin-top: 10px;
}

  #correct_form,#payment_summary,#checkout_form{
  padding: 10px;
}
  #ajaxDIVSearch {
    clear: both;
    float: none;
    margin-top: 20px !important;
    display: block;
    margin: 0 auto;
    top: 7px;
}
.reg-top li > form {
    margin: 0;
    width: 100%;
}
.venue-right img {
    margin-top: -20px;
    display: block;
    float: none;
    margin: 0 auto;
}
.venue-right ul {
    padding-top: 20px;
    padding-left: 0;
    display: block;
    float: none;
}
.reg-top li > form input[type="submit"] {
       background-color: transparent;
    position: relative;
    top: 0;
    z-index: 1;
    max-width: 40px;
    background-image: url(images/search-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 40px;
    border: 0;
    background-size: 69%;
    width: 52px;
    border: 1px solid #333;
    background-color: #333;
    padding: 0px 1px;
    display: block;
    vertical-align: top;
    float: none;
    margin: 0 auto;
    line-height: 58px;
    margin-top: 10px;
    /* max-width: -webkit-fill-available; */
   }

.reg-top li > form input[type="text"] {
    width: 88% !important;
    border: 1px solid #333;
    min-height: 45px;
    padding: 0px 3px;
    border-radius: 8px;
    font-size: 1.4em;
    max-width: 330px;
    min-height: 50px;
    position: relative;
    background-color: transparent;
    padding-left: 6px;
    color: #fff;
    display: block;
    margin: 0 auto;


  }

    .reg-box .modal-content{
      text-align: center;

    }
.reg-top li > form{
  position: inherit;
}
  .reg-box h3{
    text-align: center;
  }
.modal#competitor_awards_tickets .modal-body {
    /* height: auto; */
    height: 170px;
}
	.hdr-top{   background-color: #2c2c2c;
    color: #fff;
    min-height: 90px;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;}

   .mobile-menu{

   }
	 #awards h3 {
    margin: 10px 0;
}
.shadow-box-left {
    box-shadow: 25px 31px 115px 55px #fff;
}
.shadow-box-right {
    box-shadow: 25px 60px 130px 100px #fff;
}
.award-cont {
    float: left;
    width: 100%;
}
	 
	 .top-btn {
    margin-bottom: 0px;
    margin-top: 10px;
}

 body {
    width: 100%;
}

   .navbar-toggle {
    padding: 0 !important;
}

nav {
     width: 100%;
   }
   .navbar-brand {
     width: 80px;
   }
   .top-btn {
     padding: 0;
   }

body .top-btn li a {
     font-size: 11px !important;
     position: relative;
     top: 0px;
   }
   .navbar-brand > span {
     color: #000;
     position: absolute;
     right: 15px;
     top: -25px;
   }
   
.slider .carousel-inner>.item {
    height: 320px;
}
.hdr-top .navbar-brand {
    margin: 7px 0 0;
        float: none;
    display: block;
    margin: 0 auto;
}
.home-cont {
    padding: 10px 0 30px 0;
}
.pul-rgt.top-btn {
padding-top: 10px;
    text-align: center;
    float: none;}
.navbar-brand > span {
    display: none;
}  

#bs-example-navbar-collapse-1 {
    padding: 0;
    border-color: transparent;
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
     box-shadow: inset 0 0px 0 rgba(255,255,255,.1); 
}
.ftr-box ul li {
	margin-bottom: 20px;
    width: 32%;
}
.hosted-cont img {
    width: 300px;
}
.venue-right ul {
    padding-left:0; 
}
header .sticky-hdr .hdr-top .top-btn a {
    margin: 0 5px;
}
.modal-dialog {
    width: 94%;
}
.ftr {
    padding: 30px 0 0;
}

.contact-form {
    width: 100%;
}

div.register-area {
    width: 100%;
    float: left;
    text-align: center;
}

body .nav.navbar-nav {
    width: 100%;
    float: left;
}

body .nav.navbar-nav li {
    padding-right: 40px;
}

.hosted-cont {
    width: 100%;
    text-align: center;
    text-align: center;
    margin: 10px 0;
    padding-top: 0;
}

section.hosted {
    padding: 10px 0;
}

.award-cont {
    width: 100%;
}

.ftr-box {
    width: 100%;
}

.home-cont-inr {
    margin: 50px 0;
    text-align: center;
    width: 100%;
}
div#slidemenu {
    padding-left: 0px;
}

.venue-wrap{
  text-align: center;
}

.venue-right .btns-group a {

    display: block;
    width: 100%;}
 .venue-right{
  padding-right: 0px;
 }

 .reg-top.black-bg {
    padding: 10px 0;
}
.product-area{
  margin-top: 10px;
}
.listview ul li {
    display: block;
    margin-top: 8px;
}
.reg-top a[rel="tooltip"]{display: none;}
 }
 /* Google Nexus 7 603x966 | Samsung Galaxy Tab 600x1024  */

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

  nav.navbar-default {
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
      font-weight: bold;
    text-align: left;
    background: transparent;
}

div#correct_form .row {
    margin-left: 0;
    margin-right: 0;
}

#ajaxDIVSearch {
    margin-top: 10px !important;
    z-index: 9999;
    position: relative;
} 
	 div#checkout_form table {
    font-size: 1.5rem;
}
.hosted-cont img {
    padding-top: 15px;
    width: 350px;
}
div#checkout_form table {
    width: 100%;
}
html body .dwn-area.top-area {
    margin-top: 0 !important;
}
.venue-right ul {
    padding-top: 20px;
    padding-left: 0; 
} 
.venue-right img {
    margin-top: -20px;
}
.venue-right {
    padding-left: 0;
}

#slide-nav .navbar-toggle {
    z-index: 5;
}

body #navbar-height-col {
     z-index: 46;
    top: 0;
    position: absolute;
    background: #8a5d0e;

}

body .nav.navbar-nav li {
    padding: 0;
    width: 100%;
}

section.hdr.sticky-hdr {
    position: static !important;
}


html body .dwn-area a img {
    height: 50px;
}

html body .dwn-area a h4 {
    margin: 0;
    padding: 12px 0;
}


body .hussainbtns {
    height: auto;
}


footer .hdr-nav {
    min-height: auto;
    height: auto;
}
footer .hdr-nav .navbar-toggle {
    background-color: transparent !important;
    border: 0 none;
    padding: 10px !important;
    text-align: center;
    width: 40px;
    float: none;
}


footer .hdr-nav {
    height: auto;
    min-height: auto;
}
footer .hdr-nav .navbar-toggle {
    background-color: transparent !important;
    border: 0 none;
    float: none;
    padding: 10px !important;
    text-align: center;
    width: 40px;
}


footer .hdr-nav .navbar-toggle {
    margin: 10px 0 0;
}
.home-cont-inr {
    font-size: 18px;
}

.hosted-cont1 > h2 {
    margin: 0;
}

div.modal {
    top: 0;
}

body .dwn-area {
    margin-top: 20px !Important;
}

body .top-btn a {
    top: 0;
}


body footer .top-btn a {
    top: -8px;
}
section#contact .contact-img {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-top: 0px;
}
section#contact .contact-cont {
    padding-bottom: 10px;
    padding-top: 0;
}
section#contact .form-area .register-area {
    margin-top: 20px;
    padding-left: 0;
}
.caro-caps {
    bottom: 15em;
    width: 95%;
}
.caro-caps h3 {
    font-size: 17px;
}
.caro-caps h1 {
    font-size: 65px;
}
.slider .carousel-inner>.item {
    height: 325px;
}
.nav.navbar-nav li.active > a, .nav.navbar-nav li > a:hover, .nav.navbar-nav a.active {
    font-weight: bold;
    background-size: 100% 100%;
    color: #000 !important;
    background: transparent;
}
}
 
 @media only screen and (max-width: 603px) {
 
 
div#slidemenu {
    margin-top: 10px !important;
}
.home-cont-inr {
    font-size: 0.8em;
    margin: 20px auto;
    width: 100%;
}
.hosted-cont1 > h2 {
    font-size: 2em;
    margin: 0;
}
.hosted-cont1 > h3 {
    font-size: 1.5em;
}
.hosted {
    padding: 0;
    text-align: center;
}
.hosted-cont1 {
    text-align: center;
}
.lnk-btn > a {
    font-size: 1.2em;
    padding: 10px 20px;
}
#awards h3 {
    font-size: 2em;
}

.hussainbtns {
    height: 230px;
    margin: 0 auto;
    width: 300px;
    text-align: center;
}

.contact-img {
    text-align: center;
    width: 100%;
}


.form-area.purple-bg {
    padding: 30px 0;
}
.register-area {
    float: left;
    text-align: center;
    width: 100%;
}


.ftr-box.col-sm-9 li {
    width: 24%;
}
.ftr {
    padding: 0;
}
.ftr-box.col-sm-9 {
    text-align: center;
    clear: both;
}
.ftr-box.col-sm-3 li {
    text-align: center;
    width: 100%;
}

.tooltip.fade div.tooltip-inner {
    min-width: 270px;
    font-size: 14px;
    margin: 0 18px;
}
.reg-top li:nth-child(3) ~ li > a:not([rel="tooltip"]){ width: 100%} 


.venue-right img {
    margin-top: 0px;
}
   .navbar a {
     text-align: center;
   }


   #family_form_data input{
    border: 1px solid #333;
   }
      #family_form_data textarea{
    border: 1px solid #333;
   }
}
 /*iPhone 6 landscape · width: 667px */
 
 @media only screen and (max-width: 667px) {
	 #family_order_summary{

}
body .purple-bg ul li {
    font-size: 16px;
}

.schedule {
    min-height: auto;
}

.reg-top li > a {
    font-size: 12px !important;
}
body .dwn-area {
    margin-top: 0px !Important; 
}
.home-cont {
    padding: 10px 0 40px 0;
}
.slider .carousel-inner>.item {
    height: 300px;
}
.modal-dialog {
    margin: 18px 12px;
}
.home-cont-inr {
    font-size: 14px;
}
.ftr-box {
    padding-top: 15px;
}
.caro-caps {
    bottom: 12em;
}
 }
 /*iPhone4 and iPhone5 Galaxy S2 and S3  */
 
 @media only screen and (max-width: 640px) {
	 .caro-caps {
    bottom: 13em;
	 }
 }
 /* iPhone 5 Landscape · 320x568px */
 
 @media only screen and (max-width: 568px) {
	 .caro-caps {
    bottom: 11em;
}
.slider .carousel-inner>.item {
    height: 260px;
}
 }
 /* Kindel Fire HD 8.9in (533x853) Tablets */
 
 @media only screen and (max-width: 533px) {
 .home-cont-inr {
    font-size: 0.8em;
}

.hosted-cont1 {
    padding: 0;
}
body .dwn-area.col-sm-6 img {
    width: 30px;
}
.slider .carousel-inner>.item {
    height: 230px;
}
body .dwn-area.col-sm-6 h4 {margin: 5px 0;padding: 5px 0;}

.hussainbtns {
    height: 110px;
    margin: 20px auto;
}

body h1 {
    font-size: 2.2em;
}

html body .dwn-area {
    padding-top: 10px;
}
body .hussainbtns {
    margin: 0px auto;
}
.ftr-box.col-sm-9 li {
    width: 32%;
}
#awards h3 {
    font-size: 1.4em;
}
#awards .award-cont p {
    font-size: 1.1em;
}
body .dwn-area.col-sm-6 {
    width: 50% !important;
}
.purple-bg h2 {
    margin: 0 0 10px;
    font-size: 1.3em;
}

.purple-bg ul li {
    font-size: 0.7em;
    margin: 0 0 20px;
}

.schedule p {
    font-size: 0.7em;
}

img.pul-rgt {
    float: none;
    margin: 0 auto !important;
    display: block;
}

.btns-group a {
     min-width: auto;
    margin: 15px 0 0;
    display: block;
    width: 250px;
    min-width: 100%;
}








a[rel="tooltip"] {
    float: left;
    clear: both;
    margin: 4px 20px 0 0;
}

.reg-top li > a:not([rel="tooltip"]) {
    width: 80%;
    text-align: center;
    margin: 0;
}
.reg-top li > a:not([rel="tooltip"]) {
      width: 84%;
    text-align: center;
    margin: 0;
    /* background: transparent; */
    /* color: #fff; */
    text-align: left;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    margin-top: 4px;
}
}
.reg-top li > form input[type="text"] {
    /*width: 70%;*/
    border: 1px solid #333;
}
.reg-top li > form {
    margin: 0;
}
.modal td img {
    /*width: 100%;*/
}

.caro-caps h3 {

}
.caro-caps h1 {

}
 }
 
 


 /*iPhone3 Landscape*/
 
 @media only screen and (max-width: 480px) {
.caro-caps {
    bottom: 10em;
}

 }
 /* iPhone 6 PLUS (414x736) */
 
 @media only screen and (max-width: 414px) {

 div#hide_checkout_button {
    width: 100%;
    text-align: center;
}

div#fill_form {
    padding: 0 15px;
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-left: 0;
    clear: both;
}
 .slider .carousel-inner>.item {
    height: 210px;
}

.reg-top ul li {

}

.reg-top ul li a {
    display: block;
}

.caro-caps {
    bottom: 8em;
}
.caro-caps h1 {
    font-size: 45px;
}
.caro-caps h3 {
    font-size: 12px;
}
 }
 /* iPhone 6 portrait (375x667) */
 
 @media only screen and (max-width: 375px) {
	 
	 div#final_checkout button.btn {
    margin: 10px;
}
.caro-caps {
     bottom: 4.5em;
}
.slider .carousel-inner>.item {
    height: 175px;
}
.home-cont-inr p {
    font-size: 12px;
}

 }
 /* Galaxy S5 (360x640) */
 
 @media only screen and (max-width: 360px) {
	 
	.caro-caps {
    bottom: 7em;
} 

.caro-caps {
    bottom: 2.5em;
}
	 
 }
 /* iPhone 3/4 Blackberry8300 / LG/ AUSUS / S3 S4 */
 
 @media only screen and (max-width: 320px) {
	 .ftr-box.col-sm-9 li {
		 width:100%;
	 }
	 .ftr-box ul li {
    width: 100%;
    text-align:center;
}
.ftr-box ul li:nth-child(3) a img {
    margin-top: 0px;
}
.schedule {
    padding: 30px 0 20px 0;
}
.slider .carousel-inner>.item {
    height: 130px;
}
.modal-dialog {
    margin: 10px;
}
.home-cont {
    padding: 10px 0 20px 0;
}
.caro-caps {
    bottom: 6em;
}
 }
 /*Galaxy Y*/
 
 @media only screen and (max-width: 240px) {}
 
 
.payment_box {
 	border-style:solid;
 	border-color:grey;
 	
 }
 
.payment_box {
	margin:10px;
	padding:10px;
 	border-style:solid;
 	border-color:grey;
 	
 }
 
 
 #main_image_text {
    bottom:14em;
    left:1em;
    position:absolute;
    color:white;
}


#main_image_text h1 {
    margin: 0;
    font-size: 100px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

@media only screen and (max-width: 992px) {
    #main_image_text h1 {

    font-size: 70px;

}
    
    
}


@media only screen and (max-width: 992px) {
    #main_image_text {
        bottom:8em;
        left:2em;
    }
    
    
}

@media only screen and (max-width: 767px) {
    #main_image_text {
        bottom:5em;
        left:2em;
    }
    
    
   #to_be_full {
     width:100%;
    }
}

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

 #main_image_text h1 {
        font-size: 40px;
    }
     #main_image_text h3 {
        font-size: 10px;
    }
    #main_image_text {
        bottom:2em;
        left:2em;
        
    }
    
   
}

@media only screen and (min-width: 768px) {
    #main_nav {
        padding-left: 40px;
        padding-right: 2.5%;
    }
    
    #main_nav img {
         margin-right: 25px;
    }
    
    #to_be_full {
     margin-left:25px;
    }
    
}



.nav-item, .navbar-brand {
  font-family: 'Lato', sans-serif;   
  text-transform: uppercase;
}



#infoul li {
    margin-top:15px;   
}


html {
  scroll-behavior: smooth;
}

.nav-item,.nav-link {
    color:black !important;
    font-weight: bold;
}

.redtext {
    color:#d40000 !important;
}

.all-caps{
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.cluster-area {
    border-style:solid; 
    border-color: black;
    margin:5px;
    padding:5px;
    height:98%;
}

body {
     background-color:#e8e8e8;
}

#main_header_image {
    background-color: #cccc00 !important
}

p, li {
    color:black;
}

#information p, information li {
    color:white;
}

#main_header_image2 {
    padding-top: 15px;
    padding-bottom: 15px;
}

#vb_line {
    text-align:center; 
    margin-top:-0.4em;
    margin-bottom:-0.2em; 
    padding-left:10px; 
    padding-right:10px; 
    font-size:12em; 
    font-family:redig; 
    color:black
}

#information {
    background-color: black;
    max-width:100%; 
    color:#fcfcfc; 
    font-family:SohneKraftig; 
    font-size:0.8em;
    padding-bottom:10px;
}

#information h2 {
     font-size:1.3em;
}

#information p {
     font-size:0.8em;
}


#date_line {
    font-size:2em; 
}

#earth_holder {
    margin-top:18px;
}

#sma_footer_holder {
    
}

.ourbutton {
    background-color: black;
    color: #cccc00;
    border-radius: 0;
}

.ourbutton:hover {
    background-color: #cccc00;
    color: black;
    border-style:solid;
    border-width:1px;
    border-color:black;
    border-radius: 0;
}

.navbar-toggler-icon {
    color: black !important;
    border-color: black;
}

@media only screen and (max-width: 1000px) {
    #main_header_image2 {
        max-width:98%;
    }
     #vb_line {
        margin-top:-0.35em;
        margin-bottom:-0.15em; 
        padding-left:10px; 
        padding-right:10px; 
        font-size:5em; 
    }
    
    #information h2 {
         font-size:1.8em;
    }
    
    #information p {
         font-size:0.9em;
    }
    
    #date_line {
        font-size:1.2em; 
    }
    
    #earth_holder {
        margin-top:0px;
    }
}

.invitebutton {
    background-color: #cccc00;
    border-color: #cccc00;
}

.invitebutton:focus, .invitebutton:hover {
    background-color: black;
    border-color: #cccc00;
    color:#cccc00;
}

#header_image {
    margin-bottom:30px;margin-top:20px;
}


@media only screen and (max-width: 767px) {
    #header_image {
        margin-bottom:8px;margin-top:0px;
    }
}

@media only screen and (max-width: 575px) {
    #information p {
        font-size:1.1em;
    }
    
    #sma_footer_holder {
        margin-bottom:15px;
    }
}

@media only screen and (min-width: 1000px) {
    #main_header_image2 {
        padding-top: 60px;
        padding-bottom: 75px;
    }
   
    
}

.modal {
    top:0 !important;
}