body {
    width: 100%;
    height: 100%;
	font-family: 'Lato', sans-serif;

}

html {
    width: 100%;
    height: 100%;
}
a, h1, h2 ,h3, h4,h5, h6, p{
	font-family: 'Lato', sans-serif;
	
	
	}
	a{
		font-size:15px;}
		p{
			font-family: 'Lato', sans-serif;
			color:rgb(136, 136, 136);
			font-size:16px;
			text-align:justify;}
@media(min-width:767px) {
    .navbar {
        padding: 0px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */
.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: white;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px !important;
 
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #34495E;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.ts{

}
.intro-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}

.about-section {
    width: 100%;
	background-image:url(../images/slide/stock.jpg);
	min-height:250px;
	background-attachment:fixed;
   
}
.fre-image{
	 width: 100%;
	background-image:url(../images/slide/freetrialimg.jpg);
	min-height:200px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	}
	.title-head {
  position: relative;
  display: inline-block;
  border: 1px solid #3DBACC;
  margin-bottom: 80px;
  margin-top: 0px;
  line-height: 20px;
  text-align: center;
  z-index: 900;
  padding-left: 40px;
  padding-right: 40px;
}
.foot-section {
    width: 100%;
	background-image:url(../images/slide/back.jpg);
	min-height:250px;
	background-attachment:scroll;
   
}
.f1-back {
    width: 100%;
	background-image:url(../images/slide/f1.jpg);
	min-height:250px;
	background-attachment:scroll;
	
   
}	
	.services-section {
    width: 100%;
	/*background-image:url(../images/slide/back.png);*/
	background-color:#F1F1F1;
	background-attachment:fixed;
}
.free-section {
    width: 100%;
  padding-top:7px;
 /* padding-bottom:7px;*/
    background-color:white;
position:relative;
}
.set-top-text {
  font-weight: bold;
  color: rgb(89, 89, 89);
  padding-left: 2%;
  padding-right: 2%;
}

.testi-section {
    width: 100%;
	background-image:url(../images/slide/testimonials.png);
	min-height:300px;
	background-attachment:scroll;
}
.alert-section {
    width: 100%;
	/*background-image:url(../images/slide/footer-back.png);*/
	min-height:100px;
	background-attachment:scroll;
	padding-top:10px;
	  background-color:#bdc3c7;
}

/*navigation*/

.navbar-tabs{
  background-color:#34495E;
  border-color: transparent;
}
.navbar{
	
	border-radius:0px;
	margin-bottom:0px;}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 0px 0px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-tabs .navbar-nav>li>a {
  color: #FFFFFF;
  font-size:16px;
   border-bottom:2px solid transparent;
}
.navbar-tabs .navbar-nav>li>a:hover{
	 background-color:white;
  color:#34495E;
  font-size: 16px;
   border-bottom:2px solid #1C2334;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: white;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: black;
}
.arrow{
background-color:#2ecc71;

  border-radius: 7px;
    width: 33px !important;
  height: 32px !important;
}
.carousel-caption {
	top:0%;
	}
.front-heading{
	font-size:40px;
	}
	.p-front-heading{
	font-size:17px;
	color:white;
	}
	.slide-head-back{
		
		background-color:rgba(26, 188, 156,0.8);}
/*nav ends her*/

.media-setting{
	
	padding:10px;
	margin-bottom:10px;}
.free-tabs-section{
 font-size: 25px;
 color:white;}
 .btn-setting{
 margin-top: 10px;
 }
 .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;

  cursor: pointer;
  -webkit-user-select: none;
 
  background-image: none;
  border: 1px solid transparent;
 border-radius: 0px; 
}
 .btn-default {
  color: white;
  background-color:#34495E;
  border-color: #34495E;
}
 .btn-default:hover {
  color: white;
  background-color:#2ecc71;
  border-color: #2ecc71;
}
.btn-default1 {
  color: white;
  background-color:#42C6AC;
  border-color: #42C6AC;
}
.btn-default1:hover {
  color: white;
  background-color:#4183D7;
  border-color: #4183D7;
}
.icon-set2 {
  color:white;
  padding-right: 5px;
  font-size:15px !important;
}
.img li span {
  margin-left: 15px;
  text-transform: uppercase;
  color: #fff;
}
.img li {
  margin-top: 10px;
}
.img {
   text-decoration: none;
  list-style-type: none;
}
.img a:hover {
   text-decoration: none;
}

.carousel-inner{
	
	min-height:auto;}
	.carousel-caption1 {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color:#16a085;
  text-align: left;
  text-shadow: 0px 0px 0px rgba(0,0,0,.6);
}
.carousel-inner1{
	min-height:210px;
	}
	
