@import url(https://fonts.googleapis.com/css?family=Roboto:700,400,300,100|Montserrat:400,700);

body {
	background-color: #2C3E50;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 300;
   	color: white;
	height: 100%;
	min-height: 100% !important;
}

.background1 { background-color: White }
.background2 { background-color: #2C3E50; }

body.modal-open {
	overflow: hidden;
}

html {
	height: 100%;
}

span.divider {
    display: block;
    margin: 25px 0px;
    width: 100px;
    height: 2px;
    background-color: white;
}

span.divider.center {
    margin-right: auto;
    margin-left: auto;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
#contact .form-control:focus,
#contact .form-control:hover,
#contact .form-control:active {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
    border-color: white;
}

.ticker {
    overflow: hidden;
    height: 70px;
    vertical-align: baseline;
}

.ticker h1 {
    margin: 0px;
    height: 70px;
    -webkit-transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -o-transition: margin-top 0.5s ease-in-out;
    transition: margin-top 0.5s ease-in-out;
}

.mini-hr {
    border-style: solid none;
    border-color: #424242;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 20px;
    height: 1px;
    text-align: left;
    position: relative;
    clear: both;
}


.big-logo {
    font-size: 70px;
}

.section-padding {
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}
.section-center {
	text-align: center;
}
.section-padding-top {
	padding-top: 80px;
}

.footer-padding {
    padding-top: 40px;
    padding-bottom: 40px;
	}
	/* =Jumbotron Main
-------------------------------------------------------------- */
.jumbotron.jumbotron-main {
	height: 100%;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	margin:0;
}

#Mano-js {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	
	background: #f39c12; 
	background: -moz-linear-gradient(left, #f39c12 0%, #7437dd 30%, #615fdff 60%, #6980ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f39c12 0%,#7437dd 30%,#615fdf 60%,#6980ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f39c12 0%,#7437dd 30%,#615fdf 60%,#6980ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c12', endColorstr='#6980ff',GradientType=1 ); /* IE6-9 */
}

.jumbotron.jumbotron-main hr {
	border-width: 1px 0px;
    border-style: dotted none;
    border-color: rgba(255, 255, 255, 0.35);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 49px;
    height: 4px;
    text-align: center;
    position: relative;
    clear: both;
}

.jumbotron.jumbotron-main a {
    color: #fff;
}

.center-vertically {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.center-vertically-holder {
	display: table;
	height: 100%;
}

.scroll-indicator {
	padding-top:6px;
    display: inline-block;
    width: 50px;
}

.arrow-scroll-indicator {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.60);
}

.parallax-window {
    background: transparent;
}

/* =Jumbotron Register
-------------------------------------------------------------- */
.jumbotron.jumbotron-register {
    height: 100%;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    margin:0;
}

.jumbotron.jumbotron-register a {
    color: #fff;
}

.register-form {
    background-color: #FFFFFF;
    padding: 40px;
    border-radius: 5px;
    border: 2px solid #eee;
}

.register-form h3 {
    color: #414141;
}

.jumbotron.jumbotron-register h1 {
    font-size:59px;
}


/* =Navigation
-------------------------------------------------------------- */
.logo {
    font-size: 39px;
    color: #fff;
}

.nav li {
	text-align: right;
}

.nav li a {
	padding-right: 25px;
}

.navbar-header {
	padding-bottom: 11px;
}

.navbar-brand {
	height: auto;
    padding: 15px 15px 0 15px;
}

.navbar {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-default {
	font-family: "Montserrat",sans-serif;
	font-size: 20px;
	background: #2C3E50 none repeat scroll 0% 0%;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	line-height: 3.3;
    font-weight: 400;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #7E77E7;
    background-color: transparent;
	-webkit-transition: color 0.5s ease 0s;
    -moz-transition: color 0.5s ease 0s;
    -o-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}



.navbar-right {
    margin-right: 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #7E77E7;
	background-color: transparent;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #FFF;
    white-space: nowrap;
    font-size: 12px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: rgba(255, 255, 255, 0.60);
    text-decoration: none;
    background-color: transparent;
}

.dropdown-menu {
    background-color: #3C3C3C;
    border: 1px solid rgba(66,67,66,1);
    border-radius: 0;
    min-width: 150px;
    box-shadow: none;
    padding: 12px 0;
}

.navbar-toggle {
    margin-top: 18px;
    margin-bottom: 18px;
    border-radius: 0;
}

.navbar-default .navbar-toggle {
    border-color: #7E77E7;
    background-color: #7E77E7;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #7369F9;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #333;
}

.navbar-nav { -webkit-backface-visibility: hidden; }


.hamburger {
	display: none;
	position:relative;
	float: right;
  top: 22px;
	right: 10px;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

	.hamburger:focus {
			outline: 0;
		}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
	}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #8980fe;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.20s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


		.hamburger--slider .hamburger-inner {
		  top: 2px; }
		  .hamburger--slider .hamburger-inner::before {
		    top: 10px;
		    transition-property: transform, opacity;
		    transition-timing-function: ease;
		    transition-duration: 0.15s; }
		  .hamburger--slider .hamburger-inner::after {
		    top: 20px; }

		.hamburger--slider.is-active .hamburger-inner {
		  transform: translate3d(0, 10px, 0) rotate(45deg); }
		  .hamburger--slider.is-active .hamburger-inner::before {
		    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		    opacity: 0; }
		  .hamburger--slider.is-active .hamburger-inner::after {
		    transform: translate3d(0, -20px, 0) rotate(-90deg); }




				.help-button-holder {
					width: 100%;
					height: auto;
					 display: flex;
					align-items: center;
					justify-content: flex-start;
				}
				.help-button {
					display: block;
					border-radius: 45px;
					border: 1px solid #8980fe;
					background-color: transparent;
					width: 155px;
					height: 40px;
					color: white;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-top: 25px;
					transition: all 0.5s ease 0s;
				}
				.help-button .heading-1 {
					border: none!important;
					margin: 0!important;
					padding: 0!important;
					color: #8980fe;

					font-family: 'Montserrat', sans-serif;
					text-transform: uppercase;
					font-weight: 300;
					letter-spacing: 2px;
					font-size: 10px;
				}
				.help-button-holder a:hover {
					text-decoration: none;
				}

				.help-button:hover {
					background: #8980fe;
					color: #fff;
					border: 1px solid #8980fe;
				}
				.help-button:hover h5{
					color: #fff;
					transition: all 0.5s ease 0s;
				}

				#services .modal.fade.in{
					display: flex!important;
					align-items: center!important;
					justify-content: center!important;
				}
				#services .modal-header {
				}



/* =Footer
-------------------------------------------------------------- */
.theme-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 10px;
}

