/*
* RESET
* -------------------------------------------------- */
html,body {
height:100%;
width:100%;
}

body {
background:#fff;
color:#999;
font-family:'Open Sans', sans-serif;
font-style:normal;
font-weight:400;
line-height:1;
margin:0;
padding:0;
position:relative;
}

a:active, a:focus {
   outline:  none;
   ie-dummy: expression(this.hideFocus=true);
}

h1,h2,h3,h4,h5,h6 {
color:#191919;
font-style:normal;
font-weight:700;
line-height:1.2125em;
margin-bottom:.5em;
margin-top:.2em;
word-wrap:break-word;
}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,a,a:hover {
color:#278DC5;
}

.bg-color h1 strong,.bg-color h2 strong,.bg-color h3 strong,.bg-color h4 strong,.bg-color h5 strong,.bg-color h6 strong,.bg-dark h1,.bg-color h1,.bg-dark h2,.bg-color h2,.bg-dark h3,.bg-color h3,.bg-dark h4,.bg-color h4,.bg-dark h5,.bg-color h5,.bg-dark h6,.bg-color h6 {
color:#fff;
}

.section-head {
font-size:30px;
font-weight:100;
max-width:100%;
text-transform:uppercase;
}

p {
font-family:inherit;
font-size:16px;
font-weight:100;
line-height:24px;
margin-bottom:1.25em;
word-wrap:break-word;
}

hr {
border-top:1px solid #111;
}

.bg-dark hr,.bg-color hr {
border-top:1px solid #fff;
}

.parallax {
position:relative;
}

span.circular {
background:#278DC5;
border-radius:50%;
color:#fff;
display:block;
height:60px;
line-height:50px;
margin:0 auto;
text-align:center;
width:60px;
}

.flexslider {
background:transparent;
-moz-border-radius:0;
-moz-box-shadow:none;
-o-border-radius:0;
-o-box-shadow:none;
-webkit-border-radius:0;
-webkit-box-shadow:none;
border:none;
border-radius:0;
box-shadow:none;
margin:0 auto;
}

/* BS Buttons */
.btn {
-moz-transition:background .3s;
-o-transition:background .3s;
-webkit-transition:background .3s;
background:#278DC5;
border:none;
border-radius:0;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:15px;
margin:0 auto;
outline:none;
padding:10px 20px;
position:relative;
text-decoration:none;
text-transform:uppercase;
transition:color .3s;
z-index:1;
}

.btn:hover {
text-decoration:none;
color:#fff;
-webkit-animation: pulse 1s;
animation: pulse 1s;
}

.btn-noanimated:hover {
position:relative;
top:2px;
}

.btn:active {
position:relative;
top:2px;
}

.btn-border{
-moz-transition:color .3s;
-o-transition:color .3s;
-webkit-transition:color .3s;
background:transparent;
border:2px solid #fff;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:15px;
margin:0 auto;
outline:none;
padding:10px 20px;
position:relative;
text-decoration:none;
text-transform:uppercase;
transition:color .3s;
z-index:1;
}

.bg-color .btn-border{
padding:7px 20px;
margin-left:20px;
}

.btn-border:hover {
background:#fff;
text-decoration:none;
color:#278DC5;
-webkit-animation: pulse 1s;
animation: pulse 1s;
}

.btn-border:active {
position:relative;
	top:2px;
}

.btn-border-sm {
font-size:12px;
height:40px;
line-height:40px;
padding:0 10px;
}


/* BG colors */
.bg-color {
background:#278DC5;
}

.bg-dark {
background:#191919;
}

.space {
padding:50px 0;
}

.divide10 {
display:block;
height:10px;
width:100%;
}

.divide30 {
display:block;
height:30px;
width:100%;
}

.circular:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

/* FORMS */
form {
width:100%;
}

.form-control {
-moz-border-radius:0;
-moz-box-shadow:none;
-moz-transition:border-color ease-in-out .15s box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s box-shadow ease-in-out .15s;
-webkit-border-radius:0;
-webkit-box-shadow:none;
-webkit-transition:border-color ease-in-out .15s box-shadow ease-in-out .15s;
background:#fff;
border:1px solid #E3E8EB;
border-radius:0;
box-shadow:none;
color:#999;
display:block;
font-size:14px;
height:42px;
line-height:1.428571429;
padding:6px 12px;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
vertical-align:middle;
width:100%;
}

.form-control:focus {
-moz-box-shadow:none;
-webkit-box-shadow:none;
border-color:#cfd0d1;
box-shadow:none;
outline:0;
}

/*
* SCROLLBAR
* -------------------------------------------------- */
::-webkit-scrollbar {
width:9px;
}

::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.8);
border:none;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:0;
border-top-right-radius:0;
}

