@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
.timeline-label p {
	color: black !important;
}

.forTar{
	font-size: 14px;
}


.captch{
    width: 130px !important;
    height: 49px !important;
    border: 1px solid #fff !important;
    padding: 0 !important;
    font-size: 20px;
    /* line-height: 1.42857143; */
    /* color: #555; */
    background-color: #1e2429;
    background-image: none;
    border: 0;
    border-top: 2px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    transition: all 0.5s;
    text-align: center;
}
.captch_img{
    vertical-align: top !important;
}

#scroller{
  position: fixed;
  bottom: 30px;
  background: transparent url(./arrow.png) no-repeat left top;
  background-size: 50px;
  width: 100px;
  height: 100px;
  cursor: pointer;
  display: none;
  right: 0;
  z-index: 999999999;
}
.stat {
   margin:45px auto;
   text-align:center;
}
.logoROBO {
	width: 300px;
}
.panel_logo {
	width: 190px;
}
.highlight {
   color:#00baff;
   padding: 10px 0;
   font-weight:bold;
   display:block;
   overflow:hidden;
   margin-bottom:0;
   font-size:48px;
}
.stat i {
	color:#fff;
}
.milestone-details {

   font-size: 14px;
   color:#999;
}
.phone__number {
	color: #fff !important;
}


.itswhite{
color:white;
}

body, html{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
@media (min-width: 1200px){
	.container {
		width: 960px;
	}
}
h1{
	font-weight: 100;
	font-size: 32px;
}

h2{
	text-transform: uppercase;
	font-size: 20px;
}
h3{
	font-size: 14px;
	font-style: italic;
	font-weight: 100;
	line-height: 26px;
}

h4{
	text-transform: uppercase;
	font-size: 16px;
	word-spacing: 2px;
}
h5{
	text-transform: uppercase;
	font-size: 12px;
	word-spacing: 2px;
}
h6{
	text-transform: uppercase;
	font-size: 10px;
	word-spacing: 2px;
	letter-spacing: 2px;
}

p{
	font-weight: 400;
}
hr{
	width: 50px;
	border-color: #00baff;
}


.videostretcher{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videostretcher iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


a {color: #222222}
a:hover,
a:focus{
	color: #00baff;
	text-decoration: none;
}
#home{
	/*background: url(../../images/landing/bg1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;*/
/*	background-attachment: fixed;*/
	height: auto;
	min-height: 710px;
	height: 100%;
	padding-top: 60px;
	color: #ffffff;
	position: relative;
}
#home:after{
	content:"";
	position:fixed;
	left:0;
	top:0;
	right:0;
	/*bottom:0;*/
	z-index:-1;
	display:block;
	height: 100%;


	background: url(../../images/landing/bg1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#regaff{
	background-position: center;
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
	/* height: auto; */
	/* min-height: 710px; */
	padding-top: 60px; */
	/* color: #ffffff; */
}

#home a.down-btn span.fa.fa-angle-down {
	font-size: 26px;
	border: 1px solid #00baff;
	border-radius: 4px;
	padding: 7px 5px;
	position: relative;
	margin-top: 100px;
	color: #ffffff;
	cursor: pointer;
}
.content{
	padding-top: 16%;
}
.header-text.btn{
	border: 2px solid #ffffff;
	border-radius: 8px;
	padding: 10px 30px;
	height: 100px;
}
.header-text.btn:hover{
	color: inherit;
}
.header-text.btn:focus,
.header-text.btn:active:focus,
.header-text.btn.active:focus,
.header-text.btn.focus,
.header-text.btn:active.focus,
.header-text.btn.active.focus {
	outline: thin dotted transparent;
	outline: none;
	outline-offset: -2px;
}
.typed-cursor {
	opacity: 1;
	padding: 10px 2px;
	background: #ffffff;
	margin: 10px;
	-webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
span.typed-cursor {
	top: -5px;
	position: relative;
}
/*.header-text{
	margin-top: 20px;
	position: absolute;
	border: 1px solid #ffffff;
	left: 25%;
	right: 25%;
}
.header-text h1{
	padding: 20px;
	position: relative;
	margin: 0 auto;
}*/
nav#menu span.fa.fa-bars{
	font-size: 30px;
	position: fixed;
	left: 120px;
	color: #c0c0c0;
	cursor: pointer;
	z-index: 1;
}

nav#menu span.fa.fa-itsmenu{
	font-size: 30px;
	position: fixed;
	left: 0px;
	top: 0px;
	color: #c0c0c0;
	cursor: pointer;
	z-index: 1;

}

