body {
    overflow-x: hidden;
    color: #535353;
    font-family:"Helvetica Neue Light",'Source Sans Pro', Helvetica,Arial,sans-serif; 
    line-height: normal;
    font-size: 20px;
    font-weight: 300;
}

p {
    margin-bottom: 20px;
}

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

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #073e89;
}

.container {position: relative; min-width: 320px;}


h1
{
font-family:'Conv_monbaiti',"Helvetica Neue Light",Helvetica,Arial,sans-serif; 
font-size: 48px;
position: relative;
margin: 0 0 50px 0;    
}

h1 span { display: inline-block;
        -ms-transform: scale(1.2,1);
    -webkit-transform: scale(1.2,1);
            transform: scale(1.2,1);
    padding-left: 15px;
}


#welcome h1:after
{
    background-color: #00529b;
    width: 100%;
    height: 10px;
    position: absolute;
    content: " ";
    left: 0;
    bottom: -20px;
}

#welcome p { font-weight: 300; text-align: justify;}
#red { background-color: #a30000; color: #fff; padding: 40px 0;}

#red .col-md-8 {padding-right: 150px;}


.img_172 {
    margin: 0 auto;
    width: 172px;
    height: 172px;
    overflow: hidden;
    border-radius: 172px;
    
}
.img_172 img 
{ /*filter: gray; 
    -webkit-filter: grayscale(100%);*/}

.person {margin: 25px 0; font-style: italic;}

.star { width: 100%; height: 23px; margin-bottom: 20px;}
.star span {display: inline-block; background: url(../images/star.svg) no-repeat; width: 23px; height: 23px; margin-right: 8px;}

.house {height: auto; max-height: 375px; padding: 10px;}
.house img { width: 100%; height: auto;}

#portfolio {padding-bottom: 0; position: relative;}

.more {
    font-family:'Conv_monbaiti',"Helvetica Neue Light",Helvetica,Arial,sans-serif; 
    font-size: 32.31px;
    text-decoration: none;
    background-color: #fff;
    color: #262626;
    display:inline-block;
    padding: 5px 35px 10px 35px;
    position: absolute;
    z-index: 10;
    left: calc(50% - 100px);
    border: 0;
    outline: 0
    bottom: -40px;
            border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
       -moz-border-radius: 0 0 8px 8px;    
}

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


#testimonials { 
    background: url(../images/back_test.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    padding-top: 100px;
}

.rel {position: relative;}


#testimonials .row {margin-bottom: 35px}

#testimonials .row:nth-child(2n) .col-md-3:first-child {float: right;}
#testimonials .row:nth-child(2n) .col-md-6 {float: right;}


section { padding: 50px 0; position: relative;}

#portfolio_link,
#services_link,
#testimonials_link,
#contact_link 
{position: absolute; width: 100%; height: 1px; top:-100px; z-index: 100;}


#services { padding-bottom: 0;}

.ic_pic { height: 109px; width: 160px; margin: 0 auto 25px auto;}
.ic_1 { background: url(../images/ic_1.svg) no-repeat center center; background-size: contain; }
.ic_2 { background: url(../images/ic_2.svg) no-repeat center center; background-size: contain; }
.ic_3 { background: url(../images/ic_3.svg) no-repeat center center; background-size: contain; }


h2,
h3,
h4,
h5,
h6 {
    
    font-family: "Helvetica Neue Light",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

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: 2em;
}

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;
}

header {
    text-align: center;
    background:#db9b68 url(../images/fence.jpg) no-repeat center bottom;
    background-size: cover;
    max-height: 755px;
      
}

header .container {
    padding-top: 200px;
    padding-bottom: 50px;
}

header img {
    display: block;
    margin: 0 auto 20px;
}

header .intro-text .name {
    display: block;
    
    font-family: "Helvetica Neue Light",Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: 700;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}

@media(min-width:768px) {
    header .container {
        padding-top: 200px;
        padding-bottom: 100px;
    }

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

    header .intro-text .skills {
        font-size: 1.75em;
    }
}


.navbar-default {background-color: #fff;}
.navbar-default .navbar-nav > li > a {
    color:#535353;
    font-family:'Conv_Bodoni 72 OS',"Helvetica Neue Light",Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: normal;
    padding: 10px 20px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #00529b;
    background-color: transparent;
    text-decoration: underline;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #00529b;
    background-color: transparent;
}



@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

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

   
    
}

.navbar {
    font-family: "Helvetica Neue Light",Helvetica,Arial,sans-serif;

-webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.45);
-moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.45);
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.45);
}

.navbar:after {
    content: " ";
display: block;
width: 100%;
height: 43px;
position: absolute;
z-index: 1000;
left: 0;
bottom: -43px;
background: url(../images/curve_back.svg) no-repeat center -10px;
background-size: auto 43px;
 
} 


.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: 140px 0;
}*/