::-webkit-scrollbar-track {
background:rgba(170,170,170,0.8);
}

/*
* PAGE LOADER
* -------------------------------------------------- */
#pageloader {
background:#FFF;
height:100%;
position:fixed;
top:0;
width:100%;
z-index:1000;
}

.loader-item {
background:#FFF;
border-bottom:3px solid transparent!important;
border-color:#278DC5;
border-left:3px solid;
border-radius:200px;
border-right:3px solid;
border-top:3px solid;
color:#278DC5;
height:40px;
left:50%;
margin:-20px 0 0 -20px;
position:absolute;
text-align:center;
top:50%;
width:40px;
}

/*
* ANIMATE.CSS
* -------------------------------------------------- */
.services-box.animated, .tabbed.animated, #about .progress-bars.animated, #projects .home-projects.animated, #features .feature.animated, #more-features .more-features-box.animated, #members article.animated, #timeline .note.animated, #faq .panel.animated, #blog-slider article.animated, #contact-section .form-group.animated {
	visibility:hidden;
}

.services-box.visible, .tabbed.visible, #about .progress-bars.visible, #projects .home-projects.visible, #features .feature.visible, #more-features .more-features-box.visible, #members article.visible, #timeline .note.visible, #faq .panel.visible, #blog-slider article.animated, #contact-section .form-group.visible {
	visibility:visible;
}

.animated {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}

#timeline .note:nth-child(3).animated{
	-webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
}

#timeline .note:nth-child(4).animated{
	-webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
}

#timeline .note:nth-child(5).animated{
	-webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
}

#timeline .note:nth-child(6).animated{
	-webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
}

#timeline .note:nth-child(8).animated{
	-webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
}

#timeline .note:nth-child(9).animated{
	-webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    -o-animation-delay: 1.9s;
    -ms-animation-delay: 1.9s;
}

#more-features .col-md-4:nth-of-type(1) .more-features-box.animated{
	-webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
}

#more-features .col-md-4:nth-of-type(2) .more-features-box.animated{
	-webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
}

#more-features .col-md-4:nth-of-type(3) .more-features-box.animated{
	-webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
}

#more-features .col-md-4:nth-of-type(4) .more-features-box.animated{
	-webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
}

#more-features .col-md-4:nth-of-type(5) .more-features-box.animated{
	-webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
}

#more-features .col-md-4:nth-of-type(6) .more-features-box.animated{
	-webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    -o-animation-delay: 1.9s;
    -ms-animation-delay: 1.9s;
}

#features .feature:nth-of-type(1).animated, #features .feature:nth-of-type(2).animated{
	-webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
}

#features .feature:nth-of-type(3).animated, #features .feature:nth-of-type(4).animated{
	-webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
}

#features .feature:nth-of-type(5).animated, #features .feature:nth-of-type(6).animated{
	-webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
}

#services .col-md-4:nth-of-type(1)  .services-box.animated{
	-webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}

#services .col-md-4:nth-of-type(2)  .services-box.animated{
	-webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
}

#services .col-md-4:nth-of-type(3)  .services-box.animated{
	-webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
}

#members .col-md-3:nth-of-type(1)  article.animated{
	-webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}

#members .col-md-3:nth-of-type(2)  article.animated{
	-webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
}

#members .col-md-3:nth-of-type(3)  article.animated{
	-webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
}

#members .col-md-3:nth-of-type(4) article.animated{
	-webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
}

/*
* MAIN NAVIGATION
* -------------------------------------------------- */
#nav {
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.15);
width:100%;
z-index:99999;
}

#nav a {
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
transition: .3s;	
}

#nav .container-fluid {
max-width:1170px;
}

.dropdown-menu {
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);
box-shadow:0 1px 3px rgba(0,0,0,.15);
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
background:#278DC5;
color:#000;
outline:0;
text-decoration:none;
}

.dropdown-menu > li > a {
color:#333;
padding:10px 20px;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
background:#278DC5;
color:#fff;
text-decoration:none;
}

.dropdown-menu.pull-left {
float:none;
left:100%;
margin-right:10px;
}

.dropdown-menu.pull-right {
float:none;
left:-100%;
margin-left:10px;
right:100%;
}

.dropdown-submenu {
position:relative;
}

.dropdown-submenu:hover>.dropdown-menu {
display:block;
}

.dropdown-submenu>.dropdown-menu {
margin-left:-1px;
margin-top:-6px;
top:0;
}

.dropdown-submenu>a:after {
border-color:transparent transparent transparent #ccc;
border-style:solid;
border-width:5px 0 5px 5px;
content:" ";
display:block;
float:right;
height:0;
margin-right:-10px;
margin-top:5px;
width:0;
}