nav#menu span.fa.fa-itsback{
	font-size: 30px;
	position: fixed;
	left: 0px;
	top: 0px;
	color: #c0c0c0;
	cursor: pointer;
	z-index: 1;

}

.navmenu, .navbar-offcanvas {
width: 270px;
z-index: 10;
}
.navmenu-default,
.navbar-default .navbar-offcanvas {
	background-color: #454545;
	border-color: #454545;
	border: 0;
	overflow: hidden;
}
.navmenu-default .navmenu-nav>li>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,
.navmenu-default .navmenu-nav>li>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
color: #00baff;
background-color: transparent;
}
.nav > li {
position: relative;
display: block;
text-align: center;
}
.navmenu-default .navmenu-nav>li>a,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a {
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
}
nav#menu span.fa.fa-bars:hover {
color: #00baff;
}
.navmenu-default .navmenu-nav>.active>a,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,
.navmenu-default .navmenu-nav>.active>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,
.navmenu-default .navmenu-nav>.active>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
color: #00baff;
background-color: transparent;
}

.close:hover, .closes:hover{
	background: #00baff;
	color: #ffffff;
	opacity: 1;
}
.close, .closes{
	background: #fff;
	padding: 10px 12px;
	opacity: 1;
	transition: all 0.3s;
}
.add-margin{
	margin-top: 60px;
}

#meet-us,
#offers,
#technology,
#about-us{
	padding: 60px 0;
	background: #fff;
}

a.down-btn span.fa.fa-angle-down {
	font-size: 26px;
	border: 1px solid #00baff;
	border-radius: 4px;
	padding: 7px 5px;
	position: relative;
	cursor: pointer;
	color: #00baff;
	margin-top: 30px;
}

#overview-video {
	background: url(../../images/landing/bg2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	text-align: center;
}

#overview-video .overlay{
	background: rgba(34, 34, 34, 0.85);
	height: auto;
	min-height: 200px;
	padding: 12% 0 ;
}

#overview-video a span.fa.fa-play {
	font-size: 40px;
	color: #fff;
	text-align: center;
	margin: auto 0;
}

.service{
	/* border: 2px solid #D5D5D5; */
	margin-top: 20px;
	margin-bottom: 0px;
	transition: all 0.3s;
	position: relative;
	padding: 60px 25px;
	border-radius: 8px;
	background-color: #00baff;
	opacity:0.7;
}
.service:hover{
	opacity:1;
}
.service:hover>h4,
.service:hover>span.fa{
	color: #fff;

}


.service:hover{
	border-color: #00baff;
	margin-top: 20px;
	margin-bottom: 0px;
	transition: all 0.3s;
	position: relative;
	padding: 60px 25px;
}


.service p{
	font-size: 14px;
	padding-top: 20px;
	font-family: 'Lato', sans-serif;
}
.space{ padding-top: 40px; }

#cta{
	background: #282f35;
	padding: 4% 0;
}

.texterr{
display:inline-block;
color:red;
margin-top: -27px;
margin-left: 10px;
font-style: italic;
font-size: 9pt;
position: absolute;
}

