/*!
* Start Bootstrap - Creative v1.1.0 (http://startbootstrap.com/template-overviews/creative)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
.navbar-default,a{
-webkit-transition:all .35s;
-moz-transition:all .35s
}
header,header .header-content{
position:relative;
width:100%;
text-align:center;
height:100%;
}
body,html{
height:100%;
width:100%
}
body{
font-family:Open sans;
webkit-tap-highlight
-color:#222
}
.btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{
font-family: 'Roboto', sans-serif;
}
hr{
border-color:#fff;
border-width:120px;
max-width:1.5px
}
hr.light{
border-color:#fff
}
a{
transition:all .35s;
color:#f84242
}
a:focus,a:hover{
color:#eb3812}
p{
font-size:16px;
line-height:1.5;
margin-bottom:20px
}
.bg-primary{
background-color:#f84242
}
.bg-dark{background-color:#222;
color:#fff
}
.text-faded{
color:rgba(255,255,255,.7);
text-align:center;
}
.alert-info{
    color: #f84242;
    background-color: #fff;
    border-color: #fff;
    font-size: 18px;
}
section{
padding:100px 0
}
aside{
padding:50px 0
}
.no-padding{
padding:0
}
.navbar-default
{
background-color:#fff;
border-color:rgba(34,34,34,.05);
transition:all .35s
}
.btn-default,.portfolio-box .portfolio-box-caption{
-webkit-transition:all .35s;
-moz-transition:all .35s
}
.navbar-default .navbar-header .navbar-brand{
color:#f84242;
font-weight:700;
text-transform:uppercase
}
.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{
color:#eb3812}
.navbar-default .navbar-header .navbar-toggle{
font-weight:700;
font-size:12px;
color:#222;
text-transform:uppercase}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{
text-transform:uppercase;
font-weight:700;
font-size:13px;
color:#222}
.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{
color:#f84242}
.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{
color:#f84242!important;background-color:transparent}
.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{
background-color:transparent}
@media (min-width:768px){
.navbar-default{
background-color:transparent;
border-color:rgba(255,255,255,.3)}
.navbar-default .navbar-header .navbar-brand{
color:rgba(255,255,255,.7)}
.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{
color:#fff}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{
color:rgba(255,255,255,.7)}
.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{
color:#fff}
.navbar-default.affix{
background-color:#fff;border-color:rgba(34,34,34,.05)}
.navbar-default.affix .navbar-header .navbar-brand{
color:#f84242;font-size:14px}
.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{
color:#eb3812}
.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{
color:#222}
.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{
color:#f84242}}

header {
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-image: url(../img/bg1.png);
	color: #fff
}

@media (max-width: 768px) {
	header {
		background-position: -29rem !important;
	}
}

@media (max-width: 425px) {
	header {
		background-position: 48rem !important;
	}
}

header .header-content{
padding:100px 15px;
font-family: 'Roboto', sans-serif;
}
header .header-content .header-content-inner h1{


margin-top:0;
margin-bottom:30;
margin-left: 60px;
margin-right: 60px;
text-align: center;}




header .header-content .header-content-inner break{
margin-left: 100px;
margin-right: 100px;
align-self: center;

}


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

margin-left:30px;
margin-right:30px;
font-size:16px;
margin-bottom:50px;
margin-top: 30px;
}
.navbar-toggler-icon {
	display: inline-block;
    vertical-align: middle;
}
@media (min-width:768px){
header{min-height:100%}
header .header-content-inner{
position:absolute;
top:50%;
webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
padding:0 50px}
header .header-content .header-content-inner{
max-width:1000px;
}
header .header-content .header-content-inner h1{
font-size:60px;
font-family: 'Roboto', sans-serif;
text-align:left;
font-weight: normal;
margin-right: 30px;
margin-left: 30px}

header .header-content .header-content-inner p{
font-size:18px;
max-width:90%;
text-align: left;
}
.navbar-toggler{ display:none; }
}
.d-flex{
    display: flex;
    flex-wrap: wrap;
}
.justify-content-between{
        justify-content: space-between;
}
.align-items-center{
	align-items: center;
}
.section-heading{
margin-top:0}
.service-box{
max-width:400px;
margin:50px auto 0}
@media (min-width:992px){
.service-box{margin:20px auto 0}
}
.service-box p{
margin-bottom:0}
.portfolio-box{
position:relative;
display:block;
max-width:650px;
margin:0 auto}
.portfolio-box .portfolio-box-caption{
color:#fff;
opacity:0;
display:block;
background:rgba(240,95,64,.9);
position:absolute;
bottom:0;
text-align:center;
width:100%;
height:100%;
transition:all .35s}
.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{
background-image:none}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{
width:100%;
text-align:center;
position:absolute;
top:50%;
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{
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
text-transform:uppercase;font-weight:600;font-size:14px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
font-size:18px}
.portfolio-box:hover .portfolio-box-caption{
opacity:1}
.portfolio-box:focus{
outline:0}
@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:#f84242}
.no-gutter>[class*=col-]{
padding-right:0;
padding-left:0}
.btn-default{
color:#252528;
background-color:#fff;
border-color:#fff;
transition:all .35s}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{
color:#252528;
background-color:#252528;
border-color:#252528}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{
background-color:#fff;
border-color:#fff}
.btn-default .badge{
color:#fff;
background-color:#252528}
.btn-primary{
color:#fff;
background-color:#252528;
border-color:#414144;
-webkit-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{
color:#fff;
background-color:#333337;
border-color:#252528}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
background-color:#414144;
border-color:#414144}
.btn-primary .badge{
color:#414144;
background-color:#fff}
.btn{

border-radius:4px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.btn-xl{
	padding:10px 20px;
	font-size: 20px;
	margin: 10px;
}

::-moz-selection{
color:#fff;
text-shadow:none;
background:#252528}
::selection{color:#fff;
text-shadow:none;
background:#252528}
img::selection{
color:#fff;
background:0 0}
img::-moz-selection{color:#fff;
background:0 0}
footer{
font-family: 'Roboto', sans-serif;
text-align: right;
position: right;
}
@media (min-width:1200px){
	.text-center{
		text-align: center;
	}
}
@media (max-width:600px){
	.home .btn{
		width: 100%;
    	margin-bottom: 20px;
	}
}