/* Enter Your Custom CSS Here */
body {
background:#0080ff;
}
.wrapfixed {
  -moz-box-shadow: 0 0 20px -1px #808080;
        -ms-box-shadow: 0 0 20px -1px #808080;
        -o-box-shadow: 0 0 20px -1px #808080;
        -webkit-box-shadow: 0 0 20px -1px #808080;
    box-shadow: 0 0 20px -1px #808080; 
}
::selection {
 color:white; 
}
#header {
 width: 100%; 
}
#header-bar {
background: #DD4425;

}
#header-bar .inside {
padding:0px 0;
text-align:right;
color:#fff;
}
#header-bar .inside span a {
color:#fff;
}
#header {
background:#fff;
}
#homeSlideshow .controls {
 z-index:9; 
}
#header-bar form#searchform {
float: left;
margin-left: 19px;
padding: 5px 0;
width: 230px;
  font-family: Varela Round, varela, sans-serif;	
}
#header-bar i.fa.fa-search {
float: left;
font-size: 22px;
padding: 9px 0;
margin-left: 30px;
}
#header .social-links li a {
display: block;
color:white;
//height: 16px;
padding: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
//width: 20px;
}
#header .social-links li {
background: none;
border: none;
display:block;
float: left;
list-style: none;
margin: 0 0 0px 0px;
//text-indent: -9999px;
text-align:left;
cursor:pointer;
  padding:9px 11px;
}
#header .social-links {
float:right;
display:block;
  height:42px;
  margin-right:29px;
}
#header .social-links li a:before {
	font-family: FontAwesome;
	padding-right: 7px;
	/*font-style: normal;
	font-weight: normal;
	text-decoration: inherit;*/
}
#header .social-links .email a,
#header .social-links .facebook a,
#header .social-links .google a,
#header .social-links .youtube a,
#header .social-links .twitter a {
font-size:0;
  min-width:13px;
}
#header .social-links .email a:before,
#header .social-links .facebook a:before,
#header .social-links .google a:before,
#header .social-links .youtube a:before,
#header .social-links .twitter a:before {
font-size:24px;
  padding-right:0;
  
}
#header .social-links .account:before {

}
#header .social-links .account a:before {
content: "\f007 ";
}
#header .social-links .account,
#header .social-links .cart {
 font-family: Varela Round, varela, sans-serif; 
font-size: 16px;
padding: 13px 6px;
}
#header .social-links .email a:before {
content: "\f003";
}
#header .social-links .cart a:before {
content: "\f07a"
}
#header .social-links .google a:before {
content: "\f1a0";
}
#header .social-links .youtube a:before {
content: "\f167";
}
#header .social-links .twitter a:before {
content: "\f099";
}
#header .social-links .facebook a:before {
content: "\f09a";
}
#header .social-links .separator {
 margin: 0 17px;
padding-top: 11px; 
}
#header .social-links .separator-thin {
 margin: 0 0px;
padding-top: 11px; 
}
#header .social-links li.separator:hover,
#header .social-links li.separator-thin:hover {
  background:none;
  color:#fff;
  cursor:auto;
}
#header .social-links li:hover {
 color:red;
  background:#0080ff;
}
#mainNav ul a, #mainNav ul li.sfHover ul a {
color: #DD4425 !important; font-weight: normal;
}
#mainNav li {
padding:0 14px;
}
#mainNav li .sub-menu li{
padding:0 20px 0 8px;
}
#mainNav ul a {
font-size:1em;
    font-family: Varela Round, varela, sans-serif;
}
.home #main {
background: #fff;
}
#homeSlideshow {
background:#fff;
border-bottom:none;
}
#homeSlideshow .image.right {
top:0px;
}
#homeSlideshow h2 span {
background: none !important;
box-shadow: none !important;
font-size: 1.4em;
font-family: Varela Round, varela, sans-serif;	
}
#homeSlideshow .text {
width:45%;
}
#homeSlideshow h2 {
margin-left:0;
}
#homeSlideshow p {
font-size: 1.5em!important;
margin: 0 0 10px 0;
line-height: 1.3;
color: #000;
}
.page-template-page-mailchimp-php #logo {
display: block;
padding: 0;
margin: 0 auto;
width: 200px;
float:none;
}
body.page-template-page-mailchimp-php {
background: #fff;
}
a.button-orange, 
a.button,
#footer a.button {
padding: 10px 18px;
background: #DD4425;
color:#fff;
  font-family: Varela Round, varela, sans-serif;
  font-size: 18px;
}
a.button:hover, 
#footer a.button:hover {
 background: #0080ff;
}
.home-section {
max-width: 62.5em;
margin: 0 auto 20px;
padding-top: 30px;
}
.home .home-section .one_half h2 {
text-align:center;
}
.homeSection h3 {
font-size: 1.17em;
margin: 0 0 20px 0;
clear: both;
text-align:center;
color: #555555;
font-weight: bold;
width: 100%;
text-transform:none;
}
.home h3, 
.home h2 {
font-weight:bold;
}