.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
border:none;
}

.navbar-header {
color:#fff;
padding:6px;
text-align:center;
}

.navbar-inverse .navbar-brand {
color:#191919;
float:left;
font-size:18px;
font-weight:700;
letter-spacing:5px;
line-height:20px;
padding:10px 30px;
text-transform:uppercase;
}

.navbar-inverse .navbar-brand img {
height:30px;
}

.navbar-inverse .navbar-brand:hover {
color:#191919;
}

.navbar-inverse .navbar-nav > .open > a {
background:#fff;
}

.navbar-inverse .navbar-nav > li > a {
border-top:4px solid #fff;
color:#333;
font-size:12px;
font-weight:700;
padding-bottom:21px;
padding-top:21px;
text-transform:uppercase;
}

.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
background:#fff;
border-top:4px solid #278DC5;
color:#278DC5;
}

.navbar-inverse,.dropdown-menu {
background:#fff;
border:none;
border-radius:0;
margin-bottom:0;
padding:0;
}

.open {
display:none;
}

/*
* HOMEPAGE SLIDER
* -------------------------------------------------- */
#slides .image1{
background:url(../images/1.jpg);
background-position-x:50% !important;
background-size:cover;
}

#slides .image2{
background:url(../images/2.jpg);
background-position-x:50% !important;
background-size:cover;
}

#slides .image3{
background:url(../images/3.jpg);
background-position-x:50% !important;
background-size:cover;
}

.caption-wrapper {
display:table;
height:100%;
margin:0 auto;
max-width:800px;
width:100%;
}

.slide-caption {
display:table-cell;
max-width:800px;
padding:10px 20px;
position:relative;
text-align:center;
vertical-align:middle;
width:100%;
z-index:3;
}

.slide-caption h1 {
color:#fff;
font-size:85px;
font-weight:800;
letter-spacing:2px;
line-height:90px;
margin-bottom:.3em;
margin-top:0;
text-transform:uppercase;
}

.slide-caption p {
color:#fff;
font-size:20px;
font-weight:400;
margin-bottom:.2em;
text-transform:uppercase;
}

.slides-navigation {
display:table-cell;
vertical-align:middle;
}

.slides-navigation a {
-moz-transition:background .15s ease;
-o-transition:background .15s ease;
-webkit-transition:background .15s ease;
background:rgba(0,0,0,0.7);
color:#fff;
display:block;
font-size:20px;
font-weight:400;
height:60px;
line-height:55px;
text-align:center;
text-decoration:none;
transition:background .15s ease;
width:30px;
}

.slides-navigation a:hover {
background:rgba(0,0,0,0.9);
}

/*
* OVERLAY
* -------------------------------------------------- */
.overlay-1 {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFUlEQVQIW2NkQAKMUPZ/IM0I44DFABJxAQQMGKylAAAAAElFTkSuQmCC) rgba(0,0,0,0.5);
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

.overlay-2 {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGElEQVQIW2NkYGD4D8SMQAwhYAIwDlgAADZsAwPtIY3UAAAAAElFTkSuQmCC) rgba(0,0,0,0.5);
height:100%;
left:0;
opacity:0.7;
position:absolute;
top:0;
width:100%;
}

.overlay-3 {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGElEQVQIW2NkYGD4D8SMQAwhYAIwDlgAADZsAwPtIY3UAAAAAElFTkSuQmCC) rgba(0,0,0,0.5);
height:100%;
left:0;
opacity:0.7;
position:absolute;
top:0;
width:100%;
}

/*
* SERVICES SECTION
* -------------------------------------------------- */
.services-box {
padding:35px 20px;
text-align:center;
}

.services-box h3 {
font-size:21px;
}

.services-box img {
display:block;
height:100px;
margin:0 auto 25px;
position:relative;
}

/*
* ABOUT SECTION
* -------------------------------------------------- */
.tabbed .nav > li > a:hover, .tabbed .nav > li > a:focus {
background: transparent;
border:1px solid transparent;
border-top:3px solid transparent;
}

.tabbed .nav-tabs > li > a {
border-radius:0;
border-top:3px solid transparent;
padding:10px;
}

.tabbed .nav-tabs > li.active > a, .tabbed .nav-tabs > li.active > a:hover, .tabbed .nav-tabs > li.active > a:focus {
background:#fff;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:3px solid #278DC5;
}

.tabbed .tab-content > .tab-pane {
padding:10px 0;
}

.progress {
height:auto;
position:relative;
}

.progress-bar {
background:#278DC5;
-moz-transition:width 2s ease-in-out;
-o-transition:width 2s ease-in-out;
-webkit-transition:width 2s ease-in-out;
padding:3px 20px;
text-align:left;
transition:width 2s ease-in-out;
width:0;
}

