@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

.clearfix {
zoom:1;
}

.clearfix:before,.clearfix:after {
display:table;
content:"";
line-height:0;
}

.clearfix:after {
clear:both;
}

.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
}

.input-block-level {
display:block;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
min-height:50px;
}

body {
padding-top:80px;
font-size:12px;
color:#34495e;
background:#f5f5f5;
}

body h1,body h2,body h3,body h4,body .created {
/*font-family:"Fjalla One";*/
font-weight:400;
font-family: Open Sans,sans-serif;

}

body h3{
    text-align: center;
}

.btn {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:0;
background-image:none;
text-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.btn.btn-transparent {
border:3px solid #fff;
background:transparent;
color:#fff;
transition: all 0.3s;
margin-left: 10px;
margin-right: 10px;
}

.btn.btn-transparent:hover {
    border-color:rgba(255,255,255,0.5);
    color:rgba(255,255,255,0.5);
}


.btn.btn-link {
color:#002633;
padding:0;
}

.btn.btn-link:hover {
text-decoration:none;
}

.btn-primary {
background-color:rgba(0, 38, 51, 1);
transition: all 0.3s;
}

.btn-primary:hover {
    background-color:rgba(0, 38, 51, 0.8);
}

a {
color:#002633;
-webkit-transition:300ms;
-moz-transition:300ms;
-o-transition:300ms;
transition:300ms;
}

a.dark-body-a{
    cursor: pointer;
    color: #999!important;
}

a:hover,a:focus {
color:#005580!important;
text-decoration:none;
outline:0;
}

.dropdown-menu {
margin-top:-1px;
min-width:180px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0;
padding:0;
}

body>section {
padding:50px 0;
}

body>section#slide-show {
padding:0;
}

#recent-works {
background:#002633;
color:#fff;
}

#recent-works .links>a {
background:#fff;
color:#002633;
text-shadow:none;
}

#clients {
background:#fff;
}

#clients .clients ul.thumbnails>li {
text-align:center;
margin-bottom:0;
}

.title {
background:#002633;
color:#fff;
/* padding:20px 0; */
}

.center {
text-align:center;
}

.box {
background-color:#fff;
border-top:1px solid #f0f0f0;
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:25px;
}

.progress {
margin-bottom:10px;
}

.progress,.progress .bar {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background-image:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
height:30px;
line-height:30px;
}

.label,.badge {
font-weight:300;
font-size:90%;
}

ul.breadcrumb {
background:transparent;
margin:12px 0 0;
}

ul.breadcrumb>li {
text-shadow:none;
}

ul.breadcrumb>li.active {
color:rgba(255,255,255,0.7);
}

ul.tag-cloud li {
display:inline-block;
margin:0 0 2px;
}

.btn-social {
border:0;
color:#fff;
text-shadow:0 1px rgba(0,0,0,0.5);
}

.btn-social.btn-facebook {
background:#4f7dd4;
}

.btn-social.btn-facebook:hover {
background:#789bde;
}

.btn-social.btn-twitter {
background:#5bceff;
}

.btn-social.btn-twitter:hover {
background:#8eddff;
}

.btn-social.btn-linkedin:hover {
background:#49b9e3;
}

.btn-social.btn-google-plus {
background:#dc422b;
}

.btn-social.btn-google-plus:hover {
background:#e36957;
}

header.navbar .navbar-inner {
background:#fff!important;
border:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


header.navbar .nav>li {
margin-left:1px;
}

header.navbar .nav>li>a {
padding-top:10px;
padding-bottom:10px;
color:#333;
/*font-family:"Fjalla One";*/
font-size:14px;
text-transform:uppercase;
text-shadow:none;
font-family: Open Sans,sans-serif;
}

header.navbar .nav>li>a:hover {
background:transparent;
color:#002633;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

header.navbar .nav>li.active>a,header.navbar .nav>li.active>a:hover {
    background: transparent;
    /* color: navy; */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0.7;
}

header.navbar .nav>li.dropdown.open>a.dropdown-toggle {
background:transparent;
color:#002633;
}

header.navbar .nav>li.login>a {
border-left:1px solid #e5e5e5;
}

header .dropdown-menu:before {
display:none!important;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle {
background-color:transparent;
color:#002633;
}

.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
color:navy;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {
background:#002633;
}

.main-info {
background-color:#fff;
color:#999;
}

.icon-medium {
    font-size: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    /* display: inline-block; */
    /* background: #002633; */
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    padding: 5px;
}

.modal {
border:0;
}

.modal#loginForm {
width:600px;
margin-left:-300px;
}

.modal .modal-header {
border:0;
padding:20px 20px 0;
}

.modal .modal-header>h4 {
font-weight:300;
font-size:14px;
color:#848484;
text-transform:uppercase;
margin:0;
}

.modal .modal-body {
padding:20px;
}

.modal input[type="text"],.modal input[type="password"] {
min-height:30px;
width:130px;
margin-right:10px;
padding:5px 10px;
margin-bottom: 10px;
}

.modal select{
    margin-bottom: 10px;
}

.modal .icon-remove {
color:#848484;
position:absolute;
right:-5px;
top:-5px;
width:16px;
height:16px;
line-height:16px;
text-align:center;
display:block;
background:#ebebeb;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
cursor:pointer;
}

.modal button {
/* margin-left:10px; */
border:0;
}

.gap {
margin-bottom:50px;
}

.big-gap {
margin-bottom:100px;
}

.no-margin {
margin:0;
padding:0;
}

#services {
background:#252525;
color:#999;
}

#main-contents .blog-news .created {
font-size:18px;
color:#002633;
}

