@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600";

@import "http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700";

@import "http://fonts.googleapis.com/css?family=Volkhov:400italic";

body {
font-family:'Open Sans',sans-serif;
-webkit-font-smoothing:antialiased
}

h1,h2,h3,h4,h5,h6 {
font-family:'Roboto',sans-serif
}

h2 {
font-size:30px;
font-weight:400
}

h3 {
font-size:28px;
font-weight:300
}

p {
font-size:15px;
line-height:28px
}

ul {
padding:0;
margin:0;
list-style:none
}

a,a:active,a:focus,a:active {
text-decoration:none!important
}

.section-title {
margin-bottom:30px
}

.section-title h2 {
text-transform:uppercase;
font-size:28px;
font-weight:600
}

.section-title p {
font-family:'Volkhov',serif;
font-style:italic;
color:#666
}

.section-title span {
font-size:25px;
font-weight:bolder
}

header {
background:#fff;
padding:20px 0;
box-shadow:0 0 10px 0 #222;
left:0;
position:fixed;
right:0;
top:0;
z-index:999999999
}

header .navbar {
margin-bottom:0;
border:0
}

header .navbar-brand {
padding-top:5px
}

header .navbar-default {
background:none;
border:0
}

header .navbar-default .navbar-nav {
padding-top:10px
}

header .navbar-default .navbar-nav li a {
color:#333;
padding:10px 26px;
font-size:15px
}

font header .navbar-default .navbar-nav li a:hover {
color:#000
}

#slider {
background:url(../documents-export-2016-07-29/img/IMG_3816-min.JPG) no-repeat;
background-size:cover;
background-attachment:fixed;
background-position:45% 0;
padding:200px 0 280px;
position:relative
}

#slider:before {
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%;
background:linear-gradient(to left,#8b86a3,#322e40);
opacity:.8
}

#slider .block {
color:#E3E3E4
}

#slider .block h1 {
font-family:'Roboto',sans-serif;
font-weight:100;
font-size:45px;
line-height:60px;
letter-spacing:10px;
padding-bottom:45px
}

#slider .block p {
font-size:23px;
line-height:40px;
font-family:'Roboto',sans-serif;
font-weight:300;
letter-spacing:3px
}

.intro {
padding:100px 0
}

.intro .block h2 {
padding-top:35px;
line-height:27px;
margin:0
}

.intro .block p {
color:#7B7B7B;
padding-top:20px
}

.intro .block img {
padding-left:40px;
width:100%
}

.intro .section-title {
margin-bottom:0
}

.intro .section-title p {
padding-top:20px
}

.service {
text-align:center;
padding:90px 0
}

.service .service-item {
padding-bottom:30px
}

.service .service-item i {
font-size:60px;
color:#4A4656
}

.service .service-item h4 {
padding-top:20px;
margin:0;
color:#666
}

.service .service-item p {
color:#888;
padding-top:10px;
margin:0;
font-size:14px;
line-height:1.8
}

.service-item img {
width:100%!important;
height:250px
}

.fr_content > p {
font-family:Lato,sans-serif;
font-size:14px;
line-height:1.4
}

#call-to-action {
background:url(../documents-export-2016-07-29/img/IMG_3816-min.JPG) no-repeat;
background-size:cover;
background-attachment:fixed;
padding:70px 0;
position:relative;
text-align:center;
color:#fff
}

#call-to-action:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
background:#1d192c;
opacity:.8
}

#call-to-action h2 {
padding-bottom:20px;
line-height:33px;
margin:0;
font-size:30px
}

#call-to-action p {
font-size:14px;
line-height:1.6
}

#call-to-action .btn-call-to-action {
padding:15px 35px;
border:none;
background-color:#fff;
font-size:15px;
color:#333;
margin-top:30px
}

.feature {
background:url(../documents-export-2016-07-29/img/featue-min.jpg);
background-position:50% 94px;
width:100%;
display:block;
position:relative;
overflow:visible;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center center;
background-color:#fff;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
padding:50px 0
}

.feature h2 {
font-size:28px;
font-weight:600;
margin-bottom:30px
}

.feature p {
color:#8d8f92;
margin-bottom:20px
}

.feature .btn-view-works {
background:#655E7A;
color:#fff;
padding:10px 20px
}

.testimonial {
padding:20px 0
}

.testimonial .block h2 {
line-height:27px;
color:#5C5C5C;
padding-top:110px
}

.testimonial .block p {
padding-top:50px;
color:#7B7B7B
}

.testimonial .counter-box li {
width:50%;
float:left;
text-align:center;
margin:30px 0
}

