/*

 *Appica iOS7 Template Style Sheet v1.1

 *Copyright 2013 8Guild.com

 */



/*CSS Reset*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}
html {
    overflow-y: scroll;
}

@font-face {
  font-family: 'Roboto-BoldCondensed-webfont';
  src: url('../fonts/Roboto-BoldCondensed-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto-BoldCondensed-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto-BoldCondensed-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto-BoldCondensed-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
/*Global Styles*/

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;

	/* background: #c2c2ff url(../img/img-iOS7/bg.png) repeat; */

	overflow: hidden;

	/* background-image: -webkit-gradient(linear,right top,left top,color-stop(0, hsl(0, 100%, 100%)),color-stop(0.5, hsl(0, 100%, 100%)),color-stop(1, hsl(0, 0%, 98%))); */  

	/* background-color: hsl(216, 8%, 45%); */  

	/* height: 220px; */  

	/* border-bottom: solid 1px hsl(212, 64%, 44%); */

}

.parallax { background-attachment: fixed; }

h1 { 

	font-size: 3em;

	font-weight: 300;

	color: #666;

	text-align: center;

	margin-bottom: 35px;

}

h2 {

	font-size: 2.25em;

	font-weight: 300;

	color: #666;

	text-align: center;

	margin-bottom: 0;

}

h3 {

	font-size: 1.5em;

	font-weight: 300;

	color: #666;

	text-align: center;

	margin-bottom: 30px;

}

p {

	font-size: 1.3em;

	color: #666;

	text-align: justify;

	font-weight: 300;

}
@font-face {
  font-family: 'space';
  src: url('../fonts/space-regular-webfont.woff'); 
}
.white { color: #fff !important; }

.last { margin-right: 0px !important; }

/*@font-face {
  font-family: 'Roboto-BoldCondensed-webfont';
  src: url('../fonts/Roboto-BoldCondensed-webfont.eot');  IE9 Compat Modes 
  src: url('../fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),  Modern Browsers 
       url('../fonts/Roboto-BoldCondensed-webfont.ttf')  format('truetype'),  Safari, Android, iOS 
       url('../fonts/Roboto-BoldCondensed-webfont.svg#svgFontName') format('svg');  Legacy iOS 
	font-weight: normal;

	font-style: normal;


}*/

/*Clearfix*/

.group:after {

	visibility: hidden;

	display: block;

	content: "";

	clear: both;

	height: 0;

	}

*:first-child+html .group { zoom: 1; } /* IE7 */

.clear {

	clear: both;

}



/*Side Menu*/

.side-menu {

	position: fixed;

	width: 240px;

	height: auto;

	min-height: 100%;

	top: 0;

	left: -241px;

	-webkit-transition: left 250ms ease-in-out;

	-moz-transition: left 250ms ease-in-out;

	-o-transition: left 250ms ease-in-out;

	transition: left 250ms ease-in-out;

	z-index: 90;

}

.side-menu.open {

	left: 0;

}

.side-menu nav {

	position: absolute;

	width: 240px;

	height: auto;

	min-height: 100%;

	top: 0;

	left: 0;

	/* background: url(../img/img-iOS7/slide-menu-bg.png) no-repeat; */

	-webkit-box-shadow: inset -1px 0px 10px 0px rgba(244,244,244,0.2);

	-moz-box-shadow: inset -1px 0px 10px 0px rgba(244,244,244,0.2);

	box-shadow: inset -1px 0px 10px 0px rgba(244,244,244,0.2);

	background-color: hsl(216, 8%, 88%);

	background: hsl(216, 38%, 65%);

}

.side-menu nav ul {

	list-style: none;

	margin: 40px 0 0 25px;

	width: 190px;

}

.side-menu nav ul li {

	margin-bottom: 15px;

}

.side-menu nav ul li a {

	font-size: 1.5em;

	color: #fff;

	text-decoration: none;

	font-weight: 300;

	opacity: 0.6;

	filter: alpha(opacity=60);

	-webkit-transition: all 350ms ease;

	-moz-transition: all 350ms ease;

	transition: all 350ms ease;

}

.side-menu nav ul li a i {

	display: inline-block;

	width: 38px;

	font-size: 1em;

}

.side-menu nav ul li:hover a,

.side-menu nav ul li.active a {

	opacity: 1;

	filter: alpha(opacity=100);

}

.svg .menu-toggle,

.no-svg .menu-toggle {

	position: absolute;

	display: block;

	width: 46px;

	height: 46px;

	background: url(../img/img-iOS7/icons/menu-toggle.svg) no-repeat;

	top: 40px;

	right: -60px;

	cursor: pointer;

	background-color: transparent;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	-webkit-transition: all 350ms ease;

	-moz-transition: all 350ms ease;

	transition: all 350ms ease;

	background-color: hsl(212, 64%, 44%);

}

.no-svg .menu-toggle {

	background: url(../img/img-iOS7/icons/menu-toggle.png) no-repeat;

}

.menu-toggle i {

	color: #fff;

	font-size: 40px;

}

.menu-toggle:hover {

	background-color: hsla(0, 0%, 0%, 0.4);

}



/*App Showcase Right Block*/

.app-showcase {

	padding-top: 35px;

}

.logo {
        margin: 0px auto 30px auto;
	width: 276px;
	height: 125px;
}

.logo img {
	max-width: 100%;
	height: auto;

}

.app-showcase h1 {

	font-size: 2.25em;

	color: #fff;

	margin-bottom: 0;

	text-align: left;

}

.app-showcase p {

	margin: 15px 0 30px 0;

	font-size: 1.125em;

	font-weight: 300;

	color: #fff;

	text-align: justify;

}

.appstore-btn,

.icloud-btn {

	display: block;

	width: 164px;

	height: 164px;

	float: left;

	margin: 0 30px 30px 0;

	background: transparent url(../img/img-iOS7/appstore.png) no-repeat center center;

	border: 1px solid #fff;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	-webkit-transition: all 450ms ease;

	-moz-transition: all 450ms ease;

	transition: all 450ms ease;

}

.icloud-btn {

	background: transparent url(../img/img-iOS7/icloud.png) no-repeat center center;

	margin-right: 0px;

}

.appstore-btn:hover,

.icloud-btn:hover {

	background-color: rgba(255, 255, 255, 0.3);

}



/*App Slideshow*/

#phone {

	width: 292px;

	height: 562px;

	background: url(../img/img-iOS7/slideshow/phone.png) no-repeat;

	padding: 79px 0 0 34px;

	position: relative;

}

