/*body > div.vegas-slide.vegas-transition-fade.vegas-transition-fade-in > div {
    background-image: url(/storage/app/media/jamie2.jpg) !important;
    
}*/

/* Style the Un-order list by setting its list-style to none */
 ul1 {
  list-style: none;
}
/* Style the list items inside the UL list, by setting its width, height and line-height 
  and float them to left and set its border and border-radius.
 */
 ul1 li1 {
  width: 75px;
  height: 75px;
  line-height: 75px;
  margin: 200px 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 5px solid #D8E2DC;
  float: left;
  transition: all 0.5s ease;
     position: relative;
    left: 139px;
}
/* Style the icons by setting its color and margin-top value to 20px 
to align it properly */
 ul1 li1 .fa {
  color: #D8E2DC;
  margin-top: 20px;
  transition: all 0.5s ease;
}
/* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect
  to icons for glowing effect and use transition property for smooth transition effect. */
/*facebook*/
 ul1 li1:hover.facebook {
  border: 5px solid #3b5998;
  box-shadow: 0 0 15px #3b5998;
  transition: all 0.5s ease;
}
 ul1 li1:hover .fa-facebook {
  color: #3b5998;
  text-shadow: 0 0 15px #3b5998;
  transition: all 0.5s ease;
}
/* instagram */
 ul1 li1:hover.instagram {
  border: 5px solid #bc2a8d;
  box-shadow: 0 0 15px #bc2a8d;
  transition: all 0.5s ease;
}
 ul1 li1:hover .fa-instagram {
  color: #bc2a8d;
  text-shadow: 0 0 15px #bc2a8d;
  transition: all 0.5s ease;
}
/* media queries */
@media screen and (max-width: 640px){
 ul1 li1{
      margin-top: 10px;
  }
 ul1 li1.google{
      margin-left: 60px;
  }
}
@media screen and (max-width: 340px){
 ul1 li1 {
      width: 150px;
  }
 ul1 li1{
      margin:15px;
  }
}

.button {
  position: relative;
  background-color: #4CAF50;
  border: none;
  font-size: 28px;
  color: #FFFFFF;
  padding: 20px;
  width: 200px;
  text-align: center;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

.button:after {
  content: "";
  background: #90EE90;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}
.editableboxes1__container--inner, .editableboxes2__container--inner, .editableboxes3__container--inner {
    border: 2px solid;
}
.borderbox1 {
    border: 2px solid;
}
@media only screen and (min-width: 1100px) {
.imagegrid2__container {
    height: 491px;
    position: relative !important;
    bottom: 44px !important;
}
.imagegrid3__container {
    position: relative;
    right: 15px;
}
.vegas-slide-inner {
    background-position: 100% 30% !important;
}
.imagegrid1__container {
    height: 508px;
    position: relative;
    bottom: 22px;
}
ul1 li1 {
    bottom: 60px;
}
.instagram {
    bottom: 80px !important;
}
}
@media only screen and (width: 1024px) {
.imagegrid2__container {
    position: relative;
    bottom: 42px;
}
.imagegrid3__container {
    position: relative;
    right: 12px;
}
ul1 li1 {
    left: 110px;
}
#fullscreenbackground_body {
    height: 1236px;
}
.bx-wrapper {
    position: relative;
    top: 250px;
}
.instagram {
    bottom: 18px;
}
.imagegrid1__container {
    position: relative !important;
    bottom: 21px !important;
}
}
@media only screen and (width: 768px) {
.imagegrid2__container {
    position: relative !important;
    bottom: 45px !important;
}
ul1 li1 {
    left: 55px !important;
}
.imagegrid3__container {
    position: relative;
    right: 9px;
}
.instagram {
    bottom: 18px !important;
}
.imagegrid1__container {
    position: relative;
    bottom: 22px !important;
}
}
@media only screen and (max-width: 414px) and (min-width: 411px) {
ul1 li1 {
    left: 100px !important;
}
.button {
    width: 145px !important;
}
.imagegrid1__container--inner {
    position: relative;
    top: 170px;
}
.instagram {
    bottom: 18px !important;
}
}
@media only screen and (max-width: 375px) and (min-width: 360px) {
ul1 li1 {
    left: 80px !important;
}
.button {
    width: 145px !important;
}
.imagegrid1__container--inner {
    position: relative;
    top: 170px;
}
.instagram {
    bottom: 18px;
}
}
@media only screen and (width: 320px) {
ul1 li1 {
    left: 40px !important;
    width: 75px;
}
.button {
    width: 145px !important;
}
.imagegrid1__container--inner {
    position: relative;
    top: 170px;
}
.instagram {
    bottom: 18px;
}
}
@media only screen and (max-width: 768px) {
.button {
    width:145px;
}
#mm-0 > div.wrap__layout.home-layout > div.wrap__page-content > div > div:nth-child(1) > div > a > div > button {
    width: 150px !important;
}

/*slider */
.text-only:before {
    background: 0;
}

.wrap__slider .slider__text {
    border: none;
}
#featuredblocks {
    display:none;
}
.logo__title {
    font-size: 36px;
}
.wrap__slider {
    display:none;
}
}
@media only screen and (max-width: 500px) and (min-width: 320px) {
.vegas-slide-inner {
    width: auto;
    background-position: 65% 50% !important;
}
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}