body, .form-control {
    font-family: 'Lato', sans-serif;
}
h1{
    margin-bottom: 40px;
}
.franchise-row

    {
    left: 15%;
    position: relative;
}

label {
    color: #333;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}


.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
	::selection
	{
	    background:#000;
	    color:#ae1f23;
	}
	.form h3
	{
	    float:left;
	}
 	.header
	{
	    height: 123vh !important;
	}
	.label {margin: 2px 0;color:#000;}
	.field {margin: 0 0 20px 0;}	
		.content {width: 960px;margin: 0 auto;}
		h1, h2 {font-family:'Montserrat', sans-serif;font-weight: normal;}
		div#central {margin: 40px 0px 100px 0px;}
		@media all and (min-width: 768px) and (max-width: 979px) {.content {width: 750px;}}
		@media all and (max-width: 767px) {
			body {margin: 0 auto;word-wrap:break-word}
			.content {width:auto;}
			div#central {	margin: 40px 20px 100px 20px;}
		}
		body {font-family: 'Montserrat', sans-serif;background:#ffffff;margin: 0 auto;-webkit-font-smoothing: antialiased;  font-size: initial;line-height: 1.7em;}	
		input, textarea, select {width:100%;padding: 7px;font-size:1em;border: 1px solid #A1A1A1;	}
		button {
			padding: 12px 60px;
			border: 1px solid #ae1f23;
			color: rgb(40, 40, 40);
			font-size:1em;
			font-family: 'Montserrat', sans-serif;
			cursor: pointer;	
		}
		#message {  padding: 0px 40px 0px 0px; }
		#mail-status {
			padding: 12px 20px;
			width: 100%;
			display:none; 
			font-size: 0.7em;
			font-family: 'Montserrat', sans-serif;
			color: rgb(40, 40, 40);
		}
	  .error{border:1px solid #ae1f23;  margin-bottom: 40px;}
	  .success{border:1px solid #48e0a4; }
		.g-recaptcha {margin: 0 0 25px 0;}	
.field.country-with-phone {
  display: flex;
  width: 100%;
}
.field.country-with-phone #countries {
  width: 150px;
  border-right: none;
}
		
		@media only screen and (max-width: 767px)
		{
		    .franchise-row

    {
    left: 0%;
    position: relative;
}
.res-nav_click {
    float: right !important;
}
.featured-work h2
{
    text-align:center:;
}
}
.featured-box h3
{
    
    text-align: left !important;
}
.service-list h3
{
    
    text-align: left !important;
}
	
	    .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wrapper
{
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:30px;
    width: 100%;
}
.wrapper-container
{
 box-sizing: border-box;
    padding:5px;
    width: 100%;  
    padding-bottom: 25px;
    text-align:center;
}
.box{  
    
  background-color: #fff;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.03);
  transition: box-shadow 0.3s ease-in-out;
}
.box:hover {  
  box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.1);
}
.franchise h2, .red
{
    color:#ae1f23;
}
.franchise h2 .white
{
    color:#fff !important;
}
.logo-row
{
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
@media only screen and (max-width: 767px)
{
.header {
    padding: 200px 0 !important;
}
}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height: 100px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 50px !important;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ae080c; 
  border-radius: 50px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ae080c; 
}
@media (min-width: 768px)
{
    .logo-row
    {
        width:100% !important;
    }
}
@media (min-width: 1024px)
{
    .logo-row
    { 
        width:70% !important;
    }
}
@media (min-width: 1280px)
{
    .logo-row
    { 
        width:60% !important;
    }
}