/* CSS Document */
@import url("http://fonts.googleapis.com/css?family=Lato:400,100italic,300,100,300italic,400italic,700,900,700italic,900italic");
/* font-family: 'Lato', sans-serif; */

body { margin:0px; padding:0px; font-family: 'Lato', sans-serif; font-size:15px; color:#686868; font-weight:400; background:#FFF url(images/bars.png) repeat-x center top; }
.clr { margin:0px; padding:0px; }
img { border:none; }
.hideme { opacity:0; }

a{ 
transition:color 0.5s;
-moz-transition:color 0.5s;
-ms-transition:color 0.5s;
-o-transition:color 0.5s;
-webkit-transition:color 0.5s;
}

.full_width { width:100%; float:left; }
.wrapper { width:1175px; margin:0 auto; padding:30px; position:relative; }
.header { width:100%; float:left; background:#FFF; }


.fixed_banner { position:fixed; top:0px; left:0px; z-index:1000; padding:12px 0px 12px 0px; background:#FFF url(images/bars.png) repeat-x center top; border:none;

	animation:BannerAnimation 0.2s linear;
	-moz-animation:BannerAnimation 0.2s linear;
	-webkit-animation:BannerAnimation 0.2s linear;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

.fixed_banner .logo{ margin:10px 5px 5px 10px;  }
.fixed_banner .logo:hover { margin:10px 5px 5px 20px;  }
.fixed_banner .nav{ margin:30px 10px 10px 10px;  }



@keyframes BannerAnimation
{
from { width:100%; height:0px; }
to { width:100%; height:70px; }
}

@-moz-keyframes BannerAnimation 
{
from { width:100%; height:0px; }
to { width:100%; height:70px; }
}

@-webkit-keyframes BannerAnimation 
{
from { width:100%; height:0px; }
to { width:100%; height:70px; }
}


.header_right { float:right; }

.logo { float:left; margin:0px 0px 20px 0px;
transition:margin 0.5s;
-moz-transition:margin 0.5s;
-ms-transition:margin 0.5s;
-o-transition:margin 0.5s;
-webkit-transition:margin 0.5s;
 }
.logo:hover { margin:0px 0px 20px 15px; }

.nav { float:left; margin:15px 0px 20px 0px; }

.nav ul { margin:-10px 0px 0px 0px; padding:0px; }
.nav ul li { list-style-type:none; display:inline; margin:0px 0px 0px 0px; }
.nav ul li:last-child { margin:0px; }
.nav ul li a{ color:#000; text-decoration:none; font-size:15px; font-weight:400; line-height:40px; padding:0px 20px 0px 20px; display:inline-block; position: relative; overflow: hidden;

transition:color 0.5s, background 1s;
-moz-transition:color 0.5s, background 1s;
-ms-transition:color 0.5s, background 1s;
-o-transition:color 0.5s, background 1s;
-webkit-transition:color 0.5s, background 1s;
 }
.nav ul li a:hover{ color:#FFF; background:#666;  }
.nav ul li a span { position: relative;	display: inline-block;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	transition: transform 1s;
}
.nav ul li a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.nav ul li a:hover span, .nav ul li a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}






.social { margin:0px 0px 25px 0px; float:right; }
.social a.fb{ background:url(images/facebook.png) no-repeat left top; width:30px; height:30px; display:inline-block; float:left; margin:0px 5px 0px 0px;transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s; 
}
.social a.fb:hover{ background:url(images/facebook.png) no-repeat left bottom; }


.social a.tw{ background:url(images/twitter.png) no-repeat left top; width:30px; height:30px; display:inline-block; float:left; margin:0px 5px 0px 0px; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s; 
}
.social a.tw:hover{ background:url(images/twitter.png) no-repeat left bottom; }

.social a.gp{ background:url(images/googleplus.png) no-repeat left top; width:30px; height:30px; display:inline-block; float:left; margin:0px 5px 0px 0px; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s; 
}
.social a.gp:hover{ background:url(images/googleplus.png) no-repeat left bottom; }

.social a.lin{ background:url(images/linkedin.png) no-repeat left top; width:30px; height:30px; display:inline-block; float:left; margin:0px 0px 0px 0px; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s; 
}
.social a.lin:hover{ background:url(images/linkedin.png) no-repeat left bottom; }




.banner_area { float:left; width:100%; position:relative; height:585px; }
.banner_area .tag { position:absolute; left:20px; top:30px; 
transition:top 1s;
-moz-transition:top 1s;
-ms-transition:top 1s;
-o-transition:top 1s;
-webkit-transition:top 1s;
} 
.banner_area .tag:hover { top:10px; } 

.banner_area .pics-v img, .banner_area .pics-h img { 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); 
} 
 
.banner_area .pics-v img:hover, .banner_area .pics-h img:hover { 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
 } 

.banner_area .web_design { position:absolute; left:390px; top:0px; width:195px; height:195px;}
.banner_area .web_design a { background:#FF4A39 url(images/web_design.png) no-repeat center 65px; line-height:80px; color:#FFF; font-size:18px; width:195px; height:195px; text-align:center; display:block; text-decoration:none; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s;
}
.banner_area .web_design a:hover { background:#C22314 url(images/web_design.png) no-repeat center 65px; }

.banner_area .web_dev { position:absolute; left:780px; top:0px; width:195px; height:195px;}
.banner_area .web_dev a { background:#149CA8 url(images/web_dev.png) no-repeat center 65px; line-height:80px; color:#FFF; font-size:18px; width:195px; height:195px; text-align:center; display:block; text-decoration:none; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s;
}
.banner_area .web_dev a:hover { background:#116C74 url(images/web_dev.png) no-repeat center 65px; }

.banner_area .e_commerce { position:absolute; left:585px; top:195px; width:195px; height:195px;}
.banner_area .e_commerce a { background:#87A233 url(images/e-commerce.png) no-repeat center 65px; line-height:80px; color:#FFF; font-size:18px; width:195px; height:195px; text-align:center; display:block; text-decoration:none; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s;
}
.banner_area .e_commerce a:hover { background:#597500 url(images/e-commerce.png) no-repeat center 65px; }

.banner_area .pic1 { position:absolute; left:585px; top:0px; width:195px; height:195px; }

.banner_area .pics-v { position:relative; }
.banner_area .pics-v img { position:absolute; left:585px; top:0px; width:195px; height:195px; position:relative; 

   -o-transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;

}

.banner_area .pics-v img.front{ z-index: 2; }
.banner_area .pics-v img.back{ 
	z-index: 1;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);  
    transform: rotateX(-180deg);  
 }

.banner_area .pics-v:hover img.front{ 
    z-index: 1;
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.banner_area .pics-v:hover img.back{ 
    z-index: 2;   
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}






.banner_area .pics-h { position:relative; }
.banner_area .pics-h img { position:absolute; left:585px; top:0px; width:195px; height:195px; position:relative; 

   -o-transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;

}

.banner_area .pics-h img.front{ z-index: 2; }
.banner_area .pics-h img.back{ 
	z-index: 1;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);  
    transform: rotateY(-180deg);  
 }

.banner_area .pics-h:hover img.front{ 
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.banner_area .pics-h:hover img.back{ 
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
}




.banner_area .pic2 { position:absolute; left:780px; top:195px; width:195px; height:195px;}
.banner_area .pic3 { position:absolute; left:975px; top:195px; width:195px; height:195px;}
.banner_area .pic4 { position:absolute; left:195px; top:390px; width:195px; height:195px;}


.banner_area .cms { position:absolute; left:0px; top:390px; width:195px; height:195px;}
.banner_area .cms a { background:#746386 url(images/e-commerce.png) no-repeat center 65px; line-height:80px; color:#FFF; font-size:18px; width:195px; height:195px; text-align:center; display:block; text-decoration:none; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s;
}
.banner_area .cms a:hover { background:#57436D url(images/e-commerce.png) no-repeat center 65px; }


.banner_area .ui-ux { position:absolute; left:390px; top:390px; width:195px; height:195px;}
.banner_area .ui-ux a { background:#FCD223 url(images/ui-ux-designing.png) no-repeat center 65px; line-height:80px; color:#FFF; font-size:18px; width:195px; height:195px; text-align:center; display:block; text-decoration:none; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s;
}
.banner_area .ui-ux a:hover { background:#545146 url(images/ui-ux-designing.png) no-repeat center 65px; }
.banner_area .pic5 { position:absolute; left:585px; top:390px; width:195px; height:195px;}


.banner_area .mobile_dev { position:absolute; left:780px; top:390px; width:195px; height:195px;}
.banner_area .mobile_dev a { background:#FF8900 url(images/mobile_development.png) no-repeat center 65px; line-height:80px; color:#FFF; font-size:18px; width:195px; height:195px; text-align:center; display:block; text-decoration:none; 
transition:background 0.5s;
-moz-transition:background 0.5s;
-ms-transition:background 0.5s;
-o-transition:background 0.5s;
-webkit-transition:background 0.5s;
}
.banner_area .mobile_dev a:hover { background:#D47200 url(images/mobile_development.png) no-repeat center 65px; }



.icons_section { float:left; width:100%; margin:40px 0px 30px 0px; line-height:24px; font-size:16px; }

.icons_section .html5 { float:left; width:245px; margin:0px 65px 0px 0px; text-align:center; }
.icons_section .html5 h2 { font-weight:400; color:#000; font-size:27px; margin:20px 0px 10px 0px; }
.icons_section .html5 a.icon1 { width:150px; height:150px; background:url(images/icon1.png) no-repeat left top; display:block; margin:0px 0px 10px 50px;transition:transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-webkit-transition:-webkit-transform 1s ease-out; 
}
.icons_section .html5 a.icon1:hover { 
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}





.icons_section .css3 { float:left; width:245px; margin:0px 65px 0px 0px; text-align:center; }
.icons_section .css3 h2 { font-weight:400; color:#000; font-size:27px; margin:20px 0px 10px 0px; }
.icons_section .css3 a.icon2 { width:150px; height:150px; background:url(images/icon2.png) no-repeat left top; display:block; margin:0px 0px 10px 50px;transition:transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-webkit-transition:-webkit-transform 1s ease-out; 
}
.icons_section .css3 a.icon2:hover { 
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}





.icons_section .jquery { float:left; width:245px; margin:0px 65px 0px 0px; text-align:center; }
.icons_section .jquery h2 { font-weight:400; color:#000; font-size:27px; margin:20px 0px 10px 0px; }
.icons_section .jquery a.icon3 { width:150px; height:150px; background:url(images/icon3.png) no-repeat left top; display:block; margin:0px 0px 10px 50px;transition:transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-webkit-transition:-webkit-transform 1s ease-out; 
}
.icons_section .jquery a.icon3:hover { 
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}




.icons_section .dotnet-php { float:left; width:245px; margin:0px 0px 0px 0px; text-align:center; }
.icons_section .dotnet-php h2 { font-weight:400; color:#000; font-size:27px; margin:20px 0px 10px 0px; }
.icons_section .dotnet-php a.icon4 { width:150px; height:150px; background:url(images/icon4.png) no-repeat left top; display:block; margin:0px 0px 10px 50px;transition:transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-webkit-transition:-webkit-transform 1s ease-out; 
}
.icons_section .dotnet-php a.icon4:hover { 
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}


.responsive_parallax { float:left; width:100%; height:658px; background:url(images/large_pic.png) no-repeat left top fixed; overflow:hidden; margin:0px 0px 0px 0px; position:relative; background-size:100% 100%; }

.responsive_parallax article{ width:415px; height:415px; background:url(images/circle_img.png) no-repeat left top; margin:20px 0px 0px 20px; position:absolute; left:10%; top:80px; 
transition:left 0.5s;
-moz-transition:left 0.5s;
-ms-transition:left 0.5s;
-o-transition:left 0.5s;
-webkit-transition:left 0.5s;
opacity:0.9;
}
.responsive_parallax article:hover{ left:15%; }

.responsive_parallax .caption_bar { width:100%; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.6); padding:20px 0px 20px 0px;  text-align:center;  }
.responsive_parallax .caption_bar h2{ font-size:45px; font-weight:400; color:#FFFFFF; margin:0px; padding:0px; }
.responsive_parallax .caption_bar h3{ font-size:20px; font-weight:400; color:#FFFFFF; margin:0px; padding:0px; }

.work_portfolio { float:left; width:100%; }
.work_portfolio h2{ float:left; width:100%; text-align:center; font-size:55px; font-weight:300; color:#383838; margin:20px 0px 20px 0px; padding:0px; }





.three_segments { float:left; background:#F4F4F4; width:100%; padding:10px 0px 30px 0px; margin:0px 0px 0px 0px; line-height:30px; font-size:16px; }
.three_segments .segment1{ float:left; width:355px; margin:0px 55px 0px 0px; }
.three_segments .segment2{ float:left; width:355px; margin:0px 55px 0px 0px; }
.three_segments .segment3{ float:left; width:355px; margin:0px 0px 0px 0px; }
.three_segments h2 { font-weight:300; color:#000; font-size:30px; margin:0px 0px 15px 0px; }



.get_quote { margin:0 auto; background:#A50C00; color:#FFF; font-weight:300; font-size:30px; text-decoration:none; text-align:center; padding:20px; width:250px; position:absolute; left:40%;
transition: background 0.5s;
-moz-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-transition: background 0.5s;
-webkit-transition: background 0.5s;
 }
.get_quote:hover { background:#333; }


#slidingFeatures { height:550px; float:left; width:100%; position:relative; }

.main_parallax_banner { height:550px !important; width:100%; background:url(images/large_pic2.png) no-repeat top center fixed; float:left; margin:0px 0px 30px 0px; background-size:100% 100%; overflow:hidden; position:relative; }
.main_parallax_banner .tag{ position:absolute; left:340px; top:250px; }

.main_parallax_banner2 { height:550px !important; width:100%; background:url(images/banner2.png) no-repeat top center fixed; float:left; margin:0px 0px 30px 0px; background-size:100% 100%; overflow:hidden; position:relative; }
.main_parallax_banner2 .tag{ position:absolute; left:340px; top:250px; }

.main_parallax_banner3 { height:550px !important; width:100%; background:url(images/banner3.png) no-repeat top center fixed; float:left; margin:0px 0px 30px 0px; background-size:100% 100%; overflow:hidden; position:relative; }
.main_parallax_banner3 .tag{ position:absolute; left:340px; top:250px; }

.main_parallax_banner4 { height:550px !important; width:100%; background:url(images/banner4.png) no-repeat top center fixed; float:left; margin:0px 0px 30px 0px; background-size:100% 100%; overflow:hidden; position:relative; }
.main_parallax_banner4 .tag{ position:absolute; left:340px; top:250px; }


.jshowoff { position:relative; width:100%; float:left; }
.jshowoff-controls { padding:0px; margin:0px; }
.jshowoff-play { display:none; }

.jshowoff-prev { display:block; left:0px; top:40%; background:rgba(0,0,0,0.2) url(images/left_arrow.png) no-repeat center center; font-size:0px; text-decoration:none; position:absolute; height:90px; width:50px; 
transition:background 0.3s;
-moz-transition:background 0.3s;
-ms-transition:background 0.3s;
-o-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.jshowoff-prev:hover { background:rgba(255,100,100,1) url(images/left_arrow.png) no-repeat center center; }

.jshowoff-next { display:block; right:0px; top:40%; background:rgba(0,0,0,0.2) url(images/right_arrow.png) no-repeat center center; font-size:0px; text-decoration:none; position:absolute; height:90px; width:50px; 
transition:background 0.3s;
-moz-transition:background 0.3s;
-ms-transition:background 0.3s;
-o-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.jshowoff-next:hover { background:rgba(255,100,100,1) url(images/right_arrow.png) no-repeat center center; }

.jshowoff-slidelinks { position:absolute; right:20px; bottom:5px; }
.jshowoff-slidelinks a { background:#FFF; width:10px; height:10px; margin:0px 5px 0px 0px; display:inline-block; float:left; font-size:0px; text-decoration:none; border-radius:50px; }
.jshowoff-slidelinks a:hover { background:#ec2f2f; }
.jshowoff-slidelinks a.jshowoff-active { background:#ec2f2f; width:10px; height:10px; margin:0px 5px 0px 0px; display:inline-block; float:left; font-size:0px; text-decoration:none; border-radius:50px; }
















.bottom_area { float:left; width:100%; padding:25px 0px 25px 0px; background:#16242f url(images/bars.png) repeat-x center top; color:#FFF; }

.bottom_area .bottom1 { float:left; width:405px; margin:0px 70px 0px 0px; }
.bottom_area .bottom1 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #22c586; }

.bottom_area .bottom2 { float:left; width:270px; margin:0px 70px 0px 0px; }
.bottom_area .bottom2 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ffb900; }

.bottom_area .bottom3 { float:left; width:355px; }
.bottom_area .bottom3 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #de6262; }

.blogs { float:left; width:100%; font-size:13px; }
.blogs .date_box{ float:left; background:#e46145; text-align:center; color:#FFF; font-size:25px; padding:5px 15px 5px 15px; overflow:hidden; margin:5px 20px 0px 0px; }
.blogs .date_box span{ float:left; width:150%; background:#FFF; color:#000; margin:5px -35px -5px -15px; font-size:16px; padding:5px 0px 5px 0px; }
.blogs .texts { float:left; width:275px; }
.blogs a { color:#36bae2; text-decoration:none;}
.blogs a:hover { color:#ffb901; }

.blogs .texts span{ color:#98a9b7; }

.fb { margin:0px; padding:0px; float:left; }
.fb li { list-style-type:none; display:inline; margin:0px 11px 6px 0px; float:left; }
.fb li:nth-child(3n) { margin:0px 0px 6px 0px; }
.fb li img { border:1px solid #98a9b7; opacity:0.8; 
transition:border 0.3s, opacity 0.3s;
-moz-transition:border 0.3s, opacity 0.3s;
-ms-transition:border 0.3s, opacity 0.3s;
-o-transition:border 0.3s, opacity 0.3s;
-webkit-transition:border 0.3s, opacity 0.3s;

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); 


}
.fb li img:hover { border:1px solid #ffb901; opacity:1; 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

.bot_contact_form { float:left; width:100%; }
.bot_contact_form input[type='text'], .bot_contact_form input[type='email'] { background:#4c5b67; height:25px; padding:5px 10px 5px 10px; color:#cedae3; border:none; margin:0px 0px 10px 0px; width:92%;  }
.bot_contact_form input[type='text']:focus, .bot_contact_form input[type='email']:focus { background:#0e1922; color:#FFF; }

.bot_contact_form textarea { background:#4c5b67; height:75px; padding:10px 10px 5px 10px; color:#cedae3; border:none; margin:0px 0px 10px 0px; width:92%; font-family: 'Lato', sans-serif; font-size:14px;  }
.bot_contact_form textarea:focus { background:#0e1922; color:#FFF; }

.bot_contact_form input[type='submit'] { padding:0px 20px 0px 20px; display:block; text-decoration:none; color:#FFF; font-size:15px; font-weight:400; text-align:center; line-height:40px; background:#ff4d4d; float:left; cursor:pointer; border:none; height:31px; font-size:14px;
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.bot_contact_form input[type='submit']:hover { background:#FFF; color:#000; }


.footer { float:left; width:100%; background:#0e1922; color:#FFF; border-top:1px solid #425059; }
.copyright { float:left; font-size:13px; }
.copyright span { color:#00bcf2; }







.testimonials_area { float:left; width:100%; background:#FFF; padding:0px 0px 30px 0px; }
.testimonials_area h2 { margin:0px 0px 20px 0px; padding:0px; font-weight:300; font-size:40px; font-family: 'Lato', sans-serif; color:#000; }
.testimonials_area .client { float:left; margin:0px 10px 0px 0px; }
.testimonials_area .testimonials { float:left; width:1000px; padding:25px; background:#f8f8f8; line-height:23px; }

.testimonials_area .testimonials .quote1 { float:left; background:url(images/quote1.png) no-repeat left top; padding:0px 0px 0px 60px; }
.testimonials_area .testimonials .quote2 { float:left; background:url(images/quote2.png) no-repeat right top; padding:0px 60px 0px 0px; }

.testimonials_area .testimonials { float:left; width:1000px; padding:25px; background:#f8f8f8; line-height:23px; }

.testimonials_area .testimonials a{ color:#36bae2; text-decoration:none; font-style:italic; }
.testimonials_area .testimonials a:hover{ color:#222; }
.testimonials_area .testimonials span { color:#9fb847; font-style:italic;}




.red_btn { padding:0px 20px 0px 20px; display:block; text-decoration:none; color:#FFF; font-size:15px; font-weight:400; text-align:center; line-height:40px; background:#ff4d4d; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.red_btn:hover { background:#5e4a49; }


.yellow_btn { padding:0px 15px 0px 15px; display:block; text-decoration:none; color:#000 !important; font-size:14px; font-weight:400; text-align:center; line-height:33px; background:#ffb901; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.yellow_btn:hover { background:#FFF !important; color:#000 !important; }