.progress-bar span {
color:#191919;
position:absolute;
right:10px;
top:3px;
}

.progress-bars h4 {
font-weight:400;
margin-bottom:20px;
}

/*
* INTERESTING INFO
* -------------------------------------------------- */
#interesting-info {
background:url(../images/3.jpg) center center fixed;
color:#fff;
background-size:cover;
}

#interesting-info .fact {
text-align:center;
}

#interesting-info .factor {
font-size:35px;
}

#interesting-info p {
font-size:25px;
font-weight:400;
margin:20px;
}

/*
* MEMBERS SECTION
* -------------------------------------------------- */
#members .image-container {
margin:0 auto;
overflow:hidden;
position:relative;
width:100%;
}

#members .image-container img {
margin:0 auto;
}

#members .info {
padding:20px;
text-align:center;
}

#members .info span {
color:#278DC5;
display:block;
font-weight:700;
margin-bottom:5px;
}

/*
* PORTFOLIO
* -------------------------------------------------- */
#filters {
line-height:40px;
list-style:none;
margin:10px 0 40px;
padding:10px 0;
}

#filters li {
display:inline;
line-height:200%;
margin-top:5px;
}

#filters li a {
background:#fff;
border:2px solid #278DC5;
color:#333;
font-size:12px;
letter-spacing:2px;
padding:7px 25px;
text-transform:uppercase;
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}

#filters li a.active,#filters li a:hover {
background:#278DC5;
border:2px solid #278DC5;
color:#fff;
padding:7px 25px;
text-decoration:none;
}

.btn-project {
display:table;
width:40px;
}

.btn-project i {
display:table-cell;
vertical-align:middle;
}

.description strong {
color:#2b2a38;
}

.home-projects {
font-size:0;
}

.home-projects .mix {
display:none;
}

.home-projects .project-item {
margin-bottom:0;
overflow:hidden;
width:33.333333333333%;
}

.project-item .actions {
cursor:pointer;
margin-top:20%;
}

.project-item figcaption {
-moz-backface-visibility:hidden;
-moz-transition:all .3s;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
-o-transition:all .3s;
-webkit-backface-visibility:hidden;
-webkit-transition:all .3s;
backface-visibility:hidden;
background:rgba(000,000,000,0.9);
border:1px solid transparent;
bottom:-1px;
left:0;
opacity:0;
position:absolute;
right:0;
text-align:center;
top:0;
transition:all .3s;
z-index:10;
}

.project-item figcaption:hover {
-moz-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
-webkit-transition:all .25s ease-out;
opacity:1;
transition:all .25s ease-out;
}

.project-item figure {
position:relative;
}

.project-item h3 {
-webkit-transition:all ease .5s;
color:#fff;
cursor:auto;
position:absolute;
top:0;
transition:all ease .5s;
width:100%;
}

.project-item:hover h3 {
top:40%;
}

/*
* FEATURES SECTION
* -------------------------------------------------- */
#features {
background-size:cover;
}

#features .circular {
margin-top:10px;
}

#features i {
font-size:25px;
line-height:60px;
}

.features-box {
margin-bottom:20px;
width:88%;
}

.features-box h3 {
font-size:21px;
font-weight:400;
}

.features-wrapper .feature .circular {
float:left;
}

.features-wrapper .feature:nth-of-type(2n+1) .circular {
float:right;
}

.features-wrapper .feature:nth-of-type(2n+1) .features-box {
float:right;
padding-right:10px;
text-align:right;
}

.features-wrapper .feature:nth-of-type(2n+2) .features-box {
float:left;
padding-left:10px;
text-align:left;
}

/*
* QUOTE
* -------------------------------------------------- */
#quote i {
font-size:25px;
line-height:60px;
}

#quote-section {
background:url(../images/4.jpg) center center fixed;
color:#fff;
background-size:cover;
}

#quote-section .left-side {
padding-top:170px;
}

#quote-section .left-side .box-inner {
padding-left:15px;
}

#quote-section .left-side,#quote-section .right-side {
min-height:550px;
}

#quote-section .owl-item .item {
overflow:hidden;
}

#quote-section .right-side {
display:table;
}

#quote-section .right-side .box-inner {
display:table-cell;
padding:0 15px;
vertical-align:middle;
}

.attribution {
color:#97a4ad;
font-size:18px;
text-align:center;
width:100%;
}

.attribution .attr-info strong {
color:#278DC5;
}

.attribution .btn {
margin-left:10px;
}

.quote {
text-align:center;
}

.quote p {
font-size:22px;
font-style:italic;
font-weight:400;
line-height:30px;
position:relative;
z-index:2;
}

