/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
}

p {
    /*font-size: 20px;*/
}

p.small {
    font-size: 14px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #757575;
	    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.bg-white { background-color:#fff;}
.mb-0 { margin-bottom:0;}
.pb-10 { padding-bottom:10px;}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
h3 {font-size:32px;}
hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 1em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff;
}

.img-centered {
    margin: 0 auto;
}
.font26 { font-size:26px;}
/*#page-top {background:url(../images/snow.png) no-repeat center top;}*/
header {
    text-align: center;
    color: #000;
	height:118px;

	/*
background: #e4f5fd; 
background:url(../images/snow.png) no-repeat center top, -moz-linear-gradient(top,  #e4f5fd 0%, #ffffff 100%);
background:url(../images/snow.png) no-repeat center top, -webkit-linear-gradient(top,  #e4f5fd 0%,#ffffff 100%);
background:url(../images/snow.png) no-repeat center top, linear-gradient(to bottom,  #e4f5fd 0%,#ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fd', endColorstr='#ffffff',GradientType=0 );
*/
}
header .logo { float:left;}
header .intro-text { float:right;color:#777; line-height:25px;}
header .container {
   
}

header img {
    display: block;
    margin: 0 auto 20px;
	max-width:100%;
}

header .intro-text .name {
    display: block;
    text-transform: uppercase;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: 700;
	color:#ffa800;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}
.pt20 { padding-top:20px;}

@media(min-width:768px) {
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

    header .container {
       /* padding-top: 200px;
        padding-bottom: 100px;*/
    }

    header .intro-text .name {
        font-size: 1.3em;
    }

    header .intro-text .skills {
        font-size: 1em;
    }
	.navbar-fixed-top.navbar-shrink {min-height:40px;}
	.navbar-fixed-top.navbar-shrink .navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
	#more .panel {height:215px;}
}
@media(min-width:768px) and (max-width:1024px) {
.navbar {font-size:1em !important;}
.navbar .col-lg-12{padding-left:0; padding-right:0;}
.nav>li>a {padding:18px 10px}
	.panel-heading .fa { float:right;}
	.nav-tabs>li>a {font-size:13px;padding:0em .59em !important;}
}
@media(min-width:768px) {
/*	.footer-col.col-md-5 .col-lg-7 address {border-right:1px solid #6c7885;}*/
.navbar-brand { display:none;}
    .navbar-fixed-top {
        padding: 5px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    /*text-transform: uppercase;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
	font-size:1.2em;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

section {
    padding:30px 0;
}

section h2 {
    margin: 0;
    font-size: 3em;
}

section.success {
   
    background: #f1f6fc;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #2c3e50;
}
section.testmonial {
   
    background: #0b628f;
}
section.testmonial .learn-button {text-indent: 15px;}
.attachment span { padding:0 6px; border-right:1px solid #2c3e50; display:inline-block;}
.attachment span:last-child { border-right:none;}
@media(max-width:767px) {
		
.attachment span { padding:6px; border-right:none; }
.news-panel  {word-wrap:break-word;}
.news-panel img { max-width:100%; height:auto;}
.list-group-item .fa {float: left !important;}
#NewsEventsTab.nav-tabs li, #NewsTab.nav-tabs li  {width:100%;}
#NewsEventsTab.nav-tabs li .fa, #NewsTab.nav-tabs li .fa {float: right;    line-height: 40px;}
.news-filter {width:100%;}
.news-filter .col-sm-2 {width:20%; float:left;}
.news-filter .col-sm-10 {width:80%; float:left;}
.news-filter .col-sm-10 select {width:48%; float:left; margin-right:4px;}
.pattern h5 a {display:block;padding:4px 0 !important;}
.navbar-fixed-top {position:static;}
.navbar {margin-bottom:0;}
.navbar-shrink { position:fixed;}
.pattern h3 {margin:0; padding-top:30px !important;}
    section {
        padding: 25px 0;
    }
header .logo {float:none; margin-left:auto; margin-right:auto; margin-bottom:0;}
    section.first {padding-top: 75px;}
    section.pad-20 {padding:20px 0px;}
	#banner {overflow:hidden;}
	#banner img { width:1000px; height:200px; margin-left:-200px; max-width:none;}
	#banner .banner-txt { width:100%; margin-left:0px; max-width:none; padding:0;}
	.img-thumbnail {width:29%; }
	.panel-heading .fa { float:right;}
	#myTab span {display:block;}
	.panel-heading .fa-2x { font-size:1em;}
.dropdown-menu{ background-color:#ecf0f1 !important;color: #2c3e50;}
.dropdown-menu a{color: #2c3e50 !important;}
.intro-text { font-size:14px;line-height:inherit !important; color:#fff !important;}
.navbar-brand {padding:4px;}
header .intro-text .name { font-size:1em;}
header .intro-text .skills { font-size:1em;}
header{ height:auto;}
header .pull-right{display:none;}
.icon-block {border-bottom:1px solid #cbd9e9;margin-bottom: 10px;padding-bottom: 6px;}

}
#myTab span {display:none;}
#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
	#news .nav-tabs li {width:24.99%; text-align:center}
	.tab-img {
    padding-top: 43px;
}
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 1px #fff;
    color: #18bc9c;
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #18bc9c;
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #eee;
}

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 20px;
    background-color: #2c3e50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding:0;
    background-color: #233140;

}

.btn-social {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
  /*  width: 50px;
    height: 50px;*/
	display:none;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

/*Custom Bootstrap*/
.pl10 { padding-left:10px;}
.pr10 { padding-right:10px;}
.no-gutter {margin-left:0; margin-right:0;}
.pad-20 { padding:20px;}
.pad-TB {padding:20px 0;}
.tab-content>.tab-pane { padding:10px;}
.navbar-default {
  background-color: #0b628f;
  border-bottom:3px solid #ffa800;
}
.navbar-right li.dropdown {  background-color: #ffa800;
  color:#fff;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  background-color: #ffa800;
  color:#fff;
}
.navbar-fixed-top {top:75px;padding:0;-webkit-box-shadow: 0 8px 6px -6px #333;
	   -moz-box-shadow: 0 8px 6px -6px #333;
	        box-shadow: 0 8px 6px -6px #333; transition: top 0.2s ease;}
.navbar-fixed-top.navbar-shrink {top:0;padding:0;}
#banner { padding:0;}
.tab-content { border:solid #ccc; border-width:0 1px 1px 1px; color:#2c3e50;}
.nav-tabs li {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
border-right:1px solid #ccc; text-transform:uppercase;}
.nav-tabs {border:1px solid #ccc;    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );}
.nav-tabs .active a{ background-color:#0b628f !important;color:#fff !important;}
.nav-tabs>li>a {border:none;margin-right:0; border-radius:0;line-height:2.6em;color:#2c3e50; padding:.6em 1.125em;}
.nav-tabs li:last-child {border-right:none;}
.learn-button { background:url(../images/learn-button.jpg) no-repeat left center; width:155px; height:35px; color:#fff; display:block;    line-height: 30px;
    text-indent: 27px;}
.banner-txt {    position: absolute;
    width: 400px;
   background: rgba(44, 62, 80, .7);
    bottom: 0;
	color:#fff;
    margin-left: 35%;
	padding:0 10px;
	}
.banner-txt h3 {font-size:32px; font-weight:bold;}
.banner-txt p	{
font-size:22px;
}
.banner-txt h3, .banner-txt p	{
	font-family: 'Roboto Condensed', sans-serif;
	}
.icon-block .fa-4x {border-radius:60px; background-color:#0b628f; color:#fff;width: 120px;
    height: 120px;
    line-height: 120px;  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;}
.icon-block h3 { font-weight:bold; font-size:32px;}
.icon-block h3 a:hover{ color:#2c3e50 !important;}
section.success a:hover {color:#fff; text-decoration:none;}
.btn-default.btn1 {
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    padding: 0;
    font: bold 18px 'Roboto Condensed';
    margin: 0;
    border-radius: 0;
    color: #0b628f;
    background: none;
    text-transform: uppercase;
    float: none;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
	}
	.btn-default.btn1:hover {
    color: #414141;
    background: none;
    text-decoration: none;
}
.client-block img{ margin:5px;}
.google-map-api {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#map-canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#map-canvas img {
  max-width: none !important;
}
.map {
  color: #fff;
  position: relative;
  text-align: center;
  height: 400px;
}
.footer-above h4 { color:#ffa801;}
.copyright {line-height:50px; text-align:left;}
ul.footer-links { padding:0;list-style:circle; }
ul.footer-links  li{ display:block;}
ul.footer-links li a{ padding:2px 0; display:block; text-align:left; color:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .dropdown-menu a:hover {background-color: #ffa800 !important; color:#fff !important;}
.footer-col img { margin:0 4px 0 0;}
/*Template2*/
h2.style {  color:#ffa801; font-size:250%; padding-bottom:10px;}
h2.style small{ display:block; font-size:40%;color:#b4bcc2;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .on {background-color: #ffa800 !important; color:#fff !important;}

#more .btn-primary {    background-color: #ffa800;    border-color: #ffa800;}
 section#contact {
    background: #f3f3f3;
}
.floating-label-form-group {
    background-color: #fff;
}
.icon:hover .fa {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.main-image { background-color:#fff; padding:10px 0;}
.main-image img{ margin:0 auto;}
.bg-grey { background-color:#f3f3f3;}
.bg-blue-pattern { background: #0b628f url(../images/pattern2.png) repeat left top;}
.pattern { background:url(../images/pattern.jpg) repeat-x left top;}
.pattern h3 { padding-top:10px; color:#fff;}
.pattern h5 a { text-transform:capitalize; padding:0 10px; color:#ffa800;}
hr {    border-top: 1px solid #ccc;}
.tab-pane .img-responsive { padding-top:20px;}
.cust-ul { list-style:none; padding-left:10px;}
.cust-ul .fa { color:#0b628f;}
.fa {margin-right:4px;}
.highlight { color:#0b628f;font-size:150%;}
.bg-success {background: #0b628f;}
.media-body {color:#fff;}on> a {    background-color: #ffa800 !important;
    color: #fff !important;}
.nicescroll-rails-hr { display:none !important;}
.img-thumbnail { margin:4px;}
.col-centered {margin:0 auto;}
.pattern a {color:#fff;}
.navbar-right .dropdown > a { background-color:#7d0004;}
.navbar-nav>li>a {padding-top: 10px;
    padding-bottom: 10px;}
	.navbar {
    min-height: 44px;}
.nav-tabs>li>a {padding: 0em .933em;}
.button-none {display:none;}
.button-display {display:block;}

.navbar-default .badge , .panel-default>.panel-heading .badge{background-color: #0b628f;
    color: #fff;font-size:11px; font-weight:normal;}
	
	 header .sub { color:#0b628f; padding-top:4px;}
 header .sub h4 { margin-bottom:4px;font-size:24px;}
 header .sub h5 {color:#ffa800; margin:4px 0;}
 #testimonials p { font-size:14px;}
 .btn-info {
    color: #ffffff;
    background-color: #0b628f;
    border-color: #0b628f;
}
.feature th{ background-color:#0b628f;color:#fff; vertical-align:middle !important; text-align:center;}
.bg-1,.bg-2, .bg-3, .bg-4, .bg-5, .bg-6,.bg-7 {color:#fff; vertical-align:middle !important; text-align:center;}
.bg-1 { background-color:#f79646;}
.bg-2 { background-color:#c0504d;}
.bg-3 { background-color:#9bbb59;}
.bg-4 { background-color:#8064a2;}
.bg-5 { background-color:#4bacc6;}
.bg-6 { background-color:#00b050;}
.bg-7 { background-color:#4f81bd;}

.color1 {background-color:#4f6228;}
.color2 {background-color:#974807;}
.color3 {background-color:#0f253f;}
.color1 .fa,.color2 .fa, .color3 .fa  { color:#fff;}
.feature .fa-times-circle-o {color:#c0504d}
.legend li {color:#fff; text-align:center; margin-bottom:2px;}
.legend ul { display:block; margin:0; padding:0; list-style:none;}
.legend {width:130px;}
.legend-fixed { position:fixed;}
.tab-img { background:url(../images/map-bg.png) no-repeat left bottom;}
.tab-img a { background-color:#c21439; border:2px solid #ffc800; line-height:15px; height:75px; border-radius:50px; width:100%; text-align:center; display:block; color:#fff; font-size:14px; padding:10px; margin-bottom:8px;}
.tab-img a:hover {text-decoration:none;}


.bubble { display:table; margin-bottom:8px}
.bubble a { display:table-cell; vertical-align:middle;}
#testimonials img {margin:0 8px;}
#testimonials blockquote { text-align:left;}
.fa-minus-square-o:before {
    content: "\f147" !important;
}
.mar-0 { margin:0 !important;}
.mar-10LR { margin:0 10px;}
.about .thumbnail { margin:10px 0 !important; }
.gdpr_close {position:absolute;top:10px;right:10px;color:#fff;background: #fff !important;width: 30px;height: 30px;border-radius: 20px;line-height: 20px;}
.gdpr_close span {color: #000;}
#gdpr_modal .modal-content {overflow: hidden; border: 2px solid #fff;} 
#gdpr_modal.modal {text-align: center;padding: 0!important;}
#gdpr_modal.modal:before { content: ''; display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
#gdpr_modal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}