.btnoptout {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  /* white-space: nowrap; */
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
a.btn.go-to-btn{
	text-transform: uppercase;
	border: 1px solid #00baff;
	word-spacing: 2px;
	padding: 7px 30px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 2px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}
a.btn.go-to-btn:hover{
	background: #00baff;
	color: #fff;
}


a.btn.itsreg{
	width: 152px;
	text-transform: uppercase;
	border: 1px solid #00baff;
	word-spacing: 2px;
	padding: 7px 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 2px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;

	display: inline-block;
	vertical-align: middle;
}
a.btn.itsreg:hover{
	background: #00baff;
	color: #fff;
}


a.btn.regmain{
	float: right;
	text-transform: uppercase;
	border: 1px solid #00baff;
	word-spacing: 2px;
	padding: 7px 15px;
	margin-top: -40px;
	margin-right: 30px;
	margin-left: -20px;
	margin-bottom: 43px;
	border-radius: 2px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}
a.btn.regmain:hover{
	background: #00baff;
	color: #fff;
}

a.btn.regmain-int{
	float: right;
	text-transform: uppercase;
	border: 1px solid #00baff;
	word-spacing: 2px;
	padding: 7px 15px;
	margin-top: -40px;
	margin-right: 30px;
	margin-left: -20px;
	margin-bottom: 43px;
	border-radius: 2px;
	font-size: 12px;
	color: #333333;
	transition: all 0.5s;
}
a.btn.regmain-int:hover{
	background: #00baff;
	color: #fff;
}

a.btn.enter{
	float: right;
	text-transform: uppercase;
	border: 1px solid #00baff;
	word-spacing: 2px;
	padding: 7px 15px;
	margin-top: -40px;
	margin-right: 30px;
	margin-left: 70px;
	border-radius: 2px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}
a.btn.enter:hover{
	background: #00baff;
	color: #fff;
}
a.btn.enter-int{
	float: right;
	text-transform: uppercase;
	border: 1px solid #00baff;
	word-spacing: 2px;
	padding: 7px 15px;
	margin-top: -40px;
	margin-right: 30px;
	margin-left: 70px;
	border-radius: 2px;
	font-size: 12px;
	color: #333333;
	transition: all 0.5s;
}
a.btn.enter-int:hover{
	background: #00baff;
	color: #fff;
}





.nopadding{
	padding: 0;
	margin: 0;
}

.portfolio-item .hover-bg{
	height: 280px;
	overflow: hidden;
	position: relative;
}

.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 30% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
    transition: all 0.5s;
}
.hover-bg .hover-text>h5{
	opacity: 0;
	-webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>h5{
	opacity: 1;
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.hover-bg .hover-text>.hline{
	opacity: 0;
	-webkit-transform: translateY(0);
            transform: translateY(0);
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>.hline{
	opacity: 1;
    -webkit-backface-visibility:hidden;
   -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.hover-bg:hover .hover-text{
	opacity: 1;
}
.hline{
	height: 5px;
	width: 30px;
	border-top: 2px solid #f1f1f1;
	margin: 0 auto
}

.hover-text p.lead{
	color: #00baff;
}


a.btn.read-more-btn{
	text-transform: uppercase;
	background: #00baff;
	color: #282f35;
	word-spacing: 2px;
	padding: 7px 30px;
	/* margin: 10px; */
	border-radius: 4px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}
a.btn.read-more-btn:hover{
	background: #222222;
	color: #ffffff;
}

a.btn.send-reg-btn{
	text-transform: uppercase;
	background: #00baff;
	color: #282f35;
	word-spacing: 2px;
	margin-top: 25px;
	padding: 15px 35px;
	/* margin: 10px; */
	border-radius: 2px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}
button.btn.send-reg-btn {
  text-transform: uppercase;
  background: #00baff;
  color: #282f35;
  word-spacing: 2px;
  margin-top: 25px;
  padding: 15px 35px;
  /* margin: 10px; */
  border-radius: 2px;
  font-size: 12px;
  color: #ffffff;
  transition: all 0.5s;
}
button.btn.send-reg-btn:hover{
	background: #222222;
	color: #ffffff;
}
a.btn.send-reg-btn:hover{
	background: #222222;
	color: #ffffff;
}




.btn.login-btn{
	text-transform: uppercase;
	background: #00baff;
	color: #282f35;
	word-spacing: 2px;
	margin-top: 25px;
	padding: 15px 35px;
	/* margin: 10px; */
	border-radius: 2px;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}
.btn.login-btn:hover{
	background: #222222;
	color: #ffffff;
}






a.btn.send-btn{
	text-transform: uppercase;
	background: #00baff;
	color: #282f35;
	padding: 15px 35px;
	border-radius: 0;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}

button.btn.send-btn{
	text-transform: uppercase;
	background: #00baff;
	color: #282f35;
	padding: 15px 35px;
	border-radius: 0;
	font-size: 12px;
	color: #ffffff;
	transition: all 0.5s;
}

a.btn.send-btn:hover{
	background: transparent;
	border: 1px solid #00baff;
	color: #ffffff;
}

#dclients {
	background: url(../../images/landing/bg3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 1080px) {
 	
 	#dclients {
 		background: url(../../images/landing/bg3.jpg);
 		background-size: cover;
 		background-position: center;
 		background-repeat: no-repeat;
 		text-align: center;
 	}
}

#clients {
	/*background: url(../../images/landing/bg3.jpg);*/
	/*background-size: cover;*/
	/*background-position: center;*/
/*	background-repeat: no-repeat;
	background-attachment: fixed;*/
	text-align: center;
}

#clients .overlay{
	background: rgba(34, 34, 34, 0.85);
	height: auto;
	min-height: 200px;
	padding: 8% 0 ;
	color: #ffffff;
}

#dclients .overlay{
	background: rgba(34, 34, 34, 0.85);
	height: auto;
	min-height: 200px;
	padding: 8% 0 ;
	color: #ffffff;
}


ul, ol{
	padding: 0;
	moz-padding: 0;
	webkit-padding: 0;

}

ul.dclients li{
	display: inline-block;
	padding: 30px 30px;
	vertical-align: middle;
	opacity: 0.7;
}

