/*     # 1FADC5    #04B404 ; */
 
 h4, h5, h6,
 h1, h2, h3 {margin-top: 0;}
 ul, ol {margin: 0;}
 p {margin: 0;}
 html, body{
    font-family: 'Arimo', sans-serif;
    font-size: 100%;
    background:#fff; 
 }
 a {
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
   -o-transition: 0.5s all;
   text-decoration: none;
 }
 /*--banner start here--*/
 .banner {  
   min-height: 810px;
   background-size: cover;
 	}
 .banner-bot-main {
   padding: 15em 0em 0em 0em;
   position: relative;
 }
 span.menu {
   display: none;
    
 }
 span.logo-clr {
   color:  #04B404 ;
 }
 .header {
   background: rgba(0, 0, 0, 0.69);
   padding: -2em 0em 1.5em 0em;
   position: fixed;
   -moz-box-shadow: 0 1px 2px #ebebeb;
 	-webkit-box-shadow: 0 1px 2px #ebebeb;
 	box-shadow: 0 5px 5px rgba(0,0,0,.15);
     transition: all 0.3s;
 }
 .top-nav ul {
   padding: 0em;
   list-style: none;
 }
 .top-nav ul li {
   display: inline-block;
   margin: 0em 1em 0em 0em;
      
 }
 .logo {
   float: left;
   width: 50%;
 }
 .header-right {
   float: right;
   width: 50%;
   margin: 0.7em 0em 0em 0em;
 }
 .drop-down {
   float: right;
 }
 .top-nav {
   float:right;
 }
 .top-nav ul li a {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   text-decoration:none;
  font-family: 'Signika', sans-serif;
 }
 .top-nav ul li a:hover,.top-nav ul li a.active{
 	color: #04B404 ;
 }
 .logo h1 {
   font-size: 2.6em;
   font-weight: 600;
   color: #fff;
   margin: 0em;
   font-family: 'Signika', sans-serif;
 }
 .logo h1 a{
   color: #fff;
   text-decoration:none;
 }
 .banner-bot-main h3 {
   font-size: 1.7em;
   font-weight: 600;
   color: #fff;
   text-align: left; 
   margin: 4em 0em 0em 0em;  /*  aqui  02*/
   padding: 0.5em 0.5em;
    
   width: 50%;
   border-radius: 7px 25px 6px 25px;
  font-family: 'Signika', sans-serif;
 }
 .banner-bot-main p {
   font-size: 1em;
   font-weight: 400;
   color: rgb(255, 255, 255);
   padding: 0.5em 1.5em;
   background:  #04B404 ;  /* -------------------------------------------- aqui */
   border-radius: 5px;
   width: 55%;
 }
 select.in-drop {
   border: none;
   outline: 0;
   font-size: 0.95em;
   font-weight:400;
   color: #fff;
   background: none;
   width: 100%;
 }
 select.in-drop option {
   background: #000;
 }
 /*--- slider-css --*/
 .slider {
 	position: relative;
 	
 }
 .rslides {
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;
   
   }
 .rslides li {
   -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;
  
   }
 .rslides li:first-child {
   position: relative;
   display: block;
   float: left;
   }
 .rslides img {
   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;
   }
 
 
 span.bg-small {
 	background: rgba(0, 0, 0, 0.39);
 	display: block;
 	width: 40%;
 	height: 48px;
 	position: absolute;
 	top: 83px;
 	left: -40px;
 }
 span.bg-large {
 	background: rgba(0, 0, 0, 0.39);
 	display: block;
 	width: 60%;
 	height: 70px;
 	position: absolute;
 	top: 194px;
 	left: -40px;
 }
 
 a.morebtn{
 	background:#3D3D3D;
 	padding:0.8em 0;
 	display:block;
 	font-size:0.875em;
 	text-transform:uppercase;
 	color:#FFF;
 	width:20%;
 	margin:0 auto;
 	transition:0.5s all ease;
 	-webkit-transition:0.5s all ease;
 	-moz-transition:0.5s all ease;
 	-o-transition:0.5s all ease;
 	-ms-transition:0.5s all ease;
 }
 a.morebtn:hover{
 	background:#585686;
 }
 .callbacks_nav {
     position: absolute;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   top: 100%;
   left: -8%;
   opacity: 0.7;
   
   text-indent: -9999px;
   overflow: hidden;
   text-decoration: none;
   height: 48px;
   width: 45px;
   background: url("../images/left.png") no-repeat left top;
   margin-top: -45px;
   border-radius: 100%;
 }
 .callbacks_nav.next {
   left: auto;
 background:url("../images/right.png") no-repeat left top;
   right: -8%;
  }
 /*--banner end here--*/
 /*--banner-info start here--*/
 .banner-info {
   padding: 3em 0em 3em 0em;
 }
 span.ban-info-clr {
   color: #04B404 ;
 }
 .bann-info-grid h4 {
   font-size: 1.5em;
   font-weight: 600;
   color: #000;
   font-family: 'Signika', sans-serif;
 }
 .bann-info-grid p {
   font-size: 0.85em;
   font-weight: 400;
   color: #939090;
   line-height: 1.7em;
 }
 .banner-info-main h3 {
   font-size: 2.7em;
   font-weight: 600;
   color:  #04B404 ;
   text-align: center;
   margin: 0em 0em 0.8em 0em;
   font-family: 'Signika', sans-serif;
 }
 /*--banner-info end here--*/
 /*--our creative start here--*/
 .creative {
   padding: 1em 0em 3em 0em;
 }
 .creative-main h3 {
   font-size: 1.8em;
   font-weight: 700;
    color:  #04B404 ;
    margin: 0px 0px 10px 13px;
   font-family: 'Signika', sans-serif;
 }
 /*	Strip
 /*-----------------------------------------------------------------------------------*/
 .b-link-stripe{
 	position:relative;
 	display:inline-block;
 	vertical-align:top;
 	font-family: 'Source Sans Pro', sans-serif;
 	font-weight: 300;
 	overflow:hidden;
 }
 .b-link-stripe .b-wrapper{
 	position:absolute;
 	width:100%;
 	height:100%;
 	top:0;
 	left:0;
 	text-align:center;
 	color:#ffffff;
 	overflow:hidden;
 }
 .b-link-stripe .b-line{
 	position:absolute;
 	top:0;
 	bottom:0;
 	width:20%;
 	background:rgba(15, 207, 140, 0.9);
 	transition:all 0.5s linear;
 	-moz-transition:all 0.5s linear;
 	-ms-transition:all 0.5s linear;
 	-o-transition:all 0.5s linear;
 	-webkit-transition:all 0.5s linear;
 	opacity:0;
 	visibility:hidden; /* lt-ie9 */
 }
 /*-----------------------------------------------------------------------------------*/
 /*	Animation effects
 /*-----------------------------------------------------------------------------------*/
 .b-animate-go{
 	text-decoration:none;
 }
 .b-animate{
 	transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	-ms-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	-webkit-transition: all 0.5s;
 	visibility: hidden;
 	font-size:1.1em;
 	font-weight:700;
 }
 .b-animate img{
 	margin-top:0%;
 	display: -webkit-inline-box;
 }
 h2.b-animate.b-from-left.b-delay03 {
 	padding-top: 7em;
 	font-size: 15px;
 	color: #7E7C7C;
 }
 h2.b-animate.b-from-left.b-delay03 img {
   width: 13%;
 }
 /* lt-ie9 */
 .b-animate-go:hover .b-animate{
 	visibility:visible;
 }
 .b-from-left{
 	position:relative;
 	left:-100%;
 }
 .b-animate-go:hover .b-from-left{
 	left:0;
 }
 span.m_4{
 	font-size:14px;
 	font-weight:400;
 }
 p.m_5 {
 	margin: 2% auto 5%;
 	width: 70%;
 	color: #283A47;
 	font-size: 1.1em;
 	font-weight: 600;
 	line-height: 1.5em;
 	text-align: center;
 }
 ul#filters {
 	padding: 0px;
 	margin: 1em 0em;
 	text-align: center;
 }
 /*--team--*/
 .team{
 	background:#fff;
 	padding:0 0 9% 0;
 }
 .col_1_of_4:first-child {
 	margin-left: 0;
 }
 .span_1_of_4 {
 	width: 22.8%;
 }
 .col_1_of_4 {
 	display: block;
 	float: left;
 	margin: 1% 0 1% 2.6%;
 	background: #FFF;
 }
 /* lt-ie9 */
 .b-link-stripe:hover .b-line{
 	visibility:visible;
 }
 .b-link-stripe .b-line1{
 	left:0;
 }
 .b-link-stripe .b-line2{
 	left:20%;
 	transition-delay:0.1s !important;
 	-moz-transition-delay:0.1s !important;
 	-ms-transition-delay:0.1s !important;
 	-o-transition-delay:0.1s !important;
 	-webkit-transition-delay:0.1s !important;
 }
 .b-link-stripe .b-line3{
 	left:40%;
 	transition-delay:0.2s !important;
 	-moz-transition-delay:0.2s !important;
 	-ms-transition-delay:0.2s !important;
 	-o-transition-delay:0.2s !important;
 	-webkit-transition-delay:0.2s !important;
 }
 .b-link-stripe .b-line4{
 	left:60%;
 	transition-delay:0.3s !important;
 	-moz-transition-delay:0.3s !important;
 	-ms-transition-delay:0.3s !important;
 	-o-transition-delay:0.3s !important;
 	-webkit-transition-delay:0.3s !important;
 }
 .b-link-stripe .b-line5{
 	left:80%;
 	transition-delay:0.4s !important;
 	-moz-transition-delay:0.4s !important;
 	-ms-transition-delay:0.4s !important;
 	-o-transition-delay:0.4s !important;
 	-webkit-transition-delay:0.4s !important;
 }
 .b-link-stripe:hover .b-line{
 	opacity:1;
 }
 #portfoliolist .portfolio {
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		-o-box-sizing: border-box;
 		width: 25%;
 		display:none;
 		float:left;
 		overflow:hidden;
 }
 div#portfoliolist {
 		padding: 10px 0px;
 }	
 .portfolio-wrapper img {
   width: 100%;
 }
 .portfolio-wrapper {
 		overflow:hidden;
 		position: relative !important;
 		cursor:pointer;
 		margin:0em 0em 0px 0px;
 }
 .portfolio img {
 		max-width:100%;
 		display: block;
 		margin: 0px auto 0px;
 		/*--position: relative;--*/
 		transition: all 300ms!important;
 		-webkit-transition: all 300ms!important;
 		-moz-transition: all 300ms!important;
 }
 
 .b-wrapper:hover {
 	background: rgba(31, 173, 197, 0.35);
 	transition: 0.5s all;
 	-webkit-transition: 0.5s all;
 	-o-transition: 0.5s all;
 	-moz-transition: 0.5s all;
 	-ms-transition: 0.5s all;
 }
 /*--our creative end here--*/
 /*--services start here--*/
 .services {
   background:  #04B404 ;
   padding: 3.5em 0em 3.5em 0em;
 }
 .services-top h3 {
   font-size: 2.7em;
   font-weight: 600;
   color: #fff;
   text-align: center;
     font-family: 'Signika', sans-serif;
 }
 .services-bottom {
   margin: 3em 0em 0em 0em;
 }
 .services-bottom h4 {
   font-size: 1.8em;
   font-weight: 600;
   color: #fff;
   margin: 0em 0em 0em 0em;
   font-family: 'Signika', sans-serif;
 }
 .services-gridleft h5 {
   font-size: 1.05em;
   font-weight: 400;
   color: #fff;
   line-height: 1.4em;
   margin: 2em 0em 1em 0em;
 }
 .services-gridleft p {
   font-size: 0.85em;
   font-weight: 400;
   color: #E5E5E5;
   line-height: 1.5em;
 }
 .services-gridright ul {
   margin: 2em 0em 0em 0em;
   padding: 0em;
   list-style: none;
 }
 .services-gridright ul li {
   margin: 0em 0em 0.3em 0em;
 }
 .services-gridright ul li a {
   font-size: 0.9em;
   font-weight: 400;
   color: #fff;
   background: url(../images/play.png)no-repeat;
   padding: 0px 0px 0px 25px;
   text-decoration: none;
 }
 .services-gridright ul li a:hover {
  text-decoration: none;
  color: #E5E5E5;	
 }
 /*--services end here--*/
 /*--program start here--*/
 .program {
   padding: 3.5em 0em 3.5em 0em;
 }
 .program-gridleft h4 {
   font-size: 1.8em;
   font-weight: 600;
   color: #000;
   margin: 0em 0em 0.5em 0em;
   font-family: 'Signika', sans-serif;
 }
 span.quote {
   background: url(../images/Quote.png);
   width: 100px;
   height: 100px;
   display: inline-block;
   float: left;
   margin: 2em 0em 0em 0em;
 }
 .quote-text {
   float: right;
   width: 75%;
 }
 .quote-text h5 {
   font-size: 1.05em;
   font-weight: 400;
   color: #000;
   line-height: 1.4em;
   margin: 1em 0em 1em 0em;
 }
 .quote-text p {
   font-size: 0.85em;
   font-weight: 400;
   color: #939090;
   line-height: 1.5em;
 }
 .program-tips {
   width: 50%;
   margin: 0 auto;
   background:  #04B404 ;
   border-radius: 4px;
 }
 .program-tips h4 {
   padding: 10px;
   font-size: 1.3em;
   font-weight: 600;
   background: #6AD6E8;
   color: #fff;
   text-align: center;
   border-radius: 5px 5px 0px 0px;
 }
 .program-tips h5 {
   font-size: 0.9em;
   font-weight: 600;
   padding: 10px 15px;
   margin: 0px;
   line-height: 1.4em;
 }
 .program-tips p {
   font-size: 0.8em;
   font-weight: 400;
   color: #fff;
   line-height: 1.5em;
   padding: 0px 15px 20px 15px;
 }
 .program-btn {
   margin: 2.5em 0em 0em 0em;
 }
 .program-btn a {
   font-size: 0.95em;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   padding: 0.5em 1em;
   border-radius: 4px;
   text-decoration: none;
 }
 .program-btn a:hover {
 	background: #000;
 	text-decoration:none;
 }
 /*--program end here--*/
 /*--blog start here--*/
 .blog {
   background: rgba(153, 153, 153, 0.15);
   padding: 3.5em 0em;
 }
 .blog h3 {
   font-size: 2.7em;
   font-weight: 600;
   color:  #04B404 ;
   text-align: center;
   margin: 0em 0em 1.2em 0em;
   font-family: 'Signika', sans-serif;
 }
 .blog-triners {
   text-align: center;
 }
 .blog-triners img {
   border-radius: 100px;
   border: 3px solid  #04B404 ;
 }
 .blog-gridleft h4 {
   font-size: 1.8em;
   font-weight: 600;
   color: #000;
   font-family: 'Signika', sans-serif;
 }
 .blog-gridleft p {
   font-size: 0.85em;
   font-weight: 400;
   color: #717070;
   line-height: 1.8em;
   margin: 2em 0em 0em 0em;
 }
 .blog-triners p {
   font-size: 0.85em;
   font-weight: 400;
   color: #717070;
   line-height: 1.5em;
 }
 .blog-btn {
   margin: 2.5em 0em 0em 0em;
 }
 .blog-btn a {
   font-size: 0.95em;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   padding: 0.6em 1em;
   border-radius: 4px;
   text-decoration: none;
 }
 .blog-btn a:hover {
 	background:#000;
 	text-decoration: none;
 }
 .blog-triners h5 {
   font-size: 1em;
   font-weight: 600;
   color: #000;
   margin: 0.5em 0em 0.3em 0em;
 }
 /*--blog end here--*/
 /*--single page start here--*/
 .single {
   padding: 3em 0em 3em 0em;
 }
 .blog-grids h4 {
   font-size: 1.5em;
   font-weight: 600;
   color:  #04B404 ;
 }
 .blog-grids h5 {
   font-size: 1.2em;
   font-weight: 400;
   color: #000;
   margin: 0.4em 0em 0.5em 0em;
 }
 .blog-grids h5 a {
   text-decoration: none;
   color: #000;
 }
 .blog-grids h5 a:hover{
 	color: #04B404 ;
 	text-decoration: none;
 }
 .blog-grids p {
   font-size: 0.9em;
   font-weight: 400;
   color: #939090;
   line-height: 1.8em;
 }
 .single-commemts {
   background: rgba(118, 117, 116, 0.61);
   padding: 1em 1em 1em 1em;
   margin: 3em 0em 3em 0em;
 }
 .user-comment h4 a {
   color: #04B404 ;
   font-size: 1.2em;
   font-weight: 600;
   margin: 0em 0em 0.5em 0em;
    text-decoration: none;
   font-family: 'Noto Serif', serif;
 }
 .user-comment h4 a {
 	color:#fff;
 }
 .user-comment h4 a:hover {
 	color: #04B404 ;
 }
 .user-comment p {
   font-size: 0.95em;
   font-weight: 400;
   color: #fff;
   line-height: 1.5em;
 }
 .user-bwn {
   text-align: right;
   margin: 1em 0em 0em 0em;
 }
 .user-comment h5 {
   font-size: 0.95em;
   font-weight: 400;
   color: #000;
   margin: 0.5em 0em 0.3em 0em;
 }
 .user-bwn a {
   font-size: 15px;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   padding: 7px 11px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
    text-decoration: none;
 }
 .user-bwn a:hover {
   color: #000;
   background: #fff;
   text-decoration: none;
 }
 .magsingle-contact h4 {
   font-size: 1.5em;
   font-weight: 600;
   color:  #04B404 ;
 }
 .magsingle-contact input[type="text"] {
   font-size: 14px;
   font-weight: 400;
   color: #000;
   padding: 6px 7px;
   background: none;
   width: 50%;
   outline: none;
   border: 1px solid #999;
   margin: 0px 0px 15px 0px;
   display: block;
   -webkit-appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
 }
 .magsingle-contact textarea {
   font-size: 14px;
   font-weight: 400;
   color: #000;
   padding: 6px 7px;
   background: none;
   width: 100%;
   height:10em;
   outline: none;
   border: 1px solid #999;
   margin: 0px 0px 15px 0px;
   display: block;
   resize:none;
   -webkit-appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
 }
 .magsingle-contact input[type="submit"] {
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   padding: 8px 20px;
   background:  #04B404 ;
   border: none;
   outline: none;
   -webkit-appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   margin: 10px 0px 0px 0px;
 }
 .magsingle-contact input[type="submit"]:hover {
 	background:rgba(118, 117, 116, 0.61);
 }
 .blog-cate h4 {
   font-size: 1.5em;
   font-weight: 400;
   color:  #04B404 ;
   margin: 0px 0px 16px 0px;
 }
 .blog-posts h4 {
   font-size: 1.5em;
   font-weight: 400;
   color:  #04B404 ;
 }
 .blog-cate ul {
   padding: 0px;
   list-style: none;
 }
 .blog-cate ul li {
   display: block;
   margin: 10px 0px 10px 0px;
 }
 .blog-cate ul li a {
   font-size: 1em;
   font-weight: 400;
   color: #000;
   text-decoration: none;
   
   padding: 0px 0px 0px 5px;
 }
 .blog-cate ul li a:hover {
 	color:#888383;
 }
 .blog-post-right {
   padding: 0px;
 }
 .blog-post-right h4 a {
   text-decoration: none;
   color: #a6192e;
 }
 .blog-post-right h5 {
   font-size: 1em;
   font-weight: 600;
   margin: 0em 0em 0.2em 0em;
 }
 .blog-post-right h5 a {
   color: #000;
   text-decoration: none;
 }
 .blog-post-right p {
   font-size: 0.9em;
   font-weight: 400;
   color: #909090;
   line-height: 1.5em;
 }
 .blog-posts-grid {
   margin: 0em 0em 1.5em 0em;
 }
 .blog-cate {
   margin: 0em 0em 2.5em 0em;
 }
 .magsingle-contact {
   margin: 0em 0em 2em 0em;
 }
 .blog-post-left {
   padding: 0 10px 0 0;
 }
 /*--single page end here--*/
 /*--clients start here--*/
 .clients {
   padding: 3em 0em 5em 0em;
 }
 .clients-top {
   text-align: center;
   padding: 0em 0em 2em 0;
 }
 .clients-top h3 {
   font-size: 1.8em;
   font-weight: 600;
   color:  #04B404 ;
   margin: 0em 0em 0.2em 0em;
   font-family: 'Signika', sans-serif;
 }
 .clients-top p {
   font-size: 0.9em;
   font-weight: 400;
   color: #000;
 }
 .clients-bottom h4 {
   font-size: 1.15em;
   font-weight: 600;
   color: #000;
   margin: 0px;
   text-align: right;
   font-family: 'Signika', sans-serif;
 }
 .clients-bottom p {
   font-size: 0.9em;
   font-weight: 400;
   color: #95928d;
   line-height: 1.6em;
   width: 50%;
   margin: 0em auto 1em;
   text-align: center;
 }
 /*--clients end here--*/
 /*--contact start here--*/
 .contact {
   padding: 3em 0em 4em 0em;
   background: url(../images/con-bann.jpg)no-repeat center;
   background-size: cover;
   min-height: 400px;
 }
 span.glyphicon.glyphicon-earphone {
   font-size: 1.8em;
   color: #fff;
   display: inline-block;
   vertical-align: text-bottom;
 }
 span.glyphicon.glyphicon-envelope {
   font-size: 1.8em;
   color: #fff; 
   display: inline-block;
   vertical-align: middle;
 }
 span.glyphicon.glyphicon-map-marker {
   font-size: 1.8em;
   color: #fff;
   display: inline-block;
     vertical-align: top;
 }
 .ftr-left-gd1 p {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   display: inline-block;
   padding: 0em 0em 0em 1em;
 }
 .ftr-left-gd1 p a {
   color: #fff;
   text-decoration: none;
 }
 .ftr-left-gd1 p a:hover{
 	color: #04B404 ;
 }
 .ftr-left-gd1 {
   margin: 0em 0em 3em 0em;
 }
 .contact-main h3 {
   font-size: 2.7em;
   font-weight: 600;
   color: #fff;
   text-align: center;
   margin: 0em 0em 1.5em 0em;
   font-family: 'Signika', sans-serif;
 }
 .contact-right input.name {
   margin: 0em 0.5em 0em 0em;
 }
 .contact-right input[type="text"] {
   width: 55%;
   color: #fff;
   outline: none;
   display: block;
   font-size: 0.8em;
   padding: 10px 15px;
   margin-bottom: 1em;
   border: solid 1px #fff;
   -webkit-appearance: none;
   background: rgba(102, 102, 102, 0.15);
   font-weight: 400;
   border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   -moz-border-radius: 0.3em;
   -o-border-radius: 0.3em;
   -ms-border-radius: 0.3em;
 }
 .contact-right textarea {
   width: 100%;
   height:11em;
   color: #fff;
   outline: none;
   resize:none;
   font-size: 0.8em;
   padding: 10px 15px;
   margin-bottom: 1em;
   border: solid 1px #fff;
   -webkit-appearance: none;
   background: rgba(102, 102, 102, 0.15);
   font-weight: 400;
   border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   -moz-border-radius: 0.3em;
   -o-border-radius: 0.3em;
   -ms-border-radius: 0.3em;
 }
 .send {
   text-align: right;
 }
 .contact-right input[type="submit"] {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   border: none;
   padding: 0.5em 2em 0.5em 2em;
   border-radius: 3px;
   outline: none;
   font-family: 'Signika', sans-serif;
 }
 .contact-right input[type="submit"]:hover {
   color: #000;
   background: #fff;
 }
 /*--contact end here--*/
 /*--map start here--*/
 .map {
   background: #000;
 }
 .map iframe {
   border: none;
   width: 100%;
   height: 300px;
 }
 /*--map end here--*/
 /*--footer start here--*/
 #toTop {
 	display:none;
 	text-decoration: none;
 	position: fixed;
 	bottom: 0px;
 	right: 10px;
 	overflow: hidden;
 	width: 48px;
 	height: 48px;
 	border: none;
 	text-indent: 100%;
 	background-size: 35px;
 	background: url(../images/arrow.png) no-repeat 0px 0px;
 }
 .footer {
   background: #000;
 }
 .footer-main {
   padding: 1.5em 0em 1.5em 0em;
 }
 ul.ftr-icons {
   padding: 0em;
   list-style: none;
 }
 .footer-right {
   text-align: right;
 }
 .footer-right ul {
   padding: 0px;
   list-style: none;
 }
 .footer-right ul li {
   display: inline-block;
   margin: 0em 0.8em 0em 0em;
 }
 .footer-right ul li a {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   text-decoration:none;
   font-family: 'Signika', sans-serif;
 }
 .footer-right ul li a:hover {
   color:  #04B404 ;
 }
 .ftr-icons li {
   display: inline-block;
 }
 .ftr-icons li a {
   background: url(../images/f-sprite.png)no-repeat;
   width: 36px;
   height: 36px;
   display: inline-block;
   margin: 0em 0.5em 0em 0em;
   border: 2px solid #000;
 }
 .ftr-icons li a.fa {
   background-position: 1px 1px;
 }
 .ftr-icons li a.tw {
   background-position: -34px 1px;
 }
 .ftr-icons li a.you {
   background-position: -69px 1px;
 }
 .ftr-icons li a.p {
   background-position: -104px 1px;
 }
 .ftr-icons li a.fa:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .ftr-icons li a.tw:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .ftr-icons li a.you:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .ftr-icons li a.p:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .copyright {
   text-align: center;
   padding: 2em 0em 0em 0em;
 }
 .copyright  p {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
 }
 .copyright  p a {
   color:  #04B404 ;
   text-decoration: none;
 }
 .copyright  p a:hover{
 	 color: #fff;
 }
 /*--footer end here--*/
 /*--meadia quiries start here--*/
 @media(max-width:1440px){
 .banner {
   min-height: 700px;
 }
 .banner-bot-main {
   padding: 13em 0em 0em 0em;
 }
 .callbacks_nav {
   top: 90%;
   left: -5%;
 }
 .callbacks_nav.next {
   right: -5%;
 }
 }
 @media(max-width:1366px){
 .callbacks_nav.next {
   right: -5%;
 }
 .callbacks_nav {
   left: -5%;
 }
 }
 @media(max-width:1280px){
 .callbacks_nav.next {
   right: -2%;
 }
 .callbacks_nav {
   left: -2%;
 }
 }
 @media(max-width:1024px){
 .banner {
   min-height: 590px;
 }
 .banner-bot-main h2 {
   font-size: 1.6em;
 }
 .banner-bot-main h3 {
   font-size: 1.5em;
 }
 .banner-bot-main {
   padding: 11em 0em 0em 0em;
 }
 .bann-info-grid h4 {
   font-size: 1.3em;
 }
 .banner-info {
   padding: 2em 0em 2em 0em;
 }
 .services-gridright ul li a {
   font-size: 0.8em;
 }
 .services {
   padding: 2.5em 0em 3.5em 0em;
 }
 .blog-gridleft h4 {
   font-size: 1.55em;
 }
 h2.b-animate.b-from-left.b-delay03 {
   padding-top: 6em;
 }
 .callbacks_nav.next {
   right: -1%;
 }
 }
 @media(max-width:768px){
 span.menu{
 		display: block;
 		text-align: center;
 		padding: 1px 0px 0px 0px;
 		cursor: pointer;
 		color: #E74C3C;
 		font-size: 16px;
 		font-weight: 700;
 		position:relative;
 	}
 .top-nav ul.res{
 	 display:none;
 	 padding:0px;
 }
 .top-nav ul.res {
 		padding: 0;
 		margin: 1.5em 0em 0em 0em;
 		z-index: 999;
 		position: absolute;
 		width: 100%;
 		left:0;
 }
 .top-nav ul.res li {
 		display: block;
 		text-align: center;
 		background: #04B404 ;
 		margin: 0;
 }
 .top-nav ul.res li a {
 		font-size: 16px;
 		padding: 1em 0;
 		color: #fff;
 		display: block;
 }
 ul.res li a:hover,ul.res li a.active{
 	color:#000;
 }
 .logo h1 {
   font-size: 2.3em;
 }
 .banner-bot-main h3 {
   font-size: 1.4em;
   width: 75%;
   margin: 5 auto 0.3em;
 }
 .banner-bot-main p {
   font-size: 0.95em;
   width: 75%;
   margin: 0 auto;
 }
 .banner {
   min-height: 420px;
 }
 .banner-bot-main {
   padding: 7em 0em 0em 0em;
 }
 .callbacks_nav {
   top: 80%;
   left: 0%;
 }
 .portfolio-wrapper {
   float: left;
   width: 50%;
   margin: 0em 0em 1em 0em;
 }
 .creative {
   padding: 1em 0em 2em 0em;
 }
 .services-bottom {
   margin: 1em 0em 0em 0em;
 }
 .banner-info-main h3 {
   font-size: 2.5em;
 }
 .services-top h3 {
   font-size: 2.5em;
 }
 .services {
   padding: 1.5em 0em 2.5em 0em;
 }
 .services-gridleft h5 {
   margin: 1em 0em 1em 0em;
 }
 .services-gridright {
   margin: 2em 0em 0em 0em;
 }
 .services-gridright ul {
   margin: 0.5em 0em 0em 0em;
 }
 .program-gridright {
   margin: 2em 0em 0em 0em;
 }
 .program {
   padding: 2.5em 0em 2.5em 0em;
 }
 .blog {
   padding: 2.5em 0em;
 }
 .blog h3 {
   font-size: 2.5em;
   margin: 0em 0em 0.5em 0em;
 }
 .blog-gridleft {
   margin: 0em 0em 2.5em 0em;
 }
 .blog-triners {
   float: left;
   width: 33%;
 }
 .clients {
   padding: 2em 0em 4em 0em;
 }
 .contact-main h3 {
   font-size: 2.5em;
   margin: 0em 0em 0.6em 0em;
 }
 .contact {
   padding: 1.5em 0em 2.5em 0em;
   min-height: 400px;
 }
 .contact-right {
     float: right;
   width: 65%;
 }
 .contact-left {
   float: left;
   width: 35%;
 }
 .contact-right textarea {
   height: 9em;
 }
 .map iframe {
   height: 250px;
 }
 .footer-left {
   float: left;
   width: 40%;
 }
 .footer-right {
   float: right;
   width: 60%;
 }
 .clients-bottom p {
   width: 70%;
 }
 .header-right {
    margin: 0.2em 0em 0em 0em;
 }
 .blog-cate {
   float: left;
   width: 50%;
 }
 .blog-post-left {
   float: left;
   width: 47%;
   padding: 0px;
 }
 .blog-post-right {
   float: right;
   width: 52%;
 }
 .user {
   float: left;
   width: 15%;
 }
 .user-comment {
   float: right;
   width: 85%;
 }
 .bann-info-grid {
   padding: 0em 0em 1em 0em;
 }
 .drop-down {
   margin: 0.4em 0em 0em 0em;
 }
 }
 @media(max-width:640px){
 .banner-info-main h3 {
   font-size: 2.4em;	
 }
 .banner-bot-main h3 {
   font-size: 1.2em;
 }
 .footer-right ul li {
   margin: 0em 0.5em 0em 0em;
 }
 .callbacks_nav {
   top: 88%;
 }
 .copyright p {
   font-size: 0.9em;
 }
 .banner-bot-main p {
   font-size: 0.9em;
 }
 .logo h1 {
   font-size: 2.1em;
 }
 .contact-left {
   float: none;
   width: 100%;
 }
 .contact-right {
   float: none;
   width: 100%;
   margin: 3em 0em 0em 0em;
 }
 .ftr-left-gd1 {
   margin: 0em 0em 1em 0em;
 }
 .header-right {
   margin:0.05em 0em 0em 0em;
 }
 .copyright {
   padding: 1em 0em 0em 0em;
 }
 .clients-bottom p {
   width: 80%;
 }
 }
 @media(max-width:480px){
 .user {
   float: left;
   width: 26%;
   padding: 0px;
 }
 .user-comment {
   float: right;
   width: 74%;
   padding: 0px;
 }
 .footer-left {
   float: none;
   width: 100%;
   text-align: center;
   margin: 0em 0em 1em 0em;
 }
 .footer-right {
   float: none;
   width: 100%;
   text-align: center;
 }
 .logo h1 {
   font-size: 2.2em;
 }
 .copyright {
   padding: 1.5em 0em 0em 0em;
 }	
 .blog-grids h5 {
   font-size: 1.05em;
 }
 .blog-cate ul li a {
   font-size: 0.85em;
 }
 .blog-cate ul li {
   margin: 5px 0px 5px 0px;
 }
 .single {
 	 
   padding: 1.5em 0em 1em 0em;
 }
 .banner-bot-main p {
   font-size: 0.73em;
 }
 .drop-down {
   display: none;
 }
 .banner-bot-main h3 {
   font-size: 1.05em;
   width: 80%;
 }
 .banner {
   min-height: 310px;
 }
 .banner-bot-main {
   padding: 4em 0em 0em 0em;
 }
 .callbacks_nav {
   top: 88%;
 }
 .banner-info-main h3 {
   font-size: 1.8em;
   margin: 0em 0em 0.4em 0em;
 }
 .bann-info-grid h4 {
   font-size: 1.1em;
   margin: 0em 0em 0.2em 0em;
 }
 .banner-info {
   padding: 1.5em 0em 0em 0em;
 }
 .creative-main h3 {
   font-size: 1.3em;
   margin: 0px 0px 5px 10px;
 }
 .creative {
   padding: 1em 0em 1em 0em;
 }
 .services-top h3 {
   font-size: 1.8em;
 }
 .services-bottom h4 {
   font-size: 1.3em;
 }
 .services-gridleft h5 {
   margin: 0.51em 0em 0.51em 0em;
   font-size: 0.95em;
 }
 .services-gridright ul li a {
   font-size: 0.75em;
   padding: 0px 0px 5px 19px;
 }
 .program {
   padding: 1.5em 0em 2em 0em;
 }
 .program-gridleft h4 {
   font-size: 1.3em;
   margin: 0em 0em 0.3em 0em;
 }
 span.quote {
   float: none;
 }
 .quote-text {
   float: none;
   width: 100%;
 }
 span.quote {
   float: none;
   margin: 1em auto;
 }
 .program-btn {
   margin: 1.5em 0em 0em 0em;
 }
 .blog h3 {
   font-size: 1.8em;
   margin: 0em 0em 0.3em 0em;
 }
 .blog {
   padding: 1.5em 0em;
 }
 .blog-gridleft h4 {
   font-size: 1.3em;
 }
 .blog-gridleft p {
   margin: 0em 0em 0em 0em;
 }
 .clients-top h3 {
 	font-size: 1.3em;
   margin: 0em 0em 0.2em 0em;
 }
 .clients-bottom p {
   width: 100%;
   font-size: 0.8em;
 }
 .contact-main h3 {
   font-size: 1.8em;
 }
 .header-right {
   float: right;
   width: 17%;
   padding: 0.1em 0em 0em 0em;
   margin: 0em 0em 0em 0em;
 }
 .logo {
   width: 60%;
 }
 }
 @media(max-width:320px){
 .logo h1 {
   font-size: 1.55em;
 }
 .header {
   padding: 1em 0em 1em 0em;
 }	
 .banner {
   min-height: 223px;
 }
 .banner-bot-main {
   padding: 2.5em 0em 0em 0em;
 }
 .banner-bot-main h3 {
   font-size: 0.9em;
   width: 90%;
 }
 .banner-bot-main p {
   font-size: 0.6em;
   width: 88%;
 }
 .callbacks_nav {
   top: 91%;
   left: -7%;
 }
 .banner-info-main h3 {
   font-size: 1.3em;
 }
 .bann-info-grid h4 {
   font-size: 1em;
   margin: 0em 0em 0.1em 0em;
 }
 .bann-info-grid p {
   font-size: 0.75em;
   line-height: 1.5em;
 }
 .banner-info {
   padding: 1em 0em 0em 0em;
 }
 .creative {
   padding: 0em 0em 0em 0em;
 }
 .creative-main h3 {
   font-size: 1em;
   margin: 0px 0px 0px 3px;
 }
 .portfolio-wrapper {
   padding: 3px;
 }
 h2.b-animate.b-from-left.b-delay03 {
   padding-top: 3em;
 }
 h2.b-animate.b-from-left.b-delay03 img {
   width: 22%;
 }
 .services-top h3 {
   font-size: 1.3em;
 }
 .services-bottom h4 {
   font-size: 1em;
 }
 .services-gridleft h5 {
   font-size: 0.8em;
 }
 .services-gridleft {
   padding: 0px;
 }
 .services-gridleft p {
   font-size: 0.75em;
 }
 .services {
   padding: 1em 0em 1em 0em;
 }
 .services-gridright {
   margin: 1.3em 0em 0em 0em;
   padding: 0px;
 }
 .services-gridright ul li a {
   font-size: 0.75em;
 }
 .program {
   padding: 1em 0em 1em 0em;
 }
 .program-gridleft h4 {
   font-size: 1em;
 }
 span.quote {
   margin: 0.5em auto 0em;
 }
 .quote-text h5 {
   font-size: 0.8em;
   line-height: 1.4em;
   margin: 0.4em 0em 0.6em 0em;
 }
 .quote-text p {
   font-size: 0.75em;
   line-height: 1.5em;
 }
 .program-gridleft {
   padding: 0px;
 }
 .program-btn a {
   font-size: 0.75em;
 }
 .program-btn {
   margin: 1em 0em 0em 0em;
 }
 .program-gridright {
   padding: 0px;
 }
 .blog {
   padding: 1em 0em;
 }
 .blog h3 {
   font-size: 1.3em;
 }
 .blog-gridleft h4 {
   font-size: 1em;
   margin: 0em 0em 0.2em 0em;
 }
 .blog-gridleft p {
   font-size: 0.75em;
   line-height: 1.6em;
 }
 .blog-gridleft {
   padding: 0px;
 }
 .blog-btn a {
   font-size: 0.75em;
 }
 .blog-btn {
   margin: 1em 0em 0em 0em;
 }
 .blog-gridleft {
   margin: 0em 0em 1.5em 0em;
 }
 .blog-gridright {
   padding: 0px;
 }
 .blog-triners {
   float: none;
   width: 80%;
   margin: 0em auto 1.5em;
 }
 .blog-triners img {
   border-radius: 145px;
   width: 100%;
 }
 .blog-triners p {
   font-size: 0.75em;
 }
 .clients {
   padding: 1em 0em 1em 0em;
 }
 .clients-top h3 {
   font-size: 1em;
 }
 .clients-top p {
   font-size: 0.75em;
 }
 .clients-top {
   padding: 0em 0em 1em 0;
 }
 .clients-bottom p {
   font-size: 0.73em;
 }
 .clients-bottom h4 {
   font-size: 0.8em;
 }
 .contact-main h3 {
   font-size: 1.3em;
 }
 .contact-left {
   padding: 0px;
 }
 .ftr-left-gd1 p {
   font-size: 0.8em;
 }
 .contact-right {
   margin: 2em 0em 0em 0em;
   padding: 0px;
 }
 .contact-right input[type="text"] {
   width: 65%;
   font-size: 0.75em;
   padding: 7px 10px;
 }
 .contact-right textarea {
   font-size: 0.75em;
   padding: 7px 10px;
 }
 .contact-right input[type="submit"] {
   font-size: 0.85em;
   padding: 0.3em 2em 0.3em 2em;
 }
 .contact {
   padding: 1em 0em 1.5em 0em;
 }
 .map iframe {
   height: 140px;
 }
 .footer-right ul li {
   margin: 0em 0.2em 0em 0em;
 }
 .footer-right ul li a {
   font-size: 0.9em;
 }
 .footer-left {
   margin: 0em 0em 0.3em 0em;
   padding: 0px;
 }
 .copyright {
   padding: 1em 0em 0em 0em;
 }
 .blog-grids h4 {
   font-size: 1.2em;
 }
 .blog-grids h5 {
   font-size: 0.85em;
 }
 .blog-left {
   padding: 0px;
 }
 .blog-grids p {
   font-size: 0.75em;
   line-height: 1.7em;
 }
 .single-commemts {
   margin: 1.5em 0em 1.5em 0em;
 }
 .user {
   float: left;
   width: 30%;
 }
 .user-comment {
   float: right;
   width: 69%;
 }
 .user-comment h4 a {
   font-size: 1em;
   margin: 0em 0em 0.2em 0em;
 }
 .user-comment p {
   font-size: 0.75em;
 }
 .user-comment h5 {
   font-size: 0.75em;
 }
 .user-bwn a {
   font-size: 12px;
 }
 .magsingle-contact h4 {
   font-size: 1.2em;
 }
 .magsingle-contact input[type="text"] {
   font-size: 13px;
   width: 60%;
   margin: 0px 0px 10px 0px;
 }
 .magsingle-contact textarea {
   font-size: 13px;
   height: 8em;
   margin: 0px 0px 0px 0px;
 }
 .magsingle-contact input[type="submit"] {
   font-size: 13px;
   padding: 6px 14px;
 }
 .magsingle-contact {
   margin: 0em 0em 1.3em 0em;
 }
 .blog-cate h4 {
   font-size: 1.2em;
   margin: 0px 0px 6px 0px;
 }
 .blog-cate ul li a {
   padding: 0px 0px 0px 18px;
 }
 .blog-posts h4 {
   font-size: 1.2em;
 }
 .blog-cate {
   margin: 0em 0em 1.2em 0em;
 }
 .single {
   padding: 1.5em 0em 0em 0em;
 }
 .footer-right {
   padding: 0px;
 }
 .callbacks_nav.next {
   right: -5%;
   height: 32px;
   width: 32px;
 }
 .top-nav ul.res li a {
   font-size: 14px;
   padding: 0.5em 0;
 }
 span.menu img {
   width: 85%;
 }
 .header-right {
   padding: 0.05em 0em 0em 0em;
 }
 .logo {
   width: 65%;
 }
 .logo h1 {
   font-size: 2em;
 }
 }