#phone .slideshow {

	display: block;

	width: 223px;

	height: 395px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	overflow: hidden;

}

#phone .controls {

	position: absolute;

	bottom: -72px;

	left: 42px;

}

#phone .controls span {

	display: block;

	float: left;

	font-size: 1.5em;

	color: #fff;

	font-weight: 300;

	margin-top: 4px;

}

#phone .controls .prev,

#phone .controls .next {

	width: 60px;

	height: 40px;

	margin-top: 0;

}

#phone .controls .prev a,

#phone .controls .next a {

	font-size: 1.5em;

	color: #fff;

	display:block;

	text-align: center;

	text-decoration: none;

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: all 350ms ease;

	-moz-transition: all 350ms ease;

	transition: all 350ms ease;

}

#phone .controls .prev a:hover,

#phone .controls .next a:hover {

	opacity: 0.6;

	filter: alpha(opacity=60);

}



/*Social Networks*/

.social {

	width: 100%;
    background-image: linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -o-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -moz-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -webkit-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -ms-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
   background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #184270),color-stop(0.5, #286cb8),color-stop(1, #184270));
margin-top: 60px;
	margin-top: 60px;

	padding-top: 65px;

	padding-bottom: 37px;

}

.social h1 {

	margin-top: -40px;

	font-size: 2.25em;

	color: #fff;

	font-weight: 300;

	text-align: left;

	margin-bottom: 0;

	text-align: center;

}



/*Social Icons*/

.social-icons a {

	text-decoration: none;

}

.social-icons a:last-child {

	margin-right: 0;

}

.si-icon,

.im-icon-s,

.im-icon-m,

.im-icon-l {

	display: inline-block;

	font-size: 0px;

	cursor: pointer;

	margin: 20px 40px 0 0;

	width: 49px;

	height: 49px;

	border-radius: 50%;

	text-align: center;

	position: relative;

	z-index: 1;

	color: #fff;

}

.si-icon:after,

.im-icon:after,

.im-icon-s:after,

.im-icon-m:after,

.im-icon-l:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}

.si-icon:before,

.im-icon:before,

.im-icon-s:before,

.im-icon-m:before,

.im-icon-l:before {

	speak: none;

	font-size: 25px;

	line-height: 50px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	display: block;

	-webkit-font-smoothing: antialiased;

}

.im-icon-m:before {

	font-size: 28px;

}

.im-icon-l:before {

	line-height: 52px;

	font-size: 42px;

}

.si-icon-effect .si-icon,

.si-icon-effect .im-icon-s,

.si-icon-effect .im-icon-m,

.si-icon-effect .im-icon-l {

	box-shadow: 0 0 0 1px #fff;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

	color: #fff;

}

.si-icon-effect .si-icon:after,

.si-icon-effect .im-icon-s:after,

.si-icon-effect .im-icon-m:after,

.si-icon-effect .im-icon-l:after {

	top: -2px;

	left: -2px;

	padding: 2px;

	z-index: -1;

	background: #fff;

	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

	-moz-transition: -moz-transform 0.2s, opacity 0.3s;

	transition: transform 0.2s, opacity 0.3s;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	transform: scale(1.3);

	opacity: 0;

}

.no-touch .si-icon-effect .si-icon:hover,

.no-touch .si-icon-effect .im-icon-s:hover,

.no-touch .si-icon-effect .im-icon-m:hover,

.no-touch .si-icon-effect .im-icon-l:hover {

	color: #286BB8;

}

.no-touch .si-icon-effect .si-icon:hover:after,

.no-touch .si-icon-effect .im-icon-s:hover:after,

.no-touch .si-icon-effect .im-icon-m:hover:after,

.no-touch .si-icon-effect .im-icon-l:hover:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}
/*ASA ICONS======================================================================================================*/
/*Social Icons*/

.social-icons a {

	text-decoration: none;

}

.social-icons a:last-child {

	margin-right: 0;

}

.sias-icon,

.imas-icon-s,

.imas-icon-m,

.imas-icon-l {

	display: inline-block;

	font-size: 0px;

	cursor: pointer;

	margin: 20px 40px 0 0;

	width: 49px;

	height: 49px;

	border-radius: 50%;

	text-align: center;

	position: relative;

	z-index: 1;

	color: hsl(0, 0%, 67%);
        box-shadow: 0 0 0 1px hsl(0, 0%, 67%);

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

	color: hsl(0, 0%, 67%);

}

.sias-icon:after,

.imas-icon:after,

.imas-icon-s:after,

.imas-icon-m:after,

.imas-icon-l:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}

.sias-icon:before,

.imas-icon:before,

.imas-icon-s:before,

.imas-icon-m:before,

.imas-icon-l:before {

	speak: none;

	font-size: 25px;

	line-height: 50px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	display: block;

	-webkit-font-smoothing: antialiased;

}

.imas-icon-m:before {

	font-size: 28px;

}

.imas-icon-l:before {

	line-height: 52px;

	font-size: 42px;

}


.sias-icon-effect .sias-icon:after,

.sias-icon-effect .imas-icon-s:after,

.sias-icon-effect .imas-icon-m:after,

.sias-icon-effect .imas-icon-l:after {

	top: -2px;

	left: -2px;

	padding: 2px;

	z-index: -1;

        background: hsl(0, 0%, 67%);

	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

	-moz-transition: -moz-transform 0.2s, opacity 0.3s;

	transition: transform 0.2s, opacity 0.3s;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	transform: scale(1.3);

	opacity: 0;

}

.no-touch .sias-icon-effect .sias-icon:hover,

.no-touch .sias-icon-effect .imas-icon-s:hover,

.no-touch .sias-icon-effect .imas-icon-m:hover,

.no-touch .sias-icon-effect .imas-icon-l:hover {

    color: white !important;
       
}

.no-touch .sias-icon-effect .sias-icon:hover:after,

.no-touch .sias-icon-effect .imas-icon-s:hover:after,

.no-touch .sias-icon-effect .imas-icon-m:hover:after,

.no-touch .sias-icon-effect .imas-icon-l:hover:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);
	opacity: 1;

}


/*Content Style*/

.content-block {

	width: 100%;

	/* padding: 40px 0; */ 

	padding: 40px 0px 80px 0px;

}

.content-block.white {

	background: url(../img/img-iOS7/white-bg.png) repeat;

}

.content-block.violet {

	background-color: #9999ff;

}



/*Features*/

.feature {

	width: 100%;

	margin-bottom: 40px;

}

.feature img {

	display: block;

	margin: 0 auto 50px auto;

}

