@charset "utf-8";
/* CSS Document */

.topbar{ background-color:#2c2c2c; line-height:30px; color:#999999}
.carousel{ position:relative}
.navsect{ position:absolute; top:0px; left:0px; z-index:9999999; width:100%}
.soctxt{ text-align: right}
.capttxt{ position:absolute; bottom:0px; width:100%; text-align:center; background-color:rgba(0,0,0,0.50); padding:10px 0px}
.capttxt h2{ font-size:40px; color:#FFF; padding:0px; margin:0px; font-family:Georgia, 'Times New Roman', Times, serif;}
.capttxt h2 span{ font-size:16px; color:#FFF; padding:0px; margin:0px; font-weight: normal; display:block;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

.sptlve{ background-color:#fdb445; text-align:right}
.sptlvedtl{ background-color:#e7e7e7; padding:13px 13px 12px 13px}
.sptlvedtl h3{ font-size:14px;}

.sptlve figure{ position:absolute; left:0px; top:2px ;position:relative; font-size:20px; color:#000; text-align:left; padding:10px 0px 10px 40px; margin:0px;}

a.readmore{ background-color:#fdb445; border:0px; border-radius:0px; padding:5px 20px; color:#000; text-decoration:none; -webkit-box-shadow: 1px 2px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 5px -4px rgba(0,0,0,0.75);
box-shadow: 1px 2px 5px -4px rgba(0,0,0,0.75);}
a.readmore:hover{ background-color:#000; text-decoration:none; color:#FFF}

.pt30{ padding-top:30px;}

.dwrkbx{ border:1px solid #CCC; margin-bottom:20px; min-height:200px; max-height:250px;}
.dwrkbx h2{ background-color:#292420; padding:10px 5px; color:#FFF; margin:0px; font-size:22px;font-weight:bold; text-align:center; text-transform:uppercase}
.dwrkbx h5 {line-height: 1.3;margin-top:5px;}

.dwrkbx1{ border:1px solid #CCC; margin-bottom:20px; min-height:200px; max-height:500px;}
.dwrkbx1 h2{ background-color:#292420; padding:10px 5px; color:#FFF; margin:0px; font-size:22px;font-weight:bold; text-align:center; text-transform:uppercase}
.dwrkbx1 h5 {line-height: 1.3;margin-top:5px;}

.pd10{ padding:10px}

.phndtl{ padding:5px 0px; font-size:14px}
.phndtl div a { color:#111111; text-decoration:none; margin-right:10px;}
.phndtl div a:hover { color:#999; text-decoration: underline; }
.trading{ margin-top:30px}
.spotbg{ background-color:#292420}
.spottxt{ background-image:url(../img/spottxt.jpg); background-repeat:no-repeat; background-size:cover; font-family: 'open_sanslight'; font-size:16px; }

.fstplcss { border:2px solid #d9ab0e; border-radius:5px; float: right; color: cornflowerblue;  background-color:lightcyan; font-weight:bold;vertical-align:middle;}

.spottxtpd{ padding:7px 0px;font-size:inherit;line-height:1.5}
.disc{ background-image:url(../img/disc.jpg); background-repeat:no-repeat; background-size:cover; padding:70px 0px; text-align:center; font-family: 'open_sanslight'; color:#FFF }
.disc h1{ font-size:40px; padding:0px; margin:0px 0px 15px 0px}
.disc h4{ font-size:16px; padding:0px; margin:0px; line-height:30px; }

footer{ background-color:#292420; padding:10px 0px; font-size:12px; color:#FFF}
footer a { color:#FFF; text-decoration:none; margin-right:10px;}
footer a:hover { color:#FFF; text-decoration: underline; }
.inpage h2{ font-size:30px; color:#333; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #f7f7f7; font-family: 'open_sanslight';}

.inpage h2 span{ font-size:18px; color:#8c8c8c; padding:0px; margin:10px 0px 10px 0px; display:block; line-height:25px}

.inpage h3{ font-size:25px; color:#333; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #f7f7f7; font-family: 'open_sanslight';}

.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    animation: marquee 30s linear infinite;
}
/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
.abtsect{}
.bDiv
{
    position: fixed;
    display: none;
    clear: left;
    padding-top: 4px;
    color: #B3B3B3;
    height: 22px;
    width: 100%;
    bottom: 0px;
    font-family: Times New Roman, Helvetica, "Lato" , "Trebuchet MS" ,Calibri, Arial, Tahoma, sans-serif;
    font-size: 1.0em;
    -webkit-animation: fadeIn 0.5s linear 0.5s both;
    -moz-animation: fadeIn 0.5s linear 0.5s both;
    -o-animation: fadeIn 0.5s linear 0.5s both;
    -ms-animation: fadeIn 0.5s linear 0.5s both;
    animation: fadeIn 0.5s linear 0.5s both;
}
.top_midbg
{
    background-image: url(../img/midbg.jpg);
    height: 30px;
    background-repeat: repeat-x;
}
 /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 18px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a .fa{ margin-right:5px;}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1; text-decoration:none
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

.listtab ul{ padding:0px; margin:0px; list-style:none}
.listtab ul li{ padding:0px; margin:0px; list-style:none; font-size:16px; line-height:38px;}

.listtab ul li a{ color:#333; text-decoration:none}
.listtab ul li a:hover{ color:#fdb445; text-decoration:none}
.spotbox{ border:1px solid #CCC; margin-bottom:10px; padding:10px;}
.spotbox img{ width:100%; height:300px; margin-bottom:10px;}

.spotboxA{ border:1px solid #CCC; margin-bottom:10px; padding:10px;}
.spotboxA img{ margin-bottom:10px;}
.spotboxA p {height:70px;}

.servicesbx{border:1px solid #CCC; margin-bottom:10px; padding:10px 0px 0px 60px; position:relative; min-height:105px}

.servicesbx figure{ position:absolute; top:10px; left:10px;}
.servicesbx figure .fa{ font-size:40px; color:#000; font-weight:lighter}
.servicesbx p strong{ text-transform:uppercase; font-size:16px; font-weight:normal; color:#000}
.servicesbx p{ color:#999}
.servicesbx div a { color:#999; text-decoration:none; margin-right:10px;}
.servicesbx div a:hover { color:#111111; text-decoration: underline; }
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.topbg1{ background-color:#000; padding:5px 5px}



#container,
#container1,
#container2,
#container3,
#container4,
#container5    {
  overflow: hidden;
      
}

#left-col,
#left-col1,
#left-col2,
#left-col3,
#left-col4,
#left-col5 {
  padding-bottom: 500em;
  margin-bottom: -500em;
}
#right-col,
#right-col1,
#right-col2,
#right-col3,
#right-col4,
#right-col5 { 
  padding-bottom: 500em;
  margin-bottom: -500em;
}


.heading-primary {
  font-size: 2em;
  padding: 2em;
  text-align: center;
}

.accordion dl {
  border: 1px solid #ddd;
}
.accordion dl:after {
  content: "";
  display: block;
  height: inherit;
  width: 100%;
  background-color: #2ba659;
}

.accordion dd {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}

.accordion-box {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.accordionTitle {
  background-color: #292420;
  text-align: left;
  font-weight: 700;
  padding: 0.8em;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #39332e; text-transform:uppercase; font-size:18px;
}
.accordionTitle:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.95em;
  float: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover {
  background-color: #fdb445; color:#FFF; text-decoration:none
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #fdb445; color:#FFF; text-decoration:none
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 100%;
  -webkit-transition: max-height 1s;
          transition: max-height 1s;
}

.accordion-content h2{ font-size:24px; text-align:center; padding:10px 0px ; margin:0px; display:block}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 100%;
    -webkit-transition: max-height 0.5s;
            transition: max-height 0.5s;
  }
}

.accordionItemCollapsed,
.accordionItem.is-collapsed {
  max-height: 0;
}


.inpage .dwrkbx h2{ background-color:#292420; padding:10px 5px; color:#FFF; margin:0px; font-size:22px; color:#FFF; font-weight:bold; text-align:center; text-transform:uppercase}
.inpage .dwrkbx1 h2 {
    background-color: #292420;
    padding: 10px 5px;
    color: #FFF;
    margin: 0px;
    font-size: 22px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.logara{ width:100%; margin:0px auto}

.submit{ background-color:#000; border:0px; border-radius:0px; padding:5px 20px; color:#fff; text-decoration:none; -webkit-box-shadow: 1px 2px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 5px -4px rgba(0,0,0,0.75);
box-shadow: 1px 2px 5px -4px rgba(0,0,0,0.75);}
.submit:hover{ background-color:#fdb445; text-decoration:none; color:#000}



    #ddddd {
        background-color:transparent;
    }
    #ddddd:active {
        background-color: black;
        color: white;
    }

    #ddddd:focus {
        background-color: black;
        color: white;
    }

    
.navsect .dropdown-menu{ background-color:#000000}
.navsect .dropdown-menu > li > a{ color:#fff}


.navsect .dropdown   a:active{ background-color: #000;}
.navsect .dropdown   a:focus{ background-color: #000;}



.navsect .dropdown-menu > li > a:hover, .navsect .dropdown-menu > li > a:focus {
    background-color: #fdb445!important;
    color: #fff!important;
    text-decoration: none;
}

.navsect .nav > li > a:hover, .navsect .nav > li > a:focus {
   background-color: #000!important;
   color: #fff!important;
    text-decoration: none;
}

.sidenav ul { padding:10px} 



.sidenav .dropdown-menu > li > a:hover, .sidenav .dropdown-menu > li > a:focus {
    background-color: #fdb445!important;
    color: #fff!important;
    text-decoration: none;
}

.sidenav .nav > li > a:hover, .sidenav .nav > li > a:focus {
   background-color: #fdb445!important;
    text-decoration: none;
}


.modal{ z-index:9999999999!important }
.popup{ position:relative}
.popup .modal-header{ display:none}
.popup .modal-footer{ display:block}
.popup .modbox .close{     
    position: absolute;
    top: -13px;
    right: -14px;
    background-color: #fdb445!important;
    border-radius: 50px;
    padding: 5px 9px; opacity:inherit!important
}