@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

 /* added the following to give the background color of the arrows as red for visibility, the default which can be found in the slick-theme.css was white */
.slick-prev:before, .slick-next:before { 
    color:red !important;
}

body h2, p, h3 {

color:#d81a1a;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;


}



.top-bar {

  -webkit-transition: max-height 2s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
  
  
}

.top-bar.expanded{
  max-height: 6000px !important;
}




  
/* area that is not covered by any menu's items*/ 
.top-bar 
/* logo area */
,.top-bar-section ul li, .top-bar.expanded .title-area 
/* menu item */
,.top-bar-section li:not(.has-form) a:not(.button) 
/* menuitem with dropdown when hovering */
,.top-bar-section ul li:hover:not(.has-form) > a 
{
    /*background: transparent;*/
   /* background-color:#1b75bc; */
   
   
   /*CHANGE FONT SIZE FOR MENU HERE*/
   background-color:#fe0000; 
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
  font-size:15px;
  
}



/* general font and colors */
.top-bar-section ul li > a 
/* topbar H1 name */
,.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a
{
    /*font-family: "Crimson Text",serif;*/
    color: white;
  
  
}

.top-bar-section ul {

}

.top-bar-section li {

}

/* menu item when hover */
.top-bar-section li:not(.has-form) a:hover:not(.button) 
{
  /* background-color:#1c75bc;*/
  background-color:#fe0000;
      color: white;
	   transition: background-color 0.3s ease;
	 
}

/* parent menu item when leaving a hovered child for another parent menu item */
.top-bar-section li.hover > a:not(.button) {
    color: white;
}

/* menu item when active */
.top-bar-section li.active:not(.has-form) a:not(.button) 
{
    /*background-color:#1b75bc;
  color: white; */
   background-color:#fe0000;
      color: white;
	  
}

/* menu item when active and hover */
.top-bar-section li.active:not(.has-form) a:hover:not(.button) 
{
     background-color:white;
    color: #9f2222;
}

/* dropdown arrow color */
.top-bar-section .has-dropdown > a::after 
{
    border-color: rgba(51, 51, 51, 0.4) transparent transparent;
}

/* dropdown parent when hovering a child item */
.top-bar-section ul li:hover:not(.has-form) > a 
{
    color: white;
	
	
}

/* ul.dropdown, only to add border no background */
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown, .top-bar-section .has-dropdown > a:focus + .dropdown
{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* dropdown child */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) 
{
    background: #a90808;
    color: white;
}
/* dropdown child when hover */
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) 
{
    background: #a90808;
    color: white;
}

/* on small screen */

/* content of the toggled menu */
.top-bar .toggle-topbar.menu-icon a 
{
    color: white; 
}
/* toggle 3 horizontal bars */
.top-bar .toggle-topbar.menu-icon a span::after 
{
    box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
}
/* responsive dropdown back menu */
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
    color: white;
   
   
    text-transform: uppercase;
}


.top-bar .logo img {
  max-height: 46px !important;
  width: auto !important;
  margin-left:80px;
}

@media only screen and (min-width: 40.063em) {
  .top-bar {
    height: 100px !important;
	
	
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 100px !important;

  }
  .top-bar .logo img {
    max-height: 100px !important;

  }

}
 
 
 
 
#services {

background-color:white;	
	
}
 


/*SERVICES BOX*/
.serviceBox{
    text-align: center;
}
.serviceBox .service-icon{
    width:100px;
    height:100px;
    line-height: 100px;
    font-size: 60px;
    border: 1px solid #727cb6;
    border-radius: 50%;
    margin:0 auto 45px;
    color:white;
	background-color:#458ec8;
}
.serviceBox.green .service-icon{
    border: 1px solid #458ec8;
    color: #008b8b;
}
.serviceBox.orange .service-icon{
    border: 1px solid #458ec8;
    color:#e67e22;
}
.serviceBox.pink .service-icon{
    border: 1px solid #458ec8;
    color: #458ec8;
}
.serviceBox .service-icon > i{
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon > i{
    transform:scale(0.8);
    transition: all 0.3s ease 0s;
}
.serviceBox .service-content h3{
    font-size: 18px;
    font-weight:400;
    margin-bottom: 20px;
    color:#458ec8;
}
.serviceBox.green .service-content h3{
    color: #458ec8;
}
.serviceBox.orange .service-content h3{
    color:#458ec8;
}
.serviceBox.pink .service-content h3{
    color: #458ec8;
}
.serviceBox .service-content p{
    color: hsl(0, 0%, 38%);
    font-size: 14px;
    line-height: 24px;
}
@media screen and (max-width: 990px){
    .serviceBox{
        margin-bottom: 25px;
    }
} 
 
 
 
 
 
#ourvideos {

background-color:#f5f5f5;
	
}



    #owl-about .item img{
        display: block;
        width: 100%;
        height: auto;
    }






    #owl-clients .item{
      margin: 3px;
    }
    #owl-clients .item img{
      display: block;
      width: 100%;
      height: auto;
	  text-align:center;
    }


#contact-form-footer label{
	color:white;
}


#contact-form-footer input{
	background:transparent;
	color:white;
	font-size:17px;
}

#contact-form-footer textarea{
	background:transparent;
	color:white;
	font-size:17px;
}

#contact-form-footer h3{
	color:white;
}

#contact-form-footer small{
	color:white;
}

.button.custom {
    background-color: #88643d;
}
.button.custom:hover,
.button.custom:focus {
    background-color: #6d5031;
}




    #owl-header .item img{
        display: block;
        width: 100%;
        height: auto;
    }