.panel-default>.panel-heading {
 background-color:#34495E;

  color:white;
}	
.panel {
  margin-bottom: 20px;
  background-color: rgba(51, 72, 93, 0.6);

  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel1 {
  margin-bottom: 20px;
  background-color: rgba(239, 239, 239, 0.8);

  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.set-form-k
{padding: 3%;}
.set-form-direct {
  padding: 5% 5% 5% 15%;
}
.nav-tabs>li>a {
    margin-right: 0px;
  line-height: 1.6;
  border-right: 1px solid #FF7878;
  border-radius: 0px 0px 0 0;
     background-color:#009988;
    color: #fff;
}
.nav-tabs {
  border: 1px solid #ddd;
  background-color: rgb(255, 255, 255);
}
.color1
{
color:#34495E;
}	
.review{
	
	
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-left:20px double rgb(28, 35, 52);
	padding-bottom: 2%;}
#clients-reviews .review p{
  font-size: 15px;
    color: white;
font-family: 'Lato', sans-serif;
  padding-left:4%;
  padding-right:4%;
  padding-top:4%;
}
#clients-reviews .review span.name{

    color:#1C2334;
	padding-bottom:2%;
}
#clients-reviews .review span.post{
     font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: white;
    text-transform: none;
}
#clients-reviews .owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: transparent;
    color: #ffffff;
    border: 2px solid  #fed136;
    font-size: 14px;
    padding: 0 10px;
    line-height: 14px;
}
.service-heading{
	
	color:#16a085;}
	.container-footer-top{
		padding-top:2%;
		padding-bottom:2%;
		 width: 100%;
	background-image:url(../images/slide/bg-footers.jpg);
	min-height:250px;
	background-attachment:scroll;}
		
	.container-footer-top ul > li > a {
  color: #fff;
font-family: 'Lato', sans-serif;
  line-height: 2;
}
.container-footer {
  padding: 1%;
  background-color: #34495E;
}
.h1-color11{
	
	color:white;}
	.dropdown-menu>li>a {
  display: block;
  padding: 12px 30px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
   border-bottom:2px solid transparent;
}
.dropdown-menu>li>a:hover {
  display: block;
  padding: 12px 30px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color:#1C2334;
  white-space: nowrap;
 border-bottom:2px solid #1C2334;
  
}
.well {
  min-height: 20px;
  padding: 1px;
  margin-bottom: 0px;
  background-color: #DB0A5B;
  border: 1px solid #e3e3e3;
  border-radius: 1px;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.05);
  box-shadow:  0px 1px 1px rgba(90, 90, 90, 0.05);
}
.well1 {
  min-height: 20px;
 
  margin-bottom: 0px;
  background-color: #FCFCFC;
  border: 1px solid #e3e3e3;
 border-top-left-radius:104px;
border-top-right-radius:104px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
  -webkit-box-shadow: 0px 3px 1px rgb(209, 209, 215);
    box-shadow: 0px 3px 1px rgb(209, 209, 215);
	margin-bottom:20px;
	transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-webkit-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-moz-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
}
.well1:hover{
	  background-color:#595959;
	   -webkit-box-shadow: 0px 6px 2px rgb(209, 209, 215);
    box-shadow: 0px 6px 2px rgb(209, 209, 215);
	
	 border-top-left-radius:80px;
border-top-right-radius:80px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-webkit-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-moz-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;

}


.well12 {
  min-height: 20px;
 
  margin-bottom: 0px;
  background-color: tranparent;
  border: 1px solid #e3e3e3;
 border-top-left-radius:95px;
border-top-right-radius:95px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
  -webkit-box-shadow: 0px 3px 1px rgb(209, 209, 215);
    box-shadow: 0px 3px 1px rgb(209, 209, 215);
	margin-bottom:20px;
	transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-webkit-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-moz-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
}
.well12:hover{
	  background-color:#34495E;
	   -webkit-box-shadow: 0px 6px 2px rgb(209, 209, 215);
    box-shadow: 0px 6px 2px rgb(209, 209, 215);
	
	 border-top-left-radius:60px;
border-top-right-radius:60px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-webkit-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;
-moz-transition:background-color 2s ease,box-shadow 2s ease,  border-top-left-radius 2s ease ,border-top-right-radius 2s ease ;

}
.margin-top-50{
	margin-top:50px;}
.table {
  width: 100%;
  max-width: 100%;
 margin-bottom: 0px; 
}
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
    }
    .page-header h3 {
        line-height: 0.88rem;
        color: #000;
        }



/* Thumbnail Box */
.caption h4 {
   
    color: #444;
    }
    .caption p {
       
        color: #999;
        }
        .btn.btn-mini {
            
            }


/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
    }
    .carousel-control1{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
        }





/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}
li , ul{ list-style-type:none !important;}

#totop {
	height:19px;
	opacity:0;
	filter:alpha(opacity=0);
	position:fixed;
	right:-50px;
	width:49px;
	z-index:9999;
	display:block;
	top:85%;
	
	background-repeat:no-repeat;
	background-position:center 15px;
	background-color: rgba(51,51,51,0.8);
	font-size:14px;
	font-weight:900;
	color:#fff;
	text-align:center;
	line-height:0;
	padding:20px 0 20px 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
#totop.on {
	right:10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-color:#34495E;
}
#totop.off {
	right:-59px
}
#totop:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.container-footer-top  ul li a {
	margin-left:5px;
	-webkit-transition: margin-left .5s ease;
	-moz-transition: margin-left .5s ease;
	transition: margin-left .5s ease;
	text-decoration:none;
	}
	.container-footer-top  ul li a:hover {
	margin-left:10px;
	
	}
	.container-footer-top  ul li  {
	
	line-height:3;
	
	
	}
	
	.container-footer-top  h3  .head-line
	{
		
		position: absolute;
  top: 52px;
  left: 16px;
  display: block;
  width: 62px;
  height: 3px;
  background-color: #A5A5A5;
  margin: 0;

  }
