/*!
 * Start Bootstrap - New Age v3.3.7 (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
.myodd {
        background-color: #F9F9F9;
        border-bottom: solid 1px #ccc;
        
    }

    .myeven {
        background-color: #fff;
        border-bottom: solid 1px #ccc;
    }
.caption {
  background-color: gray;
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  
  color: #fff;
  font-size: 12px;
  line-height: 9px;
  position: absolute;
  padding: 7px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

.browsinput{cursor: pointer;
    display: block;
    position: absolute;
    top: -25px;
    /* start of transparency styles */
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    /* end of transparency styles */
    background: red;
    z-index: 2; /* bring the real upload interactivity up front */
    width: 100%;
    height: 70px;}
.cropImage {
   display: block;
    width: 100%;
    float:left;
    border: none;
    
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: all  0.20s  ease-in-out;
    transform:scale(1);
    transition: all 0.20s  ease-in-out;
    position: absolute;
    z-index: 9999999999;
    clear: both;
    top: 0;
    left:0;
    right:0;
    margin:auto;
    background:#EDEDED;
    color:black;
    text-align:center;

    cursor:pointer;
}
.browseimagefile
{
    position: relative;
    /*margin-top:5px;

   
    cursor: pointer;
    float:left;*/
    /*box-shadow: -0.5px 0px 2px rgb(170, 170, 170);*/
}

    .browseimagefile:hover
    {
        color: Black;
    }

    .browseimagefile img
    {
        position: absolute;
        
    }

    .browseimagefile input
    {
        cursor: pointer;
        display: block;
        position: relative;
        /*top: -15px;
        left: 0px;*/
        /* start of transparency styles */
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity:0);
        /* end of transparency styles */
        background: red;
        z-index: 2; /* bring the real upload interactivity up front */
        width: 200px;
        min-height: 113px;
    }

    
.browseimagequestionfile
{
    position: relative;
    /*margin-top:5px;

   
    cursor: pointer;
    float:left;*/
    /*box-shadow: -0.5px 0px 2px rgb(170, 170, 170);*/
}

    .browseimagequestionfile:hover
    {
        color: Black;
    }

    .browseimagequestionfile img
    {
        position: relative;
        
    }

    .browseimagequestionfile input
    {
        cursor: pointer;
        display: block;
        position: relative;
        /*top: -15px;
        left: 0px;*/
        /* start of transparency styles */
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity:0);
        /* end of transparency styles */
        background: red;
        z-index: 2; /* bring the real upload interactivity up front */
        width: 20px;
        min-height: 20px;
    }


.myadminmenu
{
    list-style:none;margin-left:-38px;cursor:pointer;
}
.myadminmenu li{
    
    padding:10px 10px 15px 0px;
    /* border-bottom:solid 1px #dcdcdc; */
}
.myadminmenu li:hover{
    
}
.maincontainer
{
    padding:10px 12px 0px 12px;
}
.navbar-default {
    /* background-color: cadetblue;
    border-color: #e7e7e7; */
}
.navbar-toggle {
    position: relative!important;
    float: right;
    padding: 9px 10px!important;
     margin-top: 0px!important; 
     margin-right: 15px; 
     margin-bottom: 0px!important; 
     background-color: transparent; 
     background-image: none; 
     border: 1px solid transparent; 
     border-radius: 4px; 
}
.navbar-default .navbar-toggle {
     border-color: transparent!important; 
}
.imageviewcontainer {
    width: 40%;
    height: 40%;
    background: #444;
    margin: 0 auto;
}
.imageviewcontainer img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.imageviewcontainer img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
#mask{
    display:block;
    width:100%;
    height:100%;
    background:#eeeeee;
    z-index: 99999;
    position:fixed;
    top:0;
    left:0;
    opacity:0.4;
}
.loadingwheel {
    display: block;
    width: 100%;
    float:left;
    border: none;
    
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: all  0.20s  ease-in-out;
    transform:scale(1);
    transition: all 0.20s  ease-in-out;
    position: absolute;
    z-index: 99999;
    clear: both;
    top: 25%;
    left:0;
    right:0;
    margin:auto;
    background:transparent; /*#EDEDED*/
    color:black;
    text-align:center;

    cursor:pointer;
}