/*
* CLIENTS
* -------------------------------------------------- */   
#clients img{
max-width:100%;   
}


/*
* MORE FEATURES SECTION
* -------------------------------------------------- */
#more-features i {
font-size:30px;
line-height:30px;
margin-right:10px;
}

.more-features-box {
padding:35px 20px;
text-align:center;
}

.more-features-box h3 {
font-size:21px;
}

/*
* TIMELINE SECTION
* -------------------------------------------------- */
#timeline {
background:url(../images/3.jpg) center center fixed;
color:#fff;
background-size:cover;
}

#timeline .line {
background:#fff;
height:100%;
left:49.9%;
position:absolute;
width:3px;
}

#timeline ul.timeline {
display:block;
height:auto;
margin:50px auto 0;
padding:0 0 150px;
position:relative;
width:100%;
}

#timeline ul.timeline li.note {
-moz-transition:all .3s;
-webkit-transition:all .3s;
background:#FFF;
cursor:pointer;
float:right;
margin:35px 0;
min-height:100px;
padding:14px 14px 0;
position:relative;
text-align:left;
transition:all .3s;
width:46%;
}

#timeline ul.timeline li.note .note-circle {
background:#FFF;
border-radius:100px;
display:block;
height:21px;
left:-10.7%;
position:absolute;
right:auto;
top:50%;
width:21px;
z-index:20;
}

#timeline ul.timeline li.note p.timeline-date,#timeline ul.timeline li.note p.timeline-head,#timeline ul.timeline li.note p.timeline-desc {
color:#FFF;
}

#timeline ul.timeline li.note span.note-arrow,#timeline ul.timeline li.note span.note-arrow:after {
border-right-color:#278DC5;
}

#timeline ul.timeline li.note,#timeline ul.timeline li.note:after {
background:#278DC5;
}

#timeline ul.timeline li.note:nth-of-type(2n) {
clear:left;
float:left;
}

#timeline ul.timeline li.note:nth-of-type(2n) .note-circle {
left:auto;
right:-10.7%;
}

#timeline ul.timeline li.note:nth-of-type(2n) span.note-arrow,#timeline ul.timeline li.note:nth-of-type(2n) span.note-arrow:after {
border-left-color:#278DC5;
}

#timeline ul.timeline li.note:nth-of-type(2n+1):before {
border-bottom:10px solid transparent;
border-right:10px solid #278DC5;
border-top:10px solid transparent;
content:'';
display:block;
height:0;
left:-10px;
position:absolute;
right:auto;
top:50%;
width:0;
}

#timeline ul.timeline li.note:nth-of-type(2n+2):before {
border-bottom:10px solid transparent;
border-left:10px solid #278DC5;
border-top:10px solid transparent;
content:'';
left:auto;
position:absolute;
right:-10px;
top:50%;
}

#timeline ul.timeline li.start {
bottom:-1%;
clear:both;
display:block;
height:70px;
left:49.9%;
margin-left:-35px;
position:absolute;
width:70px;
}

#timeline ul.timeline li.start a {
background:#fff;
border-radius:50%;
color:#191919;
display:block;
font-size:25px;
height:70px;
line-height:60px;
text-align:center;
width:70px;
}

#timeline ul.timeline li.start a span.up-arrow {
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
background:url(../images/up-arrow.html) no-repeat center center;
display:block;
height:17px;
line-height:50px;
margin:0 auto;
position:relative;
top:20px;
transform:rotate(-45deg);
width:12px;
}

#timeline ul.timeline li.time {
background:#fff;
border-radius:50%;
clear:both;
color:#191919;
cursor:default;
font-size:20px;
height:70px;
line-height:65px;
margin:30px auto;
position:relative;
text-align:center;
width:70px;
}

#timeline ul.timeline li.time + li.note {
margin-top:-5px;
}

#timeline ul.timeline li.today {
background:#fff;
border-radius:50%;
color:#191919;
height:70px;
line-height:65px;
margin:40px auto;
width:70px;
}

.timeline {
padding-bottom:0;
}

.inner {
height:auto;
margin:0 auto;
position:relative;
text-align:center;
width:100%;
}

.inner:after,.clear {
clear:both;
}

li.note p,li.note span,li.note span:after {
-moz-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
}

li.note p.timeline-date,li.note p.timeline-desc {
color:#949494;
font-size:13px;
}

li.note p.timeline-head {
color:#696969;
font-size:17px;
margin:3px auto;
}

/* Tooltip */

 .tooltip-inner{

-webkit-border-radius:0;

   -moz-border-radius:0;

        border-radius:0;

padding:10px;

font-size:15px;

}

/*
* FAQ SECTION
* -------------------------------------------------- */
.accordion {
padding:0;
}

