.test324 h3 span {  color: #19335D !important;}
.testimonial__quote {color: #181818;}
.needs {text-align: center; color:#1d519c; font-size: 36px;}



.jumbotron strong{ min-width: 698px; display:block;  padding-left: 15px;
}

.carousel-inner {    max-height: 527px;}
 

@media (max-width: 992px){
body .main-navigation > li:hover > a {    color: #1e4e94 !important;}
.navbar-toggle { display:block}
.header__navigation .navbar-collapse > li > a {    color: #000;}
.main-navigation > li > a {    color: #444444 !important;}
.main-navigation > li > a:hover {    color: #1e4e94 !important;}
.main-navigation > li {    list-style-type: none;}
.phone123{margin-left:240px !important; margin-top: 75px !important; position: absolute;}
.versacourt123 {margin-top:98px !important;}
.header .btn {margin-top: 10px;}
.needs {font-size: 26px; text-align: center; color:#1d519c;}
.home .classwelcome h3 {    font-size: 23px !important;}
.requestquick h3 span{ font-size: 23px !important;}

.jumbotron-content{    position: absolute;
    padding: 0;
    width: 550px;
    top: 25px;}

.jumbotron strong {min-width: 0px !important;  }
 

}

/*end 992 */

 

.id1:hover{
background: url('http://dummyimage.com/100x100/000/fff');
}

.icon-box__title:hover {
    color: #2A7F3F !important;
}


.latest-news__date, .sticky .btn--post, .main-navigation > .current-menu-item > a::after, .main-navigation > li:hover > a::after, .main-navigation > li:focus > a::after, body.woocommerce-page span.onsale, .woocommerce span.onsale {
    background-color: #7fd7a4;
}
 
@media (min-width: 992px){
 .home .featured-widget {    min-height: 476px;}

.jumbotron-content__description p {    font-size: 46px;}

.page-id-1074 .col-md-9 {    width: 100%;}

.logo1 {  max-width:  512px;}
.main-navigation > .current-menu-item > a::after {
    background-color: #7fd7a4;}
 .main-navigation > li:hover > a::after, .main-navigation > li:focus > a::after, .main-navigation > li[aria-expanded="true"] > a::after {
    position: absolute;
    content: "";
    width: calc(100% - 30px);
    height: 5px;
    left: 15px;
    bottom: 0;
    background-color: #7fd7a4; !important}
.header__widgets {text-align:left  !Important; font-size: .9em !Important;}
.widget2 {margin-right: 15px;}
}

/*end 992 */


.footer-bottom {background-color: #7fd7a4; color: #008939;}


.jumbotron-content__title h1 {display:none;}

 


.main-navigation > li > a { font-family: 'PT Sans', sans-serif !important; color: #79d29e;};

.versacourtbg {background-repeat: no-repeat !important; background-size: cover !important;}



.latest-news__date, .sticky .btn--post, .main-navigation > .current-menu-item > a::after, .main-navigation > li:hover > a::after, .main-navigation > li:focus > a::after, body.woocommerce-page span.onsale, .woocommerce span.onsale {
    background-color: #7fd7a4 !important;
}

 
 

.main-navigation > li > a {
    color: #73ce99;
    padding: 18px 11px !important;
    font-weight: 500;}

.beep img {max-width: 198px;}

 

.header__logo img {visibility:hidden !important;}

.logo1   { position: absolute;
    z-index: 10000;
    top: 11px;
    max-width: 181px;
    margin-left: 90px;}

 
h3.featured-title {
   font-size: 23px;}

.featured-title-span {
    color:#008C45;
    font-size: 63px;
    display: block;
}

H3.featured-box {
        font-size: 22px;
}

H3.featured-box span {
    color:#008C45;
}

.jumbotron strong {background: url(http://multisportsurfacesllc.com/wp-content/uploads/2015/08/bgblue1.png); 
ont-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    letter-spacing: -.05em;
    font-size: 50px !important;   font-weight: 600 !important;
    line-height: 62px;
}

.jumbotron {margin-bottom:0px !important;}

.featured-images img {
        margin-top: -35px;
        position: relative;
        border: 2px solid #ccc;
}
.outer-grid div .panel-grid .panel-grid-cell {
   padding-left:0px;
   padding-right:0px;
}
.center-text p {font-size:17px;}

.top {display: none;}


.header__widgets {
    text-align: left !Important;
    font-size: .9em !Important;
 }



.main-navigation > li > a {
    color: #fff;
    padding: 18px 23px !important;}

.btn-info {border-color: #1e4e94 !important; background-color: #1e4e94 !important;}


 

.siteorigin-panels-stretch panel-row-style {background-size: cover;}

.siteorigin-panels-stretch  {background-size: cover;}

.icon-box__subtitle {color: #444 !important;}

.bg123 {background: url(http://multisportsurfacesllc.com/wp-content/uploads/2015/04/bgtop1.jpg); background-size: cover;}

.widget_pw_icon_box .icon-box__title:hover {color: #ff9f48;}

.icon-box__title:hover  {color: #ff9f48 !important;}


 
@media (min-width: 1200px){
.jumbotron-content__description p {font-family: 'Open Sans', serif;
    font-size: 46px !important;   font-weight: 600 !important;
    line-height: 62px;}
}
/*end 1200 */

@media (max-width: 1200px){
.classwelcome .widget-title {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 0px !important;  }

.img345{  width: 224px !important;    max-height: 159px !important;}


}
/*end 1200 */

.pg-w55d435de0cee4-0 {margin-top: -30px; position: relative;}

 .phone123 .textwidget{ width:300px; position: absolute;}

 .btn-primary:nth-of-type(2){border-color: #fff; background-color: #fff; color: #5d95cf;}

.btn-primary:first-of-type{border-color: #5d95cf; background-color: #5d95cf;}


#pl-w55d435de0cee4 img {position: relative; margin-top: -30px; }


.jumbotron__control {display:none;}

#pg-836-0 {margin-bottom: 0px !Important;}


#panel-836-2-1-0 h3{padding-top: 10px; padding-bottom: 10px;}

.icon-box__title {color:#dcdcdc;}

.main-title {
    background: url(http://multisportsurfacesllc.com/wp-content/uploads/2015/04/slider1-1502x600.jpg);
    background-size: cover;
}

.main-title .container {
    background: url(http://multisportsurfacesllc.com/wp-content/uploads/2015/08/bgblue1.png);
    background-position: left top;
    background-repeat: no-repeat;}
 

.main-title__primary {
    color: #fff !Important;
    font-size: 35px !important;
    font-weight: 600 !important;
    letter-spacing: -.03em !important;}

.main-title h3 {
    color: #fff !Important;     margin-top: -3px;}

.jumbotron-content__description p{ }


.widget_black-studio-tinymce p, .widget_text p, .wpb_wrapper p {
    font-size: 17px;}


#pgc-w55d444f4b9695-0-0, .testimonial__quote {
    color: #5b5b5b;}

#panel-w55d444f4b9695-0-1-0{color: #f2f3f6;}



.logo1 {
    position: absolute;
    z-index: 10000;
    top: 19px;
    max-width: 500px;
    margin-left: 90px;
}


 


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

 
.pic {
  float: left;
  max-height: 250px;
  max-width: 1610px;
  height: 100%;
  width: 100%;  
  overflow: hidden;
}

  

 





@media (max-width: 992px){
.logo1 {    max-width: 193px !important;}
.header__logo {  padding-bottom: 44px;}

}

/*end 992 */

.logo1 {
   position: absolute;
   z-index: 10000;
   top: 0px;
   max-width: 193px;
   margin-left: 61px;
}


.btn {
    font-family: 'open sans', sans-serif;
}

.box99 {background-color: #fff; padding: 20px; min-height: 241px;   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65);}
 

.phone123 {color: #000;  font-weight: 700;  margin-left: -200px; font-size: 1.3em;  margin-top: 10px;  margin-right: 420px;}

.main-navigation > li:hover > a {color: #eff2f7 !important;  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;}

.btn-info:hover {background-color: #2558a1 !important; -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;}

.hentry__title {
    font-size: 34px;
    color: #ff9f42;
}


.single article .wp-post-image {display:none;}






.single .widget-title {margin-bottom: 10px;}

.single .widget {  font-size: 15px;}

.meta-data {display:none;}

#pl-196 .panel-grid-cell .so-panel {margin-bottom: 20px;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;}

.home .featured-widget {  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65) !important;
}


@media (min-width: 992px){
.read-more {
  color: #09a4f2 !important;
}
}

.home .textwidget h3 {text-align: center; margin-top: 0px;}

.home .textwidget .alignnone {
    margin: 5px 0 0px 0;}

.page .textwidget h3 {margin-top: 0px;}

.page-id-76 .page-box img {max-height: 239px; min-height: 239px;}

a {-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}

a:hover, a:focus {
    color: #26b4fd; text-decoration: none;  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.page-id-76 .page-box__title {
    font-size: 25px;}

.page-id-1573 .main-title .container, .page-id-1547 .main-title .container, .page-id-1511 .main-title .container, .page-id-929 .main-title .container, .page-id-1088 .main-title .container, .page-id-1338 .main-title .container,  .page-id-1336 .main-title .container, .page-id-1347 .main-title .container {  background: url(http://multisportsurfacesllc.com/wp-content/uploads/2015/08/bgblue1.png);
    background-position: left top;
    background-repeat: repeat-x;}

blockquote {
   border-left: 0px solid #eeeeee !important; background: #394b6a;}



.read-more:hover {color: #ff9f42 !important; -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;}

.home .featured-widget h3 {font-size: 32px;}

.ubermenu-skin-clean-white {
    font-size: 16px; }

.ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background: #eeeeee; font-weight: 600 !important;}

.widget-title {margin-bottom: 0px;}


.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {color: #1e4e94 !important; -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;}

.img345 { width: 365px; max-height: 238px;}

 
#tab_container_1284 .tab-content {padding: 0px !important; padding-top: 15px !important;}

.green1 {color: #00a21e;}

@media (min-width: 992px){
.breadcrumbs {    margin-bottom: 25px;}
.home blockquote {  background: transparent;}
}

/*end 992 */

.classwelcome .widget-title {
    margin-top: 5px;
margin-bottom: 10px;
margin-left: 26px;
}

.ubermenu .ubermenu-target-text {font-weight: 500;}

.page #tab_container_1284 .wpsm_nav-tabs > li > a:hover, #tab_container_1284 .wpsm_nav-tabs > li > a:focus {
    color: #000000 !important;
   background-color: #d7d7d7 !important; }

.test324 h3 span {  color: #19335D !important;}

 

@media (max-width: 1200px){
blockquote { background: transparent !important;  }
}
/*end 1200 */


.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: #eee;}

.style10 {color: #000; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}

.green33 {background: #1a6902;}



.dark-link:hover {
    color: #deffff;
}


.classwelcome img  { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.85);}
 
.quickquoteh3 a{color: #ff9f42; cursor: pointer !important;
}
.quickquoteh3 a:hover{color: #26b4fd; cursor: pointer !important;
}

.p12345 {padding: 0 75px;}

.aboutul li {padding-top: 10px;     font-size: 18px; }

.latest-news__image img {max-height: 204px;}

 
 

.serv1 h3 {margin-top:0px !important;}

.tabs_desc_1284_3 h3 {margin-top: 10px;}

.page-id-588 .breadcrumbs, .page-id-1074 .breadcrumbs {
    margin-bottom: 25px; }

.versacourt123 {margin-top: 69px;}

.page-id-588 a img:hover {filter: blur(1px);
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}

.page-id-588 a img {filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}

.page-id-1338 .breadcrumbs {margin-bottom: 25px;}

@media (max-width: 540px){
.jumbotron strong {display:none !important;}
 .classwelcome .widget-title{margin: 0 auto;}
.home .featured-widget {min-height: 100% !important;}
.classwelcome p {text-align: center;}
.home .textwidget .alignnone{margin: 0 auto;}
.classwelcome .featured-widget {text-align: center;}
}

/* end 540px /*

.latest-news__author {display:none;}



/* end */

@media (max-width: 780px){
.classwelcome .textwidget {text-align: center;}
.classwelcome .featured-widget  {text-align: center;}
}

/* end */




@media (max-width: 817px){
.jumbotron strong {min-width: 0px !important; font-size: 15px !important;}


}


.sports4 {max-height: 91px; max-width: 162px; }

.page-id-899 .img345{ width: 351px;}

.layupside {width: 100%}
.layupside2 {width: 100%}

.versacolor {max-width: 500px;}

.wp-image-1564 {width: 100%;}
.wp-image-1560 {width: 100%;}








.serv5 a {transition: all 0s;}
.serv5 a:hover {transition: all 0s;}

#putting {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/puttinggreens-1.jpg');
   height: 118px;
   width: 368px;
display:block
}

#putting:hover {
   background-position: 0 bottom; display:block
}

.satturf {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/sof3-2.jpg');
   height: 118px;
   width: 368px; display:block
}

.satturf:hover {
   background-position: 0 bottom; display:block
}

.boccesof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/bocce.jpg');
   height: 118px;
   width: 368px; display:block
}

.boccesof:hover {
   background-position: 0 bottom; display:block
}

.versasof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/versa3.jpg');
   height: 118px;
   width: 368px; display:block
}

.versasof:hover {
   background-position: 0 bottom; display:block
}

.turfsof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/TEE.jpg');
   height: 118px;
   width: 368px; display:block
}

.turfsof:hover {
   background-position: 0 bottom; display:block
}

.tensof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/tennisturf3.jpg');
   height: 118px;
   width: 368px; display:block
}

.tensof:hover {
   background-position: 0 bottom; display:block
}

.grsof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/play3.jpg');
   height: 118px;
   width: 368px; display:block
}

.grsof:hover {
   background-position: 0 bottom; display:block
}

.athsof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/athd.jpg');
   height: 118px;
   width: 368px; display:block
} 

.athsof:hover {
   background-position: 0 bottom; display:block
}

.lndsof {
   background-image: url('http://multisportsurfacesllc.com/wp-content/uploads/2016/04/lndscp.jpg');
   height: 118px;
   width: 368px; display:block
}

.lndsof:hover {
   background-position: 0 bottom; display:block
}


@media screen and (max-width: 780px){
.serv5 a {margin: 0 auto !important;}
}
 


 

.serv5 a img {display: none;}

@media (max-width: 1197px){
#putting {height: auto}
.serv5 a img {display: block;}
.serv5 a {width: 250px !important; height: auto;
}
}


@media (max-width: 990px){
.serv5 a {width: 200px !important; height: auto;
}
}


@media (max-width: 778px){
.serv5 a { height: 118px;
   width: 368px !important; display:block
}
.serv5 a img {display: none;}
}


.serv5 {padding-bottom: 40px !important;}

.multisport55 img{max-width: 235px;}











/* make keyframes that tell the start state and the end state of our object */
 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-ino {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-ino.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
 
.fade-ino.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-ino.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}

.fade-ino.four {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
}