.feature h2 {

	margin-bottom: 20px;

}



/*Pricing*/

.pricing-plan {

	width: 100%;

	padding: 34px 0;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	margin-bottom: 40px;

	position: relative;

	background-color: rgba(255,255,255,0.3);

	-webkit-transition: all 500ms ease-in-out;

	-moz-transition: all 500ms ease-in-out;

	-o-transition: all 500ms ease-in-out;

	transition: all 500ms ease-in-out;

}

.pricing-plan:hover {

	background-color: rgba(255,255,255,0.8);

}

.pricing-plan h3 {

	font-size: 2.25em;

	font-weight: 300;

	color: #fff;

	text-align: center;

	margin-bottom: 35px;

	position: relative;

	z-index: 1;

	-webkit-transition: all 500ms ease-in-out;

	-moz-transition: all 500ms ease-in-out;

	-o-transition: all 500ms ease-in-out;

	transition: all 500ms ease-in-out;

}

.pricing-plan:hover h3 {

	color: #666 !important;

}

.pricing-plan ul {

	list-style: none;

	margin: 0;

	text-align: center;

	position: relative;

	z-index: 1;

}

.pricing-plan ul li {

	display: block;

	width: 100%;

	color: #fff;

	padding: 13px 0;

	font-size: 1.125em;

	font-weight: 300;

	border-bottom: 1px solid #fff;

	-webkit-transition: all 500ms ease-in-out;

	-moz-transition: all 500ms ease-in-out;

	-o-transition: all 500ms ease-in-out;

	transition: all 500ms ease-in-out;

}

.pricing-plan:hover ul li {

	color: #666;

	border-bottom: 1px solid #666;

}

.pricing-plan ul li span {

	font-weight: 400;

}

.pricing-plan ul li:last-child {

	border: none;

}



/*Team*/

.team {

	width: 100%;

	margin-bottom: 40px;

}

.team img {

	display: block;

	margin: 0 auto 30px auto;

	border: 5px solid transparent;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	-webkit-transition: all 400ms ease-in-out;

	-moz-transition: all 400ms ease-in-out;

	-o-transition: all 400ms ease-in-out;

	transition: all 400ms ease-in-out;

}

.team h2,

.team h3 {

	margin-bottom: 25px;

}

.team .social-icons {

	display: table;

	margin: 0 auto;

}

.team .si-icon,

.team .im-icon-s,

.team .im-icon-m,

.team .im-icon-l {

	margin: 15px 33px 0 0;

	color: #999;

	-webkit-transition: all 400ms ease-in-out;

	-moz-transition: all 400ms ease-in-out;

	-o-transition: all 400ms ease-in-out;

	transition: all 400ms ease-in-out;

}

.team:hover img {

	border: 5px solid #fff;

}

.team .si-icon-effect .si-icon,

.team .si-icon-effect .im-icon-s,

.team .si-icon-effect .im-icon-m,

.team .si-icon-effect .im-icon-l {

	box-shadow: 0 0 0 1px #999;

	-webkit-transition: all 400ms ease-in-out;

	-moz-transition: all 400ms ease-in-out;

	-o-transition: all 400ms ease-in-out;

	transition: all 400ms ease-in-out;

}

.team:hover .si-icon,

.team:hover .im-icon-s,

.team:hover .im-icon-m,

.team:hover .im-icon-l {

	color: #666;

}

.team:hover .si-icon-effect .si-icon,

.team:hover .si-icon-effect .im-icon-s,

.team:hover .si-icon-effect .im-icon-m,

.team:hover .si-icon-effect .im-icon-l {

	box-shadow: 0 0 0 1px hsl(0, 0%, 67%);

}



/*Clients*/

.clients {

	width: 100%;

	background-color: #6666cc;

	padding: 108px 0 70px 0;

}

.clients a {

	display: block;

	width: 262px;

	margin: 0 auto 30px auto;

}



/*Gallery*/

.gallery {

	width: 100%;

	position: relative;

}

.gallery ul {

	list-style: none;

	margin: 0;

}

.gallery ul li.red {

	background-color: #e35c4a;

}

.gallery ul li.violet {

	background-color: #5e4e6d;

}

.gallery ul li.dark-blue {

	background-color: #404b5a;

}

.gallery ul li img {

	display: block;

	margin: auto;

	max-width: 100%;

	height: auto;

}

.bx-pager {

	display: table;

	position: relative;

	z-index: 80;

	margin: -26px auto 0 auto;

}

.bx-pager-item {

	width: 12px;

	height: 12px;

	float: left;

}

.bx-pager-item a {

	width: 7px;

	height: 7px;

	background-color: #000;

	outline: none;

	border: 1px solid transparent;

	position: relative;

	top: 2px;

	left: 2px;

	text-indent: -9999px !important;

}

.bx-wrapper .bx-pager {

	text-align: center;

	margin-top: -55px;

}

.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

	display: inline-block;

	*zoom: 1;

	*display: inline;

	width: 12px;

	height: 12px;

	margin: 0 7px;

}

.bx-wrapper .bx-pager.bx-default-pager a {

	background: #000;

	text-indent: -9999px;

	display: block;

	width: 7px;

	height: 7px;

	outline: 0;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	margin: 2px 0 0 2px;

}

.bx-wrapper .bx-pager.bx-default-pager a.active {

	background: #000;

	width: 12px;

	height: 12px;

	background-color: transparent;

	border: 1px solid #000;

	margin: 0;

}

.svg .bx-wrapper .bx-prev {

	left: 30px;

	background: url(../img/img-iOS7/slider-controls.svg) no-repeat 0px 0px;

}

.svg .bx-wrapper .bx-next {

	right: 30px;

	background: url(../img/img-iOS7/slider-controls.svg) no-repeat -17px 0px;

}

.no-svg .bx-wrapper .bx-prev {

	left: 30px;

	background: url(../img/img-iOS7/slider-controls.png) no-repeat 0px 0px;

}

.no-svg .bx-wrapper .bx-next {

	right: 30px;

	background: url(../img/img-iOS7/slider-controls.png) no-repeat -17px 0px;

}

.bx-wrapper .bx-controls-direction a {

	position: absolute;

	top: 50%;

	margin-top: -39px;

	outline: 0;

	width: 17px;

	height: 77px;

	text-indent: -9999px;

	z-index: 9999;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	transition: all 500ms ease;

}

.bx-wrapper .bx-controls-direction a.disabled {

	display: none;

}

.bx-wrapper:hover .bx-controls-direction a {

	opacity: 1;

	filter: alpha(opacity=100);

}