ul.dclients li:hover{
	opacity: 1;
}

ul.clients li{
	display: inline-block;
	padding: 30px 30px;
	vertical-align: middle;
	opacity: 0.7;
}

ul.clients li:hover{
	opacity: 1;
}

.team {
	border: 2px solid #c3c3c3;
	padding: 50px 20px;
	text-align: center;
	opacity: 0.5;
	transition: all 0.8s;
	max-height: 490px;
	margin-bottom: 30px;
}
.team:hover.hire,
.team.hire{
	height: 340px;
	border-color: #00baff;
	color: #00baff;
	opacity: 1;
}

.team.hire>a{
	color: #00baff;
}
.team hr{
	border-width: 2px;
	border-color: #00baff;
}
.team:hover{
	opacity: 1;
	border: 2px solid #00baff;@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);.itswhite{color:white;}body, html{  -webkit-font-smoothing: antialiased !important;  -moz-osx-font-smoothing: grayscale;  overflow-y: auto;  overflow-x: hidden;  font-family: "Helvetica Neue", Helvetica, sans-serif;}@media (min-width: 1200px){ .container {  width: 960px; }}h1{ font-weight: 700; font-size: 36px;}h2{ text-transform: uppercase; font-size: 20px;}h3{ font-size: 14px; font-style: italic; font-weight: 100; line-height: 26px;}h4{ text-transform: uppercase; font-size: 16px; word-spacing: 2px;}h5{ text-transform: uppercase; font-size: 12px; word-spacing: 2px;}h6{ text-transform: uppercase; font-size: 10px; word-spacing: 2px; letter-spacing: 2px;}p{ font-weight: 400;}hr{ width: 50px; border-color: #00baff;}.videostretcher{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}.videostretcher iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}a {color: #222222}a:hover,a:focus{ color: #00baff; text-decoration: none;}#home{ background: url(../../images/landing/bg1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; min-height: 710px;  padding-top: 60px; color: #ffffff;}#regaff{ background-position: center; /* background-repeat: no-repeat; */ /* background-attachment: fixed; */ /* height: auto; */ /* min-height: 710px; */  padding-top: 60px; */ /* color: #ffffff; */}#home a.down-btn span.fa.fa-angle-down { font-size: 26px; border: 1px solid #00baff; border-radius: 4px; padding: 7px 5px; position: relative; margin-top: 100px; color: #ffffff; cursor: pointer;}.content{ padding-top: 16%;}.header-text.btn{ border: 2px solid #ffffff; border-radius: 8px; padding: 10px 30px; height: 100px;}.header-text.btn:hover{ color: inherit;}.header-text.btn:focus, .header-text.btn:active:focus, .header-text.btn.active:focus, .header-text.btn.focus, .header-text.btn:active.focus, .header-text.btn.active.focus { outline: thin dotted transparent; outline: none; outline-offset: -2px;}.typed-cursor { opacity: 1; padding: 10px 2px; background: #ffffff; margin: 10px; -webkit-animation: blink 0.5s linear infinite;    -moz-animation: blink 0.5s linear infinite;    animation: blink 0.5s linear infinite;}@keyframes blink{    0% { opacity:1; }    50% { opacity:0; }    100% { opacity:1; }}@-webkit-keyframes blink{    0% { opacity:1; }    50% { opacity:0; }    100% { opacity:1; }}@-moz-keyframes blink{    0% { opacity:1; }    50% { opacity:0; }    100% { opacity:1; }}span.typed-cursor { top: -5px; position: relative;}/*.header-text{ margin-top: 20px;  position: absolute; border: 1px solid #ffffff; left: 25%; right: 25%;}.header-text h1{ padding: 20px; position: relative; margin: 0 auto;}*/nav#menu span.fa.fa-bars{ font-size: 30px; position: fixed; left: 120px; color: #c0c0c0; cursor: pointer; z-index: 1;}nav#menu span.fa.fa-itsmenu{ font-size: 30px; position: fixed; left: 0px; top: 0px; color: #c0c0c0; cursor: pointer; z-index: 1;}nav#menu span.fa.fa-itsback{ font-size: 30px; position: fixed; left: 0px; top: 0px; color: #c0c0c0; cursor: pointer; z-index: 1;}.navmenu, .navbar-offcanvas {width: 270px;z-index: 10;}.navmenu-default, .navbar-default .navbar-offcanvas { background-color: #1E2429; border-color: #1E2429; border: 0; overflow: hidden;}.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {color: #00baff;background-color: transparent;}.nav > li {position: relative;display: block;text-align: center;}.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a {color: #ffffff;text-transform: uppercase;font-size: 12px;line-height: 30px;}nav#menu span.fa.fa-bars:hover {color: #00baff;}.navmenu-default .navmenu-nav>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-default .navmenu-nav>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-default .navmenu-nav>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {color: #00baff;background-color: transparent;}.close:hover{ background: #00baff; color: #ffffff; opacity: 1;}.close{ background: #fff; padding: 10px 12px; opacity: 1; transition: all 0.3s;}.add-margin{ margin-top: 60px;}#meet-us,#offers,#technology,#about-us{ padding: 60px 0;}a.down-btn span.fa.fa-angle-down { font-size: 26px; border: 1px solid #00baff; border-radius: 4px; padding: 7px 5px; position: relative; cursor: pointer; color: #00baff; margin-top: 30px;}#overview-video { background: url(../../images/landing/bg2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll; text-align: center;}#overview-video .overlay{ background: rgba(34, 34, 34, 0.85); height: auto; min-height: 200px; padding: 12% 0 ;}#overview-video a span.fa.fa-play { font-size: 40px; color: #fff; text-align: center; margin: auto 0;}.service{ /* border: 2px solid #D5D5D5; */ margin-top: 20px; margin-bottom: 0px; transition: all 0.3s; position: relative; padding: 60px 25px; border-radius: 8px; background-color: #00baff;}.service:hover>h4,.service:hover>span.fa{ color: #fff;}.service:hover{ border-color: #00baff; margin-top: 20px; margin-bottom: 0px; transition: all 0.3s; position: relative; padding: 60px 25px;}.service p{ font-size: 14px; padding-top: 20px; font-family: 'Lato', sans-serif;}.space{ padding-top: 40px; }#cta{ background: #282f35; padding: 4% 0;}.texterr{display:inline-block;color:red;margin-top: -27px;margin-left: 10px;font-style: italic;font-size: 9pt;position: absolute;}.btnoptout {  display: inline-block;  padding: 6px 12px;  margin-bottom: 0;  font-size: 14px;  font-weight: normal;  line-height: 1.42857143;  text-align: center;  /* white-space: nowrap; */  vertical-align: middle;  -ms-touch-action: manipulation;      touch-action: manipulation;  cursor: pointer;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;}a.btn.go-to-btn{ text-transform: uppercase; border: 1px solid #00baff; word-spacing: 2px; padding: 7px 30px; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; border-radius: 2px; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.go-to-btn:hover{ background: #00baff; color: #fff;}a.btn.itsreg{ width: 152px; text-transform: uppercase; border: 1px solid #00baff; word-spacing: 2px; padding: 7px 30px; margin-top: 5px; margin-bottom: 5px; border-radius: 2px; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.itsreg:hover{ background: #00baff; color: #fff;}a.btn.regmain{ float: right; text-transform: uppercase; border: 1px solid #00baff; word-spacing: 2px; padding: 7px 15px; margin-top: -40px; margin-right: 30px; margin-left: -20px; margin-bottom: 43px; border-radius: 2px; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.regmain:hover{ background: #00baff; color: #fff;}a.btn.regmain-int{ float: right; text-transform: uppercase; border: 1px solid #00baff; word-spacing: 2px; padding: 7px 15px; margin-top: -40px; margin-right: 30px; margin-left: -20px; margin-bottom: 43px; border-radius: 2px; font-size: 12px; color: #333333; transition: all 0.5s;}a.btn.regmain-int:hover{ background: #00baff; color: #fff;}a.btn.enter{ float: right; text-transform: uppercase; border: 1px solid #00baff; word-spacing: 2px; padding: 7px 15px; margin-top: -40px; margin-right: 30px; margin-left: 70px; border-radius: 2px; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.enter:hover{ background: #00baff; color: #fff;}a.btn.enter-int{ float: right; text-transform: uppercase; border: 1px solid #00baff; word-spacing: 2px; padding: 7px 15px; margin-top: -40px; margin-right: 30px; margin-left: 70px; border-radius: 2px; font-size: 12px; color: #333333; transition: all 0.5s;}a.btn.enter-int:hover{ background: #00baff; color: #fff;}.nopadding{ padding: 0; margin: 0;}.portfolio-item .hover-bg{ height: 280px; overflow: hidden; position: relative;}.hover-bg .hover-text { position: absolute; text-align: center; margin: 0 auto; color: #ffffff; background: rgba(0, 0, 0, 0.66); padding: 30% 0; height: 100%; width: 100%; opacity: 0;    transition: all 0.5s;}.hover-bg .hover-text>h5{ opacity: 0; -webkit-transform: translateY(100%);            transform: translateY(100%);            transition: all 0.3s;}.hover-bg:hover .hover-text>h5{ opacity: 1;    -webkit-backface-visibility:hidden;    -webkit-transform: translateY(0);            transform: translateY(0);}.hover-bg .hover-text>.hline{ opacity: 0; -webkit-transform: translateY(0);            transform: translateY(0);            transition: all 0.3s;}.hover-bg:hover .hover-text>.hline{ opacity: 1;    -webkit-backface-visibility:hidden;   -webkit-transform: translateY(100%);            transform: translateY(100%);}.hover-bg:hover .hover-text{ opacity: 1;}.hline{ height: 5px; width: 30px; border-top: 2px solid #f1f1f1; margin: 0 auto}.hover-text p.lead{ color: #00baff;}a.btn.read-more-btn{ text-transform: uppercase; background: #00baff; color: #282f35; word-spacing: 2px; padding: 7px 30px; /* margin: 10px; */ border-radius: 4px; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.read-more-btn:hover{ background: #222222; color: #ffffff;}a.btn.send-reg-btn{ text-transform: uppercase; background: #00baff; color: #282f35; word-spacing: 2px; margin-top: 25px; padding: 15px 35px; /* margin: 10px; */ border-radius: 2px; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.send-reg-btn:hover{ background: #222222; color: #ffffff;}.btn.login-btn{ text-transform: uppercase; background: #00baff; color: #282f35; word-spacing: 2px; margin-top: 25px; padding: 15px 35px; /* margin: 10px; */ border-radius: 2px; font-size: 12px; color: #ffffff; transition: all 0.5s;}.btn.login-btn:hover{ background: #222222; color: #ffffff;}a.btn.send-btn{ text-transform: uppercase; background: #00baff; color: #282f35; padding: 15px 35px; border-radius: 0; font-size: 12px; color: #ffffff; transition: all 0.5s;}a.btn.send-btn:hover{ background: transparent; border: 1px solid #00baff; color: #ffffff;}#clients { background: url(../../images/landing/bg3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; text-align: center;}#clients .overlay{ background: rgba(34, 34, 34, 0.85); height: auto; min-height: 200px; padding: 8% 0 ; color: #ffffff;}ul, ol{ padding: 0; moz-padding: 0; webkit-padding: 0;}ul.clients li{ display: inline-block; padding: 30px 30px; vertical-align: middle;}.team { border: 1px solid #c3c3c3; padding: 70px 20px; text-align: center; opacity: 0.7; transition: all 0.8s; max-height: 380px; margin-bottom: 30px;}.team:hover.hire,.team.hire{ height: 340px; border-color: #00baff; color: #00baff; opacity: 1;}.team.hire>a{ color: #00baff;}.team hr{ border-width: 2px; border-color: #00baff;}.team:hover{ opacity: 1; border: 1px solid #222;}.team img { width: 80px; margin: 0 auto;}#testimonials { background: url(../../images/landing/bg4.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll; text-align: center;}#testimonials .overlay{ background: rgba(34, 34, 34, 0.85); height: auto; min-height: 200px; padding: 5% 0 ; color: #ffffff;}.owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 2px 5px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 0; background: #00baff;}#contact{ background: #282f35; padding: 60px 0; color: #ffffff;}#affregistration{ background: #999; padding: 100px 0; color: #ffffff;}ul.social li{ display: inline-block; margin-right: 20px; margin-top: 30px;}ul.social li a{ color: #ffffff; font-size: 16px;}div.address strong{ text-transform: uppercase; font-style: normal; font-family: 'Montserrat', sans-serif;}.successregistration{ margin-top:25px; color:green;}itiserror{ display:block; color:red; margin-top: -15px; font-style: normal; font-family: "Helvetica Neue", Helvetica, sans-serif;}.error input,input.error,.error textarea,textarea.error{border-color:#c60f13;background-color:rgba(198,15,19,0.1)}.error label,label.error{color:#c60f13}.error small,small.error{display:block;padding:6px 4px;margin-top:-13px;margin-bottom:12px;background:#c60f13;color:#fff;font-size:12px;font-weight:bold;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}.error textarea:focus,textarea.error:focus{background:#fafafa;border-color:#b3b3b3}div.address:before{ content: "\f041"; display: inline-block;   font: normal normal normal 14px/1 FontAwesome;   font-size: 20px;   text-rendering: auto;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;    color: #00baff;   vertical-align: middle;   margin-right: 15px;   margin-left: -30px;}div.address{ font-style: italic; font-size: 14px; font-family: 'Lato', sans-serif; letter-spacing: 1px;}#contact input.form-control,#contact textarea.form-control {margin-bottom: 30px;}#contact .form-control { display: block; width: 100%; height: 40px; padding: 7px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #1e2429; background-image: none; border: 0; border-top: 2px solid transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; transition: all 0.5s;}#contact .form-control:focus { border-color: #00baff; outline: 0; -webkit-box-shadow: none; box-shadow: none;}#contact input.thisisform,#contact textarea.thisisform {margin-bottom: 40px;}.thisisform { display: inline-block; width: 300px; margin-left: 30px; margin-right: 30px; margin-bottom: 20px; height: 40px; padding: 7px 12px; font-size: 14px; line-height: 1.42857143; color: #999; background-color: #1e2429; background-image: none; border: 0; border-top: 3px solid transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; transition: all 0.5s;}.thisisform:focus { border-color: #00baff; outline: 0; -webkit-box-shadow: none; box-shadow: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {     color:    #222222;    font-family: 'Lato', sans-serif;    font-size: 13px;    letter-spacing: 1px;    font-style: italic;}input:-moz-placeholder, textarea:-moz-placeholder {     color:    #222222;    font-family: 'Lato', sans-serif;    font-size: 13px;    letter-spacing: 1px;    font-style: italic;}input::-moz-placeholder, textarea::-moz-placeholder {     color:    #222222;    font-family: 'Lato', sans-serif;    font-size: 13px;    letter-spacing: 1px;    font-style: italic;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {     color:    #222222;    font-family: 'Lato', sans-serif;    font-size: 13px;    letter-spacing: 1px;    font-style: italic;}nav#footer{ background: #282f35; /* padding: 40px 0; */ color: #ffffff; border-bottom: 5px solid #282f35;}#footer span.fa{ color: #00baff; font-size: 26px; margin-left: 10px;}#footer a{ color: #ffffff;}#footer a:hover{ color: #00baff;};
}
.team img {
	width: 80px;
	margin: 0 auto;
}