.accordion .panel {
-moz-border-radius:0;
-moz-box-shadow:none;
-webkit-border-radius:0;
-webkit-box-shadow:none;
border:none;
border-radius:0;
box-shadow:none;
margin:0 0 10px;
}

.accordion .panel-collapse {
line-height:18px;
}

.accordion .panel-collapse .text {
padding:15px 20px;
}

.accordion h4 {
margin:0;
padding:0;
}

.accordion h4 a span {
background:#278DC5;
color:#3F3E49;
display:block;
font-size:20px;
font-weight:700;
height:40px;
left:0;
line-height:35px;
position:absolute;
text-align:center;
top:0;
width:40px;
}

.accordion h4 a span:before {
content:"-";
}

.accordion h4 a,.accordion h4 a:hover,.accordion h4 a:focus {
text-decoration:none;
}

.accordion h4 a.collapsed span:before {
content:"+";
}

.accordion h4 a.collapsed,.accordion h4 a {
-moz-transition:all .5s;
-o-transition:all .5s;
-webkit-transition:all .5s;
background:#F4F3F6;
color:#434955;
display:block;
font-size:16px;
line-height:40px;
padding:0 0 0 70px;
position:relative;
text-transform:none;
transition:all .5s;
}

/*
* BLOG SECTION
* -------------------------------------------------- */
#blog {
color:#48505e;
position:relative;
}

#blog .blog-icon {
-moz-border-radius:100%;
-webkit-border-radius:100%;
background:#278DC5;
border:8px solid #fff;
border-radius:100%;
display:block;
height:110px;
left:15px;
line-height:100px;
position:absolute;
right:0;
top:-45px;
width:110px;
z-index:1;
}

#blog .blog-inner {
padding-top:90px;
}

#blog .heading {
color:#fff;
}

#blog article {
margin:0 10px;
}

#blog ul.categories {
padding:0;
}

#blog ul.categories li {
list-style-type:none;
}

#blog ul.categories li a {
-moz-transition:color .3s;
-o-transition:color .3s;
-webkit-transition:color .3s;
color:#48505e;
font-weight:600;
line-height:30px;
transition:color .3s;
}

#blog ul.categories li:last-child a,#blog ul.categories li a:hover {
color:#278DC5;
}

#comments-wrapper {
float:left;
margin:40px 0;
width:100%;
}

#comments-wrapper h2 {
display:inline-block;
font-size:20px;
}

#comments-wrapper li {
border-left:5px solid #278DC5;
float:left;
margin-bottom:20px;
padding:10px 20px;
width:100%;
}

#comments-wrapper li .avatar {
float:left;
width:10%;
}

#comments-wrapper li .comment-buttons {
display:inline-block;
float:right;
line-height:30px;
margin-right:20px;
}

#comments-wrapper li .comment-buttons a {
color:#191919;
margin-left:10px;
}

#comments-wrapper li .comment-date {
color:#278DC5;
display:inline-block;
margin-left:10px;
}

#comments-wrapper li .content {
float:right;
padding-left:20px;
width:90%;
}

#comments-wrapper li li {
border:none;
margin-left:5%;
margin-top:1%;
width:95%;
}

.blog-item .item-content {
background:#fff;
margin:20px 0;
}

.post-entry .button {
margin-top:14px;
}

.post-entry .divider {
border-bottom:1px solid #eee;
margin:35px auto;
width:20%;
}

.post-media .post-comments {
background:#278DC5;
color:#fff;
height:50px;
position:absolute;
right:0;
top:0;
width:50px;
}

.post-media .post-comments p {
font-weight:700;
text-align:center;
}

.post-media img {
display:block;
width:100%;
}

.post-media,.post-title,.post-meta {
display:block;
}

.post-media,.responsive-video-div > div {
position:relative;
}

.post-meta {
font-size:10px;
letter-spacing:2px;
line-height:20px;
margin:15px 0;
text-transform:uppercase;
}

.post-meta li {
display:inline;
margin-right:5px;
}

.post-meta li:after {
content:"/";
margin-left:8px;
}

.post-meta li:last-child {
margin-right:0;
}

.post-meta li:last-child:after {
content:"";
margin-left:0;
}

.post-meta span.day:after {
content:",";
}

.post-meta ul {
margin:0;
padding:0;
}

.post-title {
position:relative;
width:100%;
}

.post-title blockquote {
color:#aaa;
margin:0;
padding:0;
width:100%;
}

.post-title blockquote p {
font-style:normal;
padding-left:0;
}

.post-title blockquote:before {
content:"";
}

.post-title h2.title,.post-title h2.title a {
color:#191919;
font-size:22px;
letter-spacing:1px;
margin:0;
font-weight:400;
}