/*Buttons*/

.btn-middle {

	display: table;

	margin: auto;

}

.signup-btn {

	display: inline-block;

	margin-top: 25px;

	border: 1px solid #fff;

	position: relative;

	z-index: 1;

	-webkit-border-radius: 45px;

	-moz-border-radius: 45px;

	border-radius: 45px;

	padding: 15px 40px;

	font-size: 1.2em;

	text-transform: uppercase;

	color: #fff;

	background-color: transparent;

	-webkit-transition: all 450ms ease;

	-moz-transition: all 450ms ease;

	transition: all 450ms ease;

}

.signup-btn i {

	font-size: 1.1em;

}

.pricing-plan:hover .signup-btn {

	border: 1px solid #666;

	color: #666;

}

.signup-btn:hover {

	color: #fff;

	text-decoration: none;

	background-color: rgba(255,255,255,0.3);

	-webkit-border-radius: 45px;

	-moz-border-radius: 45px;

	border-radius: 45px;

}

.signup-btn:hover {

	color: #666666;

	background-color: #fff;

	border: 1px solid #fff;

}

.pricing-plan:hover .signup-btn:hover {

	border: 1px solid #fff;

}



/*Subscribe*/

.subscribe {

	width: 100%;

	background-color: #6666cc;

	padding: 80px 0 70px 0;

}

.subscribe h1 {

	margin-bottom: 10px;

}

.subscribe span {

	display: block;

	width: 100%;

	text-align: center;

	color: #fff;

	font-weight: 300;

	font-size: 1.125em;

}

.subscription-form {

	display: table;

	width: 100%;

	max-width: 555px;

	position: relative;

	margin: 47px auto 0 auto;

	padding: 0 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.subscription-form #email {

	width: 100%;

	height: 60px;

	border: none;

	outline: none;

	font-size: 1.5em;

	font-weight: 300;

	color: #000;

	padding: 0 60px 0 25px;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.subscription-form #submit {
	display: block;
	position: absolute;
	background: none;
	border: none;
	outline: none;
	font-size: 2.6em;
	color: #999999;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
      

}

.subscription-form #submit:hover {

	color: white !important;

}

.errors {
	width: 100%;
	position: relative;

}

#error1, #error2, #error3, #error4, #error5, #error6 {

	display: block;

	position: absolute;

	width: 100%;

	text-align: center;

	font-size: 1em;

	font-weight: 300;

	color: #fff;

	background-color: #e35c4a;

	margin-top: 15px;

	padding: 5px 15px;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all 400ms ease;

	-moz-transition: all 400ms ease;

	transition: all 400ms ease;

}

#error1.visible, #error2.visible, #error3.visible, #error4.visible, #error5.visible, #error6.visible {
	opacity: 1;
	filter: alpha(opacity=100);
}



/*Footer*/

footer {
    padding: 54px 0;
    background-image: linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%) 100%);
    background-image: -o-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%,hsl(216, 12%, 92%)  100%);
    background-image: -moz-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -ms-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-gradient(linear,right top,left top,color-stop(0, hsl(216, 12%, 92%)),color-stop(0.5, hsl(0, 100%, 100%)),color-stop(1, hsl(216, 12%, 92%)));
}

footer .social-icons {

	margin-top: 45px;

}

.copyright {

	width: 100%;

	position: relative;

}

.copyright img {

	max-width: 100%;

	height: auto;

}

.copyright span {

	display: block;

	position: absolute;

	margin: -43px 0 0 87%;

	color: hsl(0, 0%, 47%);
        font-family: arial, Lato;    
	font-size: 0.875em;

	font-weight: 300;

}

.copyright span a {

	color: hsl(0, 0%, 47%);

	text-decoration: none;

	font-weight: 400;

}

.copyright span a:hover {

	text-decoration: underline;

}



/*Content Animations*/

.animation {

	opacity: 0;

}

.ie9 .animation {

	opacity: 1;

}



/* Preloader */

#preloader {

	position: fixed;

	top:0;

	left:0;

	right:0;

	bottom:0;

	background-image: linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%) 100%);
    background-image: -o-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%,hsl(216, 12%, 92%)  100%);
    background-image: -moz-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -ms-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-gradient(linear,right top,left top,color-stop(0, hsl(216, 12%, 92%)),color-stop(0.5, hsl(0, 100%, 100%)),color-stop(1, hsl(216, 12%, 92%)));

	z-index:100;

}

#status {

	width:229px;

	height:229px;

	position:absolute;

	left:36%;

	top:50%;

	/*background-image:url(../img/loading.gif);*/

	background-repeat:no-repeat;

	background-position:center;

	margin: 0px;

}



/*MEDIA QUERIES*/



/*Tablet Portrait*/

@media screen and (max-width: 991px) {

	

	#phone { margin: 60px auto 100px auto; }

	.logo {

		width: 100%;

		position: absolute;

		top: -800px;

		margin-left: -15px;

	}

	.logo img {

		display: block;

		margin: auto;

	}

	.app-showcase h1, .social h1 { text-align: center; }

	.social { margin-top: 0px; }

	.buttons, .social-icons {

		display: table;

		margin: auto;

	}

	.si-icon,

	.im-icon-s,

	.im-icon-m,

	.im-icon-l {

		margin: 20px 15px 0 15px;

	}

	h1 {

		font-size: 2.6em;

		margin-bottom: 25px;

	}

	h2 { 

		font-size: 1.9em;

		margin-bottom: 65px;

	}

	.content-block {

		padding: 50px 0; 

	}

	.icons-premium { padding-top: 100px; }

	.icons-premium img { margin: 0 auto 50px auto; }

	.buy-btn { margin: 40px 0; }

	.bx-wrapper .bx-controls-direction a { display: none; }

	.bx-wrapper .bx-pager { margin-top: -35px; }

	footer { padding: 20px 0 54px 0; }

	.copyright img {

		display: block;

		margin: auto;

	}

	.copyright span {

		width: 100%;

		text-align: center;

		position: relative;

		margin: 30px 0 0 0;

	}

}



/*Phone Portrait*/

@media screen and (max-width: 440px) {

	

	.svg .menu-toggle,

	.no-svg .menu-toggle { top: 20px; }

	#phone { margin: 110px auto 100px auto; }

	.logo { top: -800px; }

	.buttons { padding-left: 22%; }

	.buy-btn {

		font-size: 0.9em;

		padding: 18px 40px 18px 27px;

	}

	.buy-btn i { margin-right: 24px; }

}