section h2 {
    margin: 0;
    font-size: 48px;
    font-weight: normal;
    font-family: 'Conv_monbaiti',"Helvetica Neue Light",Helvetica,Arial,sans-serif;
}

section.success {
    color: #fff;
    background: #18bc9c;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #073e89;
}

@media(max-width:767px) {
  

    section.first {
        padding-top: 75px;
    }
}

#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;
}

#portfolio .row { margin-right: 0; margin-left: 0;} 

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.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 2px #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;
}

.carousel-inner { min-height: 200px;}

.carousel-indicators .active{ 
    background: #fff; 
} 
 

.carousel-indicators li{ 
    border:1px solid #fff; 
} 
.carousel-control{ 
    color:#fff; width:5%; 
} 
.carousel-control:hover, .carousel-control:focus {  } 
.carousel-control.left, .carousel-control.right {
    background-image: none; 
    color:#fff;
} 


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

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

.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;
}


.map { background: #fff; margin-bottom: 40px}

.adr { margin-bottom: 40px}

.adr strong {display: inline-block; width: 100px;}

.navbar-default .navbar-toggle { border: 0; border-radius: 0; background-color: #fff;}
.fade.active {
    display: block;
}

.navbar-toggle {margin-right: 0;}

.tab-content {
    background-color: #073e89;
    color:#fff;
}

.tab-pane {text-align: justify;}
.tab-pane  h1 { margin: 0 0 23px 0;}

.nav-tabs { border-bottom: 0;width: 100%; margin-bottom: 40px}
.nav-tabs > li > a, 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border: 0;
    color: #262626;
    font-size: 30px;
    font-family: Arial, Verdana;
    font-weight: bold;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: transparent}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
     
}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ccc;
}


.nav-tabs  li {
    float: left;
    margin-bottom: 0;
    display: block;
    width: 33%; float: left;
    text-align: center;
    position: relative;
}



.nav-tabs .active:after, .nav-tabs li:hover:after {
    content: " ";
    position: absolute;
    left: 39%;
    opacity: 1;
    margin: 0 auto;
    bottom: -40px;
    border: 40px solid transparent;
    border-bottom-color: #073e89;

  
}
.nav-tabs li:after {
    content: " ";
    position: absolute;
    left: 39%;
    opacity: 0;
    margin: 0 auto;
    bottom: -40px;
    border: 5px solid transparent;
    border-bottom-color: #073e89;
    transition: 0.1s ease-in-out;
    
}

.fade {
    display: none;
    padding: 50px 30% 100px 0;
}


#ic1 { background:#073e89 url(../images/ic_1a.svg) no-repeat right top; background-size: contain;}
#ic2 { background:#073e89 url(../images/ic_2a.svg) no-repeat right top; background-size: contain;}
#ic3 { background:#073e89 url(../images/ic_3a.svg) no-repeat right top; background-size: contain;}

.form-control { 
    border-radius: 0;
    border: 0;
    background-color: #ccc;
    font-size: 25.26px;
    margin-bottom: 20px;
}

textarea.form-control {height: 225px;}

