/*!



 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)



 * Code licensed under the Apache License v2.0.



 * For details, see http://www.apache.org/licenses/LICENSE-2.0.



 */







html,



body {



    width: 100%;



    height: 100%;



}







body {



    font-family: "Open Sans","Helvetica Neue",Arial,sans-serif;



}





hr {



    max-width: 50px;



    border-color: #e34444;



    border-width: 3px;



}







hr.light {



    border-color: #fff;



}



.inner-pages-content a {

    color: #e34444;

}



a {



    color: #1c1b19;



    -webkit-transition: all .35s;



    -moz-transition: all .35s;



    transition: all .35s;



	text-decoration:none;



}







a:hover,



a:focus {



    color: #eb3812;



	text-decoration:none;



}







h1,



h2,



h3,



h4,



h5,



h6 {



    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;



}







p {



    margin-bottom: 20px;



    font-size: 16px;



    line-height: 1.5;



}







.bg-primary {



    background-color: #e34444;



}







.bg-dark {



	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;



    color: #1c1b19;



    background-color: #222;



}







.text-faded {



    color: rgba(255,255,255,.7);



}







/*section {



    padding: 30px 0;



}
*/






aside {



    padding: 50px 0;



}







.no-padding {



    padding: 0;



}







.navbar-default {



    /*border-color: rgba(34,34,34,.05);*/



    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;



    background-color: #fff;



    -webkit-transition: all .35s;



    -moz-transition: all .35s;



    transition: all .35s;



}







.navbar-default .navbar-header .navbar-brand {



    text-transform: uppercase;



    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;



    font-weight: 700;



    color: #f05f40;



}







.navbar-default .navbar-header .navbar-brand:hover,



.navbar-default .navbar-header .navbar-brand:focus {



    color: #eb3812;



}







.navbar-default .nav > li>a,



.navbar-default .nav>li>a:focus,



.inner_header .nav li a {



    text-transform: uppercase;



    font-size: 13px;



    font-weight: 700;



    color: #222;



}







.navbar-default .nav > li>a:hover,



.navbar-default .nav>li>a:focus:hover {



    color: #f05f40;



}







.navbar-default .nav > li.active>a,



.navbar-default .nav>li.active>a:focus {



    color: #eb439a !important;



    background-color: transparent;



}







.navbar-default .nav > li.active>a:hover,



.navbar-default .nav>li.active>a:focus:hover {



    background-color: transparent;



}


.service-box i {
    color: #fff;
}




@media(min-width:768px) {



    .navbar-default {



        /*border-color: rgba(255,255,255,.3);



        background-color: transparent;*/



    }







    .navbar-default .navbar-header .navbar-brand {



        color: rgba(255,255,255,.7);



    }







    .navbar-default .navbar-header .navbar-brand:hover,



    .navbar-default .navbar-header .navbar-brand:focus {



        color: #fff;



    }







    .navbar-default .nav > li>a,



    .navbar-default .nav>li>a:focus {



        color: #fff;



    }







    .navbar-default .nav > li>a:hover,



    .navbar-default .nav>li>a:focus:hover {



        color: #fff;



    }







    .navbar-default.affix {



        border-color: rgba(34,34,34,.05);



        background-color: #deceb4;



		color:ff;



    }







    .navbar-default.affix .navbar-header .navbar-brand {



        font-size: 14px;



        color: #f05f40;



    }







    .navbar-default.affix .navbar-header .navbar-brand:hover,



    .navbar-default.affix .navbar-header .navbar-brand:focus {



        color: #eb3812;



    }







    .navbar-default.affix .nav > li>a,



    .navbar-default.affix .nav>li>a:focus {



        color: #e34444 !important; 



    }







    .navbar-default.affix .nav > li>a:hover,



    .navbar-default.affix .nav>li>a:focus:hover {



        color: #f05f40;



    }



}







header {



    position: relative;



    width: 100%;



    min-height: auto;



    text-align: center;



    color: #fff;



    background-image: url(../images/header.jpg);



    background-position: center;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



}