@media screen and (max-width: 340px) {

	

	#phone { margin-left: -25px; }

	.buttons { padding-left: 17%; }

	.bx-wrapper .bx-pager { margin-top: -25px; }
        .inner_btn {
            margin-right: 18%;
        }

}
/*ASA IMPORVEMENTS======================================================================*/
#mask img {
    background-size: cover;
}
#oone {
    text-align: right;
}
#oonesmall {
    text-align: right;
}
#ttwo {
    text-align: left;
}
#ttwosmall {
    text-align: left;
}
#tthree {
    text-align: left;
}
#tthreesmall {
    text-align: left;
}
#ffour {
    text-align: right;
}
#ffoursmall {
    text-align: right;
}

#features {
    padding-top: 80px;
    padding-bottom: 100px;
    background-image: linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%) 100%);
    background-image: -o-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%,hsl(216, 12%, 92%)  100%);
    background-image: -moz-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -ms-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-gradient(linear,right top,left top,color-stop(0, hsl(216, 12%, 92%)),color-stop(0.5, hsl(0, 100%, 100%)),color-stop(1, hsl(216, 12%, 92%)));
}
.dot-navigation {
    display: none !important;
}
#pricing {
    padding-top: 70px;
   background: url(../img/bg-content.png) repeat-y scroll center top hsl(220, 5%, 12%);
}
#team {
    padding-top: 100px;
    background-image: linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%) 100%);
    background-image: -o-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%,hsl(216, 12%, 92%)  100%);
    background-image: -moz-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -ms-linear-gradient(right , hsl(216, 12%, 92%) 0%, hsl(0, 100%, 100%) 50%, hsl(216, 12%, 92%)  100%);
    background-image: -webkit-gradient(linear,right top,left top,color-stop(0, hsl(216, 12%, 92%)),color-stop(0.5, hsl(0, 100%, 100%)),color-stop(1, hsl(216, 12%, 92%)));
}
.clients {
    background-image: linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -o-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -moz-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -webkit-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -ms-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #184270),color-stop(0.5, #286cb8),color-stop(1, #184270));
}
#subscribe {
    /* background-image: -webkit-gradient(linear,right top,left top,color-stop(0, hsl(211, 65%, 27%)),
    color-stop(0.5, hsl(212, 64%, 44%)),
    color-stop(1, hsl(211, 65%, 27%))); */
    background: url(../img/bg-content.png) repeat-y scroll center top hsl(220, 5%, 12%);
}
#plant {
    color: hsl(222, 5%, 42%) !important;
    padding: 10px 0 0 0px;
    margin: 0 0 30px 0px;
    font-family: 'space',helvetica,arial,sans-serif;
    font-size: 52px;
    text-transform: uppercase;
    height: 76px;
    text-shadow: 2px 2px 9px hsla(0, 0%, 0%, 0.8);
}
#ra p {
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 40px;
}
.line-content-top {
    border-top: solid 1px hsl(0, 0%, 9%);
    border-bottom: solid 1px hsl(0, 0%, 23%);
    width: 100%;
}
.shade-content-top {
    background: url("../img/shade-content-top.png") no-repeat center;
    height: 13px;
}
.full_services a.btn {
    position: relative;
    font-size: 17px;
    color: hsl(0, 100%, 100%);
    height: 56px;
    line-height: 56px;
    padding: 0 30px;
    padding-right: 11px;
    display: block;
    text-decoration: none;
    margin-top: 52px;
    background: url('../images/button-bg.jpg');
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px hsl(0, 0%, 20%);
}
.full_services {
    position: relative;
    height: auto;
    float: left;
    margin-top: 55px;
    display: block; 
}
div.second {
    position: relative;
    float: right;
    /*width: 200px;*/
    border: solid 0px hsl(60, 100%, 50%);
    margin-top: 55px;
    margin-right: 0px;
}
.full_services a.btn {
    position: relative;
    font-size: 17px;
    color: hsl(0, 100%, 100%);
    height: 56px;
    line-height: 56px;
    padding: 0 30px;
    padding-right: 11px;
    display: block;
    text-decoration: none;
    margin-top: 52px;
    background: url('../img/button-bg.jpg');
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px hsl(0, 0%, 20%);
    /* width: 472px; */
}
#fromper {
    color: white;
    text-align: left;
}
span.inner_btn {
    position: relative;
    float: right;
    font-size: 14px;
    color: hsl(0, 100%, 100%);
    line-height: 18px;
    padding: 9px 15px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 9px;
    background-color: hsl(208, 70%, 44%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 6px;
    border: solid 1px hsl(0, 0%, 20%);
    color: rgb(255, 255, 255);
}
span.inner_btn:hover {
    background-color: white;
    color: #1D1E1F;
}
.left {
    float: left;
}
div.modul_box {
    position: relative;
    float: right;
/*    width: 200px;
    height: 366px;*/
    border: solid 0px hsl(60, 100%, 50%);
    margin-top: 55px;
}
.properp {
    text-align: left;
    color: white;
    font-size: 1em;
    margin-top: 12px;
}
div.modul_box img.icon {
    position: relative;
/*    border: solid 0px hsl(60, 100%, 50%);
    width: 92px;
    height: 80px;*/
    margin: 0 auto;
    display: block;
}
div.modul_box a.more {
    position: relative;
    background: url('../img/button-bg.jpg');
    bottom: 0;
    width: 144px !important;
    font-size: 12px;
    color: hsl(0, 0%, 60%);
    line-height: 14px;
    padding: 6px 30px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    margin: 20px auto 0px auto;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px hsl(0, 0%, 20%);
    float: none;
}
.small_title {
    color: hsl(222, 5%, 42%) !important;
    padding: 10px 0 0 0px;
    margin: 0 0 30px 0px;
    font-family: 'space',helvetica,arial,sans-serif;
    font-size: 34px;
    text-transform: uppercase;
    height: 76px;
    text-shadow: 2px 2px 9px hsla(0, 0%, 0%, 0.8);
    float: none;
}
.small_title_bkg {
    text-align: center;
}
.title {
    text-align: center;
}
#eefullde {
    position: relative;
    font-size: 17px;
    color: hsl(0, 100%, 100%);
    height: 56px;
    line-height: 56px;
    padding: 0 30px;
    /*padding-right: 11px;*/
    display: block;
    text-decoration: none;
    margin-top: 52px;
    background: url('../img/button-bg.jpg');
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px hsl(0, 0%, 20%);
}
#fser {
    background:url(../img/full-services.png);
    height: auto;   
    max-width: 100%;
    width: 100%;
    height: 147px;
    max-height: 100%;
    display: block;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.subscription-form #name {
    width: 100%;
    height: 60px;
    border: none;
    outline: none;
    font-size: 1.5em;
    font-weight: 300;
    color: hsl(0, 0%, 0%);
    padding: 0 60px 0 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 14px;
}
.subscription-form #subject {
    width: 100%;
    height: 60px;
    border: none;
    outline: none;
    font-size: 1.5em;
    font-weight: 300;
    color: hsl(0, 0%, 0%);
    padding: 0 60px 0 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2.4;
}
.subscription-form #submit {
    width: 100%;
    height: 60px;
    border: none;
    outline: none;
    background: #286BB8;
    font-weight: 300;
    color: hsl(223, 34%, 23%);
    padding: 0 60px 0 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2.4;
    position: relative !important;
    font-size: 1.4em;
    line-height: 1;
    font-family: Lato;
    font-weight: bold;
    border: 2px solid hsl(0, 100%, 100%);
}
#footersocial {
    text-align: right;
    float: none;
    margin-top: 20px;
}
#copyasa {
    margin-top: 58px;
    text-align: center;
}
#webdesigncicrcle {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/*STATUS====================================*/
.Bounce {
  text-align: center;
  width:400px;
  height:125px;
  margin: 0 auto;
  position: relative
}
.Bounce p {
    text-align: center;
    margin-bottom: 60px;
}