.home .home-section .widgetBox h3:before {
 	font-family: FontAwesome;
      padding-right:7px;
  font-size:29px;
  color: #0080ff;
}
.home .home-section #text-5,
.home .home-section #text-6
{
 margin-left: 2%; 
}
.home .home-section #text-5 h3:before {
content: "\f07a";
}
.home .home-section #text-7 h3:before {
content:"\f085";
}
.home .home-section #text-6 h3:before {
content:"\f0c3";
}
div#ivycat-testimonial .ict-content {
border: solid 9px #DD4425;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
//padding: 20px 22px 64px 22px;
  min-height:147px;
  font-size:1.2em;
  font-family: Varela Round, varela, sans-serif;
padding:20px;
}
.testimonial-content,
.home #ivycat-testimonial cite {
   font-style:normal; 
   font-family: Varela Round, varela, sans-serif;
}
.ict-content {
  font-family: Varela Round, varela, sans-serif;
}
.ict-content:after {
    content:"";
    position:absolute;
   //top: 88%;
	bottom:0;
  	right: 45px;
    border-width:30px 30px 0 0;
    border-style:solid;
    border-color:#DD4425 transparent;
    /* css3 extras */
    -webkit-transform:skewX(-15deg);
       -moz-transform:skewX(-15deg);
        -ms-transform:skewX(-15deg);
         -o-transform:skewX(-15deg);
            transform:skewX(-15deg);
}
#ivycat-testimonial blockquote {
 background:none; 
  padding: 0 10px;
}
.home #ivycat-testimonial footer {
float: right;
position: absolute;
bottom: 0px;
left: 57px;

}
#ivycat-testimonial cite {
 font-weight:bold; 
}
img.alignnone.wp-image-45.size-full {
position: absolute;
width: 102px;
right: 92px;
bottom: -4px;
}
.home .one_half {
 width:47%; 
padding-left:2%;
}
.home .last {
 padding-left: 9%;
width: 38%;
}
#featured-projects, #home-widgets {

}
#featured-projects {

}
.fade-out-border {
min-height: 20px; 
background: rgba(248,248,248,1);
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(64%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0 );
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.home .sidebarBox {
float: left;
margin-right: 20px;
margin-bottom: 30px;
}
#footer, #footer p a {
color:#fff;
}
#sidebar ul li, #footer ul li {
 font-size:1em; 
}
#footer .widgetBox h3 {

color:#fff;
font-size: 1.5em;
font-weight:normal;
margin-bottom:35px;
}
#footer #text-2 h3,
#footer #text-17 h3 {
 display:none; 
}
#footer #recent-posts-3 ul li a {
text-transform:uppercase;
color:#fa7242;
}
#footer #recent-posts-3 ul li a:hover {
text-decoration:underline;
}
 #footer #recent-posts-3 .meta {
color:#fff;
}
#footer #recent-posts-3 .title {
float:left;
margin-right:4px;
}
 #footer #recent-posts-3 .meta:before {
//content: ' - ';
} 
 #footer #recent-posts-3 ul li {
border-bottom: solid 1.5px #ccc;
padding:10px 0 5px 0;
}
 #footer #recent-posts-3 ul li:first-child {