header .header-content {



    position: relative;



    width: 100%;



    padding: 100px 15px;



    text-align: center;



}







header .header-content .header-content-inner h1 {



    margin-top: 0;



    margin-bottom: 0;



    text-transform: uppercase;



    font-weight: 700;



}







header .header-content .header-content-inner hr {



    margin: 30px auto;



}







header .header-content .header-content-inner p {



    margin-bottom: 50px;



    font-size: 16px;



    font-weight: 300;



    color: rgba(255,255,255,.7);



}







@media(min-width:768px) {



    header {



        min-height: 100%;



    }







    header .header-content {



        position: absolute;



        top: 50%;



        padding: 0 50px;



        -webkit-transform: translateY(-50%);



        -ms-transform: translateY(-50%);



        transform: translateY(-50%);



    }







    header .header-content .header-content-inner {



        margin-right: auto;



        margin-left: auto;



        max-width: 1000px;



    }







    header .header-content .header-content-inner p {



        margin-right: auto;



        margin-left: auto;



        max-width: 80%;



        font-size: 18px;



    }



}







.section-heading {



    margin-top: 0;



}







.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}
.service-box a:hover{
    color: #ffffff !important;
}
.your-service-icon {
    display: inline-block;
    width: 100%;
}





@media(min-width:992px) {



    .service-box {



        margin: 20px auto 0;



    }



}







.service-box p {



    margin-bottom: 0;



}







.portfolio-box {



    display: block;



    position: relative;



    margin: 0 auto;



    max-width: 650px;



}







.portfolio-box .portfolio-box-caption {



    display: block;



    position: absolute;



    bottom: 0;



    width: 100%;



    height: 100%;



    text-align: center;



    color: #fff;



    opacity: 0;



    background: rgba(235,67,154,.9);



    -webkit-transition: all .35s;



    -moz-transition: all .35s;



    transition: all .35s;



}







.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {



    position: absolute;



    top: 50%;



    width: 100%;



    text-align: center;



    transform: translateY(-50%);



}







.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {



    padding: 0 15px;



    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;



}







.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {



    text-transform: uppercase;



    font-size: 14px;



    font-weight: 600;



}







.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {



    font-size: 18px;



}







.portfolio-box:hover .portfolio-box-caption {



    opacity: 1;



}







@media(min-width:768px) {



    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {



        font-size: 16px;



    }







    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {



        font-size: 22px;



    }



}







.call-to-action h2 {



    margin: 0 auto 20px;



}







.text-primary {



    color: #fff;



}







.no-gutter > [class*=col-] {



    padding-right: 0;



    padding-left: 0;



}







.btn-default {



    border-color: #fff;



    color: #222;



    background-color: #fff;



    -webkit-transition: all .35s;



    -moz-transition: all .35s;



    transition: all .35s;



}







.btn-default:hover,



.btn-default:focus,



.btn-default.focus,



.btn-default:active,



.btn-default.active,



.open > .dropdown-toggle.btn-default {



    border-color: #ededed;



    color: #222;



    background-color: #f2f2f2;



}







.btn-default:active,



.btn-default.active,



.open > .dropdown-toggle.btn-default {



    background-image: none;



}







.btn-default.disabled,



.btn-default[disabled],



fieldset[disabled] .btn-default,



.btn-default.disabled:hover,



.btn-default[disabled]:hover,



fieldset[disabled] .btn-default:hover,



.btn-default.disabled:focus,



.btn-default[disabled]:focus,



fieldset[disabled] .btn-default:focus,



.btn-default.disabled.focus,



.btn-default[disabled].focus,



fieldset[disabled] .btn-default.focus,



.btn-default.disabled:active,



.btn-default[disabled]:active,



fieldset[disabled] .btn-default:active,



.btn-default.disabled.active,



.btn-default[disabled].active,



