/*---------------------------------------------------
>>> TABLE OF CONTENTS:
-----------------------------------------------------

1. RESET
2. NAVIGATION
3. BACKGROUND
4. SECTIONS
5. PROGRESS BAR
6. ABOUT US
7. FACTS ABOUT US
8. ABOUT US
9. OUR TEAM SECTION
10. SERVICES
11. TESTIMONIALS
12. PORTFOLIO
13. FOOTER
14. CONTACT SECTION
15. ANIMATION
16. PRELOADER
17. RESPONSIVE QUERIES

---------------------------------------------------*/


/*--------------------------------------------------
1. RESET
---------------------------------------------------*/
body {
	line-height: 1.4em;
	color:#2F2F2F;
	font-weight:500;
	font-size:16px;
	font-family:'Roboto',sans-serif;
	-webkit-backface-visibility:visible;
}
h1,h2,h3,h4,h5,h6 {
	font-family:'Roboto',sans-serif;
}
h1 {
	font-size:75px;
	font-weight:bold;
}
h2 {
	font-size: 40px;
	font-weight:700;
}
h3 {
	font-size: 29px;
	font-weight: 700;
}
h4 {
	font-size:16px;
	font-weight:500;
}
img {
	max-width:100%;
}
ul {
	list-style:none;
	padding-left:0;
}
a {
	color:#0099CC;
}
a:hover {
	color:#CF1414;
	text-decoration:none;
}
.lead {
	font-size: 18px;
	font-weight: 700;
}
.btn {
	border-radius:0;
	-webkit-border-radius:0;
}
.centered {
	text-align:center;
}
.uppercase {
	font-size: 15px;
}
.colored{
	color:#0099CC;
}
strong {
	font-weight: 800;
}
/*--------------------------------------------------
2. NAVIGATION
---------------------------------------------------*/
#header {
	border-bottom:1px solid #B8B8B8;
	box-shadow:0px 1px 0px #D1D1D1;
}
#header .container {
	max-width:1170px;
}
#logo {
	height: 100px;
	float:left;
}
#logo a {
	line-height: 92px;
}
.nav_wrapper {
	float:right;
}
.menu-mobile {
	display:none;
}
nav li a {
	color:#3B3B3B;
	display:inline-block;
	font-size: 18px;
	font-weight:900;
	line-height:1;
	position:relative;
	text-transform:uppercase;
}
nav ul {
	margin-bottom:0;
}
nav>ul>li>a {
	padding:44px 18px 38px 18px;
	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:-1px;
	opacity:0;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.underline span {
	display:block;
	background:#0099CC;
	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: none;
	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:#0099CC;
}
nav a:focus{
	outline:none;
	text-decoration:none;
}
nav li:hover .underline {
	opacity:1;
}
nav li:hover a,nav li:focus a  {
	text-decoration:none;
}
nav li:hover a.btn {
	border-width:1px;
}
nav li ul li>a {
	border-bottom:1px solid rgba(167,167,167,0.56)!important;
	color: rgba(112,112,112,1);
}
/*--------------------------------------------------
3. BACKGROUND
---------------------------------------------------*/
.background {
	background: url(images/main-bg.jpg) fixed;
	background-size: 100%;
	color: #fff;
	position: relative;
	overflow: hidden;
	background-image: url(images/bg5.jpg);
}
.background h3 {
	font-size: 26px;
	font-weight:500;
	text-shadow:1px 1px 5px rgba(0,0,0,0.65);
}
.no-bg{
background:none;
}
.inner-background {
	text-align:center;
	padding-top:230px;
	padding-bottom: 196px;
}
.inner-background h1 {
	padding-top: 1px;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}
.inner-background h1 span {
	color: #0099CC;
}
.background h1+h3 {
	margin-top:0;
}
.inner-background .lead {
	width:609px;
	margin:auto;
}
.btn.btn-front {
	background:rgba(16,167,231,0.78);
	color:#fff;
	padding:16px 35px;
	font-size:21px;
	border:2px solid #EAEAEC;
	text-shadow:1px 1px 1px rgba(0,0,0,0.18);
	font-weight:500;
	margin-top:45px;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.btn.btn-front:hover {
	background: rgba(16,167,231,1);
}
.btn.btn-line {
	border: 1px solid #0099CC;
	color: #fff;
	display: block;
	padding: 13px;
	width: 264px;
	margin: auto;
	margin-bottom: 10px;
	font-size: 20px;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.btn.btn-line:hover {
	color: #0099CC;
	background: white;
	border-color: #fff;
}
/*--------------------------------------------------
4. SECTIONS
---------------------------------------------------*/
.title-section {
	text-align:center;
	padding-top:13px;
	padding-bottom:65px;
	position: relative;
}
.title-section .lead {
	font-size: 21px;
	font-weight: 700;
	margin: auto;
	line-height: 1.3;
	text-transform: none;
	max-width: 760px;
}
.title-section .lead span {
	color: #0099CC;
}
.title-section h2 {
	position: relative;
	color: #0099CC;
	margin: auto;
	width: 400px;
	border-bottom: 2px solid #C9C9C9;
	padding-bottom: 17px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.title-section .underline {
	opacity:1;
	bottom:-2px;
}
.title-section .underline span {
	width:91px;
	height:2px;
}
img.borded {
	border:3px solid #0099CC;
}
/*--------------------------------------------------
5. PROGRESS BAR
---------------------------------------------------*/
.progress-bar-section {
	padding-top:13px;
}
.progress-bar-section .lead {
	margin-bottom: 6px;
}
.progress .lead {
	font-size:11px;
	position:absolute;
	top:7px;
	left:10px;
}
.progress {
	background-color:#191919;
	height:31px;
	margin-bottom: 19px;
	border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid #191919;
	position:relative;
	overflow:visible;
	border-radius:4px;
}
.progress-bar {
	background:#0099CC;
	transition:none;
	-webkit-transition:none;
}
.bubble {
	position:absolute;
	top:-30px;
	font-size:11px;
	background:#191919;
	text-align:center;
	color:#fff;
	padding:0 6px;
	border-radius:4px;
	left:72%;
	opacity:0;
}
.bubble:before {
	content:" ";
	width:0;
	height:0;
	border-top:6px solid #191919;
	border-right:4px solid transparent;
	position:absolute;
	bottom:-6px;
	left:50%;
}
.bubble:after {
	content:" ";
	width:0;
	height:0;
	border-top:6px solid #191919;
	border-left:4px solid transparent;
	position:absolute;
	bottom:-6px;
	right:50%;
}
.progress:hover .bubble {
	opacity:1;
}
.first-subtitle {
	margin-top:0;
}
/*--------------------------------------------------
6. ABOUT US
---------------------------------------------------*/
.about-image-wrapper {
	width:59%;
	float:left;
}
.about-image-wrapper img{
	border: 5px solid #3C4041;
}
.about-image-wrapper+div {
	width:41%;
	padding-left:25px;
}
.gray-area,.gray-area .title-section h2 {
	background:#3A3A3A;
}
.gray-area p {
	color:#979797;
}
.option-box .fa {
	background:#0099CC;
	width:52px;
	line-height:52px;
	text-align:center;
	font-size:29px;
	border-radius:50px;
	-webkit-border-radius:50px;
	float:left;
}
.option-text {
	padding-left:61px;
	padding-bottom:13px;
}
.option-text p {
	font-size:11px;
}
.option-text h4 {
	margin-bottom:5px;
	margin-top:0;
	font-weight:500;
}
.options-subtitle {
	margin-top:6px;
	margin-bottom:23px;
}
.para1 {
	background:url(images/bg2.jpg) fixed;
	color:#fff;
	background-size:121%;
}
.para1 .title-section h2 {
	color:#fff;
	width:auto;
	border:none;
}
.para1 .title-section h2 .underline {
	display:none;
}
.featured-icon {
	text-align:center;
	font-size: 114px;
	margin:auto;
}
/*--------------------------------------------------
7. FACTS ABOUT US
---------------------------------------------------*/
.fact-number {
	display:block;
	font-size:33px;
	font-weight:900;
	text-align:center;
	padding-top: 18px;
}
.fact-item {
	text-align:center;
	display:block;
	font-size:20px;
	padding-top:16px;
	padding-bottom:15px;
}
.para1 .container {
	max-width:970px;
}
.para1 .title-section {
	padding-top: 17px;
	padding-bottom: 18px;
}
.para1 .title-section h2 {
	background:none;
	font-size: 37px;
	text-shadow:1px 1px 3px #000;
}
.para1 .title-section:before {
	display:none;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-size: 117px;
line-height: 1.1em;
margin-left: 0;
}
.luminous-box [class^="flaticon-"]:before,.luminous-box [class*=" flaticon-"]:before, .luminous-box [class^="flaticon-"]:after,.luminous-box [class*=" flaticon-"]:after {
font-size: 116px;
}
.luminous-box  .flaticon-rocket12:before {
font-size: 158px !important;
position: relative;
top: 11px;
}

/*--------------------------------------------------
8. ABOUT US
---------------------------------------------------*/
.about-box {
	padding-top: 67px;
	color:#fff;
	background:#3C3C3C;
	text-align:center;
}
#about {
	padding-bottom:102px;
}
.about-boxes {
	padding-bottom:40px;
}
.about-boxes>div {
	padding-top:23px;
}
.about-box .luminous-circle {
	color:#414141;
	background:#fff;
	border:7px solid;
	width: 137px;
	line-height: 122px;
	text-align:center;
	font-size: 71px;
	position:absolute;
	top:-49px;
	margin-left: -68.5px;
    left: 50%;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.about-box:hover .luminous-circle {
	color: #0099CC;
}
.about-box .luminous-circle .fa {
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.about-box:hover .luminous-circle .fa {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	color: #0099CC;
}
.about-box .fa.fa-desktop {
	position:relative;
	top:3px;
}
.about-box .fa.fa-pencil-square-o {
	padding-left:10px;
}
.about-text {
	padding-left: 20px;
	padding-bottom: 26px;
	padding-right: 20px;
	text-align: left;
}
.about-text p {
	font-size: 14px;
	line-height:1.5;
	font-weight: 300;
}
.about-text h4 {
	font-size: 22px;
	margin-top: 8px;
	margin-bottom: 14px;
	padding-top: 7px;
	position: relative;
	padding-bottom: 14px;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	text-align: center;
}
.service-box .about-text h4 {
	margin-top: 15px;
	font-size: 21px;
	font-weight: 700;
}
.service-box .about-text{
	padding-bottom: 0;
}
.about-text .underline {
	opacity:1;
}
.about-text .underline span {
	height:2px;
	width:100px;
	background:#414141;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.about-box .about-text .underline span {
	height:1px;
	width:150px;
	background:#fff;
}
.para2 {
	background:url(images/bg4.jpg) fixed;
	color:#fff;
	background-size:103%;
	
}
.para3 {
	background:url(images/patern-2.png) fixed;
}
.quote {
	position: relative;
	text-align: center;
	padding-top: 154px;
	padding-bottom: 91px;
	width: 900px;
	margin: auto;
	height: 300;
}
.para2 .container{
position:relative;
}
.para2 .container:before {
content: "\f10d";
font-family: FontAwesome;
position: absolute;
top: 86px;
font-size: 41px;
left: 48%;
}
#blockquote {
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700;
}
.quote-author {
	font-weight:500;
	font-size: 19px;
	padding-top: 27px;
}
.social-icons {
	display:inline-block;
	vertical-align:middle;
	padding-bottom: 10px;
}
.social-icons a {
	font-size:18px;
	padding:0 4px;
	width:31px;
	line-height:31px;
	display:inline-block;
	color:#3C3C3C;
	border-radius:50px;
	-webkit-border-radius:50px;
	margin:2px;
	text-align:center;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.social-icons a:hover {
	color:#0099CC;
}
/*--------------------------------------------------
9. nasi partneri
---------------------------------------------------*/
.profile {
	text-align:center;
	width:86%;
	margin: auto;
}
.profile h4 {
	font-size:19px;
	margin-top:17px;
	margin-bottom:4px;
	position:relative;
	top:0;
	font-weight:800;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.profile h4+span {
	display:block;
	font-weight:800;
	font-size:13px;
	position:relative;
	top:0;
	padding-bottom:9px;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	color: #0099CC;
}
.profile img {
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	width:100%;
}
.profile-photo {
	display:block;

	background-color: #000;
	position:relative;
	overflow: hidden;
}
.profile-photo:hover img {
	opacity:100;
	transform: scale(1.05) rotate(0deg);
-ms-transform: scale(1.05) rotate(0deg);
-webkit-transform: scale(1.05) rotate(0deg);
-o-transform: scale(1.05) rotate(0deg);
-moz-transform: scale(1.05) rotate(0deg);
}
.profile .info {
	font-size: 13px;
	line-height:1.5;
	display:block;
	padding-right:20px;
	padding-left:2px;
	transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	-webkit-transition:all .5s ease-in;
	padding-bottom:15px;
}
.team-hover {
	position:absolute;
	text-align:center;
	width:100%;
	top:59%;
	opacity:0;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
}
.team-hover a {
	display: block;
	width: 49px;
	padding-bottom: 2px;
	border-radius: 50%;
	line-height: 46px;
	color: #fff;
	border: 1px solid #fff;
	margin: auto;
	font-size: 22px;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
}
.profile-photo:hover .team-hover {
	opacity:1;
	top:43%;
}
.team-hover a:hover {
	background:rgba(255,255,255,0.28);
}
/*--------------------------------------------------
10. SERVICES
---------------------------------------------------*/
.luminous-box {
	width:72%;
	background:#414141;
	color:#fff;
	display:block;
	text-align:center;
	line-height:230px;
	margin:auto;
	font-size:140px;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.luminous-box:hover,.luminous-box:hover+.about-text .underline span {
	background-color: #0099CC;
}
.luminous-box:hover+.about-text h4 {
	color: #0099CC;
}
.service-box {
	text-align:center;
}
/*--------------------------------------------------
11. TESTIMONIALS
---------------------------------------------------*/
#testimonial-slider {
	position:relative;
	padding-top: 60px;
	padding-bottom: 113px;
	color:#FCFCFC;
}
.testimonial img {
	display:block;
	margin:auto;
	padding-bottom: 28px;
}
.testimonial {
	text-align:center;
	font-size: 22px;
	font-weight:400;
	line-height:1.3;
}
.testimonial-author span{
	position: absolute;
	top: 41px;
	margin-left: 58px;
	background: #0E0E0E;
	padding: 5px 10px;
	font-size: 18px;
	border-radius: 6px;
	opacity:0;
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
}
.testimonial-author span:before {
	content: " ";
	width: 0;
	height: 0;
	border-bottom: 9px solid #0E0E0E;
	border-left: 13px solid transparent;
	position: absolute;
	bottom: 50%;
	right: 100%;
}
.testimonial-author span:after {
	content: " ";
	width: 0;
	height: 0;
	border-top: 9px solid #0E0E0E;
	border-left: 13px solid transparent;
	position: absolute;
	top: 50%;
	right: 100%;
}
.testimonial .testimonial-author img:hover +span{
	opacity:1;
}
#testimonial-slider .carousel-inner {
	width:870px;
	margin:auto;
}
.carousel-control {
	width:6%;
	opacity:0;
	display:none;
}
.carousel-control:hover {
	opacity:0;
}
.carousel-control .fa {
	border-radius:50px;
	-webkit-border-radius:50px;
	border:3px solid white;
	width:40px;
	text-align:center;
	line-height:34px;
	font-size:37px;
	text-shadow:none;
	margin-top:194px;
}
.carousel-indicators {
	bottom: 47px;
}
.carousel-indicators li {
	background:#fff;
	margin-left:7px;
	margin-right:7px;
	width:17px;
	height:17px;
}
.carousel-indicators .active {
	background:#0099CC;
	border-color:#0099CC;
	margin-left:7px;
	margin-right:7px;
	width:17px;
	height: 17px;
}
/*--------------------------------------------------
12. 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: url(images/more.png) no-repeat 50% 50%;
	background-color: #000;
	position: relative;
	overflow: hidden;
	width: 32.3%;
	float: left;
	margin: 0.3%;
	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;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	transition:all 500ms;
}
.back-thumbnail:hover img {
	opacity:0.4;
	transform:scale(1.1) rotate(0.1deg);
	-ms-transform:scale(1.1) rotate(0.1deg);
	-webkit-transform:scale(1.1) rotate(0.1deg);
	-o-transform:scale(1.1) rotate(0.1deg);
	-moz-transform:scale(1.1) rotate(0.1deg);
}
.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:#0099CC;
	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;
}
.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: 14px;
    color: #949494;
}
.portfolio-body .btn {
	margin-top:10px;
}
.portfolio-close {
    display: block;
    margin: auto;
    border: 3px solid rgb(68,68,68);
    width: 48px;
    border-radius: 105px;
    text-align: center;
    line-height: 42px;
    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:#0099CC;
	border-color:#0099CC;
}
.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;
}
.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:#0099CC;
}
.btn.btn-info {
	background:#0099CC;
	border-color:#0099CC;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.btn.btn-info:hover {
    background: #656565;
    border-color: #656565;
}
.alert {
	padding:9px;
}
.close {
	top:-5px;
	font-size:18px;
	position:relative;
}
.btn.btn-more {
	background:#414141;
	color:#fff;
	padding:12px 28px;
	margin-bottom:10px;
	font-size:19px;
	font-weight:500;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
.btn.btn-more:hover {
	background: #0099CC;
}
.mfp-title {
    font-weight: 100;
    font-size: 13px;
	color: #cccccc;
}
/*--------------------------------------------------
13. FOOTER
---------------------------------------------------*/
#footer {
	text-align:center;
	padding-bottom:12px;
	padding-top:40px;
}
#footer p {
	font-size: 18px;
	padding-bottom:9px;
	margin-top:0;
	font-weight:800;
}
#footer p strong {
	color: #0099CC;
}
/*--------------------------------------------------
14. CONTACT SECTION
---------------------------------------------------*/
.contact-area {
	background:url(images/bg3.jpg) fixed;
}
[data-type="background"].contact-area {
	background:url(images/bg3.jpg) fixed;
	
}
.contact-area h2 {
	background:none;
	color: #fff;
}
.contact-area .underline span{
	display:none;
}
.contact-area p{
	color:#fff;
}
.shade {
	background:rgba(0, 0, 0, 0.6);
	padding-left:40px;
	padding-right:40px;
	padding-bottom:25px;
	color:#fff;
}
.shade h3 {
	font-size:26px;
	padding-bottom:37px;
	padding-top:14px;
}
.shade strong {
	display: block;
	font-size: 19px;
	line-height: 1.3;
	color: #0099CC;
	padding-bottom: 7px;
}
.shade strong+span {
	font-size:12px;
	display:block;
	padding-bottom:28px;
	padding-left:10px;
	text-transform:uppercase;
}
.shade strong+span .fa {
	font-size:20px;
	padding-right:10px;
}
.shade .social-icons a {
	font-size:20px;
	padding:0 4px;
	width:37px;
	line-height:37px;
	background:#Fff;
	color:#3C3C3C;
	margin:0 5px;
}
.shade .social-icons a:hover {
	background:#0099CC;
	color:#fff;
}
#address {
	padding-bottom:15px;
}
#address+.social-icons {
	padding-left:10px;
}
input.form-control,textarea.form-control {
	background:rgba(0, 0, 0, 0.6);
	border:none;
	border:0px solid #0099CC;
}
.form-control:focus {
	box-shadow:none;
	border:1px solid #0099CC;
}
.text-field .label,.textarea-field .label {
	position:absolute;
	top:24px;
	font-size: 17px;
	left:23px;
	padding:0;
	font-weight: 500;
}
.text-field,.textarea-field {
	margin-bottom:13px;
	position:relative;
}
.form-control {
	height:66px;
	border-radius:0;
	-webkit-border-radius:0;
	box-shadow:none;
	font-weight:400;
	font-size:19px;
	padding-left:20px;
	color:#DDDDDD;
}
#message-form {
	height:317px;
	padding-top:17px;
}
.submit-button {
	text-align:right;
}
#sendemail {
	background:#0099CC;
	color:#fff;
	border-radius:0;
	-webkit-border-radius:0;
	padding:14px 21px;
	font-size:17px;
	font-weight:700;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