#testimonials {
	background: url(../../images/landing/bg4.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	text-align: center;
}

#testimonials .overlay{
	background: rgba(34, 34, 34, 0.85);
	height: auto;
	min-height: 200px;
	padding: 5% 0 ;
	color: #ffffff;
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px 5px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 0;
	background: #00baff;
}

#contact{
	background: #282f35;
	padding: 60px 0;
	color: #ffffff;
}

#affregistration{
	background: #999;
	padding: 100px 0;
	color: #ffffff;
}

ul.social li{
	display: inline-block;
	margin-right: 20px;
	margin-top: 30px;
}

ul.social li a{
	color: #ffffff;
	font-size: 16px;
}

div.address strong{
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Montserrat', sans-serif;
}

.successregistration{
	margin-top:25px;
	color:green;
}

itiserror{
	display:block;
	color:red;
	margin-top: -15px;
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.error input,input
.error,
.error textarea,textarea
.error{
border-color:#c60f13;
background-color:rgba(198,15,19,0.1)
}
.error label,label
.error{
color:#c60f13
}
.error small,small
.error{
display:block;
padding:6px 4px;
margin-top:-13px;
margin-bottom:12px;
background:#c60f13;
color:#fff;
font-size:12px;
font-weight:bold;
-moz-border-radius-bottomleft:2px;
-webkit-border-bottom-left-radius:2px;
border-bottom-left-radius:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-bottom-right-radius:2px;
border-bottom-right-radius:2px}
.error textarea:focus,
textarea.error:focus{
background:#fafafa;
border-color:#b3b3b3
}


div.address:before{
	content: "\f041";
	display: inline-block;
  	font: normal normal normal 14px/1 FontAwesome;
  	font-size: 20px;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;

	color: #00baff;
  	vertical-align: middle;
  	margin-right: 15px;
  	margin-left: -30px;
}
div.address{
	font-style: italic;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
}

#contact input.form-control,
#contact textarea.form-control {
margin-bottom: 30px;
}