.registration-form {
border:0;
background-color:#fff;
border-top:1px solid #f0f0f0;
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);
display:inline-block;
padding:20px;
}

#bottom {
background:#232323;
color:#6f6f6f;
}

#bottom h4 {
margin-top:0;
margin-bottom:15px;
}

#bottom a {
color:#6f6f6f;
}

#bottom ul.address>li {
position:relative;
padding-left:20px;
margin-top:10px;
}

#bottom ul.address>li>i {
position:absolute;
top:3px;
left:0;
}

#bottom ul.thumbnails li {
margin-bottom:5px;
}

ul.arrow,ul.arrow-double,ul.tick,ul.cross,ul.star,ul.rss {
list-style:none;
margin:0;
padding:0;
}

ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before,ul.arrow li::after,ul.arrow-double li::after,ul.tick li::after,ul.cross li::after,ul.star li::after,ul.rss li::after {
font-family:FontAwesome;
font-size:11px;
}

ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before {
margin-right:5px;
}

ul.arrow li::before {
content:"\f105";
}

ul.arrow-double li::before {
content:"\f101";
}

ul.tick li::before {
content:"\f00c";
}

ul.cross li::before {
content:"\f00d";
}

ul.star li::before {
content:"\f006";
}

ul.rss li::before {
content:"\f09e";
}

#footer {
background:#333;
padding-top:15px;
padding-bottom:15px;
color:#666;
}

#footer a {
color:#666;
}

#footer #gototop {
height:40px;
line-height:40px;
width:40px;
text-align:center;
display:inline-block;
background:#1d1d1d;
font-size:24px;
color:#fff;
}

#footer #gototop:hover {
background:#2b2b2b;
text-decoration:none;
}

#footer .cp {
margin-top:11px;
}

ul.social {
list-style:none;
display:inline-block;
margin:10px 0 0;
padding:0;
}

ul.social>li {
display:inline-block;
margin:0 5px;
}

ul.social>li>a {
font-size:24px;
color:#666;
}

.box-border {
padding:15px;
}

.accordion-group {
background-color:#fff;
border-top:1px solid #f0f0f0;
}

.accordion-heading .accordion-toggle {
color:#666;
font-weight:700;
}

.accordion-inner {
border-top:0;
}

.blog .blog-item .date span {
display:block;
text-align:center;
}

.blog .blog-item .date span.day {
font-size:50px;
line-height:50px;
padding-top:10px;
font-family:"Fjalla One",sans-serif;
}

.blog .blog-item .date span.month {
font-size:18px;
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
min-height:50px;
border:3px solid #ededed;
padding:0 15px;
}

select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border-color:#002633;
}

textarea#message {
height:219px;
padding:10px 15px;
}

.widget {
margin-bottom:30px;
}

.widget>h3 {
font-size:16px;
margin-top:0;
}

.widget h5 {
margin-top:10px;
}

.widget .date {
margin-top:5px;
background:#002633;
padding:8px 10px;
}

.widget .date>span {
display:block;
text-align:center;
font-family:"Fjalla One";
color:#fff;
}

.widget .date>span.month {
font-size:14px;
line-height:14px;
font-weight:700;
text-transform:uppercase;
}

.widget .date>span.day {
font-size:18px;
line-height:18px;
}

#pricing-table {
margin-top:20px;
margin-bottom:30px;
}

#pricing-table .plan {
list-style:none;
color:#fff;
margin:0;
padding:0;
}

#pricing-table .plan.featured {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}

#pricing-table .plan>li {
padding:10px 15px;
}

#pricing-table .plan>li.plan-name {
background:rgba(0,0,0,0.1);
}

