/*!
 * 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)
 */
 .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;text-transform:uppercase;letter-spacing:2px}body,html{height:100%;width:100%}body{font-family:Muli,Helvetica,Arial,sans-serif;webkit-tap-highlight-color:#222}
  .navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;color:#322A2A}a:focus,a:hover{color:#322A2A}hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}hr.light{border-color:#fff}p{font-size:18px;line-height:1.5;margin-bottom:20px}
  .navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.navbar-default .navbar-header .navbar-brand{color:#322A2A}.btn,.navbar-default .nav>li>a{font-family:Lato,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#205F5F}
  .navbar-default .navbar-header .navbar-toggle{font-size:12px;color:#222;padding:8px 10px}.navbar-default .nav>li>a{font-size:11px}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#222}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#205F5F}.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:322A2A!important;background-color:transparent}.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}@media (min-width:768px){.navbar-default{background-color:transparent;border-color:transparent}.navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:rgba(255,255,255,.7)}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fff}.navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.1)}.navbar-default.affix .navbar-header .navbar-brand{color:#222}.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#205F5F}.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#205F5F}}header{position:relative;width:100%;min-height:auto;overflow-y:hidden;background:url(../img/bg-pattern.png),#7b4397;background:url(../img/bg-pattern.png),-webkit-linear-gradient(to left,#02082c,#dc2430);background:url(../img/bg-pattern.png),linear-gradient(to left,#FFFFFF, #FFFFFF);color:#fff}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}.names{text-align: center;}@media (min-width: 992px) {.names {text-align: left; margin-top: 7.5%;}}.namesPara{text-align: center;color: rgb(119,119,119);}@media (min-width: 992px) {.namesPara {text-align: left;color: rgb(119,119,119);}}.namesPara2{text-align: left;color: rgb(119,119,119);}@media (min-width: 992px) {.namesPara2 {text-align: left;color: rgb(119,119,119);}}.profilePicture {
    display: block;
    margin: auto;
    border-radius: 50%;
    width: 22%;
    height: 22%;
}
@media (min-width: 992px) {
  .profilePicture {
    border-radius: 50%;
    width: 30%;
    height: 30%;
    }}
.topSect {
    margin-top: -16%;
    margin-left: -2%;
}
.bottomSect {
    margin-top: -20%;
    margin-bottom: -20%;
    margin-left: -2%;
}
@media (min-width: 992px) {
  .topSect {
    margin-top: -8%;
      margin-left: -8%;
    }}

@media (min-width: 888px) {
  .containerTrust {
    align-content: center;
    display: flex;
    margin-bottom: -3%;
    margin-top: 2.75%;
}}

body, html {
    height: 100%;
}

/*.bg {*/
    /* The image used */
    /*background-image: url("http://www.wallpaperawesome.com/wallpapers-awesome/wallpapers-people-men-women-child-baby-awesome/wallpaper-people-at-the-park.jpg");
*/
    /* Full height */
    /*height: 100%;*/

    /* Center and scale the image nicely */
  /*  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
*/
/* this is the css for the quote slideshow (yash)*/
/*this is the css for the quote slideshow*/
/* Slideshow container */
.quoteslideshow {
  position: relative;
  background: #FFFFFF;
}

/* Slides */
.myquoteSlides {
  background-color:rgb(242,242,242);
  display: none;
  padding: 80px;
  text-align: center;
}

.myquoteSlides2 {
  background-color:rgb(238,238,238);
  display: none;
  padding: 40px;
  text-align: center;
}

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

.prevv2, .nextt2 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  margin-left: -200px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

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

.nextt2 {
  margin-right: 40px;
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

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

/* The dot/bullet/indicator container */
.dot-containerquote {
  text-align: center;
  padding: 20px;

}

/* The dots/bullets/indicators */
.dott {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active2, .dott:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */


/* Add a blue color to the author */
.author {color: rgb(65,105,210);}

.checked {
    color: orange;
}

/*this is the code for the picture slideshow (yash) */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-containeryash {
  max-width: 1020px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlidesyash {
    display: none;
    position: relative;
    text-align: center;
}

.communitySlides {
  width: 100%; /* fall back */
}

/* Next & previous buttons */
.prevyash, .nextyash {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 6px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0,0,0,0.8);
}

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

}

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

/* Caption text */
.textyash {
  color: #f2f2f2;
  font-size: 30px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

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

/* The dots/bullets/indicators
.dotyash {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} */

.activeyash, .dotyash:hover {
  background-color: #717171;
}










.topHeader {
    margin-top: 5%;
    color: rgb(51,51,51);
    font-size: 33px;
}

@media (min-width: 888px) {
  .topHeader {
    margin-top: -5.85%;
    color: rgb(51,51,51);
    font-size: 33px;
}}

.ratName {
    color: rgb(51,51,51);
    margin-top: 18%;
}
.ratName1 {
    color: rgb(51,51,51);
    margin-top: -1%;
}
.ratName2{
  color: rgb(51,51,51);
    margin-top: 0%;
}

.myIframe {
     position: relative;
     padding-bottom: 57.25%;
     padding-top: 30px;
     height: 0px;
     overflow: hidden;
     -webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY

}
.myIframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.spaceFrame {
    margin-top: 12%;
}
@media (min-width: 992px) {
  .spaceFrame {
margin-top: 0%;
    }}
@media (min-width: 992px) {
  .bottomSect {
    margin-top: -10%;
      margin-bottom: -6%;
      margin-left: -8%;
    }}
#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px; }
  #portfolio .portfolio-item .portfolio-link {
    position: relative;
    display: block;
    max-width: 400px;
    margin: 0 auto;
    cursor: pointer; }
    #portfolio .portfolio-item .portfolio-link .portfolio-hover {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s;
      opacity: 0;
      background: rgba(254, 209, 54, 0.9); }
      #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
        opacity: 1; }
      #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
        font-size: 20px;
        position: absolute;
        top: 50%;
        width: 100%;
        height: 20px;
        margin-top: -12px;
        text-align: center;
        color: white; }
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
          margin-top: -12px; }
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
          margin: 0; }
  #portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    background-color: white; }
    #portfolio .portfolio-item .portfolio-caption h4 {
      margin: 0;
      text-transform: none; }
    #portfolio .portfolio-item .portfolio-caption p {
      font-size: 16px;
      font-style: italic;
      margin: 0;
       }