.theme-title-smaller {
    font-size:18px;
}

footer hr {
    margin-top: 45px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #353535;
}

.btn-up-footer {
    display: inline-block;
    position: relative;
    top:-21px;
}

.social-icons {
    color: #7e77e7;
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms;
}

.social-icons:hover {
    color: #FFAB2E;
}

#clock span {
    display: block;
    font-size: 16px;
    color: #ccc;
}

#clock b {
    font-family: 'Montserrat';
    display: block;
    font-size: 50px;
    line-height: 46px;
}

#clock .clock-section {
    display: inline-block;
    padding: 0 20px;
}

#clock .clock-section:last-child {
    border-right: none;
}





/* =Media Queries
-------------------------------------------------------------- */
@media (max-width:767px) {
	.hamburger {display:inline-block;}
			 #services .modal-dialog {
			 height: 100%;
			 position: absolute;
			 position: 0;
			 left: 0;
			}

			#services .modal-content {
				top: 3%;
			}

	.text-center-xs { text-align:center; }
    .mt10-xs { margin-top:10px; }
    .mt20-xs { margin-top:20px; }
    .mt30-xs { margin-top:30px; }
    .mt40-xs { margin-top:40px; }
    .mb10-xs { margin-bottom:10px; }
    .mb20-xs { margin-bottom:20px; }
    .mb30-xs { margin-bottom:30px; }
    .mb40-xs { margin-bottom:40px; }
	.section-padding { padding-top:50px; padding-bottom:50px; }
	.section-padding-top { padding-top:50px; }
	.navbar-default .navbar-nav > li > a { line-height:1; }
    .navbar-nav .open .dropdown-menu { padding:0; }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#fff; }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#7E77E7; }
	.section-title h2 { font-size:34px; }
	.navbar-nav { margin:12px -15px; }
	#pricing .plan.featured { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); }
	.btn-category { margin-bottom:5px; }
    .pricing-clients { width:90px; }
    #our-process .process-box { border-bottom:1px solid #2d2d2d; }
    .modal-header .close {
			top: 0%;
			right: 2%;
			position: absolute;
			margin: 0;
		}
    .breadcrumb-holder { padding:12px 0 12px 0; }
    .ticker { height:70px; }
    .ticker h1 { height:70px; }
    .big-logo { font-size:50px; }
    .jumbotron.jumbotron-register { height:initial; }
    .jumbotron.jumbotron-register h1 { font-size:40px; }
}

@media (min-width: 768px) {
	.timeline:before { left:50%; }
	.timeline > li { margin-bottom:100px; min-height:100px; }
	.timeline > li .timeline-panel { width:41%; float:left; padding:0 20px 20px 30px; text-align:right; }
	.timeline > li .timeline-image { width:100px; height:100px; left:50%; margin-left:-50px; }
	.timeline > li .timeline-image h4 { font-size:13px; margin-top:16px; line-height:18px; }
	.timeline > li.timeline-inverted > .timeline-panel { float:right; text-align:left; padding:0 30px 20px 20px; }
	.modal-dialog { margin:100px auto; }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:0; }
    .dropdown .dropdown-menu{ display:block; opacity:0; -webkit-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; -ms-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; transition:all 200ms ease-in; }
    .dropdown:hover .dropdown-menu { display:block; opacity:1; }
}