padding-top:0;
}
#footer #text-2 {
width: 132px;
margin-left: 50px;
}
#footer #text-3 {

}
#footer #text-4 {
width:260px;
}
#footer #text-4 .social-links {
 display:block;
  list-style:none;
  padding:0 0 0 27px;
}
#footer #text-4 .social-links li {
float:left;
  padding:0 6px;
}
#footer #text-4 .social-links li a:before {
	font-family: FontAwesome;
	 
}
#footer .social-links .email a,
#footer .social-links .facebook a,
#footer .social-links .google a,
#footer .social-links .youtube a,
#footer .social-links .twitter a {
font-size:0;
  min-width:13px;
}
#footer .social-links .email a:before,
#footer .social-links .facebook a:before,
#footer .social-links .google a:before,
#footer .social-links .youtube a:before,
#footer .social-links .twitter a:before {
font-size:20px;
  padding:2px;
  color: #0080ff;
	background:white;  
  min-width:22px;
}
#footer #text-4 .social-links li.twitter {
 padding-left:0; 

}
#footer #text-4 .social-links li.twitter a:before {
content: "\f099";  
  padding: 4px 6px;
}
#footer #text-4 .social-links li.facebook a:before {
content: "\f09a";
  padding: 4px 10px;
}
#footer #text-4 .social-links li.email a:before {
content: "\f003";
  padding: 4px 7px;
}
#footer #text-4 .social-links li.google a:before {
content: "\f1a0";
  padding: 4px 7px;
}
#footer #text-4 .social-links .youtube a:before {
content: "\f167";
  padding: 4px 7px;
}
#footer #text-4 .social-links li a:before:hover {
 background:#dd4425; 
}
#footer #text-17.widgetBox h3 {
color:#0080ff;
} 
#footer #mc_embed_signup .mc-field-group input {
color: #fff;
  background: none;
border: 1px solid #dcddde;
margin-right: 1em;
padding-left: 1em;
height: 2.5em;
}
#footer ::-webkit-input-placeholder,
#footer :-moz-placeholder,
#footer ::-moz-placeholder ,
#footer :-ms-input-placeholder,
#footer :placeholder,
#footer ::selection{
   color: #fff;
}

#footer #mc_embed_signup .button{
background-color: transparent;
border: 0.1667em solid transparent;
padding: 0.2em 1.5em;
text-align: center;
}
#footer .textwidget a {
color:#fff;
}
#footer .textwidget a:hover {
color:#fa7242;
 
}
#footer h4 {
color:#fff;
font-size:0.9em;
}
#footer .secondary {
border-top:none;
  clear:both;
}
#footer .secondary .left {
width:100%;
text-align:center;
}
/* iPad Landscape */
@media only screen and (max-width: 1024px) {
  #middle {
	margin: 60px auto 20px;
  }
  #mainNav li {
	padding: 0 11px;
	}
  .home-section {
  	padding-top:0;
	}
  .oneThird {
	width: 46%;
	}
  img.alignnone.wp-image-45.size-full{
   display:block; 
  }
}
/* iPad Portrait */
@media only screen and (max-width: 768px) {	
    #mainNav li {
	padding: 0 8px;
	}
  #mainNav {
	top: 96%;
	margin-top: 0;
	position: relative;
	margin-left: 3%;
	}
    .oneThird {
	width: 100%;
	}
  #logo {
   float:none; 
    margin: 0px 0 9px 3%;
  }
  img.alignnone.wp-image-45.size-full {
   display:none; 
  }
  .ict-content:after {
    content:"";
    position:absolute;
   top: 88%;
right: 45px;
    border-width:0;
    border-style:solid;
    border-color:#DD4425 transparent;
    /* css3 extras */
    -webkit-transform:skewX(-15deg);
       -moz-transform:skewX(-15deg);
        -ms-transform:skewX(-15deg);
         -o-transform:skewX(-15deg);
            transform:skewX(-15deg);
}
  .home .home-section #text-5, 
  .home .home-section #text-6,
  .home .home-section #text-7 {
	margin: 0%;
	padding: 0 4% 2% 4%;
	}
}
/*layouts smaller than 600px, iPhone and mobiles landscape*/
@media only screen and (max-width: 568px) and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.home-section {
	max-width: 62.5em;
	margin: 52px auto 20px;
	padding-top: 30px;
	}
  
}
/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
	#sequence {
	height: 302px;
	}
  .home .one_half,
  .home .last{
	width: 94%;
	padding-left: 2%;
	}
  .home .one_half {
   	margin-bottom: 50px; 
  }
  .home #ivycat-testimonial footer {
	float: right;
	position: absolute;
	bottom: -26px;
	left: 57px;

  }
  #middle {
	margin: -17px auto 20px;
	}
  #footer #text-2,
  #footer #text-17{
	width: 100%;
    margin-left:2%;
  }
  #footer #text-2 ul,
  #footer #text-17 ul {
    margin-left:2%;
  }
  #footer #text-2 {
   margin-bottom: 0px; 
  }
  #footer #text-17.widgetBox h3 {
	color: #0080ff;
	display: none;
	}
	#footer #text-17 {
   margin-bottom:40px; 
  }
}