.service-text{
	
	  background-color: rgb(252, 252, 252);
  padding: 10px 5px 10px;
	font-size:18px;
	font-family: 'Lato', sans-serif;
color:#2ecc71;
	border:0px solid grey;}	
	.icon-set1 {
  color:rgb(51,51,51);
  padding-right: 5px;
}
#b1{
	 background-color:#1C2334 ;
	   margin-bottom: 20px;
	 }
	 #b2{
	 background-color:#DB0A5B;
	   margin-bottom: 20px;
	 }
	 #b3{
	 background-color:#E26A6A;
	   margin-bottom: 20px;
	 }
	 #b4{
	 background-color:#3A539B;
	   margin-bottom: 20px;
	 }
	 #b5{
	 background-color:#4ECDC4;
	   margin-bottom: 20px;
	 }
	 #b6{
	 background-color:#26C281;
	   margin-bottom: 20px;
	 }
	 .icon-set12 {
  color:#2ecc71;
  padding-right: 5px;
}
	 .icon-set13 {
 color: rgb(89, 89, 89);
  padding-right: 5px;
}
tr td ul li a{
	
	color:rgb(161, 161, 161);
	font-size:13px;
	font-family: 'Lato', sans-serif;
	} 
	 .p1{
		 background-color: #71C1ED;
		 color:white;
		 }
		  .p2{
		 background-color:#4DB4ED ;
		 color:white;
		 }
		  .p3{
		 background-color:#38A9E7 ;
		 color:white;
		 }
		  .p4{
		 background-color:#039BEF ;
		 color:white;
		 }
		 .tr-set{
			 
			 background-color:white !important;color:rgb(161, 161, 161) !important;font-family: 'Lato', sans-serif;}
	 
	 .margin-top{
		 margin-top:0%;}
		 .bg{
			 
			 background-image:url(../images/slide/back-image.png);
			 
			 min-height:150px;
			 background-repeat:no-repeat;}
			.back-set{
				
			background-color: white;
  border-radius: 2px;
  box-shadow: 0px 10px 7px 0px rgb(194, 194, 195);
  padding: 8px 0px;
  margin-top: -39px;
  margin-bottom: 5px;
}
p.para{
	
	color:#838383;
	text-align:justify;}
  .bread{
	  background-color:transparent;}
	  ul.bread li i{
		color:#FF7878;  
		 }
		 ul.bread1 li a{
		color:#16a085;  
		 }