.testimonial .counter-box li i {
font-size:35px
}

.testimonial .counter-box li h4 {
font-size:30px;
font-weight:700
}

.testimonial .counter-box li span {
color:#555
}

.testimonial .testimonial-carousel {
text-align:center;
width:75%;
border:1px solid #DEDEDE;
padding:24px;
margin:0 auto
}

.testimonial .testimonial-carousel img {
padding-bottom:38px
}

.testimonial .testimonial-carousel p {
line-height:28px;
font-weight:300;
padding-bottom:20px
}

.testimonial .testimonial-carousel .user img {
padding-bottom:0;
border-radius:500px
}

.testimonial .testimonial-carousel .user p {
padding-bottom:0;
font-size:12px;
line-height:20px;
color:#353241
}

.testimonial .testimonial-carousel .user p span {
display:block;
color:#353241;
font-weight:600
}

.testimonial .testimonial-carousel .owl-carousel .owl-pagination div {
border:1px solid #1D1D1D;
border-radius:500px;
display:inline-block;
height:10px;
margin-right:15px;
width:10px
}

.testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active {
background:#5C5C5C;
font-size:30px;
display:inline-block;
border:0
}

#map {
padding:100px 0
}

#clients-logo-section {
padding-top:30px;
padding-bottom:75px
}

#clients-logo-section .clients-logo-img {
padding:0 50px
}

#global-header {
background:url(../img/slider-bg2.jpg) no-repeat;
background-size:cover;
padding-top:150px;
padding-bottom:107px;
position:relative;
background-attachment:fixed
}

#global-header:before {
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%;
background:linear-gradient(to left,#928dab,#1f1c2c 70%);
opacity:.8
}

#global-header .block {
color:#E3E3E4;
margin:0 auto;
padding-left:90px;
text-align:center
}

#global-header .block h1 {
font-weight:100;
font-size:45px;
letter-spacing:6px;
padding-bottom:15px;
margin-top:0;
text-transform:capitalize
}

#global-header .block p {
font-size:16px;
font-weight:300;
letter-spacing:1px;
word-spacing:3px
}

#portfolio-work {
overflow:hidden;
padding:80px 0
}

#portfolio-work .block .portfolio-menu {
padding-bottom:30px;
text-align:center
}

#portfolio-work .block .portfolio-menu ul {
border:1px solid #999;
display:inline-block;
margin-bottom:40px
}

#portfolio-work .block .portfolio-menu ul li {
display:inline-block;
padding:0 25px;
cursor:pointer;
font-size:15px;
line-height:40px;
font-weight:600;
color:#333;
text-transform:capitalize;
position:relative
}

#portfolio-work .block .portfolio-menu ul .active {
color:#655E7A;
position:relative
}

#portfolio-work .block .portfolio-menu ul .active:before {
content:"\f0d7";
position:absolute;
font-family:'FontAwesome';
bottom:-18px;
font-size:30px;
width:20px;
left:0;
right:0;
top:23px;
margin:0 auto;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.9);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

#portfolio-work .block .portfolio-menu ul li:hover:before {
content:"\f0d7";
position:absolute;
font-family:'FontAwesome';
bottom:-18px;
font-size:30px;
width:20px;
left:0;
right:0;
top:24px;
margin:0 auto;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.9);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

#portfolio-work .block .portfolio-contant ul li {
float:left;
width:32.22%;
overflow:hidden;
margin:6px;
position:relative
}

#portfolio-work .block .portfolio-contant ul li:hover .overly {
opacity:1
}

#portfolio-work .block .portfolio-contant ul li:hover .position-center {
position:absolute;
top:50%;
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
-ms-transform:translate(0%,-50%);
transform:translate(0%,-50%)
}

#portfolio-work .block .portfolio-contant ul li a {
display:block;
color:#fff
}

#portfolio-work .block .portfolio-contant ul li a h2 {
font-size:22px;
text-transform:uppercase;
letter-spacing:1px
}

#portfolio-work .block .portfolio-contant ul li a p {
font-size:15px
}

#portfolio-work .block .portfolio-contant ul li a span {
font-style:italic;
font-size:13px;
color:#655E7A
}

#portfolio-work .block .portfolio-contant ul img {
width:100%;
height:auto
}

#portfolio-work .block .portfolio-contant .overly {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
background:rgba(0,0,0,0.9);
opacity:0;
-webkit-transition:.3s all;
-o-transition:.3s all;
transition:.3s all;
text-align:center
}