.post-title h2.title:hover,.post-title h2.title a:hover {
text-decoration:none;
}

.responsive-video-div iframe {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

.responsive-video-vimeo > div {
padding-top:56.26506%;
}

.responsive-video-vimeo,.responsive-video-youtube {
max-width:1130px;
}

.responsive-video-youtube > div {
padding-top:56.271981%;
}

/*
* PRICE TABLES SECTION
* -------------------------------------------------- */
.price-table {
font-size:16px;
width:100%;
}

.price-table .btn-border {
background:#191919;
}

.price-table .price {
color:#999;
font-size:35px;
}

.price-table > thead > tr > th {
border-bottom:none;
font-size:25px;
font-weight:300;
text-align:center;
}

.price-table.selected .btn-border {
background:#278DC5;
}

.price-table.selected .price {
background:#278DC5;
color:#fff;
}

/*
* CONTACT SECTION
* -------------------------------------------------- */
#contact {
margin-bottom:70px;
margin-top:70px;
}

#contact .widget i {
margin-right:10px;
}

#contact-info {
background:url(../images/4.jpg) center center fixed;
color:#fff;
background-size:cover;
}

#contact-info h4 {
color:#fff;
}

#contact-section h4 {
font-size:25px;
}

#contact-section i {
font-size:25px;
line-height:60px;
}

#contact-info p {
font-size:20px;
font-weight:400;
}

#map {
height:400px;
width:100%;
}

/*
* BLOG PAGE
* -------------------------------------------------- */
.blog-container {
padding-bottom:80px;
padding-top:55px;
}

.blog-content .blog-item:last-child {
margin-bottom:0;
}

.blog-intro h1 {
font-size:50px;
}

.blog-intro,.blog-content .blog-item {
margin-bottom:50px;
}

.blog-wrap,.post-wrap {
margin:80px 0;
}

h4.heading {
text-transform:uppercase;
}

ul.menu-link {
margin-bottom:9px;
}

ul.menu-link > li {
border-top:1px solid #eee;
}

ul.menu-link > li a {
color:#999;
display:inline-block;
font-size:15px;
font-weight:300;
line-height:24px;
padding:8px 0;
}

.widget ul li span {
float: right;
display: inline-block;
line-height: 24px;
padding: 8px 0;
font-weight: 300;
font-size: 15px;
}

ul.menu-link > li a:hover {
color:#278DC5;
text-decoration:none;
}

ul.menu-link > li:first-child {
border:none;
}

/*
* WIDGETS
* -------------------------------------------------- */


.tagcloud a {
-moz-transition:.3s;
-o-transition:.3s;
-webkit-transition:.3s;
border:1px solid #eee;
color:#191919;
display:inline-block;
font-size:14px!important;
line-height:26px;
margin:0 5px 8px;
padding:0 10px;
transition:.3s;
vertical-align:top;
}

.tagcloud a:hover {
background:#278DC5;
color:#fff;
text-decoration:none;
}

.widget {
margin-bottom:30px;
}

/*
* PAGINATION
* -------------------------------------------------- */
.pager li > a,.pager li > span {
-moz-border-radius:0;
-webkit-border-radius:0;
background:#278DC5;
border:none;
border-radius:0;
color:#fff;
display:inline-block;
padding:10px 15px;
}

.pager li > a:hover,.pager li > a:focus {
background:#278DC5;
text-decoration:none;
}

.pagination {
border-radius:0;
}

.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
background:#278DC5;
border-color:#278DC5;
}

.pagination > li > a,.pagination > li > span {
background:#fff;
border:1px solid #278DC5;
color:#278DC5;
margin:0 5px;
}

.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
background:#278DC5;
border:1px solid #278DC5;
color:#fff;
}

.pagination > li:first-child > a,.pagination > li:first-child > span {
border-bottom-left-radius:0;
border-top-left-radius:0;
}

.pagination > li:last-child > a,.pagination > li:last-child > span {
border-bottom-right-radius:0;
border-top-right-radius:0;
}

/*
* FOOTER
* -------------------------------------------------- */
footer a {
-moz-transition:color .3s;
-o-transition:color .3s;
-webkit-transition:color .3s;
color:#fff;
line-height:30px;
transition:color .3s;
}

footer a:hover {
color:#278DC5;
}

footer h3,footer h2,footer h1,.socials li:hover a {
color:#fff;
}

footer #back-top {
background:#191919;
border-radius:3px;
color:#fff;
left:48%;
padding:10px;
position:absolute;
top:-30px;
}

#footer-social {
position:relative;
}

.socials {
display:inline-block;
margin-bottom:0;
}

.socials i {
font-size:16px;
}

