@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

body{
  font-family: "Alef Hebrew",
               ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œHelvetica NeueÃƒÂ¢Ã¢â€šÂ¬Ã‚Â,
               Helvetica,
               Arial,
               sans-serif;
}

h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
	  font-family: "Alef Hebrew",
               ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œHelvetica NeueÃƒÂ¢Ã¢â€šÂ¬Ã‚Â,
               Helvetica,
               Arial,
               sans-serif;
}

h3, .h3 {
    font-size: 26px;
}


h4, .h4 {
    font-size: 21px;
	margin-top: 4px;
		  font-family: "Alef Hebrew",
               ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œHelvetica NeueÃƒÂ¢Ã¢â€šÂ¬Ã‚Â,
               Helvetica,
               Arial,
               sans-serif;
}

.top {
    margin: 2%;
}

span.buxa {
    font-weight: 700;
    font-size: larger;
}

.title-first {

	font-weight: 600;
}

span.icon-title-first {
    color: white;
    font-weight: 700;
}

span.icon-title-second {
    color: white;
    font-weight: 100;
}

.title-second {
	font-weight: 700;
	color: #ee433b;
}

span.contact-form-title {
    font-weight: 700;
}

img.bg-pic {
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
}

span.phone-icon:before {
  font-family: FontAwesome;
  content:"\f095";
  margin-right: 6%;
}

.buxa-title {
    padding-right: 2%;
}

.logo {
    text-align: left;
    margin-top: 10px;
}

.max-wid {
    max-width: 1340px;
    margin-right: auto;
    margin-left: auto;
}

.cf-submit-cont {
    text-align: left;
}

.cf-title-cont {
    text-align: right;
    margin-bottom: 5%;
}

.form-input {
    line-height: 40px;
    font-weight: 700;
}

.titles-top {
    float: right;
}

.elements-middle {
    clear: both;
	padding-right:20px;
}

.cta-button {
	float:right;
	z-index: 2;
	min-height: 56px;
	background-color: #ffcc33;
	padding: 1%;
	text-align: center;
	border-radius: 50px;
	font-weight: 700;
	margin: 0 1%;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
}

.cta-button-text {
	color: black;
	font-weight: 700;
}

.spacer {
    clear: both;
}


.icon {
	padding: 1%;	
	text-align: center;
	margin: 1% 0 1% 0;
}

.contact-form-container {
    clear: both;
    float: right;
    text-align: right;
    color: white;
    z-index: 1;
    margin-top: 0px;
}

.contact-form-form{
	text-align: center;
	background-color: #bcbcbc;
	border-radius: 8px;
	padding: 4%;
	margin: 4% 4% 4% 7%;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
}

.contact-form .form-input {
	border: none;
	width:100%;
	padding-right: 4%;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 20px;
	/* -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5); */
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
	/* box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5); */
}

.submit-form {
	width: 35%;
	font-weight: 700;
	padding-top: 3%;
	padding-bottom: 3%;
	border: none;
	background-color: #ffcc33;
	color: black;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
}

.six-icons-container {
    clear: both;
    padding-top: 2%;
    padding-bottom: 1%;
}

.six-icons-top {
	height: 50px;
	margin-bottom: 1%;
	text-align: center;
}

	


.line-separator {
    height: 50%;
    border-bottom: 2px solid #ee433b;
}

.six-icons {
	clear:both;
    text-align: center;
}


span.six-icons-title {
    /* vertical-align: middle; */
    font-weight: 700;
    color: #ee433b;
}


.footer {
	clear: both;
    width:100%;
	background-color: #ee433b;
	height: 20px;
	}

.small-icon {
    margin: 8px 0 8px 0;
    padding: 0 1% 0 1%;
}

span.icon-title-six-first {

    color: #ee433b;
	font-weight: 700;
}

span.icon-title-six-second {
    font-weight: 100;

}