.list-group-item {
  position: relative;
  display: block;
  padding:5px 15px;
   float:left;
  width:244px;
 /* margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;*/
  color: rgb(131, 131, 131);
}
.label {
  display: inline;
  padding: 5px .6em 5px;
  font-size: 90%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.rp {
  padding: 8px 0px 10px 28px;
  background-image: url('../images/excel.png');
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 0px 7px;
}
.track {
  padding: 8px 0px 10px 28px;
  background-image: url('../images/pdf.png');
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 0px 7px;
}
.tab-setting {
  border: 2px solid #3498db;
}
.back-sheets {
  background-color: #6C6C6C;
  color: white;
}

/*all details with big services*/

.service_p {
  padding: 4%;
  background-color: #F2F2F2;
  color: #454545;
  min-height: 95px;
  font-family: lato;
  margin-bottom: 10px;
}
.tab_11 {

}
.tb_style {
  padding: 1%;
  background-color: #F2F2F2;
}
#filters {
  padding: 0;
  list-style: none;
}
#filters li {
  float: left;
  margin-bottom: 2%;
  background-color:rgba(70, 201, 175, 0.99) ;
  font-family: lato;
  border-radius: 5px;
  margin-left: 2px;
  min-width:33%;
}
#filters li span {
  display: block;
  min-width: auto;
  text-align: center;
  padding: 20px 0px;
  text-decoration: none;
  color: rgba(65, 131, 215, 1);
  cursor: pointer;
  border-radius: 5px;
}
.nav > li > a.li_a {
  position: relative !important;
  display: block !important;
  padding: 10px 13px !important;
}
.foot-text{

color:white;}
.nav-tabs > li > a.li_a {
  margin-right: 0px !important;
}
@media handheld, only screen and (max-width: 1024px) {
.nav > li > a.li_a {
  position: relative !important;
  display: block !important;
  padding: 10px 6px !important;
}
}
@media handheld, only screen and (max-width:768px) {
.nav > li > a.li_a {
  position: relative !important;
  display: block !important;
  padding: 10px 6px !important;
  margin:0px;
}
}
.featuremain {
  background-color: #fff;
  border-color: #D34836 #E1E3E5 #E1E3E5;
  border-width: 3px 1px 1px;
  border-style: solid;
  margin-bottom: 35px;
  margin-top: 0px !important;
  padding: 0px 10px !important;
  text-align: left;
  min-height: 460px;
}
div.career ul > li > a {
  color: #34495E;
  font-family: 'Lato', sans-serif;
  line-height: 2;
}
div.career ul li {
  line-height: 2;
  font-family: 'Lato', sans-serif;
  color: rgb(136, 136, 136) !important;
  font-size: 16px;
}
div.career ul li a {
  margin-left: 5px;
  -webkit-transition: margin-left .5s ease;
  -moz-transition: margin-left .5s ease;
  transition: margin-left .5s ease;

  
}
div.career ul li i {
  margin-right: 5px;
  -webkit-transition: margin-left .5s ease;
  -moz-transition: margin-left .5s ease;
  transition: margin-left .5s ease;
  text-decoration: none;
}
div.career1 ul li {
  line-height: 2;
  font-family: 'Lato', sans-serif;
  color: rgb(136, 136, 136) !important;
  font-size: 15px;
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.jumbotron {
  margin: 60px 0;
  padding-left: 0;
  padding-right: 0;
}
  .jumbotron.intro {
    margin-top: 0;
  }

  .jumbotron .navbar {
    font-size: 14px;
    line-height: 1.6;
  }

/* menu styes */
.list-unstyled,
.list-unstyled ul { min-width: 120px }

@media ( min-width: 767px ) {
  .panel-group { width: 400px; }
  .thumbnail { margin: 0; }
}

/* Grid demo styles */
.grid-demo {
  padding: 10px 30px;
}

  .grid-demo [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: center;
    line-height: 2;
    background-color: #e5e1ea;
    border: 1px solid #d1d1d1;
  }
  .caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.margin-bott{
	margin-bottom:30px;}
/*ends*/
.ih-item.square {
  position: relative;
  width:100%;
  height: auto;
  border: 1px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square.effect4 {
  overflow: hidden;
  position: relative;
}
.ih-item.square.effect4.colored .info {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  height: 361px;
  width: 361px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
  left: auto;
  right: 0;
  top: 0;
  -webkit-transform: rotate(56.5deg) translateX(-180px);
  -moz-transform: rotate(56.5deg) translateX(-180px);
  -ms-transform: rotate(56.5deg) translateX(-180px);
  -o-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(180px);
  -ms-transform: rotate(56.5deg) translateX(180px);
  -o-transform: rotate(56.5deg) translateX(180px);
  transform: rotate(56.5deg) translateX(180px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
  background: #111111;
  height: 0;
  visibility: hidden;
  width: 361px;
  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
  -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
  -o-transform: rotate(-33.5deg) translate(-112px, 166px);
  transform: rotate(-33.5deg) translate(-112px, 166px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: transparent;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 0px 20px 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(56.5deg) translateX(1px);
  -moz-transform: rotate(56.5deg) translateX(1px);
  -ms-transform: rotate(56.5deg) translateX(1px);
  -o-transform: rotate(56.5deg) translateX(1px);
  transform: rotate(56.5deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(56.5deg) translateX(-1px);
  -moz-transform: rotate(56.5deg) translateX(-1px);
  -ms-transform: rotate(56.5deg) translateX(-1px);
  -o-transform: rotate(56.5deg) translateX(-1px);
  transform: rotate(56.5deg) translateX(-1px);
}
.ih-item.square.effect4 a:hover .info {
  width: 100%;
  height: 120px;
  visibility: visible;
  top: 40px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -moz-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  -o-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  opacity: 1;
}
.color-blink
{
     color:#34495E ;
      -webkit-animation: color-change 0.5s infinite;    
      -moz-animation: color-change 1s infinite;
	  -o-animation: color-change 1s infinite;
	  -ms-animation: color-change 1s infinite;      
	  animation: color-change 1s infinite;      } 
       @-webkit-keyframes color-change {          0% { color: #34495E; }          50% { color:#2ecc71; }          100% { color: #34495E; }      }    
	   @-moz-keyframes color-change {          0% { color: #34495E; }          50% { color:#2ecc71; }          100% { color: #34495E; }      }    
	   @-ms-keyframes color-change {         0% { color: #34495E; }          50% { color:#2ecc71; }          100% { color: #34495E; }      }  
	   @-o-keyframes color-change {           0% { color: #34495E; }          50% { color:#2ecc71; }          100% { color: #34495E; }      }   
	   @keyframes color-change {          0% { color: #34495E; }          50% { color:#2ecc71; }          100% { color: #34495E; }      };
   
	   /* ihover*/
	   

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}




.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

  /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {



.navbar-tabs .navbar-nav>li>a {
  color: #FFFFFF;
  font-size: 10px !important;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 11px !important;
  margin-top:10px;
  
}
}
.marketing .span4 p {
  margin-left: 10px;
  margin-right: 10px;
}
.marq p {
  line-height: 25px;
  color: #fff !important;
  font-size: 14px;
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
}
.marq {
  padding-left: 11px;
}


/*mi slider*/

/* WRAP SECTIONS */

/* hello */
#hello {
	width: 100%;
	padding-top: 150px;
	padding-bottom: 150px;
}

#hello h1 {
	font-size: 70px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #74cfae;
}

#hello h2 {
	color: #c0c0c0;
	font-weight: 400;
}

/* Green */
.green {
	/*background-color: #1C2334 ;*/
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.green h3 {
	color: white;
	font-weight: 400;
	margin-bottom: 35px;
}

.green p {
	color: white;
	font-weight: 400;
	font-size: 20px;
}

/* White */
.white {
	background-color:white;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.white h3 {
	color: #4e4e4e;
	font-weight: 400;
	margin-bottom: 35px;
}

.white p {
	color: #4e4e4e;
	font-weight: 400;
	font-size: 20px;
}

/* Skills */
#skills {
	background-color: #4e4e4e;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}

#skills h3 {
	color: white;
}

#skills p {
	color: white;
	font-weight: 400;
}

/* Social Links */
#download {
	width: 100%;
	padding-top: 200px;
	padding-bottom: 200px;
}

#download i {
	font-size: 50px;
	color: #74cfae;
}

#download .col-md-3:hover {
	background-color: #f5f5f5;
}

#download .col-md-3 {
	padding:30px;
}

/* Footer */
#f {
	padding-top: 20px;
	background-color: #74cfae;
}

#f p {
	color: white;
	text-align: right;
	font-weight: 400;
}

/* Image Opacity */
.grid img {
    opacity: .7;
}
.grid img:hover {
    opacity: 1;
}


/* 
	CUSTOM 
*/

body {
	overflow-x: hidden;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.button {
	padding: 16px 30px;
	cursor: pointer;
	margin-bottom: 0;
	font-size: 18px;
	background: #74CFAE;
	color: #fff;
	display: inline-block;
	border-radius: none;
}

.button:hover {
	background-color: #37a079;
}

.nav > li.active > a.git-link {
	font-size: 16px;
}

.nav > li.active > a.git-link:hover {
	background-color: #37a079;
}

.nav > li.active > a.git-link i {
	margin-right: 6px;
	font-size: 20px;
}

#hello .button {
	margin: 16px 8px;
	text-transform: uppercase;
	width: 220px;
}

code.example-code {
	max-height: 325px;
	overflow: scroll;
}

h2.header {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
}

#f p {
	font-size: 1.2em;
	font-weight: 300;
}

#f p a {
	color: #4e4e4e;
}

#f p a:hover {
	color: #000;
}

#f h3 {
	color: #fff;
}

#s-icons a span {
	font-size: 3em;
	margin: 0 .5em;
}