#sendemail:hover {
	background:#069;
}
#sendemail:focus {
	outline:none;
}
.contact-area .container {
	padding-bottom:40px;
}
.map-container iframe {
	width:100%;
	margin-bottom:-10px;
	border:none;
}
.map-container{
position:relative;
}
.map-container:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:94%;
	height:100%;
	margin-bottom: -15px;
	border:0;
	
}
/*--------------------------------------------------
15. Animation core
---------------------------------------------------*/
.animate,.animateOnce {
	opacity:0;
}
.animated {
	opacity:1;
}
.nicescroll-rails {
	background:#F1F1F1;
	width:14px !important;
}
.nicescroll-rails>div {
	left: -2px;
}
.arrow-down {
	position: absolute;
	bottom: 38px;
	left: 48%;
	font-size: 48px;
	color: #fff;
	width: 49px;
	text-align: center;
	line-height: 42px;
	border-radius: 50%;
	opacity: .7;
	transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-webkit-animation: jumper 4s infinite linear; 
	animation-name: jumper;
	-webkit-animation-name: jumper;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.arrow-down:hover{
	opacity: 1;
	color:#fff;
}
#slideshow{
	display:block;
	position:relative;
	max-width: 100%;
	overflow: hidden;
	height: 84px;
}
#slideshow > div { 
    position: absolute; 
	width:100%;
}
#slideshow h3{
	margin-top:0;
}