.Bounce span {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin: 5px auto;
  background: #000000;
  -moz-border-radius: 125px;
  -moz-animation: Bounce 1.2s infinite alternate;
  -webkit-border-radius: 125px;
  -webkit-animation: Bounce 1.2s infinite alternate;
  -ms-border-radius: 125px;
  -ms-animation: Bounce 1.2s infinite alternate;
  -o-border-radius: 125px;
  -o-animation: Bounce 1.2s infinite alternate;
  border-radius: 125px;
  animation: Bounce 1.2s infinite alternate;
}

#b1 {
    
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

#b2 {
  -moz-animation-delay: 0.36s;
  -webkit-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  -o-animation-delay: 0.36s;
  animation-delay: 0.36s;
}

#b3 {
  -moz-animation-delay: 0.72s;
  -webkit-animation-delay: 0.72s;
  -ms-animation-delay: 0.72s;
  -o-animation-delay: 0.72s;
  animation-delay: 0.72s;
}

#b4 {
  -moz-animation-delay: 1.06s;
  -webkit-animation-delay: 1.06s;
  -ms-animation-delay: 1.06s;
  -o-animation-delay: 1.06s;
  animation-delay: 1.06;
}

#b5 {
  -moz-animation-delay: 1.38s;
  -webkit-animation-delay: 1.38s;
  -ms-animation-delay: 1.38s;
  -o-animation-delay: 1.38s;
  animation-delay: 1.38;
}
@-moz-keyframes Bounce {
  0% {
    width: 25px;
    height: 25px;
    background-color:#000000;
    -moz-transform: translateY(0);
  }

  100% {
    width: 60px;
    height: 60px;
    background-color:#0C60E6;
    -moz-transform: translateY(-53px);
  }

}

@-webkit-keyframes Bounce {
  0% {
    width: 25px;
    height: 25px;
    background-color:#000000;
    -webkit-transform: translateY(0);
  }

  100% {
    width: 60px;
    height: 60px;
    background-color:#0C60E6;
    -webkit-transform: translateY(-53px);
  }

}

@-ms-keyframes Bounce {
  0% {
    width: 25px;
    height: 25px;
    background-color:#000000;
    -ms-transform: translateY(0);
  }

  100% {
    width: 60px;
    height: 60px;
    background-color:#0C60E6;
    -ms-transform: translateY(-53px);
  }

}

@-o-keyframes Bounce {
  0% {
    width: 25px;
    height: 25px;
    background-color:#000000;
    -o-transform: translateY(0);
  }

  100% {
    width: 60px;
    height: 60px;
    background-color:#0C60E6;
    -o-transform: translateY(-53px);
  }

}