#pricing-table .plan>li.plan-name h3 {
margin:10px 0;
}

#pricing-table .plan>li.plan-action {
padding:20px 0;
}

#pricing-table .plan1 {
background:#1abc9c;
}

#pricing-table .plan2 {
background:#e74c3c;
}

#pricing-table .plan4 {
background:#9b59b6;
}

ul.gallery {
display:block;
margin:-15px;
}

ul.gallery.col-1 li {
width:100%;
}

ul.gallery.col-2 li {
width:50%;
}

ul.gallery.col-3 li {
width:33.3333%;
}

ul.gallery.col-4 li {
width:25%;
}

ul.gallery li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.gallery li .desc {
margin:15px;
}

ul.gallery li .preview {
display:block;
position:relative;
margin:15px;
}

ul.gallery li .preview .overlay {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.6);
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:opacity 300ms;
-moz-transition:opacity 300ms;
-o-transition:opacity 300ms;
transition:opacity 300ms;
}

ul.gallery li .preview .links {
width:104px;
height:40px;
position:absolute;
top:50%;
left:50%;
margin-top:-20px;
margin-left:-52px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translate(0,-50px);
-moz-transform:translate(0,-50px);
-ms-transform:translate(0,-50px);
-o-transform:translate(0,-50px);
transform:translate(0,-50px);
-webkit-transition:300ms;
-moz-transition:300ms;
-o-transition:300ms;
transition:300ms;
}

ul.gallery li .preview .links>a {
width:50px;
height:40px;
line-height:40px;
display:inline-block;
text-align:center;
background:#002633;
color:#fff;
text-shadow:0 1px rgba(0,0,0,0.3);
font-size:18px;
margin:0 1px;
}

ul.gallery li .preview:hover .overlay,ul.gallery li .preview:hover .links {
opacity:1;
filter:alpha(opacity=100);
}

ul.gallery li .preview:hover .links {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}

ul.faq {
list-style:none;
margin:0;
}

ul.faq li {
margin-top:30px;
}

ul.faq li span.number {
display:block;
float:left;
width:50px;
height:50px;
line-height:50px;
text-align:center;
background:#002633;
color:#fff;
font-size:24px;
}

ul.faq li>div {
margin-left:70px;
}

#error {
text-align:center;
margin-top:150px;
margin-bottom:150px;
}

body h5,body h6,#clients .clients ul.thumbnails {
margin:0;
}

body h3,body h4,#bottom ul.address>li:first-child,.blog .blog-item h2,ul.faq li:first-child,ul.faq li>div h3 {
margin-top:0;
}

#clients h4,#clients .prev,#clients .next,.main-info h4,ul.social>li>a:hover {
color:#999;
}

#clients .carousel,header.navbar,#bottom ul.thumbnails {
margin-bottom:0;
}

ul.breadcrumb>li>a,ul.breadcrumb>li .divider,.btn-social:hover,#services h1,#services h2,#services h3,#services h4,#services h5,#services h6,#bottom h1,#bottom h2,#bottom h3,#bottom h4,#bottom h5,#bottom h6 {
color:#fff;
}

.btn-social.btn-linkedin,#pricing-table .plan3 {
background:#002633;
}

header.navbar .nav,header .dropdown-menu,#main-contents {
margin-top:20px;
}

#bottom a:hover,#footer a:hover {
color:#002633;
}

.blog .blog-item .tag,.blog .blog-item .avatar {
margin-top:5px;
}

/* .span6.bios{
    min-height:680px;
} */

.span8{
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 0!important;
}


@media screen and (min-width: 1920px) {
    #bottom {
        /* position: fixed!important; */
        width: 100%!important;
        margin-bottom: 30px!important;
        bottom: 0!important;
    }
    #footer {
        bottom: 0!important;
        position: fixed!important;
        width: 100%!important;
    }
    
}

@media screen and (min-width: 1200px) {
    .team-block{
        width:65%!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
}

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

    body{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }

    .container{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    header.navbar .navbar-inner {
        padding-right: 10px!important;
        padding-left: 30px!important;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {        
        margin-right: 0px!important;
    }

    .sl-slider h2 {
        font-size: 52px!important;
    }

    .table-container{
        padding-left: 0px!important;
        padding-right: 0px!important; 
    }

    table .cell-hide-mobile{
        display: none!important;
    }
    
    .navbar .btn-navbar {
        margin-top: 25px!important;
    }

    .title h1{
        text-align: center!important;
    }

    .modal {
        top: 10px;
        right: 27px!important;
        left: 10px;
    }

    .modal-wrapper {
        width: 80%!important;
    }
    
    table img {
        width: 60%!important;
    }
}