@charset "utf-8";
/* CSS Document */
*,
*::before,
*::after { box-sizing: border-box; }
html {
	width: 100%; min-height: 100%; height:100%; position: relative;
  }
body {}
h1,
h2,
h3,
h4,
h5,
h6 {color:#282828;}
img { max-width: 100%; }
p { margin: 0; padding: 0; line-height: 20px; }
a { text-decoration: none;     color: #2aa0cc; }
a:hover { text-decoration: none; }
ul { list-style: none; margin:0px; padding:0px; }
.no-pad { padding: 0 !important; }
.no-spacing{ margin: 0 !important; }
.no-pad-rt { padding-right: 0!important; }
.no-pad-lft { padding-left: 0!important; }
.no-floting { float: none; }
.hor-center { margin: auto; }
.hor-spacer-10 { margin-top: 10px; }
.rel { position: relative; }
.abs { position: absolute; }
.txt-center { text-align: center; }
.mTop25 { margin-top: 25px; }
.mTop2 { margin-top: 2rem !important; }
.mTop3 { margin-top: 3rem !important; }
p {
    margin: 0 0 1.2em;
}

body{
	font-size:16px;
	font-family: 'Lato', sans-serif;
	    color: #282828;
		min-height: 100vh;
		height:100%;
  position: relative;
  margin: 0;
}
a{tansition: all 0.3s ease;}
.bg-blue, .masthead{background-color:#15c3f5 !important}
.navbar.bg-blue	{
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	}
.bg-blue a.navbar-brand {
	color: rgba(0, 0, 0, 0.3);
}
.bg-blue a.navbar-brand:hover{
	color:#fff;
}
.bg-blue .navbar-nav  .nav-item .nav-link {
	color: #fff;
    display: inline-block;
    padding: 0.8em !important;
    border-radius: 4px;
    text-transform: uppercase;
	font-weight:700;
}
.bg-blue .navbar-nav  .nav-item .nav-link:hover {
    background: rgba(0, 0, 0, 0.2);
}

.navbar-nav{padding-left:20px;}

.block {
   
    position: relative;
    padding: 0 0 100px 0;
    z-index: 1;
}
.masthead {
  padding-top: calc(4rem);
  padding-bottom: 6rem;
}
.hexagon {
    position: absolute;
    left: 50%;
    margin-left: -40px;
	bottom: -40px;
    width: 80px;
    height: 80px;
    background: url(../images/8080.png);
	z-index:10px;
}
.hexagon .outer {
    position: relative;
    float: left;
    width: 80px;
    height: 46px;
    background: #ffffff;
	
	display:none;
}
.hexagon .inner {
    position: relative;
    float: left;
    width: 68px;
    height: 40px;
    background-color: #00a99d;
    margin-top: -43px;
    margin-left: 6px;
	display:none;
}

#carouselIndicators .carousel-inner{overflow:hidden !important;}
 .maintext {
    margin: 25px 0;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
	text-align:right;
	color:#fff;
	font-size: 45px;
}
.mobilebrands{text-align:right}
.mobilebrands .mobileicon {
    display: inline-block;
   color: rgba(0, 0, 0, 0.4);
    position: relative;
    font-size: 45px;
    width: 1.5em;
    height: 1em;
}
.mobilebrands .mobileicon:hover {
	color:#fff;
}


.appsblock {
    background-color: #f58369 !important;
	z-index:0;
}
.page-section-heading {
	padding:60px 0 0 0;
}
.page-section-heading .title{
	text-transform: uppercase;
    text-align: center;
    font-weight: 200;
    margin: 0px 0 0.2em 0;
	font-size:35px;
	
}
.page-section-heading .title.font-5{
	font-size: 32px;
}

.page-section-heading  .description {
    font-size: 1.4em;
    font-weight: 300;
    text-align: center;
	font-size:18px;
	color:#282828;
}


.page-section-heading  .description.font-7{
	font-size:50px;
}

.main-slider .picture img {
    max-width: 300px;
    width: 100%;
    height: auto;
}

.main-slider .carousel-control-next, .main-slider .carousel-control-prev{width:2%}
.main-slider .carousel-inner .carousel-item{max-width:90%; margin:0px auto;}
.main-slider .carousel-inner h1.title {
    margin: 0 0 20px 0;
    font-size: 250%;
    text-align: inherit;
	font-weight: 300;
}
.main-slider .carousel-inner p{
	color:#282828;
	font-weight:300;
}

.skillsblock {
    background-color: #ffc979 !important;
}
.skillcontainer  .skillogo .logocontainer {
    position: relative;
    text-align: center;
    color: #afafaf;
    vertical-align: middle;
    width: 130px;
    height: 130px;
    font-size: 50px;
    border: 4px solid #00a99d;
    border-color: #00a99d;
    border-radius: 50%;
    zoom: 1;
    transition: all 0.5s ease;
    box-shadow: 0 1px 0 #fff;
	border-color: #15c3f5;
	line-height: 120px;
	margin:0px auto;
}

.skillsblock .skillcontainer .title {
    font-weight: 400;
    color: #6e6e6e;
    margin: 40px 0 1em 0;
	transition: all 0.5s ease;
	    text-transform: uppercase;
    text-align: center;
	
}
.skillsblock .skillcontainer  .description p{
    font-size: 1em;
    color: #6e6e6e;
    line-height: 1.5;
	font-weight:300;
}
.block .block-container {
    padding: 60px 0 0 0;
}
.skillcontainer:hover .title, .skillcontainer:hover .logocontainer  {color: #15c3f5;}


.teamblock {
    background-color: #15c3f5 !important;
}
.teamblock .page-section-heading .description, .teamblock .page-section-heading .title{
	color:#282828;
}

.teamblock .block-container .teamcontainer {
    margin: 80px 0 60px 0;
}
.teamblock .block-container .teamcontainer .personal {
    min-height: 370px;
    position: relative;
    vertical-align: top;
}

.teamblock .block-container .teamcontainer .personal .photo {
    width: 200px;
    height: 200px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border: 4px solid #c8c8c8;
    border-color: #c8c8c8;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    opacity: 0.9;
    transition: all 0.5s ease;
}

.teamblock .block-container .teamcontainer .personal .userinfo {
    margin-top: 210px;
    display: inline-block;
    width: 100%;
    padding: 2em 0 1em 0;
}
.teamblock .block-container .teamcontainer .personal .userinfo .name {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #6e6e6e;
    margin-bottom: 0.4em;
}
.teamblock .block-container .teamcontainer .personal .userinfo .status {
    color: #6e6e6e;
    position: relative;
	font-size: 1.1em;
}
.teamblock .block-container .teamcontainer .personal:hover .photo{
	transform: rotate(0) scale(1.15);
    opacity: 1;
}

.socialblock {
    display: inline-block;
    padding: 0.5em;
}

.socialblock .socialicon {
    position: relative;
    float: left;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 5px;
}

.partnersblock {
    background-color: #f58369 !important;
	padding-bottom: 80px;
}
.partnersblock .block-container .partnerslist {
    margin: 40px 0;
}

.partnersblock  .partnerslist .partner {
    display: inline-block;
    max-width: 160px;
    padding: 10px 20px;
    opacity: 0.5;
    transition: all 0.5s ease;
}
.partnersblock  .partnerslist .partner:hover {
    opacity: 1;
}

.contactsblock {
    padding: 0;
    margin: 0;
    height:780px;
	background-color: #000;
    z-index: 10;
	position:relative;
}
.colorblock {
    background-color: #00a99d;
    color: #ffffff;
    z-index: 10;
}
.contactsblock .map {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.contactsblock .map #map-canvas {
    height: 100%;
    width: 100%;
    position: relative;
}

.contactsblock .overflay {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    right: 0;
    top: 0;
	text-align: center;
}

.contactsblock .info-container {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 40%;
    height: 100%;
    right: 0;
    top: 0;
	text-align: center;
}

.contactsblock .input-container.active {
    
}
.contactsblock .input-container {
    position: absolute;
    color: #282828;
    top: 0;
    width: 600px;
    min-width: 300px;
    margin-top: 80px;
    padding: 40px 60px 20px 60px;
    text-align: left;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    transition: all 0.5s ease;
	left:20%;	
	opacity: 1;
    z-index: 100;
}

.contactsblock .info-container  {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 40%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    right: 0;
    top: 0;
}
.contactsblock .info-container .wrapper{padding:60px 40px 0 100px; text-align:left;}
.contactsblock .info-container .title{
    text-transform: uppercase;
    font-weight: 400;
    margin: 40px 0 0.6em 0;
	color:#fff;
}
.contactsblock .info-container .contact-info{
		    font-size: 1.4em;
    color: #fff;
    margin: 1.8em 0 0.4em 0;
}
.contactsblock .info-container .contact-info a {
    color: rgba(255, 255, 255, 0.7);
    padding: 0.4em 0.8em;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    font-weight: 400;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.contactsblock .info-container .contact-info a:hover {
   background-color: #15c3f5;
    color: #fff;
    border-color: transparent;
}
.contactsblock .info-container  .contact-info {
    font-weight: 300;
    letter-spacing: 1px;
}
.contactsblock .info-container  .contact-info{
    font-size: 1.4em;
    color: #fff;
    margin: 1.8em 0 0.4em 0;
}
 .contact-info p{
	font-size: 1rem;
    width: 50%;
 }

.contactsblock.mailbutton.active {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background-color: #00a99d;
}

.contactsblock  .mailbutton {
    cursor: pointer;
    margin-top: 40px;
    display: inline-block;
    text-align: center;
    padding: 20px;
    border: 6px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transition: all 0.5s ease;
	    background-color: #15c3f5;
		color:#fff;
}
.contactsblock .mailbutton i {
    font-size: 40px;
    width: 45px;
    height: 45px;
    display: inline-block;
}
	  
.footerblock {
    text-align: center;
    position: relative;
    bottom: 0;
    padding: 0;
    z-index: 1100;
    background-color: #15c3f5;
	padding:1.6rem 3rem;
	text-align:center;
}
.footerblock .copyright{text-transform:uppercase; font-size:1.1em; letter-spacing:1; color:#fff;}

.newblock{padding: 0;

margin: 0;

position: absolute;

width: 40%;

height: 100%;

background: rgba(0, 0, 0, 0.7);

right: 0;

top: 0;
color:#fff;}


.newinputcontainer{background:rgba(255, 255, 255, 0.8); position: absolute; top:0; min-width:520px; padding:40px 40px; left:28%; opacity:1; z-index:100; margin-top:0px;}
.newblock .wrapper{padding:60px 40px 0 100px;}
.newblock .wrapper .title{
    text-transform: uppercase;
    font-weight: 400;
    margin: 40px 0 0.6em 0;
	color:#fff;
}
.newblock .contact-info .title{font-size:1.4em;}
.newblock .contact-info a {
    color: rgba(255, 255, 255, 0.7);
    padding: 0.4em 0.8em;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    font-weight: 400;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.newblock .contact-info a:hover {
   background-color: #15c3f5;
    color: #fff;
    border-color: transparent;
}


.carouselsection{margin-top:25px; padding:1rem 2rem;}
.owl-theme .owl-nav [class*="owl-"]{border-radius:0 !important;}
.carouselsection .owl-theme .owl-nav{position:absolute; margin-top:0; width:100%; top:27%;}
.carouselsection .owl-prev{position:absolute; left:-70px; background:url(../images/prev.png) no-repeat; width:37px; height:65px; text-indent:-9999px;}
.carouselsection .owl-next{position:absolute; right:-70px; background:url(../images/next.png) no-repeat;width:37px; height:65px; text-indent:-9999px;}
.carouselsection .owl-carousel .owl-nav.disabled{display:block;}
.carouselsection .owl-carousel .owl-dots{display:none;}
.carouselsection .owl-theme .owl-dots{display:none;}

.carouselsection .imgsection{text-align:center;}
.carouselsection .imgsection img{max-width:300px; width:100%;}
.carouselsection .owl-carousel .owl-item img{width:auto; display:inline-block;}

.carouselsection .imgsection, .carouselsection .contentsection{width:50%; float:left;}
.carouselsection .contentsection h1.title {
    margin: 0 0 20px 0;
    font-size: 250%;
    text-align: inherit;
	font-weight: 300;
}

.carouselsection .contentsection p{color:#282828; font-weight:300;}