.socials li {
-moz-border-radius:50%;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;
-webkit-border-radius:50%;
-webkit-transition:all 300ms linear;
border:1px solid #fff;
border-radius:50%;
display:table;
float:left;
height:35px;
list-style:none;
margin:0 5px;
text-align:center;
transition:all 300ms linear;
width:35px;
z-index:2;
}

.socials li a {
color:#fff;
display:table-cell;
font-size:14px;
vertical-align:middle;
}

.socials li:hover {
background:#278DC5;
border:1px solid #278DC5;
}

@media (min-width: 1200px){

.home-projects .project-item{
width:25%;
}

}

@media (max-width: 1200px){

#timeline ul.timeline li.note .note-circle {
left: -11%;
}

#timeline ul.timeline li.note:nth-of-type(2n) .note-circle {
right: -11.4%;
}

}

@media (max-width:990px){

#timeline ul.timeline li.note .note-circle {
left: -12%;
}
	
#timeline ul.timeline li.note:nth-of-type(2n) .note-circle {
right: -12.3%;
}

}


@media (min-width:768px){

.navbar-nav.navbar-right:last-child {
margin-right: 0;
}

}


@media (max-width:768px){
	
#timeline ul.timeline li.note {
width:100%;
}

#timeline ul.timeline li.note .note-circle {
left:48.5%;
right:auto;
top:-45px;
}

#timeline ul.timeline li.note:nth-of-type(2n) .note-circle {
left:auto;
right:48.5%;
}

#timeline ul.timeline li.note:nth-of-type(2n+1):before {
left:48.5%;
right:auto;
top:-20px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #278DC5;
}

#timeline ul.timeline li.note:nth-of-type(2n+2):before {
left:auto;
right:48.5%;
top:-20px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #278DC5;
}

#timeline ul.timeline li.time {
margin:30px auto 80px;
}

#timeline ul.timeline li.today {
margin:40px auto 80px;
}

#interesting-info p {
font-size:20px;
}

#mmenu-side-menu,.mm-menu li.mm-subtitle {
background:#fff;
}

.blog-wrap .pagination {
margin-bottom:40px;
}

.btn-border,.btn-white {
font-size:12px;
}

.home-projects .project-item {
width:50%;
}

.mm-list .dropdown-submenu > a.mm-subopen:after {
right:25px;
}

.mm-list > li > a,.mm-list > li > span {
color:#333;
font-size:12px;
font-weight:700;
text-transform:uppercase;
}

.mm-list a:hover,.mm-list a:focus {
background:#278DC5;
color:#fff;
}

.mm-menu .mm-list > li > a.mm-subclose {
background:#fff;
color:#333;
}

.mm-menu .mm-list > li > a.mm-subopen:after,.mm-menu .mm-list > li > a.mm-subclose:before {
border-color:#333;
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu .mm-list > li.mm-selected > span {
background:#278DC5;
}

.navbar-header {
float:left;
width:100%;
}

.navbar-nav.navbar-right:last-child {
margin-right:0;
}

.open {
color:#191919;
display:block;
font-size:25px;
padding:15px 30px;
position:absolute;
right:15px;
text-align:right;
width:20%;
}

.open a {
color:#191919;
}

.slides-navigation,#side-menu,.caret {
display:none;
}

footer #back-top {
left:46%;
}

}


@media (max-width: 550px) {

#timeline ul.timeline li.note .note-circle,#timeline ul.timeline li.note:nth-of-type(2n+1):before {
left:48%;
}

#timeline ul.timeline li.note:nth-of-type(2n) .note-circle,#timeline ul.timeline li.note:nth-of-type(2n+2):before {
right:48%;
}

footer #back-top {
left:45%;
}

}


@media (max-width: 480px) {

#timeline ul.timeline li.note .note-circle,#timeline ul.timeline li.note:nth-of-type(2n+1):before {
left:47%;
}

#timeline ul.timeline li.note:nth-of-type(2n) .note-circle,#timeline ul.timeline li.note:nth-of-type(2n+2):before {
right:47%;
}

.blog-intro h1 {
font-size:40px;
}

.caption-wrapper,.slide-caption h1 {
font-size:60px;
line-height:60px;
max-width:100%;
}

.features-wrapper .feature:nth-of-type(2n+1) .circular,.features-wrapper .feature:nth-of-type(2n+2) .circular {
display:block;
float:none;
margin:0 auto;
}

.features-wrapper .feature:nth-of-type(2n+1) .features-box,.features-wrapper .feature:nth-of-type(2n+2) .features-box {
float:none;
padding-left:0;
text-align:center;
width:100%;
}

.home-projects .project-item {
width:100%;
}

footer {
text-align:center;
}

footer #back-top {
left:44%;
}

}