/*imports*/
@import url(foundation-icons/foundation-icons.css);
@import url(https://fonts.googleapis.com/css?family=Yantramanav:400,300,500);
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:500,700);


/* global - reset */
html {font-size: 110%;}
label, .accordion-title,.button{font-size: 1rem;}
.callout.alert{background-color: rgba(238,56,35,.25);}
.callout.blue{background-color: rgba(0,161,255,.25);}
.callout.success{background-color: rgba(0,170,79,.25);}
.callout.warning{background-color: rgba(255,174,0,.25);}

.row.expanded .row {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}
.row .row {    margin-left: auto;
    margin-right: auto;}

/* fonts styles*/
.fontlight{font-family: 'Yantramanav', sans-serif !important; font-weight:300;}
.fontmedium{font-family: 'Yantramanav', sans-serif !important; font-weight:400;}
.fontsemibold{font-family: 'Fira Sans', sans-serif !important; font-weight:500;}
.fontbold{font-family: 'Fira Sans', sans-serif !important; font-weight:700;}
.fontblack{font-family: 'Fira Sans', sans-serif !important; font-weight:700;}

body{font-family: 'Fira Sans', sans-serif; font-weight:400;}
h1,h2{font-family: 'Fira Sans', sans-serif; font-weight:700;}
h3,h4{font-family: 'Fira Sans', sans-serif; font-weight:700;}
h5,h6{font-family: 'Fira Sans', sans-serif; font-weight:500;} 
p,a,li,td{font-family: 'Yantramanav', sans-serif; font-weight:300; font-size:1.6rem;}
input,select,label,[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {font-family: 'Yantramanav', sans-serif; font-weight:300;font-size: 1.4rem;
    padding: 0.75em;}
strong,b{font-family: 'Yantramanav', sans-serif; font-weight:500;}
strong,b,h1,h2,h3,h4,h5,h6,p,a,li,td,input,select,label{font-style: normal; line-height: inherit;}
em strong{font-style:italic;}
p{margin:.5em 0;}


/* nav styles */
.topbar,.title-bar, .menu a:focus{background-color: transparent;}
.topbar,.title-bar{background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 90%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 90%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );}
.topbar .is-active a {background-color: transparent;}
.is-dropdown-submenu {background-color: rgba(0,0,0,.8);}
.menu a.logo:hover:not(.button){background-color: rgba(0,0,0,0);}
.topbar,.title-bar {font-size: 1rem;font-weight: 400;z-index: 2;position: fixed; width:100%;}
.topbar:before, .topbar:after {content: ' '; display: table;}
.topbar:after {clear: both;}
.topbar ul:first-child { float: left; }
.topbar ul:last-child  { float: right; }
.topbar .menu img {position: relative; max-width: 400px;}
/*.topbar .menu li {display: table-cell;}*/
.topbar .menu.vertical > li {display: block;}
.topbar .menu:last-child {margin-right: 0;}
.topbar .menu a {font-size: 1rem; color: #fff; text-shadow:0 0 10px rgba(0,0,0,.5);}
.topbar .menu a:hover:not(.button){text-shadow:0 0 10px rgba(0,0,0,1);}
.topbar .menu a.button {color: #fff; border:2px solid #fff;margin:.5em;}
.topbar .menu a.button:hover {color: #fff; background-color:rgba(255,255,255,.4);}
.topbar .dropdown.menu .submenu {border: 0;}
.topbar .is-down-arrow a {padding-right: 1rem !important;}
.topbar .is-down-arrow a::after {display: none !important;}
.title-bar img {vertical-align: middle; max-height: 1.5em;}
 .title-bar-title{display:inline;}
.title-bar .menu-icon {
    margin-left: 0.25em;
    margin-right: 0.5rem;
    padding:.5em;
}

a:hover img{opacity:.85;}

a div.backtotop {
    display: none;
    position: fixed;
    z-index: 999;
    background-color: rgba(0,0,0,.25);
    padding: .6em 1.15em;
    bottom: .75%;
    right: .75%;
    border-radius: 6px;
}
a div.backtotop { color: rgba(255,255,255,.75);
    font-family: 'Yantramanav', sans-serif !important; font-weight:300;
    font-size:.6em;
    line-height: 1.75em;
}
a span.hidden{
    display:none;
}
a:hover div.backtotop{
    background-color: rgba(150,150,150,.75);
}
a:hover span.hidden{
    display:inline-block;
}


/* off-canvas */
.off-canvas{background: rgba(20, 20, 20,1); z-index: 1;}
.off-canvas::-webkit-scrollbar {display: none;}
.off-canvas-wrapper,.off-canvas-wrapper-inner,.off-canvas{height: 100%;}
.off-canvas-wrapper {overflow-x: visible;}
.off-canvas-list{list-style-type:none;margin:0;margin-top:45%;}
.off-canvas-list a{font-family: 'Yantramanav', sans-serif !important; font-size: 1.2rem; font-weight:400; color: rgba(0,161,255,1);}
/*.off-canvas-list label{font-family: 'Yantramanav', sans-serif !important; font-size: 1.2rem; font-weight:400; color: rgba(0,161,255,1);padding: 1.25em 1em .5em;}
.off-canvas-list li.nav-main-item a{background-color: rgba(0,161,255,1); color: rgba(255,255,255,1);}*/
.off-canvas .close-button {color:rgba(0,161,255,1);}
.off-canvas .close-button:hover, .off-canvas .close-button:focus {color: rgba(255,255,255,1);}
.off-canvas hr{border-bottom: 0px solid rgba(255,255,255,.4);}
.js-off-canvas-exit {background: rgba(0, 0, 0, 0.5); box-shadow: inset 0 5px 25px rgba(0,0,0,.5);}
.off-canvas-list li {width: 100%;padding: .5em 1em;text-align: center;display:block;float:left;}

.off-canvas-list li:hover{background-color: rgba(0,161,255,1);}
.off-canvas-list li:hover a{color: rgba(255,255,255,1);}


/* Container Styles */
.home-large-hero, .getstarted-large-hero{
    background-size: cover;
    position: relative;
    background-position: center;
    text-align: center;
    overflow: visible;
    box-shadow: inset 0 0 200px rgba(0,0,0,1);
    background-attachment: fixed;
}

h1.shadow{text-shadow: 0 0 15px rgba(0,0,0,.5);}
h2.shadow{text-shadow: 0 0 10px rgba(0,0,0,.5);}
.button.shadow{box-shadow: 0 0 15px rgba(0,0,0,.5);}

.orbit-bullets button {
    width: .5rem; height: .5rem; margin: 0.1rem; background-color: rgba(255,255,255,.4);
    border-radius: 50%; border: 1px solid rgba(200,200,200,.4);
}
.orbit-bullets button.is-active {background-color: rgba(220,220,220,.4);}
.orbit-previous, .orbit-next {color: rgba(255,255,255,.4); font-size:2em; padding-top: .75em;}
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {background-color: rgba(255,255,255,.2);}

header section.padding-large {padding: 6em 0 4em;}
section.padding-large{padding:4em 0;}
section.padding{padding:2em 0;}
section.padding-small{padding:1em 0;}
section.padding-none{padding:0;}

.icon-border{
    border-radius: 50%;
    border: 10px solid #eee;
    padding: 1.5em;
    margin: auto;
}

.menu > li > a > img, .menu > li > a > i {width: 100%;}

blockquote {border-left: 0px solid #cacaca;}

/* Backgrounds */
.bg-footer1{background-image: url(../img/bg-footer.jpg);}  
.bg-footer2{background-image: url(../img/bg-footer2.jpg);}
.bg-container{padding:1em 0; background-size: cover;background-repeat: no-repeat;background-position: center; background-attachment: fixed;}

/* Dark Backgrounds */
.bg-grey{background: rgba(50, 50, 50,1);}
.bg-black{background: rgba(20, 20, 20,1);}
.bg-dark{color: rgba(20, 20, 20,1);}
.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark p, .bg-dark a{color: rgba(255, 255, 255,1);}

/* Light Backgrounds */
.bg-white{background: rgba(250, 250, 250,1);}
.bg-silver{background: rgba(235, 235, 235,1);}
.bg-light{background-color: rgba(250, 250, 250,1);}
.bg-light h1,.bg-light h2,.bg-light h3,.bg-light h4,.bg-light h5,.bg-light h6,.bg-light p, .bg-light a{color: rgba(20, 20, 20,1);}
.bg-light a:hover, .bg-light a:hover h6{color: rgba(0,164,230,1);}

/* colors */
body{background-color:rgb(20,20,20);}
.blue{color:rgba(0,161,255,1) !important;}
.white{color:rgba(250,250,250,1) !important;}
.silver{color: rgba(200, 200, 200,1) !important;}
.grey{color: rgba(150, 150, 150,1) !important;}
.black{color:#222222 !important;}

button,.button{padding: 0.5em 1em}

.button.hollow.white {color: #fff; border:2px solid rgba(250,250,250,1);font-weight:400; margin: 0 auto .5em auto;}
input.button.hollow.white:hover {color: #fff; background-color:rgba(250,250,250,.4);}
a.button.hollow.white:hover,button.button.hollow.white:hover  {color: #fff; background-color:rgba(250,250,250,.4);}
.button.hollow.blue {color: rgba(0,164,230,1); border:2px solid rgba(0,161,255,1); font-weight:400; margin: 1em;}
a.button.hollow.blue:hover,button.button.hollow.blue:hover {color: rgba(0,161,255,1); background-color:rgba(0,161,255,.4)}

.button.blue-bg {background-color: rgba(0,164,230,1); color:rgba(250,250,250,1); border:2px solid rgba(0,161,255,1); font-weight:400; margin: 1em;}
a.button.blue-bg:hover,button.button.blue-bg:hover {background-color: rgba(0,161,255,1); color:rgba(250,250,250,1);}

.button.hollow.black {color: rgba(0,0,0,1); border:2px solid rgba(0,0,0,1); font-weight:400; margin: 1em;}
a.button.hollow.black:hover,button.button.hollow.black:hover {color: rgba(0,0,0,1); background-color:rgba(0,0,0,.2);}


/*Footer - Copyright */
.copyright{padding: .5rem 0;}
.copyright p, .copyright a{font-size: .9rem; margin: 0; color: rgba(250, 250, 250,.6);}
.copyright p{ opacity:.5;}

/*Misc */
.humans { display: none; }

/* media - small screens */
@media only screen and (max-width: 40.063em){
    h1{font-size: 2.4rem;}
    h2{font-size: 2.1rem;}
    h3{font-size: 1.8rem;}
    h4{font-size: 1.66rem;}
    h5{font-size: 1.5rem;}
    h6{font-size: 1.4rem;}    
    p,a,li,td,input,select,label{font-family: 'Yantramanav', sans-serif; font-weight:300; font-size:1.33rem;}    
    .service-icons h6{font-size: 1rem;}      

	h1.hero-main-header{font-size:3rem;}
	h2.hero-subheader{font-size:2rem;}
  .icon-border{max-width:60%;margin:0 auto 2em;}
}
@media screen{
  .welcome-logo{padding: 25% 0 15% 0;}
  .home-large-hero div.padding-large {padding: 25% 0 15% 0;}
  .getstarted-large-hero div.padding-large {padding: 20% 0 15% 0;}
}   

@media screen and (min-width: 40.063em){
  .welcome-logo{padding: 25% 0 15% 0;}
  .home-large-hero div.padding-large {padding: 25% 0 15% 0;}
  .getstarted-large-hero div.padding-large {padding: 8% 0;}  
}	
@media screen and (min-width: 60.063em)
{
  .welcome-logo{padding: 9% 0;}
  .home-large-hero div.padding-large {padding: 15% 0;}
  .getstarted-large-hero div.padding-large {padding: 12.5% 0;}  
}
@media screen and (min-width: 90.063em){
  .welcome-logo{padding: 15% 0;}
  .home-large-hero div.padding-large {padding: 20% 0;}
  .getstarted-large-hero div.padding-large {padding: 16% 0;}
}

@media screen and (min-width: 40.063em) and (orientation:portrait) {
  .welcome-logo{padding: 20% 0 20% 0;}
  .home-large-hero div.padding-large {padding: 30% 0 30% 0;}
  .getstarted-large-hero div.padding-large {padding: 36% 0 36% 0;}
}
@media screen and (min-width: 60.063em) and (orientation:portrait) {
  .welcome-logo{padding: 14% 0 12% 0;}
  .home-large-hero div.padding-large {padding: 20% 0;}
  .getstarted-large-hero div.padding-large {padding: 16% 0;}
}

.spin.slow {
  -webkit-transition: all 15s ease;
  -moz-transition: all 15s ease;
  -o-transition: all 15s ease;
  -ms-transition: all 15s ease;
  transition: all 15s ease;
}

.spin.slow:hover {
  -webkit-transform: rotate(360deg) scale(1.33);
  -moz-transform: rotate(360deg) scale(1.33);
  -o-transform: rotate(360deg) scale(1.33);
  -ms-transform: rotate(360deg) scale(1.33);
  transform: rotate(360deg) scale(1.33);
  margin-bottom: .5em;
}

.spin.quick {
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  -ms-transition: all 3s ease;
  transition: all 3s ease;
}

.spin.quick:hover {
  -webkit-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
  -o-transform: rotate(720deg);
  -ms-transform: rotate(720deg);
  transform: rotate(720deg);
}


.service-icons{
    margin: 1em auto 2em auto;
}

.grow.slow {
  -webkit-transition: all 15s ease;
  -moz-transition: all 15s ease;
  -o-transition: all 15s ease;
  -ms-transition: all 15s ease;
  transition: all 15s ease;
}

.grow.slow:hover {
  -webkit-transform: scale(1.33);
  -moz-transform:  scale(1.33);
  -o-transform:  scale(1.33);
  -ms-transform:  scale(1.33);
  transform: scale(1.33);
  margin-bottom: .5em;
}
.service {margin:1em auto;}
.service img{width:120px;max-width:100%;    margin: 1em auto;}
.service h3.service-title{margin: .5em 0 0 0; font-size:1.8em; line-height:1.2;}
.service p.service-description{font-size:1.4em; padding:0 0 .5em 0; margin: 0;}
.service ul.services li{line-height: 1.5em; font-size: 1.25em;}
.service a.button.hollow.blue.details{margin: 1em 0; line-height:1.2em; padding: .5em .25em;}