@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

body {
    background: #fff;
    color: #000;
    cursor: auto;
    font-family: Raleway, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
	overflow:hidden;
}

.logo {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -130px;
	z-index:10;
}

.logo h1 {
    text-indent: -9999px;
    height: 60px;
    margin: 0;
}

.logo .logo-image {
    /*background: #fff;*/
    background: #e9f2f9;
    width: 140px;
    height: 140px;
    display: block;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: url(../images/paths.svg);
	text-align:center;
	padding:2em 0;
	border-radius:50%;
/*	-webkit-box-shadow: 0px 0px 17px -4px rgba(138,135,138,1);
-moz-box-shadow: 0px 0px 17px -4px rgba(138,135,138,1);
box-shadow: 0px 0px 17px -4px rgba(138,135,138,1);*/
}

.logo .logo-image img{
    display: inline-block;
    vertical-align: middle;
	width:120px;
}

.logo .logo-image::before {
	display: block;
border: 4px solid #108bc7;
border-radius: 50%;
width: 130px;
height: 130px;
position: absolute;
content: "";
bottom: 5px;
left: 5px;
}

.flex {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
}

.services-1{
	/* background-color:#3f0321; */
  /*background-color: rgba(0,0,0,0.6);*/
}

.services-2{
	background-image: radial-gradient(#0098de, #007fc7, #005aa7);
}

.services-3{
	background-image: radial-gradient(#cd151f, #a90e14, #930c13);
}
.services-4{
  position: relative;
  z-index: 1;
}
.services-4::before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
 /* background: url('../images/gradient2.jpg');
  opacity: 0.3;
  background-repeat: no-repeat;
  background-size: cover;*/
  background-image: linear-gradient(to top, #5099cf, #abd5f6, #e9f2f9, #e9f2f9, #e9f2f9);
}

.services{
	height:50vh;
	padding: 2rem 6rem;
    display: flex;
	position:relative;
	overflow:hidden;
	transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.services-2:before{
	content:"";
	position:absolute;
	background-image:URL('../images/Grilled-Burgers.png');
	width:500px;
	height:407px;
	right:15px!important;
	bottom:10px;
}
.services-3:before{
	content:"";
	position:absolute;
	background-image:URL('../images/Grilled-Burgers-xprs.png');
	width:500px;
	height:407px;
	right:0;
	bottom:10px;
}
.services-1:before{
	content:"";
	position:absolute;
	background-image:URL('../images/one-stop-banner-1.png');
	width:500px;
	height:407px;
	right:0;
	bottom:0;
}
.services-1::after{
  content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*background: url('../images/gradient1.jpg');
background-repeat: no-repeat;
background-size: cover;*/
background-image: linear-gradient(to bottom, #5099cf, #68b2ec, #e9f2f9, #e9f2f9, #e9f2f9);
}



#oneproductlogo{
	margin-bottom: 5rem;
    margin-top: -67px;
	display:block;
	width:100%;
}

.product-logo{
	margin-bottom:3rem;
	display:block;
	width:100%;
}

.product-logo img{
	/* width:400px; */
}

.no-gutter{
	padding-left:0;
	padding-right:0;
}

.btn-warning {
    color: #fff;
    background-color: #e1b50d;
    border-color: #e1b50d;
    font-weight: 800;
    letter-spacing: 1px;
    border-radius: 0px;
}
.btn-warning1 {
    color: #fff;
    background-color: #2581c4;
    border-color: #2581c4;
    font-weight: 800;
    letter-spacing: 1px;
    border-radius: 0px;
}

.btn-group-lg>.btn, .btn-lg {
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0px;
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active {
	background-color: transparent;
    border-color: #e1b50d;
	color:#e1b50d !Important;
}
.btn-warning1:hover,.btn-warning1:focus,.btn-warning1:active {
	background-color: transparent;
    border-color: #005aa5;
	color:#005aa5 !Important;
}

.product-description blockquote{
	padding:10px 15px;
	border-left:4px solid #e1b50d;
	color:#e1b50d;
}
.product-description blockquote.warning{
	border-left:4px solid #2581c4;
	color:#2581c4;
	/*border-left:4px solid #f7b401;
	color:#f7b401;*/
}
.product-description blockquote h1{
	margin:0;
	font-weight:300;
}

.product-description blockquote h1 span{
	font-weight:800;
}

.contact h3{
	font-weight:700;
	position:relative;
	color:#000;
	margin-bottom:20px;
}

.contact h3:before{
	position:absolute;
	content:"";
	width:50px;
	height:4px;
	background-color:#000;
	bottom:-10px;
}

.media{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	padding:1em 0px 0px;
    border: none;
    /* border-bottom: 1px solid #e4e5ec; */
}

.media .media-left {
    float: left;
    padding-right: 1rem;
}

.media .media-left i{
	margin-right: .2rem;
	-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
	background-color: #f28c20 !important;
    color: #fff;
    border-radius: 50%;
	font-size:22px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	position:relative;
}

.media-body h6{
	margin:0;
	font-weight: 700;
    font-size: 16px;
}

.media-body p{
	margin:.2em 0;
	font-size: 14px;
  font-weight: 600;
}

.media-body small{
	color:#c6c4c5;
	font-size:12px;
}

.media-body a{
	color:#000;
	font-size:16px;
}

.media-body a:hover,.media-body a:focus,.media-body a:active{
	color:#2581c4;
	text-decoration:none;
}