#contact .form-control {
	display: block;
	width: 100%;
	height: 40px;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #1e2429;
	background-image: none;
	border: 0;
	border-top: 2px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	transition: all 0.5s;
}

#contact .form-control:focus {
	border-color: #00baff;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


#contact input.thisisform,
#contact textarea.thisisform {
margin-bottom: 40px;
}

.thisisform {
	display: inline-block;
	width: 300px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	height: 40px;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #999;
	background-color: #1e2429;
	background-image: none;
	border: 0;
	border-top: 3px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	transition: all 0.5s;
}

.thisisform:focus {
	border-color: #00baff;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.not_found img {
	width: 100% !important;
}



/* -- S style -- */
.s-img {
	position: relative;
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}
.s-list {
	list-style-type: none;
	padding: 0;
	margin: 0;

	position: absolute;
	top: 22px;
	right: -70%;
	
	width: 100%;
	z-index: 20;
}
.s-list li {
	position: relative;
}
.s-list li a {
	border: 1px solid #00baff;
	color: #00baff;
	padding: 7px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 26px;
	border-radius: 4px;
	-webkit-transition: all .52s;
	     -o-transition: all .52s;
	        transition: all .52s;
	margin-bottom: 10px;
	position: relative;
}
.s-list li a:hover {
	background: #00baff;
	color: #fff;
}