#s-icons iframe {
	margin-bottom: -16px;
	margin-left: 14px;
}

/* title */
.title {
	background-color: #4e4e4e;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.title h3 {
	color: white;
	font-weight: 400;
	margin-bottom: 20px;
	font-weight: 700;
}

.title p {
	color: white;
	font-weight: 400;
	font-size: 20px;
}

/* TABLE */
.params-table code {
	color: #4e4e4e;
	border-radius: 1px;
	background-color: rgba(116, 207, 174, .3);
	-webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    -ms-transition: background-color 0.1s ease-in-out;
    -o-transition:background-colorl 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}

.params-table code:hover {
	background-color: rgba(116, 207, 174, .5);
}


.params-table thead {
	color: #fff;
	background-color: #74cfae;
}

.params-table  thead > tr > th {
	border-bottom: none;
	font-size: 1.2em;
	font-weight: 300;
	text-transform: uppercase;
}

.params-table tbody > tr > td {
	border-top: none;
}

.params-table > tbody > tr:hover > td {
	background-color: #e4f6ef;
}


/* DOWNLOAD */

.download-title {
	background-color: #4e4e4e;
}

.download-title h3 {
	margin: 3em 0;
	color: #fff;
}

#download {
	padding: 8em 0;
}

#download .download-link {
	padding: 1em .5em;
}

#download .download-link:hover {
	background: #fff;
}

#download .download-link i,
#download .download-link .download-text {
	-webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition:colorl 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

#download .download-link:hover i,
#download .download-link:hover .download-text {
	color: #4e4e4e;
}

#download .download-link i {
	font-size: 80px;
}


#download .download-text {
	font-size: 2.4em;
	font-weight: 300;
	color: #74cfae;
}

/*
	NEWSTICKERS
*/


/* nt-title */

#nt-title-container {
	background: #F2F2F2;
}

#nt-title {
}

#nt-title li {
	font-size: 28px;
	color: #4E4E4E;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* nt-example1 */

#nt-example1 {
	max-width: 620px;
	margin: auto;
}

#nt-example1-container {
	text-align: center;
}

#nt-example1-container i {
	font-size: 22px;
	margin: 4px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	background-color: white;
  border-radius: 17px;
}

#nt-example1-container i:hover {
	color: #333;
}

#nt-example1 li {
	color: #fff;
	/*background: white;*/
	overflow: hidden;
	height: 70px;
	padding: 10px;
	line-height: 30px;
	list-style: none;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px dotted #2c8162;
}

#nt-example1 li:hover {
	/*background: #ccc;*/
}


/* nt-example2 */

#nt-example2 {
	max-width: 620px;
	margin: auto;
}

#nt-example2-container {
	text-align: center;
	margin-top:0px;
	margin-bottom:30px;
	height: 300px;
}

#nt-example2-container i {
	font-size: 36px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example2-container i:hover {
	color: #333;
}