img.num-icons {
    margin-bottom: 5px;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 768px) { 

img.logo-img {
    width: 70%;
}

.col-xs-12.col-sm-12.col-md-12.col-lg-12.full-cont {
    background-color: #ee433b;
	padding:0;
}


.contact-form-form {
    margin: 4% 1% 4% 1%;
}





.contact-form-container {
    margin-top: -6%;
}

.buxa-title {
    display: none;
}



h1 {
    font-size: 7.6vw;
    margin-top: 1%;
}

h2 {
    font-size: 6.4vw;
}

h3 {
    font-size: 4.4vw;
}

h4 {
    font-size: 3.6vw;
}

.six-icons-container-title {
    position: relative;
    left: 8%;
  /*   padding: 9px 9px; */
    border: 2px solid #ee433b;
    border-radius: 25px;
    background-color: white;
    height: 100%;
    margin-top: -25px;
}
img.bg-pic {
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
}


}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {


h1 {
    font-size: 7.4vw;
    margin-top: 2%;
}

h2 {
    font-size: 5.8vw;
}

h3 {
    font-size: 3.8vw;
}

h4 {
    font-size: 2.8vw;
}

img.logo-img {
    width: 50%;
}
	
.col-sm-12.col-md-12.col-lg-12.full-cont {
    background-color: #ee433b;
	padding:0;
}

.contact-form-form {
    margin: 4% 1% 4% 1%;
}

img.bg-pic {
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
}
.spacer {
	padding-top:6%;
}	

.contact-form-container {
    margin-top: -6%;
}

.buxa-title {

padding-top: 3%;

padding-bottom: 2%;
}





.six-icons-container-title {
    position: relative;
    left: 8%;
 /*    padding: 9px 9px; */
    border: 2px solid #ee433b;
    border-radius: 25px;
    background-color: white;
    height: 100%;
    margin-top: -25px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px) {

h1 {
    font-size: 5.2vw;
}

h2 {
    font-size: 3.8vw;
}

h3 {
    font-size: 2.4vw;
}

h4 {
    font-size: 2vw;
}

.titles-top {
    margin-top: 2%;
}

.spacer {
	padding-top:6%;
}	

.col-sm-12.col-md-12.col-lg-12.full-cont {
    background-color: #ee433b;
	padding:0;
}

.icons-container-desktop {
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 1%;
}

.contact-form-container {
    margin-top: -4%;
}

.contact-form-form {
    margin: 4% 4% 4% 4%;
}



img.bg-pic {
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
    top: 190px;
}	


.buxa-title {

padding-top: 5%;

padding-bottom: 2%;
}

.six-icons-container-title {
    position: relative;
    left: 25%;
   /*  padding: 9px 9px; */
    border: 2px solid #ee433b;
    border-radius: 25px;
    background-color: white;
    height: 100%;
    margin-top: -25px;
}

}

	
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
		
h1 {
    font-size: 3.8vw;
    margin-top: 1%;
}

h2 {
    font-size: 3.0vw;
}

h3 {
    font-size: 1.4vw;
}

h4 {
    font-size: 1.2vw;
}

.titles-top {
    position: absolute;
    margin-top: 0%;
}


.col-sm-12.col-md-12.col-lg-12.full-cont {
    background-color: transparent;
    padding:0;
}
	
.col-md-7.col-lg-12.icons-container-desktop {
    background-color: #ee433b;
}

img.bg-pic {
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
    top: 135px;
}	

.buxa-title {

padding-top: 9%;

padding-bottom: 2%;
}

.six-icons-container-title {
    position: relative;
    left: 33.333%;
  /*   padding: 9px 9px; */
    border: 2px solid #ee433b;
    border-radius: 25px;
    background-color: white;
    height: 100%;
    margin-top: -25px;
}


}
/* Car fix */
@media (min-width: 100px) and (max-width: 300px) {
	
	.cta-button {
    margin-bottom: 50%;
    margin-top: 4%;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 215px;
}	

.six-icons-container-title {
    padding: 15px 1px;
}	
}

/* Car fix */
@media (min-width: 300px) and (max-width: 340px) {
	
	.cta-button {
    margin-bottom: 46%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 14px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 205px;
}	
}

/* Car fix */
@media (min-width: 340px) and (max-width: 370px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 14px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 205px;
}	
}