.s-note {
	max-width: 150px;
	width: 100%;
	font-size: 13px;
	line-height: 16px;
	background: #00baff;
	color: #fff;
	border-radius: 4px;
	-webkit-transition: all .52s;
	     -o-transition: all .52s;
	        transition: all .52s;
	padding: 10px;
	text-align: justify;
	position: absolute;
	right: 100%;
	margin-right: 15px;
	top: -1%;

	-webkit-transform: scale(0) translateX(-75%);
	    -ms-transform: scale(0) translateX(-75%);
	     -o-transform: scale(0) translateX(-75%);
	        transform: scale(0) translateX(-75%);
}
.s-info__item:hover .s-note,
.s-note:hover {
	/*right: -70px;*/
	-webkit-transform: scale(1) translateX(0px);
	    -ms-transform: scale(1) translateX(0px);
	     -o-transform: scale(1) translateX(0px);
	        transform: scale(1) translateX(0px);
}

.s-note:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #00baff;
	position: absolute;
	top: 0%;
	margin-top: 15px;
	right: -15px;
}
.s-videoBox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.72);
	z-index: 25;
	padding: 15px;
	text-align: center;

	-webkit-transition: all .52s;
	-o-transition: all .52s;
	transition: all .52s;

	-webkit-transform: translateY(-200%);
	    -ms-transform: translateY(-200%);
	     -o-transform: translateY(-200%);
	        transform: translateY(-200%);
}
.s-videoBox.open-video {
	-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	     -o-transform: translateY(0%);
	        transform: translateY(0%);
}
.s-videoBox:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}
.s-videoBox iframe {
	max-width: 720px;
	width: 98%;
	display: inline-block;
	vertical-align: middle;
}