#nt-example2 li {
	color: #f2f2f2;
	background:#34495E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 60px;
	padding: 10px 16px 10px 16px;
	line-height: 40px;
	list-style: none;
	font-size: 24px;
	text-align: left;
}

#nt-example2 li .state {
	font-size: inherit;
	margin: 0;
}

#nt-example2 span.hour {
	font-weight: 700;
}

#nt-example2-infos-triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 15px 16px 15px;
	border-color: transparent transparent #2ecc71 transparent;
	margin: 6px auto 0;
}

#nt-example2-infos {
	max-width: 620px;
	margin: auto;
	padding: 12px;
	color: #f2f2f2;
	background: #2ecc71;
}

#nt-example2-infos .infos-hour {
	font-size: 50px;
	font-weight: 700;
	margin-top: 20px;
}

#nt-example2-infos h4 {
	color: #F2F2F2;
	font-weight: 500;
}

#nt-example2-infos .infos-text {
	text-align: left;
}

/* nt-example3 */

#nt-example3 {
	margin: 80px auto 0;
}

#nt-example3-container {
	text-align: center;
}

#nt-example3-container i {
	font-size: 36px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example3-container i:hover {
	color: #333;
}

#nt-example3 li {
	color: #4e4e4e;
	background: #F2F2F2;
	overflow: hidden;
	height: 80px;
	padding: 10px;
	line-height: 60px;
	font-size: 40px;
	text-transform: uppercase;
	list-style: none;
}

#nt-example3 li:hover {
	background: #FFF;
}
@media (max-width:1024px) {
.p-front-heading {
  font-size: 14px;
  color: white;
}
.front-heading {
  font-size: 18px;
  
}
.navbar-tabs .navbar-nav>li>a {
  color: #FFFFFF;
  font-size: 16px;

}
}
.color23{
  color: #2ecc71;}
  #login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}
.form-set{
padding:2%;}

.logoz {
    background-color: #fff;
    padding-bottom: 15px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-bottom: 2px solid #2ECC71;
   
    margin-top: 10px;
}














}




/**************************What Can We Do*********************/
.rms_accordian {
  margin: 0 auto 0px;
  overflow: hidden;
}
.rms_accordian .level-0 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 2222em;
}
.rms_accordian .level-0 li {
  float: left;
  margin-right: 20px;
  transition: width 0.3s ease 0.2s;
  width: 265px;
}
.rms_accordian .level-0 li:nth-child(1) .rms_acc_content a.icon-top-what-we-can-sec {
  background: url("../images/whatwecanicon1.png") no-repeat scroll 50% center rgba(0, 0, 0, 0);
  z-index: 2;
}
.rms_accordian .level-0 li:nth-child(2) .rms_acc_content a.icon-top-what-we-can-sec {
  background: url("../images/whatwecanicon1.png") no-repeat scroll 50% center rgba(0, 0, 0, 0);
  z-index: 2;
}
.rms_accordian .level-0 li:nth-child(3) .rms_acc_content a.icon-top-what-we-can-sec {
  background: url("../images/whatwecanicon1.png") no-repeat scroll 50% center rgba(0, 0, 0, 0);
  z-index: 2;
}
.rms_accordian .level-0 li .rms_acc_content {
  width: 580px;
}
.rms_accordian .level-0 li .rms_acc_content .service-box-shadow {
  display: block;
  height: auto;
  max-width: 100%;
  position: relative;
  top: -18px;
}
.rms_accordian .level-0 li .rms_acc_content .rms_img.rms_border {
  display: inline-block;
  float: left;
  margin-right: 20px;
  max-width: 260px;
  opacity: 1;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.rms_accordian .level-0 li .rms_acc_content .rms_img.rms_border .rms_acc_img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.rms_accordian .level-0 li .rms_acc_content .icon-top-what-we-can-sec {
  display: block;
  height: 85px;
  left: 16%;
  position: relative;
  text-indent: -9999em;
  top: 25px;
  transition: all 700ms ease 0s;
  width: 85px;
  z-index: 1;
}
.rms_accordian .level-0 li .rms_acc_content .item-body {
  line-height: 22px;
  padding: 0;
  text-align: center;
  width: 45%;
  float: left;
  margin-top: 12px;
      padding-left: 5px;
}
.rms_accordian .level-0 li .rms_acc_content .item-body h2 {
  padding: 0 0 20px;
  margin: 0;
  font-weight: bold;
  color:#fff;
}
.rms_accordian .level-0 li .rms_acc_content .item-body p {
  padding: 0 0 15px;
  line-height: 20px;
}
.rms_accordian .level-0 li .rms_acc_content .item-body .service_button_new {
  border-color: #07AD87;
  background-color: #07AD87;
  border-radius: 0;
  color: #FFFFFF !important;
  line-height: 30px;
  padding: 7px 8px;
  top: -4px;
  transition: all 700ms ease 0s;
}
.rms_accordian .level-0 li .rms_acc_content .item-body .service_button_new:hover {
  background: #037359;
  transition: all 700ms ease 0s;
  color: #ffffff !important;
}
.rms_accordian .level-0 li .rms_acc_content .item-body .service_button_new:hover .we-work-btn-icon {
  background: #07AD87;
  transition: all 700ms ease 0s;
}
.rms_accordian .level-0 li .rms_acc_content .item-body .service_button_new .we-work-btn-icon {
  float: none;
  left: -9px;
  margin: 0;
  padding: 7px 10px;
  position: relative;
  background: none repeat scroll 0 0 #037359;
  transition: all 700ms ease 0s;
}
.rms_accordian .level-0 li .rms_acc_content .item-body .service_button_new .we-work-btn-icon i {
  color: #fff;
}
.rms_accordian .level-0 li:hover {
  width: 580px;
  transition: all 700ms ease 0s;
}
.rms_accordian .level-0 li:hover .rms_acc_content a.icon-top-what-we-can-sec {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 900ms ease-out;
  -moz-transition: all 900ms ease-out;
  -o-transition: all 900ms ease-out;
  transition: all 900ms ease-out;
}
.rms_accordian .level-0 li.last {
  width: 580px;
}
/*************************Accordion Section***********************/
.rms-sc-accordion {
  margin-top: 47px;
  position: relative;
}
.rms-title.ui-accordion-header {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-top: 1px solid #07AD87;
  box-shadow: none;
  margin-bottom: 10px;
  border-radius: 0;
  cursor: pointer;
}
.rms-title.ui-accordion-header a {
  color: #ffffff !important;
  font-size: 22px;
  font-family: 'PT Sans', sans-serif;
  font-weight: 100;
  display: block;
  line-height: 50px;
}
.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
  background: url("http://capitalboosters.com/wp-content/themes/massive-dynamics/RMS/Framework/assets/images/minus.png") no-repeat scroll 50% 50% #07ad87;
  display: block;
  float: left;
  height: 45px;
  margin-right: 40px;
  width: 50px;
}
.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
  background: url("http://capitalboosters.com/wp-content/themes/massive-dynamics/RMS/Framework/assets/images/plus.png") no-repeat scroll 50% 50% #07ad87;
  display: block;
  float: left;
  height: 45px;
  margin-right: 40px;
  width: 50px;
}
.ui-accordion-content.ui-accordion-content-active {
  font-family: 'PT Sans', sans-serif;
  font-weight: 200;
  font-size: 15px;
  border-top: 0 none;
  color: #FFFFFF;
  line-height: 22px;
  padding-bottom: 0;
  padding-left: 70px;
  margin-bottom: 15px;
  padding-right: 30px;
  text-align: justify;
}

