/*
 *  Verdo - One Page Parallax Photography Template
 * http://themeforest.net/user/dexWrThemes
 *
 * Author, dexWrThemes
 * 
 */
/*--------------------------------------------------
			RESET
---------------------------------------------------*/
body {
	line-height:1.5em;
	color:#3C3C3C;
	font-weight:300;
	font-size: 14px;
	font-family:'Roboto',sans-serif;
	-webkit-backface-visibility:visible;
}
h1,h2,h3,h4,h5,h6 {
	font-family:'Roboto',sans-serif;
}
h1 {
	font-size:64px;
	font-weight:400;
	margin-bottom: 6px;
}
h2 {
	font-size:34px;
	font-weight:500;
}
h3 {
	font-size: 28px;
	font-weight:500;
}
h4 {
	font-size:20px;
	font-weight:700;
}
img {
	max-width:100%;
}
ul {
	list-style:none;
	padding-left:0;
}
a {
	color:#3D8FD9;
}
a:hover {
	color:#2a6496;
	text-decoration:none;
}
.lead {
	font-size:27px;
	font-weight: 300;
}
h3+.lead {
	font-size: 21px;
	font-weight:400;
	margin-bottom: 13px;
}
.btn {
	border-radius:0;
	-webkit-border-radius:0;
}
.btn:hover {
	color:#fff;
}
.centered {
	text-align:center;
}
.uppercase {
	font-size:15px;
}
.colored {
	color:#3D8FD9;
}
strong {
	font-weight:800;
}
.container {
	max-width: 960px;
}
/*--------------------------------------------------
			NAVIGATION
---------------------------------------------------*/
#header {
	border-bottom:1px solid #B8B8B8;
	box-shadow:0px 1px 0px #D1D1D1;
}
#logo {
	height:90px;
	float:left;
}
#logo a {
	line-height:90px;
}
.nav_wrapper {
	float:right;
}
.menu-mobile {
	display:none;
}
nav li a {
	color: #858585;
	display:inline-block;
	font-size:16px;
	font-weight: 600;
	line-height:1;
	position:relative;
	text-transform:uppercase;
}
nav ul {
	margin-bottom:0;
}
nav>ul>li>a {
	padding:40px 15px 36px 15px;
	margin-bottom:-1px;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
nav>ul>li {
	display:inline-block;
	font-size:11px;
	height:100%;
	position:relative;
}
.underline {
	width:100%;
	left:0;
	position:absolute;
	bottom:0;
	opacity:0;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.underline span {
	display:block;
	background:#3D8FD9;
	width:32px;
	height:3px;
	margin:auto;
}
nav>ul>li ul {
	background:#E9E9E9;
	box-shadow:0px 0px 1px rgba(0,0,0,0.43);
	color:#6B6B6B;
	display:block;
	left:0;
	min-width:155px;
	opacity:0;
	position:absolute;
	text-align:left;
	top:83px;
	visibility:hidden;
	white-space:nowrap;
	z-index:6;
	text-transform:capitalize;
	padding-left:0;
	border-top:1px solid #B8B8B8;
}
.header-fixed-active nav>ul>li>ul {
	top:65px;
}
#header.header-fixed-active {
	position:fixed;
	top:0;
	width:100%;
	background:#fff;
	box-shadow:none;
	z-index:1041;
}
nav>ul>li:last-child ul {
	left:auto;
	right:1px;
}
nav>ul>li:last-child ul:before {
	right:9px;
	left:auto;
}
nav>ul>li:last-child ul:after {
	right:10px;
	left:auto;
}
.boxed-layout nav>ul>li:last-child>ul {
	left:-50px;
	right:auto;
}
nav>ul>li:hover .level-1 {
	opacity:1;
	visibility:visible;
}
nav>ul>li>ul>li>ul {
	left:100%;
	top:0px;
}
nav>ul>li:last-child>ul>li>ul,nav>ul>li:nth-last-child(2)>ul>li>ul {
	left:auto;
	right:100%;
	top:0px;
}
nav>ul>li>ul>li>ul>li a {
	border-bottom:1px solid #b5c2c5;
}
nav>ul>li ul li a {
	display:block;
	font-weight:400;
	font-size:11pt;
	padding:11px 9px;
}
nav>ul>li>ul>li:hover>a,nav>ul>li>ul>li>ul>li:hover>a {
	color:#3C535F;
}
nav>ul>li>ul>li:hover ul {
	opacity:1;
	visibility:visible;
}
nav a:hover,nav a:focus,nav li:hover a {
	color:#3D8FD9;
}
nav li:hover .underline {
	opacity:1;
}
nav li:hover a {
	text-decoration:none;
}
nav li:hover a.btn {
	border-width: 1px;
}
/*--------------------------------------------------
			BACKGROUND
---------------------------------------------------*/
.background {
	background:url(images/backgorund.jpeg) fixed;
	background-size:100%;
	color:#fff;
}
.background h3 {
	font-size:27px;
	font-weight:bold;
	text-shadow:1px 1px 5px rgba(0,0,0,0.65);
}
.inner-background {
	padding-bottom:24px;
	max-width:860px;
}
.inner-background .lead {
	margin-bottom: 11px;
}
.inner-background>div:first-of-type {
	padding-top:46px;
}
.inner-background h1 {
	padding-top: 17px;
	margin-left:-3px;
	text-rendering:optimizeLegibility;
	text-shadow:1px 1px 5px rgba(0,0,0,0.65);
}
.inner-background h1 span {
	color:#3D8FD9;
}
.background h1+h3 {
	margin-top:0;
}
.btn.btn-main:hover {
	background: rgba(16,167,231,1);
}
.btn-app {
	margin-top:12px;
	position:relative;
	background:#2372BF;
	color:#fff;
	border-radius: 4px;
	font-size:18px;
	border-bottom:4px solid #104980;
	padding:8px 28px;
	padding-left:72px;
	padding-bottom:11px;
	font-weight:300;
	line-height:1.2;
	background:#2f84d6;
	/* Old browsers */
	background:-moz-linear-gradient(top,#2f84d6 0%,#2f84d6 37%,#1662a7 100%);
	/* FF3.6+*/
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2f84d6),color-stop(37%,#2f84d6),color-stop(100%,#1662a7));
	/* Chrome,Safari4+*/
	background:-webkit-linear-gradient(top,#2f84d6 0%,#2f84d6 37%,#1662a7 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-linear-gradient(top,#2f84d6 0%,#2f84d6 37%,#1662a7 100%);
	/* Opera 11.10+*/
	background:-ms-linear-gradient(top,#2f84d6 0%,#2f84d6 37%,#1662a7 100%);
	/* IE10+*/
	background:linear-gradient(to bottom,#2f84d6 0%,#2f84d6 37%,#1662a7 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f84d6',endColorstr='#1662a7',GradientType=0 );
	/* IE6-9 */
	transition:all .3s;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s;
}
.btn-app:hover {
	color:#fff;
	background:#2f84d6;
	/* Old browsers */
	background:-moz-linear-gradient(top,#2f84d6 0%,#1662a7 80%,#1662a7 99%);
	/* FF3.6+*/
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2f84d6),color-stop(80%,#1662a7),color-stop(99%,#1662a7));
	/* Chrome,Safari4+*/
	background:-webkit-linear-gradient(top,#2f84d6 0%,#1662a7 80%,#1662a7 99%);
	/* Chrome10+,Safari5.1+*/
	background:-o-linear-gradient(top,#2f84d6 0%,#1662a7 80%,#1662a7 99%);
	/* Opera 11.10+*/
	background:-ms-linear-gradient(top,#2f84d6 0%,#1662a7 80%,#1662a7 99%);
	/* IE10+*/
	background:linear-gradient(to bottom,#2f84d6 0%,#1662a7 80%,#1662a7 99%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f84d6',endColorstr='#1662a7',GradientType=0 );
	/* IE6-9 */
}
.btn-app span {
	display:block;
	font-size:11px;
	font-weight:300;
}
.btn-app .fa {
	position:absolute;
	top:0px;
	left:15px;
	font-size:48px;
	height:100%;
	border-right:2px solid #276BAA;
	padding-right:14px;
	padding-top: 4px;
}
/*--------------------------------------------------
			SECTIONS
---------------------------------------------------*/
.title-section {
	text-align:center;
	padding-top:13px;
	padding-bottom:65px;
	position:relative;
}
.title-section .lead {
	font-size:21px;
	font-weight:400;
	margin:auto;
	line-height:1.3;
	text-transform:uppercase;
	max-width:840px;
}
.title-section .lead span {
	color:#3D8FD9;
}
.title-section h2 {
	position:relative;
	color:#2981D2;
	margin:auto;
	padding-bottom:14px;
	margin-top:40px;
	margin-bottom:18px;
}
.title-section .underline {
	opacity:1;
	bottom:-2px;
}
.title-section .underline span {
	width:57px;
	height:5px;
}
.sky-section {
	background:#3D8FD9;
	color:#fff;
	padding-top:50px;
	position:relative;
	padding-top:158px;
	padding-bottom:33px;
	overflow:hidden;
}
.sky-section .triangle {
	content:" ";
	width:100%;
	height:0;
	border-bottom:107px solid #3D8FD9;
	border-left:1265px solid transparent;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
}
.sky-section p {
	font-size:16px;
	line-height:1.5;
}
.btn-inverse {
	background:#393939;
	color:#fff;
	padding:14px 43px;
	margin-right:14px;
	margin-top:11px;
	font-size:15px;
	border-bottom:3px solid #2E2D2F;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.btn-inverse:hover {
	background:#1B1B1B;
	border-color:#1B1B1B;
}
.middle-text {
	padding-top: 70px;
}
/*--------------------------------------------------
			GRAY AREA
---------------------------------------------------*/
.gray-area {
	background:#3A3A3A;
	background:url(images/patern-1.png);
	border-bottom: 1px solid #9D9590;
	overflow:hidden;
}
.sky-section .title-section h2,.gray-area .title-section h2,.contact-area .title-section h2,.gray-area .title-section .lead {
	color:#fff;
}
.gray-area .title-section .lead {
	color:#DEDEDE;
	max-width:464px;
	font-size:13px;
}
.gray-area .title-section h2 {
	padding-bottom:10px;
	margin-bottom:0px;
}
.gray-area .title-section {
	padding-bottom:29px;
}
/*--------------------------------------------------
			Sky AREA
---------------------------------------------------*/
.sky-section .title-section h2 {
	margin-top:0;
	padding-bottom:19px;
	margin-bottom:25px;
}
.sky-section .title-section {
	padding-top:0px;
	padding-bottom:47px;
}
.sky-section .underline span {
	background:#fff;
	height:4px;
}
.gray-area p {
	color:#979797;
}
#features+div {
	margin-bottom:-25px;
}
#features {
	padding-bottom: 50px;
}
.service {
	margin:auto;
	text-align:center;
	margin-bottom:60px;
	width:80%;
}
.service p {
	font-size: 13px;
	line-height:1.2;
	font-weight:500;
}
.service .fa {
	font-size: 82px;
}
.service .fa,.service h4 {
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.service:hover .fa,.service:hover h4 {
	color:#3D8FD9;
}
/*--------------------------------------------------
			FAQ 
---------------------------------------------------*/
.accordion {
	display:block;
	float:none;
	margin:auto;
	padding-bottom:15px;
}
.accordion h5 {
	font-size:16px;
	position:relative;
	cursor:pointer;
	padding-left:20px;
	padding-right:53px;
	background:#EBEBEB;
	color:#3D8FD9;
	border-left:8px solid #B6B7B7;
	min-height:54px;
	padding-top:18px;
	padding-bottom:17px;
}
h5.ui-accordion-header-active {
	border-color:#70BAFF;
}
.accordion h5:focus {
	outline:none;
}
.accordion .fa {
	position:absolute;
	font-size:13px;
	right:10px;
	top:11px;
	width:33px;
	padding-top:3px;
	border:2px solid #3D8FD9;
	text-align:center;
	line-height:24px;
	color:#3D8FD9;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.accordion .fa:hover {
	color:#70BAFF;
	border-color:#70BAFF;
}
.ui-accordion-content {
	padding-left:27px;
	font-size:14px;
	line-height:1.3;
	padding-bottom: 11px;
}
/*--------------------------------------------------
			SUBSCRIBE SECTION
---------------------------------------------------*/
.subscribe-form {
	text-align:center;
	padding-bottom:20px;
	padding-top:10px;
}
.suscribe-box {
	padding-bottom:30px;
}
#subscribe-name {
	height:57px;
	border:2px solid #3E9BF1;
	width:300px;
	padding:0;
	padding-left:10px;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
#subscribe-submit,#sendemail {
	line-height:52px;
	font-size:17px;
	padding:0 19px;
	vertical-align:top;
	color:#fff;
	background:#3D8FD9;
	border:2px solid #3D8FD9;
	border-bottom:4px solid #1D6CB7;
	font-weight:400;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
#subscribe-submit:hover,#sendemail:hover {
	background: #1A7CD4;
	border-color: #1A7CD4;
}
#subscribe-submit .fa {
	font-size:31px;
	padding-right:8px;
	position:relative;
}
#subscribe-name:focus {
	border-color:#1D6CB7;
	outline:0;
}
.submit-button {
	text-align:right;
	height:1px;
}
.text-field,.textarea-field {
	margin-bottom:21px;
	position:relative;
}
.text-field:last-of-type,.textarea-field {
	margin-bottom:10px;
}
.text-field .label,.textarea-field .label {
	position:absolute;
	top:26px;
	font-size:18px;
	left:18px;
	padding:0;
	font-weight:300;
	text-transform:uppercase;
}
.subscribe-form .text-field .label {
	font-size:13px;
}
.subscribe-form .text-field {
	margin-bottom:0;
	display: inline-block;
}
/*--------------------------------------------------
			PORTFOLIO
---------------------------------------------------*/
.portfolio {
	opacity:0;
	transition:all 1s ease-in;
	-moz-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;
}
.portfolio.portfolio-visible {
	opacity:1;
}
.back-thumbnail {
	background-color:#000;
	position:relative;
	overflow:hidden;
	width:32.4%;
	float:left;
	margin:0.4%;
	transition:all 1s ease-in-out;
	-moz-transition:all 1 ease-in;
	-webkit-transition:all 1s ease-in-out;
}
.back-thumbnail.back-thumbnail-visible {
	top:0 !important;
	left:0 !important;
}
.back-thumbnail img {
	backface-visibility:hidden;
	display:block;
	transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
}

.thumbnail-hover{
position:absolute;
border-radius:0;
height:0;
left:0;
width:100%;
z-index:1;
opacity:0;
-webkit-transition:all .35s;
-moz-transition:all .35s;
-o-transition:all .35s;
transition:all .35s;
transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
bottom:0;
}

.back-thumbnail:hover .thumbnail-hover {
	opacity:1;
height:100%;
background-color:rgba(0,0,0,.4);
}

.thumbnail-hover .fa{
position:absolute;
top:50%;
left:50%;
width:40px;
height:40px;
margin-top:-20px;
margin-left:-20px;
color:#FFF;
font-size:18px;
line-height:0;
text-align:center;
padding-top:18px;
border:2px solid #FFF;
border-radius:50px;
-webkit-transition:all .35s;
-moz-transition:all .35s;
-o-transition:all .35s;
transition:all .35s;
}
.thumbnail-hover .fa:hover{
background:#3D8FD9;
border-color:#3D8FD9;
color:#fff;
}
.back-thumbnail-content {
	position:absolute;
	width:100%;
	top:24%;
	opacity:0;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
	margin-bottom:17px;
}
.back-thumbnail:hover .back-thumbnail-content {
	top:24%;
	opacity:1;
}
.back-thumbnail-content h5 {
	font-size:20px;
	color:#fff;
	text-align:center;
	padding-bottom:10px;
}
.back-thumbnail-content ul {
	text-align:center;
	position:relative;
	top:20px;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.back-thumbnail:hover .back-thumbnail-content ul {
	top:0px;
}
.back-thumbnail-content ul li a {
	font-size:21px;
	color:#fff;
	width:41px;
	line-height:40px;
	background:#3D8FD9;
	border-radius:50px;
	-webkit-border-radius:50px;
	display:inline-block;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.portfolio {
	overflow:hidden;
	padding-bottom:43px;
	margin:auto;
	width: 840px;
	max-width:100%;
	min-height: 389px;
}
.portfolio-image {
	display:block;
	margin:auto;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.portfolio-image:hover {
	opacity:0.8;
}
.portfolio-body h2 {
	text-align:center;
	padding-bottom:20px;
}
.portfolio-body {
	padding-bottom:60px;
}
.portfolio-body p {
	font-size:13px;
	color:#B5B5B5;
}
.portfolio-body .btn {
	margin-top:10px;
}
.portfolio-close {
	display:block;
	margin:auto;
	border-bottom:2px solid rgb(68,68,68);
	width:58px;
	text-align:center;
	line-height:38px;
	font-size:25px;
	text-shadow:none;
	font-weight:normal;
	color:#424242;
	margin-bottom:41px;
	opacity:0.8;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.portfolio-close:hover {
	text-decoration:none;
	opacity:1;
	color:#3D8FD9;
	border-color:#3D8FD9;
}
.porfolio-content-wrapper {
	position:relative;
	display:none;
	width:100% !important;
	overflow:visible !important;
}
.portfolio .porfolio-post {
	display:none;
}
#porfolio-content {
	margin-bottom:70px;
}
.porfolio-content-wrapper .underline {
	width:226px;
	position:static;
	opacity:1;
	background:#C9C9C9;
	margin:auto;
	display:block;
}
.porfolio-content-wrapper .underline span{
	background:transparent;
}
.portfolio-left,.portfolio-right {
	position:absolute;
	color:#363636;
	font-size:44px;
	top:200px;
	opacity:0.8;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.portfolio-left {
	left:-10px;
}
.portfolio-right {
	right:-10px;
}
.portfolio-left:hover,.portfolio-right:hover {
	opacity:1;
	color:#3D8FD9;
}
.btn.btn-info {
	background:#3D8FD9;
	border-color:#3D8FD9;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.btn.btn-info:hover {
	background:#8E8E8E;
	border-color:#8E8E8E;
}
.alert {
	padding:9px;
}
.close {
	top:-5px;
	font-size:18px;
	position:relative;
}
#subscribe .underline {
	display: none;
}
/*--------------------------------------------------
			FOOTER
---------------------------------------------------*/
#footer {
	text-align:center;
	padding-bottom:6px;
	padding-top:28px;
}
#footer p {
	font-size:13px;
	padding-bottom:9px;
	margin-top:0;
	font-weight:500;
}
#footer p strong {
	color: #3D8FD9;
}
/*--------------------------------------------------
			CONTACT SECTION
---------------------------------------------------*/
.contact-area {
	background:url(http://placehold.it/1425x870/eee) fixed;
	padding-bottom:15px;
	border-top:1px solid #624E40;
}
.group-1 {
	width:49%;
	float:left;
}
.group-2 {
	width:49%;
	float:left;
	margin-left:1.5%;
}
#contact .underline span {
	background:#fff;
}
.contact-area h2 {
	background:none;
}
.contact-area p {
	color:#fff;
}
#address {
	padding-bottom:15px;
}
#address+.social-icons {
	padding-left:10px;
}
input.form-control,textarea.form-control {
	background:transparent;
	border:none;
	border:0px solid #3D8FD9;
}
.form-control:focus {
	box-shadow:none;
	border:1px solid #3D8FD9;
}
.text-field .label,.textarea-field .label {
	position:absolute;
	top:21px;
	font-size:14px;
	left:18px;
	padding:0;
	font-weight:500;
	color:#C8C8C8;
}
.text-field,.textarea-field {
	margin-bottom:13px;
	position:relative;
}
.form-control {
	height:56px;
	border-radius:0;
	-webkit-border-radius:0;
	box-shadow:none;
	font-weight:400;
	font-size:19px;
	padding-left:20px;
	color:#DDDDDD;
}
#message-form {
	height:196px;
	padding-top:17px;
}
.submit-button {
	text-align:right;
}
#sendemail {
	padding:0px 26px;
	font-size:15px;
	line-height:37px;
	min-height: 43px;
}
#sendemail:hover {
	background:#8E8E8E;
	border-color:#8E8E8E;
}
#sendemail:focus {
	outline:none;
}
#contact-form .form-control {
	border:2px solid #838382;
}
#contact-form .form-control:focus {
	border-color:#3D8FD9;
}
.contact-area .container {
	padding-bottom:40px;
}
#message_post {
	margin-top: 29px;
}
.map-container iframe {
	width:100%;
	margin-bottom:-10px;
}
.animate,.animateOnce,.animate-into>* {
	opacity:0;
}
.animated,.animate-into>.animated {
	opacity:1;
	z-index:1;
}
img.animated {
	position:relative;
}
.nicescroll-rails {
	background:#F1F1F1;
	width:14px !important;
}
.nicescroll-rails>div {
	left:-2px;
}
/*--------------------------------------------------
			PRELOADER
---------------------------------------------------*/
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#3D8FD9;
	z-index:9999999;
	height:100%;
	width:100%;
	background-image:url('images/2552.GIF');
	background-repeat:no-repeat;
	background-position:49.7% 50%;
	background-size:50px;
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
		top:50%;
		background-repeat:no-repeat;
	background-position:center;
	margin: -100px 0 0 -100px;
}
@-webkit-keyframes bounceInDown {
	0% {
			opacity:0;
			-webkit-transform:translateY(-600px);
	}
	60% {
					-webkit-transform:translateY(30px);
	}
	80% {
			-webkit-transform:translateY(-10px);
	}
	100% {
			opacity:1;
			-webkit-transform:translateY(0);
	}
}
@-moz-keyframes bounceInDown {
	0% {
			opacity:0;
			-moz-transform:translateY(-600px);
	}
	60% {
			-moz-transform:translateY(30px);
	}
	80% {
			-moz-transform:translateY(-10px);
	}
	100% {
			opacity:1;
			-moz-transform:translateY(0);
	}
}
@-o-keyframes bounceInDown {
	0% {
			opacity:0;
			-o-transform:translateY(-600px);
	}
	60% {
			-o-transform:translateY(30px);
	}
	80% {
			-o-transform:translateY(-10px);
	}
	100% {
			opacity:1;
			-o-transform:translateY(0);
	}
}
@keyframes bounceInDown {
	0% {
			opacity:0;
			transform:translateY(-600px);
	}
	60% {
			transform:translateY(30px);
	}
	80% {
			transform:translateY(-10px);
	}
	100% {
			opacity:1;
			transform:translateY(0);
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
			opacity:0;
			-webkit-transform:translateX(-600px);
	}
	60% {
					-webkit-transform:translateX(30px);
	}
	80% {
			-webkit-transform:translateX(0px);
	}
	100% {
			opacity:1;
			-webkit-transform:translateX(0);
	}
}
@-moz-keyframes bounceInLeft {
	0% {
			opacity:0;
			-moz-transform:translateX(-600px);
	}
	60% {
					-moz-transform:translateX(30px);
	}
	80% {
			-moz-transform:translateX(-10px);
	}
	100% {
			opacity:1;
			-moz-transform:translateX(0);
	}
}
@-o-keyframes bounceInLeft {
	0% {
			opacity:0;
			-o-transform:translateX(-600px);
	}
	60% {
		-o-transform:translateX(30px);
	}
	80% {
			-o-transform:translateX(-10px);
	}
	100% {
			opacity:1;
			-o-transform:translateX(0);
	}
}
@keyframes bounceInLeft {
	0% {
			opacity:0;
			transform:translateX(-600px);
	}
	60% {
		transform:translateX(30px);
	}
	80% {
			transform:translateX(-10px);
	}
	100% {
			opacity:1;
			transform: translateX(0);
	}
}
.animated.bounceInUp {
	-webkit-animation-name: bounceInUpNew;
	-moz-animation-name: bounceInUpNew;
	-o-animation-name: bounceInUpNew;
	animation-name: bounceInUpNew;
}
@-webkit-keyframes bounceInUpNew {
	0% {
		opacity: 0;
		-webkit-transform: translateY(300px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}

	80% {
		-webkit-transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUpNew {
	0% {
		opacity: 0;
		-moz-transform: translateY(600px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}

	80% {
		-moz-transform: translateY(10px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUpNew {
	0% {
		opacity: 0;
		-o-transform: translateY(600px);
	}

	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}

	80% {
		-o-transform: translateY(10px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUpNew {
	0% {
		opacity: 0;
		transform: translateY(600px);
	}

	60% {
		opacity: 1;
		transform: translateY(-30px);
	}

	80% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
	}
}
/*--------------------------------------------------
			RESPONSIVE DESIGN
---------------------------------------------------*/
@media (max-width:1260px) {
	.background {
		background-size:1234px;
	}
}
@media (max-width:1200px) {
	body {
		font-size:14px;
	}
	h3 {
		font-size:24px;
	}
}
@media (max-width:1024px) {
	.animate,.animateOnce,.animate-into>* {
		opacity:1;
	}
}
@media (max-width:1000px) {
	.centered-mobile {
		margin:auto;
		display:block;
		padding-bottom:20px;
	}
	.portfolio-left {
		left:-22px;
	}
	.portfolio-right {
		right:-22px;
	}
	.clients .col-md-2 {
		width:20%;
		float:left;
	}
	#contact-form {
		margin-top:27px;
	}
	#header .container {
		max-width:96%;
	}
	.inner-background {
		padding-top:152px;
	}
	.contact-area {
		background-attachment:scroll;
	}
}
@media (max-width:992px) {
	.inner-background {
		padding-top:0px;
		padding-bottom:20px;
	}
	.inner-background>div:first-of-type {
		padding-bottom:30px;
		text-align:center;
	}
	.inner-background img.animate {
		margin:auto;
		display:block;
	}
	h1 {
		font-size:55px;
	}
	.background h3 {
		font-size:20px;
	}
	.lead {
		font-size:19px;
	}
	nav>ul>li>a {
		padding:34px 11px 23px 11px;
	}
	nav li a {
		font-size:14px;
	}
	#logo {
		height:76px;
	}
	#logo a {
		line-height:69px;
	}
	.title-section .lead {
		font-size:18px;
	}
	.portfolio-left,.portfolio-right {
		top:0;
	}
	.portfolio-left {
		left:0;
	}
	.portfolio-right {
		right:0;
	}
	.contact-area .title-section h2:before,.contact-area .title-section h2:after {
		width:161px;
	}
	h2,.para1 .title-section h2 {
		font-size:26px;
	}
	.para1 .title-section {
		padding-top:9px;
		padding-bottom:0px;
	}
	.inner-background .lead {
		width:100%;
	}
	.back-thumbnail {
		width:48%;
	}
	.back-thumbnail img {
		width:100%;
	}
	.back-thumbnail,.portfolio {
		opacity:1 !important;
		top:0 !important;
		left:0 !important;
	}
	.service {
		width:100%;
	}
	#features+.row>div {
		width:50%;
		float:left;
	}
	#footer p {
		font-size:12px;
	}
	.sky-section img.animate {
		display:block;
		margin:auto;
	}
	.middle-text {
		padding-top:20px;
	}
}
@media (max-width:850px) {
	.btn.menu-mobile {
		display:inline-block;
		color:#3D8FD9;
		font-size:33px;
		position:absolute;
		top:-61px;
		right:0;
		padding:0;
	}
	.nav_wrapper ul {
		display:none;
	}
	.nav_wrapper {
		float:none;
		height:auto;
		padding-top:15px;
		text-align:right;
	}
	nav {
		clear:both;
		position:relative;
	}
	nav>ul>li {
		border-top:none!important;
		display:block;
		padding-bottom:0;
		padding-left:0;
		text-align:left;
	}
	nav>ul>li>a {
		padding:13px 16px 9px 14px;
		font-size:15px;
	}
	nav>ul>li:hover>a {
		border-bottom:none;
	}
	nav>ul>li:last-of-type {
		padding-bottom:15px;
	}
	h1 {
		font-size:47px;
	}
	.group-1,.group-2 {
		display:block;
		float:none;
		width:80%;
		margin:auto;
	}
	.title-section {
		padding-bottom:13px;
	}
}
@media (max-width:605px) {
	.inner-background {
		padding-top:50px;
		width:90%;
		margin:auto;
		padding-bottom:90px;
	}
	h1 {
	font-size:36px;
	}
	.lead {
		font-size:17px;
	}
	.contact-area .title-section h2:before,.contact-area .title-section h2:after {
		display:none;
	}
	.contact-area {
		background-size:1234px;
	}
	.back-thumbnail {
		width:100%;
		max-width:300px;
		margin:auto;
		float:none;
		margin-bottom:10px;
	}
	.back-thumbnail:hover .back-thumbnail-content {
		top:24%;
	}
	#features+.row>div {
		width:100%;
		float:none;
	}
	.service {
		margin-bottom:41px;
	}
}
	/* #3D8FD9 */
	
	
#facebox,#facebox_overlay{
display:none !important;
}