#portfolio * {
  z-index: 2; }

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px; } }

.portfolio-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0; }

.portfolio-modal .modal-content {
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
  border: none;
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .portfolio-modal .modal-content h2 {
    font-size: 3em;
    margin-bottom: 15px; }
  .portfolio-modal .modal-content p {
    margin-bottom: 30px; }
  .portfolio-modal .modal-content p.item-intro {
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 30px;
     }
  .portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px; }
  .portfolio-modal .modal-content img {
    margin-bottom: 30px; }
  .portfolio-modal .modal-content button {
    cursor: pointer; }

.portfolio-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-color: transparent; }
  .portfolio-modal .close-modal:hover {
    opacity: 0.3; }
  .portfolio-modal .close-modal .lr {
    /* Safari and Chrome */
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #222222; }
    .portfolio-modal .close-modal .lr .rl {
      /* Safari and Chrome */
      z-index: 1052;
      width: 1px;
      height: 75px;
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      background-color: #222222; }

.portfolio-modal .modal-backdrop {
  display: none;
  opacity: 0; }

.phones {
    width: 73%;
    height: 73%;
}

modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}
.modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}

@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}}footer,section.contact{text-align:center}@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:150px 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}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 .device-container,section.features .feature-item{max-width:none}}section.features .feature-item{text-align:center;margin-bottom:100px}section.contact h2,section.cta .cta-content h2{margin-top:0;margin-bottom:25px}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}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{color:#fff;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,.5);position:absolute;top:0;left:0}footer ul,section.contact ul.list-social{margin-bottom:0}section.contact h2 i{color:#dd4b39}section.contact ul.list-social li a{display:block;height:80px;width:80px;line-height:80px;font-size:40px;border-radius:100%;color:#fff}footer p,footer ul li a{font-size:12px}footer,footer ul li a{color:rgba(255,255,255,.3)}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:#222;padding:25px 0}footer p{margin:0}footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{text-decoration:none}.bg-primary{background:#322A2A;background:-webkit-linear-gradient(#322A2A,#322A2A);background:linear-gradient(#322A2A,#625F5F)}.text-primary{color:#322A2A}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-outline{color:#333333;border:1px solid}.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#2e3347;border-color:#2e3347}.btn{border-radius:300px}.btn-xl{padding:15px 45px;font-size:11px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}

.btn2-outline{color:rgb(249,249,249);border:1px solid}.btn2-outline.active,.btn2-outline:active,.btn2-outline:focus,.btn2-outline:hover{color:#2e3347; background-color:rgb(249,249,249);border-color:rgb(249,249,249)}.btn2{border-radius:300px}.btn2-xl{padding:15px 45px;font-size:11px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}


.dropbtn {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: 100;

    background-color: #ffffff;
    color: rgb(51,51,51);
    padding: 16px;
    font-size: 12px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: 100;
	font-size: 10px;
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	font-family: 'Helvetica', 'Arial', sans-serif;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	font: Helvetica;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.image1 {
  width: 50%;
  height: 50%;
  float: middle;
}

.squares{
  letter-spacing:1px;

}
.imgleft{
  padding-left: 10%;
  margin-right: 10px;
  padding-right: 5%;
  align-content: center;
}
.imgright{

  /*margin-right: 15%;*/

  /*border: 3px solid black;*/

  padding-right: 10%;
  text-align: center;
  color: blue;
  overflow:
}
.boxd{
  background-color: blue;
  color: white;
  padding: 20% 20%;
  font-size: 30px;
}

/*#removeleft{
  margin-right: 50%;
}
*/
.half{
  width:49.99999%
  padding:0 8px;
  float:left;
  width:100%;
}

.bigred{
  text-align: center;
  padding: 26.3% 10%;
}

#Community{
  padding: 125px 0;
}

#cards{
  padding-top: 0px;
}
#leftimage{
  max-width: 100%; height: auto; padding-bottom: 10px;
  display: block;
  width: 100%;
}
#rightimage{
  max-width: 100%; height: auto; padding-bottom: 10px;
  display: block;
  width: 100%;
}

#leftimage2{
  max-width: 90%;
}
#rightimage2{
  max-width: 90%;
}

#textblue{
  /* #0078c9 */
  background-color: #0078c9; font-size: 19px; padding: 85px 60px 85px 60px; color: rgb(255,255,255); margin-bottom: 100px; text-align: center;
}
#paddingblue{
  padding-top: 17px;
  margin-left:0px;
  margin-right:0px;
}
#paddingbesidesblue{
  padding-right: 15px;
  padding-left: 15px;
}

.centerray {
    margin: auto;
    width: 100%;
}
.altredray{
  padding-top: 5%;
}
@media screen and (max-width: 767px) {
  .centerrayyan {
    text-align: center;
  }
}



















/*DONT TOUCH BELOW*/
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}

.w3-center{text-align:center!important}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}