.linkcolor{
color:#fff;
}






/* --------------------------------------------------------	*/
/*  Service 3  */
/* --------------------------------------------------------	*/

.service-3 {
  position:relative;
  text-align:center;
  padding-bottom:20px;
}

.service-3 .fa {
  width:64px;
  height:64px;
  line-height:64px;
  color:#0fa1d5;
  font-size:30px; 
  text-align:center;
  border:2px solid #d7dfe4;
  -webkit-border-radius: 50%; 
     -moz-border-radius: 50%; 
       -o-border-radius: 50%; 
          border-radius: 50%; 
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;    
}

.service-3:hover .fa {        
  -webkit-transform: rotateX(360deg);
     -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg); 
       -o-transform: rotateX(360deg);        
}

.service-3 h4 {
  color:#7786a1;
  font-size:24px;
  font-weight:500;
  padding-top:15px;
}

.service-3:hover h4 {
  color:#0fa1d5;
}
     
.service-3 .typcn {
  display:inline-block;
  width:64px;
  height:64px;
  line-height:50px;
  font-size:40px; 
  color:#0fa1d5;  
  text-align:center;
  border:2px solid #d7dfe4;
  -webkit-border-radius: 50%; 
     -moz-border-radius: 50%; 
       -o-border-radius: 50%; 
          border-radius: 50%; 
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;    
}

.service-3:hover .typcn {        
  -webkit-transform: rotateX(360deg);
     -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg); 
       -o-transform: rotateX(360deg);        
}

.service-3 .entypo {
  display:inline-block;
  width:64px;
  height:64px;
  font-size:64px; 
  line-height:26px;
  color:#0fa1d5;   
  text-align:center;
  border:2px solid #d7dfe4;
  -webkit-border-radius: 50%; 
     -moz-border-radius: 50%; 
       -o-border-radius: 50%; 
          border-radius: 50%; 
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;    
}

.service-3:hover .entypo {        
  -webkit-transform: rotateX(360deg);
     -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg); 
       -o-transform: rotateX(360deg);        
}


/* --------------------------------------------------------	*/


.cssload-loader {
	width: 244px;
	top:34px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:18px;
	color:#1C2334;
	letter-spacing: 0.2em;
}
.cssload-loader::before, .cssload-loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #009988;
	position: absolute;
	animation: cssload-load 1.86s infinite alternate ease-in-out;
		-o-animation: cssload-load 1.86s infinite alternate ease-in-out;
		-ms-animation: cssload-load 1.86s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 1.86s infinite alternate ease-in-out;
		-moz-animation: cssload-load 1.86s infinite alternate ease-in-out;
}
.cssload-loader::before {
	top: 0;
}
.cssload-loader::after {
	bottom: 0;
}



@keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-o-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-ms-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-webkit-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-moz-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}