.loadingwheel2 {
  display: block;
  width: 100%;
  float:left;
  border: none;
  
  opacity: 1;
  -webkit-transform: scale(1);
  -webkit-transition: all  0.20s  ease-in-out;
  transform:scale(1);
  transition: all 0.20s  ease-in-out;
  position: absolute;
  z-index: 99999;
  clear: both;
  top: 25%;
  left:0;
  right:0;
  margin:auto;
  background:transparent; /*#EDEDED*/
  color:black;
  text-align:center;

  cursor:pointer;
}

.loadingwheel3 {
    display: block;
    width: 100%;
    float: left;
    border: none;
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: all 0.20s ease-in-out;
    transform: scale(1);
    transition: all 0.20s ease-in-out;
    position: absolute;
    z-index: 99999;
    clear: both;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    background: transparent; /*#EDEDED*/
    color: black;
    text-align: center;
    cursor: pointer;
}
.heading-font {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
.body-font {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
.alt-font {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  
  letter-spacing: 2px;
}
html,
body {

}
body {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: blue;
}
a:hover,
a:focus {
  color: #fcbd20;
}
hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}
hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
p {
  font-size: 14px;
 margin-bottom: 0px;
}
.navbar-default {
  /* background-color: white;
  border-color: rgba(34, 34, 34, 0.05); */
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 500;
}
.navbar-default .navbar-header .navbar-brand {
  /* font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; */
  /* font-weight: 200; */
  /* letter-spacing: 1px; */
  /* color: #fdcc52; */
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #fcbd20;
}
.navbar-default .navbar-header .navbar-toggle {
  font-size: 12px;
  color: #222222;
  padding: 8px 10px;
}
.navbar-default .nav > li > a {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  
  font-size: 11px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #fdcc52;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #fdcc52 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default {
    background-color: white;
    border-color: transparent;
    
  }
  .navbar-default .navbar-header .navbar-brand {
    color:#000; /*rgba(255, 255, 255, 0.7);*/
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    /*color: white;*/
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
   color:#000; /*rgba(255, 255, 255, 0.7);*/
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    /*color: white;*/
  }
  .navbar-default.affix {
    background-color: white;
    border-color: rgba(34, 34, 34, 0.1);
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #222222;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #fdcc52;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #222222;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #fdcc52;
  }
}
header .boxshedow{-webkit-box-shadow:0px 1px 1px #666;-moz-box-shadow:0px 1px 1px #666;box-shadow: #666 0px 2px 5px;cursor:pointer;}
header .boxshedow:hover{-webkit-box-shadow:0px 1px 1px #FF5722;-moz-box-shadow:0px 1px 1px #FF5722;box-shadow: #FF5722 0px 2px 18px;}
header .boxouter{height:200px;margin:0px;padding:0!important;border-radius:3px;}
header .boxouter .boxinnerimg {background-size:100% 100%;height:150px;width:100%;}
header .boxouter .boxinnertext {height:50px;padding:5px;color:black;text-align:center;}
.itemsboxshedow{-webkit-box-shadow:0px 1px 1px #666;-moz-box-shadow:0px 1px 1px #666;box-shadow: #666 0px 2px 1px;cursor:pointer;border-radius:10px;position:relative;
                background-color:white;
}
 .ired{color:lightsteelblue;}
 .iorange{color:orange;}
 .igreen{color:lightgreen;}
.icontext{color:lightgrey;width:33.33%;color:orange;}
.itemboxtitle{padding:10px;text-align:left;color:orange;}
.itemboxdesc{padding:0px 10px 10px 10px;text-align:left;}
header {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("../img/bg-pattern.png"), #fff;
  /* fallback for old browsers */
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #fff, #000);
  /* Chrome 10-25, Safari 5.1-6 */
  /*background: url("../img/bg-pattern.png"), linear-gradient(to left, #000, #666);*/
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #000;
}
header .header-content {
  text-align: center;
  padding: 150px 0 50px;
  position: relative;
}
header .header-content .header-content-inner {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
header .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
}
header .header-content .header-content-inner .list-badges {
  margin-bottom: 25px;
}
header .header-content .header-content-inner .list-badges img {
  height: 50px;
  margin-bottom: 25px;
}
header .device-container {
  max-width: 300px;
  margin: 0 auto 100px;
}
header .device-container .screen img {
  border-radius: 3px;
}
@media (min-width: 768px) {
  header {
    min-height: 100%;
  }
  header .header-content {
    text-align: left;
    padding: 0;
    height: 100vh;
  }
  header .header-content .header-content-inner {
    max-width: none;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  header .header-content .header-content-inner h1 {
    font-size: 35px;
  }
  header .device-container {
    max-width: none;
    max-height: calc(0vh);
    margin: 100px auto 0;
  }
}
@media (min-width: 992px) {
  header .header-content .header-content-inner h1 {
    font-size: 50px;
  }
}
section {
  padding: 100px 0;
}
section h2 {
  font-size: 50px;
}
section.download {
  padding: 0px 0;
  position: relative;
}
section.download h2 {
  margin-top: 0;
  font-size: 50px;
}
section.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}
section.download .badges .badge-link:last-child {
  margin-bottom: 0;
}
section.download .badges .badge-link img {
  height: 60px;
}
@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  section.download h2 {
    font-size: 70px;
  }
}
section.features .section-heading {
  margin-bottom: 100px;
}
section.features .section-heading h2 {
  margin-top: 0;
}
section.features .section-heading p {
  margin-bottom: 0;
}
section.features .device-container,
section.features .feature-item {
  max-width: 300px;
  margin: 0 auto;
}
section.features .device-container {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  section.features .device-container {
    margin-bottom: 0;
  }
}
section.features .feature-item {
  text-align: center;
  margin-bottom: 100px;
}
section.features .feature-item h3 {
  font-size: 30px;
}
section.features .feature-item i {
  font-size: 80px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  section.features .device-container,
  section.features .feature-item {
    max-width: none;
  }
}
section.cta {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/bg-cta.jpg');
  padding: 250px 0;
}
section.cta .cta-content {
  position: relative;
  z-index: 1;
}
section.cta .cta-content h2 {
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  max-width: 450px;
  font-size: 50px;
}
@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 80px;
  }
}
section.cta .overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
section.contact {
  text-align: center;
}
section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}
section.contact h2 i {
  color: #dd4b39;
}
section.contact ul.list-social {
  margin-bottom: 0;
}
section.contact ul.list-social li a {
  display: block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 40px;
  border-radius: 100%;
  color: white;
}
section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}
section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}
section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}
section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}
section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}
section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}
footer {
  background-color: #222222;
  padding: 25px 0;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
footer p {
  font-size: 12px;
  margin: 0;
}
footer ul {
  margin-bottom: 0;
}
footer ul li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
  text-decoration: none;
}
.bg-primary {
  background: #fdcc52;
  background: -webkit-linear-gradient(#fdcc52, #fdc539);
  background: linear-gradient(#fdcc52, #fdc539);
}
.text-primary {
  color: #fdcc52;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-outline {
  color: white;
  border-color: white;
  border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: white;
  background-color: #fdcc52;
  border-color: #fdcc52;
}
.btn {
  font-family:  'Helvetica', 'Arial', 'sans-serif';
  
  /*letter-spacing: 2px;*/
  /*border-radius: 300px;*/
}
.btn-xl {
  padding: 15px 45px;
  font-size: 11px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}