#portfolio-work .block .portfolio-contant .position-center {
position:absolute;
top:50%;
left:10%;
-webkit-transform:translate(0%,50%);
-moz-transform:translate(0%,50%);
-ms-transform:translate(0%,50%);
transform:translate(0%,50%);
-webkit-transition:.5s all;
-o-transition:.5s all;
transition:.5s all
}

#portfolio-work .block .mix {
display:none
}

#wrapper-work {
overflow:hidden;
padding-top:100px
}

#wrapper-work ul li {
width:50%;
float:left;
position:relative
}

#wrapper-work ul li img {
width:100%;
height:100%
}

#wrapper-work ul li .items-text {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
color:#fff;
background:rgba(0,0,0,0.6);
padding-left:44px;
padding-top:140px
}

#wrapper-work ul li .items-text h2 {
padding-bottom:28px;
padding-top:75px;
position:relative
}

#wrapper-work ul li .items-text h2:before {
content:"";
position:absolute;
left:0;
bottom:0;
width:75px;
height:3px;
background:#fff
}

#wrapper-work ul li .items-text p {
padding-top:30px;
font-size:16px;
line-height:27px;
font-weight:300;
padding-right:80px
}

#features-work {
padding-top:50px;
padding-bottom:75px
}

#features-work .block ul li {
width:19%;
text-align:center;
display:inline-block;
padding:40px 0
}

#slider-contact {
background:url(../img/slider-bg2.jpg) no-repeat;
background-size:cover;
padding-top:150px;
padding-bottom:107px;
position:relative
}

#slider-contact:before {
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%;
background:linear-gradient(to left,#928dab,#1f1c2c 70%);
opacity:.8
}

#slider-contact .block {
color:#E3E3E4;
margin:0 auto;
padding-left:90px
}

#slider-contact .block h1 {
font-family:'Roboto',sans-serif;
font-weight:100;
font-size:45px;
line-height:60px;
letter-spacing:6px;
padding-bottom:15px
}

#slider-contact .block p {
font-size:23px;
line-height:40px;
font-family:'Roboto',sans-serif;
font-weight:300;
letter-spacing:1px;
word-spacing:3px
}

#contact-form {
padding-top:70px;
padding-bottom:35px
}

#contact-form .block form .form-group {
padding-bottom:15px;
margin:0
}

#contact-form .block form .form-group .form-control {
background:#F6F8FA;
height:60px;
border:1px solid #EEF2F6;
box-shadow:none;
width:100%
}

#contact-form .block form .form-group-2 {
padding-bottom:15px;
margin:0
}

#contact-form .block form .form-group-2 textarea {
background:#F6F8FA;
height:135px;
border:1px solid #EEF2F6;
box-shadow:none;
width:100%
}

#contact-form .block button {
width:100%;
height:60px;
background:#47424C;
border:none;
color:#fff;
font-family:'Open Sans',sans-serif;
font-size:18px
}

.address-block li {
margin-bottom:20px
}

.address-block li i {
margin-right:15px;
font-size:20px;
width:20px
}

.social-icons {
margin-top:40px
}

.social-icons li {
display:inline-block;
margin:0 6px
}

.social-icons a {
display:inline-block
}

.social-icons i {
color:#2C2C2C;
margin-right:25px;
font-size:25px
}

.google-map {
position:relative
}

.google-map #map {
width:100%;
height:300px;
background-color:#ff432e
}

#contact-box {
padding-top:35px;
padding-bottom:58px
}

#contact-box .block img {
width:100%
}

#contact-box .block h2 {
font-family:'Open Sans',sans-serif;
font-weight:300;
color:#000;
font-size:28px;
padding-bottom:30px
}

#contact-box .block p {
color:#5C5C5C;
display:block
}

#features-contact {
padding-top:50px;
padding-bottom:75px
}

#features-contact .block ul li {
width:19%;
text-align:center;
display:inline-block;
padding:40px 0
}

.heading {
padding-bottom:60px;
text-align:center
}

.heading h2 {
color:#000;
font-size:30px;
line-height:40px;
font-weight:400
}

.heading p {
font-size:18px;
line-height:40px;
color:#292929;
font-weight:300
}

footer {
background:#F5F5F5;
text-align:center;
padding-top:48px;
padding-bottom:55px
}

footer p {
font-size:13px;
line-height:25px;
color:#919191
}

footer a {
color:#595959
}

footer .footer-manu {
padding-bottom:25px
}

footer .footer-manu ul {
margin:0;
padding:0
}

footer .footer-manu ul li {
display:inline-block;
padding:0 20px
}

footer .footer-manu ul li a {
display:inline-block;
color:#494949
}

footer .footer-manu ul li a:hover {
color:#000
}