.form-control::-webkit-input-placeholder {color:#333;}
.form-control::-moz-placeholder          {color:#333;}
.form-control:-moz-placeholder           {color:#333;}
.form-control:-ms-input-placeholder      {color:#333;}


#singlebutton {background-color: #75a42c; color: #fff;font-size: 25.26px; border-radius: 0;border: 0;     width: 302px;
    margin-top: 30px; font-weight: 300; }

.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: -19px;
    text-align: center;
    margin: auto;
}

.navbar-brand > img {
    display: inline-block;
}

.navbar-toggle {
    z-index:3;
}

.navbar-default .navbar-nav > li > .number:hover {text-decoration: none; color:#535353; cursor: text;}

.carousel-indicators {display: none;}

@media screen and (min-width: 320px) and (min-width: 768px) {
    .container {width: 100%; padding: 0}
   
    
}

@media screen and (min-width: 1200px) {
    .container {width: 1170px;}
}

@media screen and (min-width: 1009px){
    .navbar-default .navbar-nav > li > a {padding: 10px;}
}


@media screen and (min-width: 1170px){
    .navbar-default .navbar-nav > li > a {padding: 10px 20px;}
}


@media (min-width: 768px){
.navbar-header {
    float: right;
}
}



@media (min-width: 320px){
   

    .navbar-fixed-top {padding: 25px 0; }
     .navbar-fixed-top .navbar-brand {top:-6px;}   
}


@media screen and (min-width: 320px) and  (max-width: 414px)
{
    .navbar-brand > img {
    float: left;
    width: 72%;
    height: auto;
    }
}


@media screen and (min-width: 320px) and  (max-width: 568px) {

#welcome img {width: 70%; height: auto; margin-bottom: 30px;}
 .navbar-fixed-top .navbar-brand {top:-6px;}   

}

@media (min-width: 768px){
    
    .navbar-brand > img {
    float: none;
    width: auto;
    height: auto;
}
     .navbar-fixed-top {position:fixed; padding: 25px 0; }
    .navbar-fixed-top .navbar-brand {top:-19px;} 
    
}

@media screen and (min-width: 320px) and (max-width: 763px) {
     .fade {padding: 50px 0 100px 0;}
    .navbar-left, .navbar-right  {width: 100%; float: left !important; margin-top: 0; margin-bottom: 0; }
    
    .navbar-nav > li {
    float: none;
    width: 100%;    
}
}

.panel-group {
margin: 0 -15px;

    
}

.panel {border: 0;box-shadow:none;-webkit-box-shadow:none; }
.panel-default > .panel-heading {
    color: #2c3e50;
    background-color: transparent;
    border-color: transparent;
    text-align: center;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    color: #fff;
    background-color: #073e89;
    margin-top: 25px;
    text-align: justify;
}


.panel-group .panel + .panel {
    margin-top: 65px;
}    

.panel-group .panel:last-child {border-bottom:10px solid #b21f24; padding-bottom: 40px; border-radius: 0;}

.panel-title > a 
{
    color: #262626;
    font-size: 30px;
    font-family: Arial, Verdana;
    font-weight: bold;
}

.panel-title > a:hover, .panel-title > a:focus, .panel-title > a:active {text-decoration: none;} 

.panel-title > a span {display: inline-block;padding-left: 40px}


.panel-title > a.collapsed .arrow { transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); }
.panel-title > a .arrow,
.more .arrow
{width: 24px; height: 24px; display: block; position: relative; overflow: hidden; float: right; top:4px; margin-left: 20px;  transform:rotate(90deg);-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); }

.arrow:before { content:" "; position: absolute; width: 100%; height: 3px; background-color: #0068ac; top:3px; left:0; transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.arrow:after  { content:" "; position: absolute; width: 100%; height: 3px; background-color: #0068ac; bottom:3px; left:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.more .arrow:before, 
.more .arrow:after {background-color: #393939}

.more[aria-expanded="true"] .arrow { transform:rotate(-90deg);-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }




@media screen and (min-width: 737px) {
    .nomob { display: block;}
    .mob {display: none;}
}

@media screen and (min-width: 320px) and (max-width: 736px){
    .nomob { display: none;}
    .mob {display: block;}
    #red {padding: 0; margin-top: 40px}
    #red .col-md-8 { padding-right: 15px; padding-top: 30px; text-align: justify;}
    #red .col-md-4 {}
    .star {text-align: center; margin-top: 15px;}
    
    h1 span {padding-left: 0;}
    #welcome h1 span {padding-left: 15px;}
    #red .star { margin-top: 0;}
    
    #testimonials .row:nth-child(2n) .col-md-3:first-child {float: none;}
 
    .adr strong {margin-bottom: 24px;float: left;}
    
    #singlebutton {width: 100%;}
    
    .container > .navbar-header {margin-right: 0;}
    .navbar-fixed-top {padding: 25px 0 0 0;}
    
     .flex-direction-nav {position: absolute; width: 100%; top:35%;}
    
    .flex-direction-nav li {width: 52px; height: 52px; float: left;}
    .flex-direction-nav li + li {float: right;}
    
    .flex-direction-nav li a {position: relative; top:0; margin-top: 0;}
    
    .flex-direction-nav li .prev {left: 0;}
    .flex-direction-nav li .next {left: 0;}
    .flex-direction-nav li a {background: url(../images/bg_direction_nav.png) no-repeat 0 100%;}
    .flex-direction-nav li .next {background-position: -52px 100%;}
    
    .flex-direction-nav li .prev:focus,
    .flex-direction-nav li .prev:active {background: url(../images/bg_direction_nav.png) no-repeat 0 0;}
    
    .flex-direction-nav li .next:focus,
    .flex-direction-nav li .next:active {background-position: -52px 0;}
    
    header .container {padding-top: 150px;}
    
    #red {
        -webkit-box-shadow: inset 0 86px 0 0 rgba(255,255,255,1);
-moz-box-shadow: inset 0 86px 0 0 rgba(255,255,255,1);
box-shadow: inset 0 86px 0 0 rgba(255,255,255,1);
        
    }
    
    .carousel-inner {  min-height: 500px;}
    
    .carousel-control.left, .carousel-control.right {display: none;}
    .carousel-indicators {display: block;}
    
}

@media screen and (min-width: 725px) and (max-width: 1029px){

    .navbar-default .navbar-collapse {margin-top: 58px}
}

@media (min-width: 992px) {
    #contact .col-md-6 {float: right;}
}

@media (max-width: 767px) {
#welcome {padding: 50px 0 0 0;}
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #676766;
}


#success, #results {display: none;}

.rc-anchor-light{
outline: 1px solid #d3d3d3;
outline-offset: -1px;
border: 0 !important;
}



.more:after {
   content:"see less";
}
.more.collapsed:after {
   content:"see more";
}