/* Car fix */
@media (min-width: 370px) and (max-width: 390px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 13px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 215px;
}	
}

/* Car fix */
@media (min-width: 390px) and (max-width: 410px) {
	
	.cta-button {
    margin-bottom: 45%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 13px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 228px;
}	
}

/* Car fix */
@media (min-width: 410px) and (max-width: 430px) {
	
	.cta-button {
    margin-bottom: 45%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 12px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 237px;
}	
}

/* Car fix */
@media (min-width: 430px) and (max-width: 460px) {
	
	.cta-button {
    margin-bottom: 45%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 11px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 255px;
}	
}

/* Car fix */
@media (min-width: 460px) and (max-width: 530px) {
	
	.cta-button {
    margin-bottom: 45%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 9px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 270px;
}	
}

/* Car fix */
@media (min-width: 530px) and (max-width: 600px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 9px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 295px;
}	
}

/* Car fix */
@media (min-width: 600px) and (max-width: 640px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 7px 2px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 312px;
}
}

/* Car fix */
@media (min-width: 640px) and (max-width: 680px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 6px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 326px;
}	
}

/* Car fix */
@media (min-width: 680px) and (max-width: 720px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 6px 1px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 336px;
}	
}

/* Car fix */
@media (min-width: 720px) and (max-width: 768px) {
	
	.cta-button {
    margin-bottom: 43%;
    margin-top: 4%;
}
.six-icons-container-title {
    padding: 4px 1px;
}


img.bg-pic {
    position: absolute;
    left: 0px;
    top: 365px;
}	
}

/* Car fix */
@media (min-width: 768px) and (max-width: 780px) {
	
	.cta-button {
    margin-bottom: 30%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 6px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 354px;
}	
}

/* Car fix */
@media (min-width: 780px) and (max-width: 808px) {
	
	.cta-button {
    margin-bottom: 30%;
    margin-top: 4%;

}

.six-icons-container-title {
    padding: 7px 9px;
}


img.bg-pic {
    position: absolute;
    left: 0px;
    top: 364px;
}	
}

/* Car fix */
@media (min-width: 808px) and (max-width: 890px) {
	
	.cta-button {
    margin-bottom: 31%;
    margin-top: 4%;

}

.six-icons-container-title {
    padding: 5px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 390px;
}	
}

/* Car fix */
@media (min-width: 890px) and (max-width: 940px) {
	
	.cta-button {
    margin-bottom: 30%;
    margin-top: 4%;

}

.six-icons-container-title {
    padding: 3px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 415px;
}	
}

/* Car fix */
@media (min-width: 940px) and (max-width: 992px) {
	
	.cta-button {
    margin-bottom: 30%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 1px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 435px;
}	
}

/* Car fix */
@media (min-width: 992px) and (max-width: 1060px) {
	
	.cta-button {
    margin-bottom: 4%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 9px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 190px;
}	
}

/* Car fix */
@media (min-width: 1060px) and (max-width: 1100px) {
	
	.cta-button {
    margin-bottom: 4%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 9px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 190px;
}	
}

/* Car fix */
@media (min-width: 1100px) and (max-width: 1150px) {
	
	.cta-button {
    margin-bottom: 4%;
    margin-top: 4%;
}

.six-icons-container-title {
    padding: 9px 9px;
}
img.bg-pic {
    position: absolute;
    left: 0px;
    top: 190px;
}	
}

/* Car fix */
@media (min-width: 1150px) and (max-width: 1200px) {
	
	.cta-button {
    margin-bottom: 3%;
    margin-top: 5%;
}

.six-icons-container-title {
    padding: 9px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 195px;
}	
}

/* Car fix */
@media (min-width: 1200px) and (max-width: 1400px) {
	
	.cta-button {
    margin-bottom: 1%;
    margin-top: 0%;
}

.six-icons-container-title {
    padding: 13px 9px;
}

img.bg-pic {
    position: absolute;
    left: 0px;
    top: 150px;
}	
}

/* Car fix */
@media (min-width: 1400px) {

.six-icons-container-title {
    padding: 7px 9px;
}
}