@media (min-width: 768px) and (max-width:992px) {
	#our-process h2 { font-size:28px; }
	#our-process .process-content p { width:75%; font-size:20px; }
	.text-center-sm { text-align:center; }
    .mt10-sm { margin-top:10px; }
    .mb10-sm { margin-bottom:10px; }
	.mt20-sm { margin-top:20px; }
	.mb20-sm { margin-bottom:20px; }
	.mt30-sm { margin-top:30px; }
	.mb30-sm { margin-bottom:30px; }
    .jumbotron.jumbotron-register h1 { font-size:45px; }
}

@media (min-width:1200px) {
	.timeline > li { min-height:170px; }
	.timeline > li .timeline-panel { padding:0 20px 20px 30px; }
	.timeline > li .timeline-image { width:170px; height:170px; margin-left:-85px; }
	.timeline > li .timeline-image h4 { margin-top:40px; }
	.timeline > li.timeline-inverted > .timeline-panel { padding:0 30px 20px 20px; }
}
@media (min-width:992px)
{.timeline > li { min-height:150px; }
	.timeline > li .timeline-panel { padding:0 20px 20px; }
	.timeline > li .timeline-image { width:150px; height:150px; margin-left:-75px; }
	.timeline > li .timeline-image h4 { font-size:18px; margin-top:30px; line-height:26px; }
	.timeline > li.timeline-inverted > .timeline-panel { padding:0 20px 20px; }
header.masthead{padding-top:calc(6rem + 106px);padding-bottom:6rem}
header.masthead h1{font-size:4.75em;line-height:4rem}
header.masthead h2{font-size:1.75em}}
.portfolio{margin-bottom:-15px}
.portfolio 
.portfolio-item{position:relative;display:block;max-width:25rem;margin-bottom:15px}
.portfolio 
.portfolio-item 
.portfolio-item-caption{-webkit-transition:all ease .5s;transition:all ease .5s;opacity:0;background-color:rgba(24,188,156,.9)}
.portfolio
.portfolio-item 
.portfolio-item-caption:hover{opacity:1}
.portfolio 
.portfolio-item 
.portfolio-item-caption 
.portfolio-item-caption-content{font-size:1.5rem}@media (min-width:576px){
	.portfolio{margin-bottom:-30px}
	.portfolio 
	.portfolio-item{margin-bottom:30px}}
	.portfolio-modal 
	.portfolio-modal-dialog{padding:3rem 1rem;min-height:calc(100vh - 2rem);margin:1rem calc(1rem - 8px);position:relative;z-index:2;-webkit-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);box-shadow:0 0 3rem 1rem rgba(0,0,0,.5)}
	.portfolio-modal 
	.portfolio-modal-dialog 
	.close-button{position:absolute;top:2rem;right:2rem}
	.portfolio-modal 
	.portfolio-modal-dialog 
	.close-button i{line-height:38px}
	.portfolio-modal 
	.portfolio-modal-dialog h2{font-size:2rem}@media (min-width:768px){
		.portfolio-modal 
		.portfolio-modal-dialog{min-height:100vh;padding:5rem;margin:3rem calc(3rem - 8px)}
		.portfolio-modal .portfolio-modal-dialog h2{font-size:3rem}}
		.floating-label-form-group{position:relative;border-bottom:1px solid #e9ecef}
		.floating-label-form-group input,
		.floating-label-form-group textarea{font-size:1em;position:relative;z-index:1;padding-right:0;padding-left:0;resize:none;border:none;border-radius:0;background:0 0;-webkit-box-shadow:none!important;box-shadow:none!important}
		.floating-label-form-group label{font-size:.85em;line-height:1.764705882em;position:relative;z-index:0;top:2em;display:block;margin:0;-webkit-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease;vertical-align:middle;vertical-align:baseline;opacity:0}
		.floating-label-form-group:not(:first-child){padding-left:14px;border-left:1px solid #e9ecef}
		.floating-label-form-group-with-value label{top:0;opacity:1}
		.floating-label-form-group-with-focus label{color:#FFAB2E}form 
		.row:first-child 
		.floating-label-form-group{border-top:1px solid #e9ecef}
		.footer{padding-top:5rem;padding-bottom:5rem;background-color:#2c3e50;color:#fff}
		.copyright{background-color:#FFAB2E} a{color:#7E77E7} a:active,a:focus,a:hover{color:#FFAB2E}
		.btn{border-width:2px}.bg-primary{background-color:#FFAB2E!important}
		.bg-secondary{background-color:#FFAB2E!important}
		.text-primary{color:#FFAB2E!important}
		.text-secondary{color:#7E77E7!important}
		.btn-secondary{background-color:#7E77E7;border-color:#7E77E7}
		.btn-secondary:active,.btn-secondary:focus,
		.btn-secondary:hover{background-color:#FFAB2E;border-color:#FFAB2E}