@keyframes Bounce {
  0% {
    width: 25px;
    height: 25px;
    background-color:#000000;
    transform: translateY(0);
  }

  100% {
    width: 60px;
    height: 60px;
    background-color:#0C60E6;
    transform: translateY(-53px);
  }
}
#loadinglogo {
    position: relative !important;
    margin-top: 10%;
    width: 400px;
    margin-bottom: 180px;
}
.asapreload {
    position: absolute;
    top: 15%;
    left: 37%;
}
.arrowButton div,
#trending li .viewpost:hover { 
	-moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; 
}
.slidetxt2-1 {
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 2.6em !important;
    position: relative !important;
    float: right !important;
    right: 10% !important;
    top: 15% !important;
    display: block !important;
    text-transform: none !important;
    color: #0159A6 !important;
      background: -webkit-linear-gradient(#0370cd, #00549d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slidetxt2-2 {
    font-family: 'Open Sans' !important;
    font-size: 1.1em !important;
    text-transform: none !important;
    color: hsl(0, 0%, 35%) !important;
    display: block !important;
    position: relative !important;
    float: right !important;
    top: 120px !important;
    right: 5px !important;
    margin-right: -27% !important;
}
.slidetxt1-1 {
     font-family: 'Fjalla One', sans-serif !important;
     font-size: 2.6em !important;
    display: block !important;
    position: relative !important;
    margin-left: 20% !important;
    margin-top: 3% !important;
      color: #0159A6 !important;
      background: -webkit-linear-gradient(#0370cd, #00549d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slidetxt1-2 {
    font-family: 'Open Sans' !important;
    font-size: 1.1em !important;
    text-transform: none !important;
    color: hsl(0, 0%, 35%) !important;
    text-align: left !important;
    position: relative !important;
    margin-left: 35% !important;
    top: 1% !important;
}
.slidetxt7-1 {
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 2.6em !important;
    color: #0159A6 !important;
    font-style: normal !important;
    background: -webkit-linear-gradient(#0370cd, #00549d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0px !important;
    top: 10% !important;
}
.slidetxt7-2 {
    line-height: 6 !important;
    left: 10% !important;
    top: 20% !important;
    color: hsl(0, 0%, 47%) !important;
    
}
.slidetxt7-3 {
    line-height: 6 !important;
    left: 2% !important;
    top: 28% !important;
    color: hsl(0, 0%, 47%) !important;
}
.slidetxt8-1{
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 2.6em !important;
    color: #0159A6 !important;
    font-style: normal !important;
    background: -webkit-linear-gradient(#0370cd, #00549d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: inline;
    float: right;
    margin-top: 10%;
    margin-right: 12%;
}
.slidetxt8-2 {
    font-family: 'Open Sans' !important;
    font-size: 1.1em !important;
    text-transform: none !important;
    color: hsl(0, 0%, 35%) !important;
    display: block;
    position: relative !important;
    float: right !important;
    top: 0px !important;
    margin-top: 15% !important;
    margin-right: 12% !important;
}
.slidetxt3-1 {
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 2.6em !important;
    color: #0159A6 !important;
    font-style: normal !important;
    background: -webkit-linear-gradient(#0370cd, #00549d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin-top: 5%;
    text-transform: none !important;
}
.slidetxt3-2 {
    font-family: 'Open Sans' !important;
    font-size: 1.1em !important;
    text-transform: none !important;
    color: hsl(0, 0%, 35%) !important;
    position: relative !important;
    float: left !important;
    margin-top: 3.5% !important;
}
.portf {
    min-height: 500px;
    width: 100%;
    background-image: linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -o-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -moz-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -webkit-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -ms-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
   background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #184270),color-stop(0.5, #286cb8),color-stop(1, #184270));
    border-top: 1px solid hsl(197, 100%, 33%);
}
.portf .container {
    padding-top: 100px;
    padding-bottom: 120px;
}
.portf .container .row {
    margin-bottom: 22px;
}
.portfheading {
    font-family: 'Fjalla One', sans-serif;
    font-size: 2.6em;
    color: white;
    font-style: normal;
    text-shadow: 2px 2px 9px hsla(0, 0%, 0%, 0.8);
}
.portf img {
    background-size: cover;
    width: 100%;
}
.expanded {
    width: 100%;
    min-height: 664px;
    padding: 60px 20px 60px 20px;
    margin-bottom: 80px;
    background: url('../img/before-and-after-bg.png') 0 0 repeat;
}
.closing {
    background: url("../img/sprite.png") no-repeat -680px 0;
    width: 61px;
    height: 79px;
    text-indent: -9999px;
    overflow: hidden;
    right: 2px;
    top: -60px;
    height: 79px;
    width: 61px;
    display: block;
    float: right;
    position: relative;
}
.closing:hover {
    background: url("../img/sprite.png") no-repeat -757px 0;
    width: 61px;
    height: 79px;
    text-indent: -9999px;
    overflow: hidden;
    right: 2px;
    top: -60px;
    height: 79px;
    width: 61px;
    display: block;
    float: right;
    position: relative;
}
.formsiteheading {
    color: white;
}
.expanded .ecg-image-box {
    border-left: 1px solid hsl(215, 14%, 17%);
    border-top: 1px solid hsl(215, 14%, 17%);
    border-right: 1px solid hsl(210, 15%, 10%);
    border-bottom: 1px solid hsl(213, 23%, 8%);
    border-radius: 3px;
    background: hsl(213, 13%, 14%);
    padding: 12px 12px 2px;
    min-height: 200px;
}
.expinfo {
    font-family: 'Fjalla One', sans-serif !important;
    color: hsl(208, 99%, 33%) !important;
    font-style: normal !important;
    background: -webkit-linear-gradient(hsl(208, 97%, 41%), hsl(208, 100%, 31%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2em;
    text-align: left;
}
.infopanel p{
    color: hsl(200, 7%, 67%);
    margin-bottom: 5%;
    padding-top: 20px;
}
.serviceprov {
    list-style-type: none;
    margin-bottom: 40px;
}
.serviceprov li {
    padding-left: 6%;
    color: hsl(200, 7%, 67%);
    font-size: 1.3em;
    font-family: Lato;
    text-align: justify;
    font-weight: 300;
    margin-bottom: 2%;
}
.serviceprov li:first-child {
    margin-top: 2%;
}
.dotspot {
    background: url('../img/dotsopt.png') 0% 55% no-repeat;
}
.tothesite {
    border-bottom: 1px solid hsl(0, 0%, 0%);
    border-top: 1px solid hsl(0, 0%, 0%);
    padding: 10px 0;
    margin-bottom: 23px;
    position: relative;
}
.tothesite:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: hsl(210, 18%, 15%);
    content: " ";
}
.tothesite:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: hsl(210, 18%, 15%);
    content: " ";
}
.headinglogo {
    position: absolute;
    right: 16%;
    margin: 0px 0px 30px 0px;
    float: right;
}
.tothesite a {
    font-family: Lato;
    font-size: 1.3em;
    padding: 14px 0px;
    font-family: 'Fjalla One', sans-serif;
    color: hsl(200, 7%, 67%);
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.tothesite a:hover {
    color: hsl(208, 97%, 41%);
    text-decoration: none;
}
.flexslider {
    border: 4px solid  hsl(213, 13%, 14%) !important;
}
#carousel {
    height: 119px;
}




a {
  display: block;
  width: 100%;
  height: 100%;
}

.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
  -webkit-transition: 250ms all;
  transition: 250ms all;
}

.menu-opener {
  cursor: pointer;
  height: 64px;
  position: fixed;
  top: 0%;
  /*left: 1%;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 64px;
  background: hsl(206, 75%, 40%);
}
 .menu-opener.active {
  background: #f1c40f !important;
  z-index: 100;
}

.menu-opener-inner {
  background: #fff;
  height: .5rem;
  margin-left: .75rem;
  margin-top: 1.75rem;
  width: 2.5rem;
  z-index: 0 !important;
  pointer-events: none;
}
.menu-opener-inner::before, .menu-opener-inner::after {
  background: white;
  content: '';
  display: block;
  height: .5rem;
  width: 2.5rem;
}
.menu-opener-inner::before {
  -webkit-transform: translateY(-0.75rem);
  -ms-transform: translateY(-0.75rem);
  transform: translateY(-0.75rem);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(0.25rem);
  -ms-transform: translateY(0.25rem);
  transform: translateY(0.25rem);
}
.menu-opener-inner.active {
  background: transparent;
}
.menu-opener-inner.active::before {
  -webkit-transform: translateY(0rem) rotate(-45deg);
  -ms-transform: translateY(0rem) rotate(-45deg);
  transform: translateY(0rem) rotate(-45deg);
}
.menu-opener-inner.active::after {
  -webkit-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
  -ms-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
  transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
}

.menu {
  background-image: linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -o-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -moz-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -webkit-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
    background-image: -ms-linear-gradient(right , #184270 0%, #286cb8 50%, #184270 100%);
   background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #184270),color-stop(0.5, #286cb8),color-stop(1, #184270));
  color: transparent;
  height: 64px;
  position: absolute;
  top: 0%;
  left: 1%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0rem;
  z-index: -1;
}
.menu.active {
  position: fixed;
  width: -webkit-calc(100%);
  width: calc(100%);
  z-index: 50;
  
}
.menu.active .menu-link {
  color: white;
}

.menu-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  list-style-type: none;
  margin: 0;
  margin-left: 4rem;
  padding: 0;
}
.menu-inner a {
    cursor: pointer;
}
.menu-link {
  color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 2rem;
  font-weight: 100;
  height: 100%;
  text-align: center;
  text-decoration: none !important;
}
.menu-link:hover{
    text-decoration: none !important;
}
.menu-link li {
  margin: auto;
}
.menu-link li:hover {
    color: hsl(48, 89%, 50%);
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .menu {
    height: auto;
  }
  .menu-inner {
    display: block;
  }
  .menu-link {
    padding: 10px 0;
    font-size: 1.2em;
  }
  .menu.active {
    width: -webkit-calc(100% - 0.5rem);
    width: calc(100% - 0.5rem);
  }
}
.invis {
    display: none !important;
}
.visib {
    display: block;
}
.expinfop {
    margin-bottom: 12% !important;
    font-size: 1.4em;
}
.reqquote {
    width: 100%;
    height: 60px;
    outline: none;
    background: hsl(212, 64%, 44%);
    font-weight: 300;
    color: hsl(223, 34%, 23%);
    padding: 0 25px 0 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2.4;
    position: relative !important;
    font-size: 1.4em;
    line-height: 1;
    font-family: Lato;
    font-weight: bold;
    border: 2px solid hsl(0, 100%, 100%);
}
.reqquote a {
    color: white;
    text-align: center;
    line-height: 2.45;
}
.reqquote a:hover {
    text-decoration: none;
}
/*SLIDER++++++++++++++++++++++++++++++++*/
#aexpfirst {
    cursor: pointer;
}
#aexpfirst:after {
     background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
#aexpsecond {
    cursor: pointer;
}
#aexpfourth {
    cursor: pointer;
}
#aexpsecond:after {
    background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
#aexpsixth {
    cursor: pointer;
}
#aexpsixth:after {
    background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
#aexpseventh {
    cursor: pointer;
}
#aexpseventh:after {
    background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