.read{
    color: #FFFFFF;
    background-color: #34495E;
    padding: 3px;
}


.free{
    background-color: #0E6FB6;
    padding: 12px;
    margin-top: 13px;
    box-shadow: 1px 2px 3px #6B6B6B;
    color: #fff;
        font-size: 16px;
}


.topheadingbox {
  
    height: 171px;
    width: 280px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    color: #ffffff;
    /*-webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    background-color: #0E6FB6;*/
}

.rightnow {
   
   
    text-align: center;
    padding: 7px;
    background-color: #276192;
    color: #FFF;

}

.tab_width{

    width: 166px;
    text-align: center;
}




.pop_width{

width:783px;
}

.pop_bg {
background-image:url(../images/pop.jpg);
    width: 628px;
    height: 414px;
}

}
.pop_font{
font-size: 22px;
color: #fff;
 font-family: sans-serif;
}




.nee{

    float: right;
    margin-left: 20px;
    background-color: #0E6FB6;
}




/*text animate*/






}

}




#fountainTextG{
	width:234px;
	margin:auto;
}

.fountainTextG{
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:32px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
		-o-animation-name:bounce_fountainTextG;
		-ms-animation-name:bounce_fountainTextG;
		-webkit-animation-name:bounce_fountainTextG;
		-moz-animation-name:bounce_fountainTextG;
	animation-duration:5.1s;
		-o-animation-duration:5.1s;
		-ms-animation-duration:5.1s;
		-webkit-animation-duration:5.1s;
		-moz-animation-duration:5.1s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.5);
		-o-transform:scale(.5);
		-ms-transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
}#fountainTextG_1{
	animation-delay:1.82s;
		-o-animation-delay:1.82s;
		-ms-animation-delay:1.82s;
		-webkit-animation-delay:1.82s;
		-moz-animation-delay:1.82s;
}
#fountainTextG_2{
	animation-delay:2.18s;
		-o-animation-delay:2.18s;
		-ms-animation-delay:2.18s;
		-webkit-animation-delay:2.18s;
		-moz-animation-delay:2.18s;
}
#fountainTextG_3{
	animation-delay:2.55s;
		-o-animation-delay:2.55s;
		-ms-animation-delay:2.55s;
		-webkit-animation-delay:2.55s;
		-moz-animation-delay:2.55s;
}
#fountainTextG_4{
	animation-delay:2.91s;
		-o-animation-delay:2.91s;
		-ms-animation-delay:2.91s;
		-webkit-animation-delay:2.91s;
		-moz-animation-delay:2.91s;
}
#fountainTextG_5{
	animation-delay:3.28s;
		-o-animation-delay:3.28s;
		-ms-animation-delay:3.28s;
		-webkit-animation-delay:3.28s;
		-moz-animation-delay:3.28s;
}
#fountainTextG_6{
	animation-delay:3.64s;
		-o-animation-delay:3.64s;
		-ms-animation-delay:3.64s;
		-webkit-animation-delay:3.64s;
		-moz-animation-delay:3.64s;
}
#fountainTextG_7{
	animation-delay:4s;
		-o-animation-delay:4s;
		-ms-animation-delay:4s;
		-webkit-animation-delay:4s;
		-moz-animation-delay:4s;
}
#fountainTextG_8{
	animation-delay:4.37s;
		-o-animation-delay:4.37s;
		-ms-animation-delay:4.37s;
		-webkit-animation-delay:4.37s;
		-moz-animation-delay:4.37s;
}
#fountainTextG_9{
	animation-delay:4.73s;
		-o-animation-delay:4.73s;
		-ms-animation-delay:4.73s;
		-webkit-animation-delay:4.73s;
		-moz-animation-delay:4.73s;
}
#fountainTextG_10{
	animation-delay:5.1s;
		-o-animation-delay:5.1s;
		-ms-animation-delay:5.1s;
		-webkit-animation-delay:5.1s;
		-moz-animation-delay:5.1s;
}
#fountainTextG_11{
	animation-delay:5.46s;
		-o-animation-delay:5.46s;
		-ms-animation-delay:5.46s;
		-webkit-animation-delay:5.46s;
		-moz-animation-delay:5.46s;
}




@keyframes bounce_fountainTextG {
    0% {
        transform: scale(1);
        color: #0E6FB6;
    }
    100% {
        transform: scale(.5);
        color: #08538a;
    }
}
@-o-keyframes bounce_fountainTextG {
    0% {
        -o-transform: scale(1);
        color: #0032fa
    }
    100% {
        -o-transform: scale(.5);
        color: #fff
    }
}
@-ms-keyframes bounce_fountainTextG {
    0% {
        -ms-transform: scale(1);
        color: #0032fa
    }
    100% {
        -ms-transform: scale(.5);
        color: #fff
    }
}
@-webkit-keyframes bounce_fountainTextG {
    0% {
        -webkit-transform: scale(1);
        color: #0032fa
    }
    100% {
        -webkit-transform: scale(.5);
        color: #fff
    }
}
@-moz-keyframes bounce_fountainTextG {
    0% {
        -moz-transform: scale(1);
        color: #0032fa 
    }
    100% {
        -moz-transform: scale(.5);
        color: #fff
    }
}