/* -------------------------------------------------------- */
/* Webgloss CSS Copyright 2017                              */
/*                                                          */
/* -------------------------------------------------------- */

html {
    direction: ltr;
}

body {
  padding-top: 0px;
  background-color: #000000;
  font: 400 15px 'Open Sans', Lato, sans-serif;
  line-height: 160%;
  color: #EEEEEE;
  overflow-x: hidden;
}

/* unvisited */
a:link {
    color: #327684;
    text-decoration: none;
}

/* visited */
a:visited {
    color: #327684;
    text-decoration: none;
}

/* mouse over */
a:hover {
    color: #B7C1C1;
    text-decoration: none;
}

/* selected */
a:active {
    color: #327684;
    text-decoration: none;
} 
/* -------------------------------------------------------- */
/* End Global                                               */
/* -------------------------------------------------------- */

.img-thumbnail {
    background: #000000;
    border: 1px solid #BDBFBF;
}
/* -------------------------------------------------------- */
/* Containers & Rows                                        */                 
/* Containers & Rows                                        */ 
/* -------------------------------------------------------- */

.container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
        background: #000000;
  }

.out {
    position: static;
    margin-top: 0px;
    box-shadow: 0 0 13px black;
    padding:0 0 0 0;
    min-height: 100%;
    height: 100%;
        background: #000000;
    
}

.cont-pad {
    margin-left: 40;
    margin-right: 40;
  }

.padmore {
    padding-left: 40px;
    padding-right: 40px;
  }
    
.row {
    position: relative;
  }

.row-wh {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: #000000;
  }

.row-wh-nsp {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
    background: #000000;
  }

.div-bigsp {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #000000;
  }
  
.row-nsp {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-right: 0;
        background: #000000;
  }

.row-grey {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px; 
    background: #000000;
}

.row-grey-nsp {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 30px;
    padding-left: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px; 
    background: #000000;
}


.col-just {
    text-align: justify;
  }

.col-right {
    text-align: right;
  }


/* -------------------------------------------------------- */
/*  Headers, Titles & Texts                                 */
/* -------------------------------------------------------- */

h1 {
      font-family: 'Bungee Shade', Caitro, 'Open Sans', Lato, sans-serif;
      font-size: 30px;
      color: #DDDBDB;
      font-weight: 400;
      line-height: 170%;
      margin-top: 20px;
      margin-bottom: 10px;
      text-align: center;
  }
  
h2 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 22px;
      color: #CDC3C3;
      font-weight: 400;
      line-height: 160%;
      margin-top: 0px;
      margin-bottom: 20px;
      text-align: left;
  }
  
h3 {
  font-family: 'Open Sans', Lato, sans-serif;
    font-weight: 600;
    font-size:30px;
    color: #DDDBDB;
    line-height: 150%;
  }

  
h4 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 22px;
      color: #CDC3C3;
      font-weight: 400;
      line-height: 160%;
      text-align: left;
      margin-top: 20px;
      margin-top: 5px;
      padding-top: 0px;
        }  

h5 {
    font-family: 'Open Sans', Lato, sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #DDDBDB;
    line-height: 150%;
  }
  
h6 {
    font-family: 'Open Sans', Lato, sans-serif;
    font-weight: 200;
    font-size: 20px;
    color: #DDDBDB;
    line-height: 150%;
  }

  
p {
  margin-left: 30px;
  text-align: left;
}



     
/* txt blocks slide in  */
.slideinblocks {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  
  
.column-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 12px;
    position: relative;
  }

  
.column-title:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
  }

 
  
.glyph-sp {
    padding-top: 12px;
  }
  
.faq-im {
    padding-top: 12px;
  }
        

  

.foot { 
    background: #000000;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
 }