#slide-image{
	background-color:#321721;
	position:absolute;
	z-index:-1;
	width: 100%;
	height: 100%;
}
#slide-image > div { 
    position: absolute; 
	background-color:#010810;
	width:100%;
}
#slide-image img{
	width:100%;
}
.main-content,#header{
	background:#fff;
}
.animated.flipInX {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.flipInX {
	-webkit-animation-name: flipInX;
	-moz-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-transform-Origin: 50% 0%;
	-moz-transform-Origin: 50% 0%;
	-o-transform-Origin: 50% 0%;
	transform-Origin: 50% 0%;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateY(-90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}



@-webkit-keyframes jumper {
    0% {
		-webkit-transform: translate(0,-6px);	
	}	
	50% {
		-webkit-transform: translate(0,6px);	
	}
	100% {
		-webkit-transform: translate(0,-6px);	
	}			
}
@-webkit-keyframes spin {
    0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(25%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
.animated.bounceInSoft {
	-webkit-animation-duration:1.2s;
	 -moz-animation-duration:1.2s;
	 -o-animation-duration:1.2s;
	 animation-duration:1.2s;
}
@-webkit-keyframes bounceInSoft {
	0% {
			opacity:0;
			-webkit-transform:scale(.3);
	}
					100% {
			-webkit-transform:scale(1);
	}
}
@-moz-keyframes bounceInSoft {
	0% {
			opacity:0;
			-moz-transform:scale(.3);
	}
		50% {
			opacity:1;
			-moz-transform:scale(1.05);
	}
		70% {
			-moz-transform:scale(.9);
	}
		100% {
			-moz-transform:scale(1);
	}
}
@-o-keyframes bounceInSoft {
	0% {
			opacity:0;
			-o-transform:scale(.3);
	}
		50% {
			opacity:1;
			-o-transform:scale(1.05);
	}
		70% {
			-o-transform:scale(.9);
	}
		100% {
			-o-transform:scale(1);
	}
}
@keyframes bounceInSoft {
	0% {
			opacity:0;
			transform:scale(.3);
	}
		50% {
			opacity:1;
			transform:scale(1.05);
	}
		70% {
			transform:scale(.9);
	}
		100% {
			transform:scale(1);
	}
}
.animated.bounceInSoft{
	-webkit-animation-name:bounceInSoft;
	-moz-animation-name:bounceInSoft;
	-o-animation-name:bounceInSoft;
	animation-name: bounceInSoft;
}
@-webkit-keyframes bounceInDown {
	0% {
			opacity:0;
			-webkit-transform:translateY(-200px);
	}
	60% {
					-webkit-transform:translateY(15px);
	}
	80% {
			-webkit-transform:translateY(-5px);
	}
	100% {
			opacity:1;
			-webkit-transform:translateY(0);
	}
}
@-moz-keyframes bounceInDown {
	0% {
			opacity:0;
			-moz-transform:translateY(-200px);
	}
	60% {
			-moz-transform:translateY(15px);
	}
	80% {
			-moz-transform:translateY(-5px);
	}
	100% {
			opacity:1;
			-moz-transform:translateY(0);
	}
}
@-o-keyframes bounceInDown {
	0% {
			opacity:0;
			-o-transform:translateY(-200px);
	}
	60% {
			-o-transform:translateY(15px);
	}
	80% {
			-o-transform:translateY(-5px);
	}
	100% {
			opacity:1;
			-o-transform:translateY(0);
	}
}
@keyframes bounceInDown {
	0% {
			opacity:0;
			transform:translateY(-200px);
	}
	60% {
			transform:translateY(15px);
	}
	80% {
			transform:translateY(-5px);
	}
	100% {
			opacity:1;
			transform:translateY(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);
	}
}

/*--------------------------------------------------
16. PRELOADER
---------------------------------------------------*/


 #preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
    width:100%;
    height:100%;
	background-color:#fff; 
    z-index:9999999;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px;
}
 .loading {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.loading > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncecircle 1.4s infinite ease-in-out;
  animation: bouncecircle 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background-color: #0099CC;
}

.loading .circle1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading .circle2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncecircle {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncecircle {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.visible-in-tablet{
	display:none;
}
/*--------------------------------------------------
17. RESPONSIVE QUERIES
---------------------------------------------------*/
@media only screen and (min-width : 1377px) {
	.progress {
		margin-bottom: 13px;
	}
	.shade h3 {
		padding-bottom: 34px;
	}
}
@media (max-width:1260px) {
	.background {
		background-size:1234px;
	}
}
@media (min-width:1200px) {
	.container{
	max-width: 1070px;
	}
}
@media (max-width:1200px) {
	body {
		font-size:14px;
	}
	h3 {
		font-size:24px;
	}
	.progress-bar-section {
		padding-top:0px;
	}
	.progress-bar-section .lead {
		margin-bottom:2px;
	}
	.progress {
		height:23px;
		margin-bottom:9px;
	}
	.luminous-box {
		width:90%;
	}
	.contact-area .container .row{
		padding-left: 15px;
	}
}
@media (max-width:1024px) {
	.animate {
		opacity:1;
	}
	.animateOnce {
		opacity:1;
	}
}
@media (max-width:1000px) {
	.about-image-wrapper {
		text-align:center;
		width:420px;
		float:none;
		margin:auto;
	}
	.about-image-wrapper+div {
		width:420px;
		padding-left:15px;
		float:none;
		margin:auto;
		margin-top:40px;
	}
	.centered-mobile {
		margin:auto;
		display:block;
		padding-bottom:20px;
	}
	.option-text {
		padding-bottom:24px;
	}
	.fact-box {
		padding-bottom:20px;
		width:33%;
		float:left;
	}
	.profile {
		width:219px;
		margin:auto;
		position:relative;
	}
	.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;
	}
	.para1,.para2,.para3,.contact-area {
		background-attachment:scroll;
	}
	.arrow-down, .preloader{
	display:none;
	}
}
@media (max-width:992px) {
	.contact-area .container .row{
		padding-left: 0;
	}
}
@media (max-width:992px) {
	.inner-background {
		padding-top:120px;
		padding-bottom:144px;
	}
	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;
	}
	.carousel-control .fa {
		margin-top:148px;
	}
	#blockquote {
		font-size:24px;
	}
	h2,.para1 .title-section h2 {
		font-size:26px;
	}
	.para1 .title-section {
		padding-top:9px;
		padding-bottom:0px;
	}
	#testimonial-slider .carousel-inner {
		width:90%;
	}
	.inner-background .lead {
		width:100%;
	}
	.back-thumbnail {
		width:48%;
	}
	.carousel-control {
		width:auto;
	}
	.btn.btn-front~br {
		display:none;
	}
	.btn.btn-front {
		margin-bottom:100px;
	}
	.about-box {
		margin-bottom:81px;
	}
	.luminous-box {
		width:230px;
		line-height:201px;
		margin:auto;
		font-size:87px;
	}
	.testimonial {
		text-align:center;
		font-size:20px;
	}
	.back-thumbnail,.portfolio {
		opacity:1 !important;
		top:0 !important;
		left:0 !important;
	}
	#footer p {
		font-size:12px;
	}
	.about-boxes {
		padding-bottom: 0;
	}
	.visible-in-tablet{
		display:block;
	}
	.profile {
		margin-bottom: 20px;
	}
	.service-box {
		margin-bottom: 40px;
	}	
	.contact-area .title-section {
		padding-bottom: 29px;
	}
	.shade h3 {
		padding-top: 48px;
	}
}
@media (min-width:851px) {
	.nav_wrapper ul {
		display:block !important;
	}
}
@media (max-width:850px) {
	.btn.menu-mobile {
		display:inline-block;
		color:#0099CC;
		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;
	}
	nav li:hover .underline {
		display:none;
	}
	.quote {
		width:90%;
	}
	.featured-icon {
		font-size:88px;
	}
	.fact-item {
		font-size:15px;
	}
}
@media (max-width:605px) {
	.inner-background {
		padding-top:50px;
		width:90%;
		margin:auto;
		padding-bottom:51px;
	}
	h1 {
		font-size:36px;
	}
	.lead {
		font-size:17px;
	}
	.fact-item {
		font-size:16px;
	}
	.testimonial {
		font-size:16px;
	}
	.clients .col-md-2 {
		width:33%;
	}
	.contact-area .title-section h2:before,.contact-area .title-section h2:after {
		display:none;
	}
	.about-image-wrapper+div,.title-section .lead {
		width:100%;
	}
	.about-image-wrapper {
		width:95%;
	}
	.btn.btn-front {
		padding:9px 17px;
		font-size:16px;
		margin-top:32px;
		margin-bottom:30px;
	}
	.fact-box {
		width:100%;
	}
	.para1,.para2,.contact-area {
		background-size:1234px;
	}
	.shade {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width:450px) {
	.back-thumbnail {
		width:100%;
		max-width:300px;
		margin:auto;
		float:none;
	}
	.back-thumbnail:hover .back-thumbnail-content {
		top:24%;
	}
	#slide-image {
    width: 463px;
	}
	.title-section h2{
		width:auto;
	}
}
/* PRIMARY COLOR: #0099CC */