#aexpeight {
    cursor: pointer;
}
#aexpeight:after {
    background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
#aexpninth {
    cursor: pointer;
}
#aexpninth:after {
    background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    height: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
#aexpthird {
    cursor: pointer;
}
#aexpthird:after {
    background: url("../img/sprite.png") no-repeat -632px -85px;
    bottom: -28px;
    content: "";
    hninth: 11px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 21px;
    display: none;
}
.featurenm {
    width: 100%;
    margin-bottom: 0;
}
#firstexpand {
    position: relative;
    top: 64px;
}
.reqqutoebtn {
    cursor: pointer;
}
#imgslider {
    height: auto;
}
#secondexpanded {
    position: relative;
    top: 64px;
}
#fourthexpanded {
    position: relative;
    top: 64px;
}
.flex-viewport .slides {
    cursor: pointer;
}
#carousel .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carousel .slides li {
    margin-right: 8px;
}
#carouselsecond {
    height: 119px;
}
#carouselsecond .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouselsecond .slides li {
    margin-right: 8px;
}
#carouselthird {
    height: 119px;
}
#carouselthird .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouselthird .slides li {
    margin-right: 8px;
}
#carouselfourth {
    height: 119px;
}
#carouselfourth .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouselfourth .slides li {
    margin-right: 8px;
}
#carouselsixth {
    height: 119px;
}
#carouselsixth .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouselsixth .slides li {
    margin-right: 8px;
}
#carouselseventh {
    height: 119px;
}
#carouselseventh .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouselseventh .slides li {
    margin-right: 8px;
}
#carouseleight {
    height: 119px;
}
#carouseleight .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouseleight .slides li {
    margin-right: 8px;
}
#carouselninth {
    height: 119px;
}
#carouselninth .slides {
    background:  hsl(213, 13%, 14%);
    height: 119px;
}
#carouselninth .slides li {
    margin-right: 8px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    h2.expinfo {
        margin-bottom: 0px;
        margin-top: 20px;
    }
    #carouselfourth, #carouselsecond, #carouselthird {
        display: none;
    }
    #headiglogo {
        position: relative;
    }
    .slidetxt1-1, .slidetxt3-1, .slidetxt2-1, .slidetxt7-1, .slidetxt8-1  {
        font-size: 1.1em !important;
    }
    img.slideimg8-1  {
        left: 0px;
    }
  .slidetxt8-1 {
      display: inline !important;
      float: right !important;
      margin-top: 11% !important;
      margin-right: -8% !important;
}
.slidetxt1-1 {
    margin-top: 0% !important;
    margin-left: 0% !important;
}
.slidetxt2-1 {
    right: 0% !important;
    margin-bottom: 0% !important;
}
.slidetxt1-1 {
    margin-left: 0% !important;
    margin-top: 0% !important;
}
.slidetxt1-2 {
    margin-left: 16% !important;
    font-size: 0.7em !important;
}
.slideimg1-1 {
    width: 100% !important;
}
.slidetxt2-2 {
    font-size: 0.7em !important;
    top: 99px !important;
    right: 77px !important;
    margin-right: -76% !important;
}
.slidetxt3-2 {
    font-size: 0.7em !important;
    top: 30px !important;
    margin-top: 0px !important;
}
.slidetxt8-2 {
    line-height: 40px !important;
    font-size: 0.7em !important;
}
#mopener {
    z-index: 9998 !important;
}
#min {
    z-index: 0 !important;
}
.menu {
    z-index: 8888;
}
#loadinglogo {
    top: 54% !important;
    width: 300px !important;
    margin-left: 10% !important;
}
#asapreload {
    top: 8% !important;
    left: -11% !important;
}
nav.menu.active {
    width: 100% !important;
    left: 0% !important;
    z-index: 9996 !important;
    border-bottom: 1px solid hsl(48, 100%, 44%) !important;
}
.menu-inner {
    margin-left: 0px !important;
}
.menu-inner li {
    overflow: hidden;
}
#ra {
    width: 100% !important;
    margin: auto !important;
}
#ra p {
    text-align: left !important;
}
}