fieldset[disabled] .btn-default.active {



    border-color: #fff;



    background-color: #fff;



}







.btn-default .badge {



    color: #fff;



    background-color: #222;



}







.btn-primary {



    border-color: #f05f40;



    color: #fff;



    background-color: #e34444;



    -webkit-transition: all .35s;



    -moz-transition: all .35s;



    transition: all .35s;



}







.btn-primary:hover,



.btn-primary:focus,



.btn-primary.focus,



.btn-primary:active,



.btn-primary.active,



.open > .dropdown-toggle.btn-primary {



    border-color: #ed431f;



    color: #fff;



    background-color: #ee4b28;



}







.btn-primary:active,



.btn-primary.active,



.open > .dropdown-toggle.btn-primary {



    background-image: none;



}







.btn-primary.disabled,



.btn-primary[disabled],



fieldset[disabled] .btn-primary,



.btn-primary.disabled:hover,



.btn-primary[disabled]:hover,



fieldset[disabled] .btn-primary:hover,



.btn-primary.disabled:focus,



.btn-primary[disabled]:focus,



fieldset[disabled] .btn-primary:focus,



.btn-primary.disabled.focus,



.btn-primary[disabled].focus,



fieldset[disabled] .btn-primary.focus,



.btn-primary.disabled:active,



.btn-primary[disabled]:active,



fieldset[disabled] .btn-primary:active,



.btn-primary.disabled.active,



.btn-primary[disabled].active,



fieldset[disabled] .btn-primary.active {



    border-color: #f05f40;



    background-color: #f05f40;



}







.btn-primary .badge {



    color: #f05f40;



    background-color: #fff;



}







.btn {



    border: 0;



    border-radius: 300px;



    text-transform: uppercase;



    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;



    font-weight: 700;



}







.btn-xl {



    padding: 15px 30px;



}







::-moz-selection {



    text-shadow: none;



    color: #fff;



    background: #222;



}







::selection {



    text-shadow: none;



    color: #fff;



    background: #222;



}







img::selection {



    color: #fff;



    background: 0 0;



}







img::-moz-selection {



    color: #fff;



    background: 0 0;



}







iframe{



	max-width:100%;



	}







body {



    webkit-tap-highlight-color: #222;



}







@media (max-width:767px){

.navbar-fixed-top.affix-top {
	 margin-bottom: 0;
	 position: initial;
}
.navbar-default{
	/*background-color: #deceb4;*/
}

.carousel-inner .item > img {
	 max-height: 400px;
	 width: 100%;
}

.content-main-div5.inner-pages-content table td img {
    height: auto !important;
    max-width: 90%;
}
.content-main-div5.inner-pages-content > table {
    display: inline-block;
    float: left;
    max-width: 100%;
}
.content-main-div5.inner-pages-content table td {
    float: left;
    font-size: 12px;
    width: 31%;
}
.content-main-div5.inner-pages-content table td p {
    font-size: 12px;
}

}

@media (min-width:860px){

	.products-menu .dropdown-menu {

    left: -220px;

    position: absolute;

    width: 600px;

}

.products-menu li {

    float: left;

    margin: 10px 3px;

    width: 190px;

}

.railing_m::before {

    content: url("../images/railing.jpg");

}

.decking_m::before {

    content: url("../images/decking.jpg");

}

.privacy-fencing_m::before {

    content: url("../images/privacy-fence.jpg");

}

.picket-fencing_m::before {

    content: url("../images/picket-fence.jpg");

}

.pergolas_m::before {

    content: url("../images/pergolas.jpg");

}

.posts-and-accessories_m::before {

    content: url("../images/posts-and-accessories.jpg");

}

}


@media (min-width: 992px) and (max-width: 1199px){
    .products-menu .dropdown-menu{
        left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px){

.content-main-div5.inner-pages-content table td img {
    height: auto !important;
    max-width: 90%;
}
.navbar-right .dropdown-menu {
    left: 0px;
    min-width: 200px;
}


}