.foot a:link { color: #F2F0F0;  text-decoration: none;}
.foot a:visited { color: #F2F0F0; text-decoration: none;}
.foot a:hover { color: #95989B; text-decoration: none;}
.foot a:active { color: #F2F0F0; text-decoration: none;}

.foot-smtxt {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 10px;
    font-weight: 200;
    color: #DDDBDB;
    line-height: 150%;
    }
.foot-smtxt a:link { color: #E0D8EC;  text-decoration: none;}
.foot-smtxt a:visited { color: #E0D8EC; text-decoration: none;}
.foot-smtxt a:hover { color: #95989B; text-decoration: none;}
.foot-smtxt a:active { color: #E0D8EC; text-decoration: none;}


.foot-lgtxt {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #DDDBDB;
    line-height: 180%;
    }
.foot-lgtxt a:link { color: #F2F0F0;  text-decoration: none;}
.foot-lgtxt a:visited { color: #F2F0F0; text-decoration: none;}
.foot-lgtxt a:hover { color: #95989B; text-decoration: none;}
.foot-lgtxt a:active { color: #F2F0F0; text-decoration: none;}
  
    
.end {
    background: #000000;
    text-align: center;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 40px;
    padding-bottom: 0px;
    margin-top: 40px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
  }

.endtxt {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 12px;
    font-weight: 200;
    color: #D2C6E2;
    line-height: 130%;
    text-align: center;
    }
      
/* -------------------------------------------------------- */
/* End Containers & Rows                                    */
/* -------------------------------------------------------- */



/* -------------------------------------------------------- */
/* Custom Nav                                               */
/* Custom Nav                                               */
/* -------------------------------------------------------- */

/* main strip   */
.navbar-inverse {
    background-color: #000000;
    background-image: none;
    border-color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
 }
 
/* main strip links             */
.navbar-inverse .navbar-nav>li>a {
    font-style: Georgia, 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #C3C5CD;
  }

/* main strip hover  */
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { 
    background-color: #000000;
    font-style: Georgia, 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #F6F4F4;
  }

/* active  */
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #000000;
    color: #FFFFFF;
  }

/* active  hover */
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #FFFFFF;
}

/* drop down    */
.navbar-inverse .dropdown-menu {
    background-color: #2E67B4;
    border-color: #2E67B4;
    color: #0D5F89;
  }

/* drop down hover  - change bg col below as well */
.navbar-inverse .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #177FDF;
    background-image: none;
  }

/* dropdown links  */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { 
    color: #FFFFFF;
}

/* ensure that dropdown mobile has hover bg col */
/* will change bg col on main drop hover as well */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #177FDF; 
    color: #FFFFFF;
}


/* dropdown arrow icons   */
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #2792C9;
    color: #ffffff;
}

/* dropdown arrow icons hover   */
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    color: #ffffff;
}

/* mobile nav title    */
.navbar-inverse .navbar-brand {
    color: #C3C5CD;
  }

/* mobile nav title hover   */
.navbar-inverse .navbar-brand:hover {
    color: #C3C5CD;
  }

/* hamburger   */ 
.navbar-inverse .navbar-toggle {
    border-color: #8871D1;
    background-color: #8871D1;
}  

 /* hamburger hover  */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #8871D1;
}

.mobile-margin-btn { margin-right: 22px; }

/* Nav Bar - Large Screens Only          */
/* Center the nav bar items              */
/* Set spacing between items (margin)    */
@media only screen and (min-width:960px){
.navbar-inverse {
    text-align:center;
  }
.navbar-inverse .nav {
    float:none;
  }
.navbar-inverse .nav li {
    display:inline-block;
    float:none;
    margin:0 10px;
  }
}
/* End Large Screens Only                    */

/* -------------------------------------------------------- */
/* End Custom Nav                                           */
/* -------------------------------------------------------- */



/* -------------------------------------------------------- */
/* Bulls & Lists & Icons                                    */
/* Bulls & Lists & Icons                                    */
/* -------------------------------------------------------- */

ul.nostyle {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

ul.nostyle i {
  color: #B68CB0;
}

.glyphicon.glyphicon-asterisk {
    font-size: 24px;
    color: #B68CB0;
}

  ul.list-group.col-md-12 > li {
  background-color: #5692CE;
  color: white;
  text-align: center;
  font-size: 16px;
  line-height: 160%;
  }
  
.list-group-item a:link { color: #DDDBDB;  text-decoration: none; border-bottom: 1px dotted;}
.list-group-item a:visited { color: #DDDBDB; text-decoration: none; border-bottom: 1px dotted;}
.list-group-item a:hover { color: #B3E1D7; text-decoration: none; border-bottom: 1px dotted;}
.list-group-item a:active { color: #DDDBDB; text-decoration: none; border-bottom: 1px dotted;}


.bullbold {
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', sans-serif;
    color: #3C3C3C;
    font-family:open sans;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0px;
    line-height: 160%;
    text-align: left;
} 


/* -------------------------------------------------------- */
/* end Bulls & Lists & Icons                                */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Buttons                                                  */
/* Buttons                                                  */
/* -------------------------------------------------------- */
.btn {
    padding: 11px 16px;
    border: 0 none;
    text-decoration: none;
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #DDDBDB !important;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 15px;
}


.btn-lg-txt {
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #DDDBDB;
    font-size: 18px;
    letter-spacing: 1px;
}

.btn-md-txt {
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #DDDBDB;
    font-size: 16px;
    letter-spacing: 1px;
}



/* Match   */
.btn-match {
    background: #00689B;
}
.btn-match:hover {
    background:#404042;
}
.btn-match:focus  {
    background: #00689B;
}
.btn-match:active {
    background: #00689B;
}

/* Prim   */
.btn-primary {
    background: #008F40;
}
.btn-primary:hover {
    background: #000000;
}
.btn-primary:focus  {
    background: #008F40;
}
.btn-primary:active {
    background: #008F40;
}
/* Tert   */
.btn-tertiary{
    background: #75A1D0;
}
.btn-tertiary:hover {
    background: #BBD4ED;
}
.btn-tertiary:focus  {
    background: #75A1D0;
}
.btn-tertiary:active {
    background: #75A1D0;
}
/* Info   */
.btn-info{
    background: #A1979F;
}
.btn-info:hover {
    background: #BAB2BF;
}
.btn-info:focus  {
    background: #A1979F;
}
.btn-info:active {
    background: #A1979F;
}
/* Success   */
.btn-success{
    background: #ABCD4F;
}
.btn-success:hover {
    background: #D7E4B4;
}
.btn-success:focus  {
    background: #ABCD4F;
}
.btn-success:active {
    background: #ABCD4F;
}
/* Warning   */
.btn-warning{
    background: #8082D0;
}
.btn-warning:hover {
    background: #1DBCD9;
}
.btn-warning:focus  {
    background: #8082D0;
}
.btn-warning:active {
    background: #8082D0;
}
/* Danger   */
.btn-danger{
    background: #F54900;
}
.btn-danger:hover {
    background: #FD814B;
}
.btn-danger:focus  {
    background: #F54900;
}
.btn-danger:active {
    background: #F54900;
}

/* Return   */
.btn-return{
    background: #AEBDD4;
}
.btn-return:hover {
    background: #D5DEEB;
}
.btn-return:focus  {
    background: #AEBDD4;
}
.btn-return:active {
    background: #AEBDD4;
}


/* Circles   */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
/* -------------------------------------------------------- */
/* End Buttons                                              */
/* -------------------------------------------------------- */




/* -------------------------------------------------------- */
/* Testimonials                                             */
/* Testimonials                                             */
/* -------------------------------------------------------- */

.testimonial-author p {
    font-family: 'Open Sans', Lato, sans-serif, Arial, Tahoma;
    color: #767676;
    font-size: 12px;
    text-align: right;
    line-height: 150%;
}

.testimonial blockquote p {
    font-family: 'Georgia', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-style: normal;
    font-size: 16px;
    text-align: justify;
    line-height: 150%;
}

@media (min-width: 800px) {
.testimonial blockquote p {
    font-family: 'Georgia', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    line-height: 150%;
}
}


.r-testimonial1 {
    color: #329485;
}
.r-testimonial2 {
    color: #8E68C2;
}
.r-testimonial3 {
    color: #D59203;
}
.r-testimonial4 {
    color: #607AAE;
}
.r-testimonial5 {
    color: #A66298;
}

/* -------------------------------------------------------- */
/* End Testimonials                                         */
/* -------------------------------------------------------- */




/* -------------------------------------------------------- */
/* Google Maps                                              */
/* Google Maps                                              */
/* -------------------------------------------------------- */
.google-maps {
    position: relative;
    padding-bottom: 90%; // (450 ÷ 500 = 0.9 = 90%)
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------------------------------------------------------- */
/* End Google Maps                                          */
/* -------------------------------------------------------- */



/* -------------------------------------------------------- */
/* Transforms & Scale ins                                   */
/* Transforms & Scale ins                                   */
/* -------------------------------------------------------- */

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
  }
@-webkit-keyframes scaleIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
@keyframes scaleIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* -------------------------------------------------------- */
/* End  Transforms & Scale ins                              */        
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* MQueries - specifics are                                 */
/*                                                          */
/* -------------------------------------------------------- */


/*
@media only screen and (max-width: 600px) and (min-width: 400px)  
screens that are 600-400px
*/

/* 
@media only screen and (min-width: 600px)
greater than or equal to 600px
*/

/* 
@media only screen and (max-width: 600px)
 is less than or equal to 600px,
*/


/* -------------------------------------------------------- */
/* end mq                                                   */
/* -------------------------------------------------------- */