.s-list li a:after{
	   background: rgba(255,255,255,0.22);
	   content: "";
	   display: block;
	   position: absolute;
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   border-radius: 4px;
}

@-webkit-keyframes flur {
	 0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
    70%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        }
    100%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        opacity: 0;
    }
}
@-o-keyframes flur {
	 0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
    70%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        }
    100%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        opacity: 0;
    }
}
@-moz-keyframes flur {
	 0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
    70%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        }
    100%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes flur {
	 0%{
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
            -ms-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
    70%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        }
    100%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
        opacity: 0;
    }
}

@media screen and (min-width: 420px ) {
	.s-list {
		top: 52px;
		right: -75%;
	}
	.s-note {
	    max-width: 200px;
	}	
}
@media screen and (min-width: 720px ){
	.s-list li a:after{
		   background: rgba(255,255,255,0.52);
	}
	.s-list li a:after{
		   -webkit-animation: flur 1.27s both ease-in-out infinite;
		      -moz-animation: flur 1.27s both ease-in-out infinite;
		        -o-animation: flur 1.27s both ease-in-out infinite;
		           animation: flur 1.27s both ease-in-out infinite;
	}
	.s-list li a:hover:after {
		-webkit-animation-play-state: paused;
		     -o-animation-play-state: paused;
		        animation-play-state: paused;
	}
	.s-note {
		max-width: 250px;
	}
}
@media screen and (min-width: 960px ){
	
	.s-note {
		max-width: 270px;
		width: 100%;
		position: absolute;
		left: 70px;
		right: auto;
		top: -1%;
	}
	.s-note:before {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-right: 7px solid #00baff;
		border-left: none;
		position: absolute;
		top: 0%;
		margin-top: 15px;
		left: -15px;
		right: auto;
	}

	.s-note {
	    max-width: 270px;
	}

}











input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:    #222222;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-style: italic;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:    #222222;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-style: italic;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:    #222222;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-style: italic;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:    #222222;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-style: italic;
}

nav#footer{
	background: #282f35;
	/* padding: 40px 0; */
	color: #ffffff;
	border-bottom: 5px solid #282f35;
}
#footer span.fa{
	color: #00baff;
	font-size: 26px;
	margin-left: 10px;
}
#footer a{
	color: #ffffff;
}
#footer a:hover{
	color: #00baff;}