/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

html, body{
    font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
	background:#ffffff;
	margin:0px!important;
	-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;
}
p{
	margin:0;
	font-size:14px;
}
h1,h2,h3,h4,h5,h6{
   font-family: 'Dosis', sans-serif;
   margin:0;
       text-transform: uppercase;
}
ul,label{
	margin:0;
	padding:0;
}
body p{
	font-family: 'Open Sans', sans-serif;
		    letter-spacing: 1px;
}
body a:hover{
	text-decoration:none;
	    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;
}
input[type="submit"],.w3l_header_left ul li a,.related-post-right h4 a,.comments-grid-right h4 a,.reply a,.w3_single_grid_left_grid ul li a,ul.contact_info li a,.w3ls_services_bottom_grid_grid_pos,.footer-copy p a,.w3l_services_grid h4 a,.agileinfo_footer_grid ul li a,.wthree_service_breadcrumb_left ul li a{
	transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-moz-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
}
/*--/model--*/
.w3ls-social-icons{
	float:left;
	width: 33.333%;
}
.w3ls-social-icons i {
	font-size: 15px;
      background: #ff401b;
    padding: 8px 10px;
    color: #fff;
    border: 1px solid #ff401b;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.w3ls-social-icons i:hover {
	background: transparent;
    color: #ffcc33;
    border: 1px solid #ffcc33;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.agileits-contact-info {
	float:right;
	width: 43.333%;
	border-right:1px thin #FFF;
}


.agileits-contact-info ul li {
    display: inline-block;
       font-size: 15px;
	    color: #fff;
		letter-spacing: 1px;
}
.agileits-contact-info ul li i {
    left: -.5em;
    color: #ff401b;
}
.agileits-contact-info ul li:nth-child(2) {
    margin-left: 25px;
}
.agileits-contact-info ul li a {
       color: #fff;
    vertical-align: text-bottom;
}
.agileits-contact-info ul li a:hover {
   color: #2baf2b;
}
.w3layouts-top-strip {
	border:1px solid #999;
   background-color: rgba(255, 255, 255, 0.6);
		backdrop-filter: blur(15px); 
  -webkit-backdrop-filter: blur(15px);
  color:#000;
}

.icon2{
	float:right; 
	margin-top:-7.2em;
	
}

.newsletter{
	background:url(../images/newsletter_background-16.jpg) no-repeat;
	background-size:97.5%;
	 margin-left:1em; 
	 margin-top:.5em;
	 padding-bottom:1em;
}

.img-respon{
		width:90%;
		margin-top:0;
}

.bottom-slider{margin-top:1em; margin-left:1.5em;}

.modal-content {
    position: relative;
    background-color: #0080FF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
	color:#fff;
}


.modal-content2 {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
	color:#000;
}
.modal-header {
    min-height: 12px;
    padding: 1em;
    border-bottom: 0px solid #e5e5e5;
}
.login-form input[type="email"], .login-form input[type="text"], .login-form input[type="password"] {
    width: 100%;
    padding: 1em 1em 1em 1em;
    font-size: 0.8em;
    margin: 1em 0;
    outline: none;
    color: #212121;
    border: 1px solid #999;
    letter-spacing: 1px;
    text-align: center;
}
.login-form input[type="submit"] {
    outline: none;
    padding: 0.9em 0;
    width: 100%;
    text-align: center;
    font-size: 1em;
    margin-top: 1em;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    background: #02a388;
    box-shadow: 0px 2px 1px rgba(28, 28, 29, 0.42);
    border-radius:50px;
}
.login-form input[type="submit"]:hover{
	 background:#0c0d0d;

}
.modal-header h4 {
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
	color: #FFF;
}
.modal-dialog {
     width: 70%;
    margin: 15% 18%;
	height:auto;
	
	
}

.modal-dialog2 {
    width: 65%;
    margin: 2% auto;
	height:auto;
}

/*--//model--*/
@media screen and (max-width : 1920px){
.model-text{ width:35%;  color:#fff; font-family:arial; font-size:16px; margin-left:30%;  padding-top:5%;
text-shadow:2px 2px 5px #666666; }
.model-text-p{font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height: 1.5em; margin-bottom: 1em; letter-spacing:1px; text-align: justify; color: #fff;}
.model-text-p a{ color: #fff;}
.model-text-p a:hover{ color: yellow;}
.model-img{background: url(../images/pipal-leaf.png) no-repeat; background-size:100%;  height:420px; }
.form-date-w3-agileits {
    padding-left: 0;
	padding-right:0;
 }
}


@media screen and (max-width : 1024px){

.model-text{  padding-top:6%; margin-left:32%;}
.model-img{background: url(../images/pipal-leaf.png) no-repeat; background-size:110%; height:600px;}

.model-text-p{font-size:13px;}
.model-text-p span{ display: none; }

.modal-scroll{
	
	
	height: 140px;
	overflow-y: scroll;
	overflow-x: hidden;
	
   }

  .modal-header h4{font-size:16px; padding-bottom:0px; margin-bottom:0px;} 

}

@media screen and (max-width : 768px){
.modal-header h4{font-size:14px; padding-bottom:0px; margin-bottom:-4px;}
.model-text{  padding-top:1%; margin-left:34%;}
.model-img{background: url(../images/pipal-leaf.png) no-repeat; background-size:100%; height:700px;}
.model-text p{font-size:11px;}

.modal-dialog2 {
     width: 65%;
    margin: 20% 16%;
	height:auto;
	border: 1px solid;
	
}

.modal-scroll{
	height: 100px;
	overflow-y: scroll;
	overflow-x: hidden;
	
   }

}


@media (max-width:425px){
#modal-1{
  display:none;
  visibility:hidden;
   }
   
 
}

@media screen and (max-width : 1920px){
  #modal-2{
  visibility: hidden;
  }
 }

@media screen and (max-width : 425px){
  #modal-2{
  visibility: visible;
  }
}





.form-date-w3-agileits {
    padding-left: 0;
	padding-right:0;
}
/*--//model--*/
/*--header-w3-agileits --*/


.inner-header-agile {
    padding: 0 4em;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
	background-color: rgba(255, 255, 255, 0.25);
 /* backdrop-filter: blur(5px);  
  -webkit-backdrop-filter: blur(5px);*/
}
.inner-header-agile.part2 {
    position: relative;
    padding-bottom:1em;
}
/*-- logo --*/
.navbar-header h1 {
    font-size: 2em;
    display: block;
    text-transform: uppercase;
}
.navbar-header h1 a {
        color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    line-height: 25px;
    font-weight: bold;
    padding-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}
h1 span {
   /* color: #00acee;*/
   color: #003162;
   font-weight:800;
    font-size: .8em;
}

.navbar-header font{
	font-size:.5em;}
/*-- //logo --*/
/*-- top-nav --*/
ul.nav.navbar-nav {
    margin-left: 10em;
    margin-top: 2em;
}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
    min-height: inherit;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
       /*color: #ff401b;*/
/*	   color:#00acee;
*/    color:#fff;
background:none!important;
}
.navbar-nav > li {
      margin: 0 0.4em;
	  border-right:1px solid #fff;
}
.navbar-nav > li:nth-child(6){
	border-right:none;
}
ul.nav.navbar-nav.navbar-right {
    margin-left: 10%;
}
.navbar-default .navbar-nav > li > a {
	font-size: 0.8em;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
	color: #000;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav li a.active {
    color: #fe423f;
	background:none!important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
       color: #00acee;
    background:#2baf2b!important;
}
.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
      color: #00acee;
     background:none!important;
}
.navbar-right {
    float: left!important;
    margin-right:0px!important;
}
.navbar-collapse {
    padding: 0!important;
}
ul.dropdown-menu.multi-column ul li{
    display:block;
	margin-bottom:.5em;
}
ul.dropdown-menu.multi-column ul li a{
	color:#212121;
}
ul.dropdown-menu.multi-column {
    width: 400px;
    left: 0;
    padding: 1em;
}
ul.dropdown-menu.multi-column ul li a:hover{
	color: #fe423f;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #2B95FF;
    text-decoration: none;
    background-color: #CCC;
}


.dropdown-menu {
	border-radius:0;
}

.navbar-nav > li > a {
      padding: 9px 15px!important;
}
p.s-log {
        /* color: #00acee;*/
		color: #003162;
    line-height: 10px;
    font-weight: 700;
    margin-top: -28px;
    font-size: 0.40em;
	margin-left:7em;
	
}


.s-log2{
	margin-top: -3px;
	margin-left:5em;
	}


.transparent_btn {
	display: inline-block;
	padding: 10px 14px;
	color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none;
	font-size: 14px;
	line-height: 120%;
	background-color: rgba(255,255,255, 0);
/*	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
*/	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	cursor: pointer;
}
.transparent_btn:hover {
	background-color: rgba(255,255,255, 0.3);
	color: #FFF;
}


.navbar-nav > li > a {
   padding: 0px!important;
    padding-right: 20px!important;
}
.dropdown-menu {
        position: absolute;
    top: 105%;
    left: -9px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 31px;
    padding: 5px 0;
    margin: 2px 0 0;
}
.dropdown-menu > li > a {
    display: block;
    padding: 9px 20px;
    clear: both;
}
/*-- //nav --*/





/*-- search --*/
.cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.cd-main-header {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(260px);
/*-- w3layouts --*/
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-o-transform: translateX(260px);
	transform: translateX(260px);
}
.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: -29px;
    right: 0;
	margin-right: 4em;
}
.cd-header-buttons li {
	display: inline-block;
}
.cd-search-trigger, .cd-nav-trigger {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
	z-index: 3;
	
	    /*background: #00acee;*/
		opacity:1;
		border-radius:50%;
}

.cd-search-trigger::before, .cd-search-trigger::after {
	/* search icon */
	content: '';
	position: absolute;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-search-trigger::before {
	top: 7px;
	left: 6px;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
/*-- agileits --*/
	border:3px solid  #000;
}
.cd-search-trigger::after {
	/* handle */
	height: 4px;
	width: 8px;
	background: #000;
	bottom: 9px;
	right: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search-trigger span {
	/* container for the X icon */
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
	/* close icon */
	content: '';
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 22px;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -11px;
	background: #09F;
	opacity: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search-trigger span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
	/* hide search icon */
	-moz-opacity: 0;
	opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
	/* show close icon */
	-moz-opacity: 1;
	opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search input {
    border-radius: 0;
    border: none;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    padding: 0 5%;
    -webkit-box-shadow: inset 0 1px 0 #00acee, 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 #00acee, 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 #00acee, 0 3px 6px 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 1.2em;
    padding: 1em 2em;
    color: #fff;
    letter-spacing: 1px;
}
.cd-search input::-webkit-input-placeholder {
	color: #fff !important;
}
.cd-search input::-moz-placeholder {
	color: #fff !important;
}
.cd-search input:-moz-placeholder {
	color: #fff !important;
}
.cd-search input:-ms-input-placeholder {
	color: #fff !important;
}
.cd-search input:focus {
	outline: none;
}
.cd-search.is-visible {
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}



.cd-search2 {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search2 input {
    border-radius: 0;
    border: none;
    background: #FFF;
    width: 100%;
    padding: 0 5%;
    -webkit-box-shadow: inset 0 1px 0 #00acee, 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 #00acee, 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 #00acee, 0 3px 6px 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 1.2em;
    padding: 1em 2em;
    color: #000;
    letter-spacing: 1px;
}
.cd-search2 input::-webkit-input-placeholder {
	color: #000 !important;
}
.cd-search2 input::-moz-placeholder {
	color: #000 !important;
}
.cd-search2 input:-moz-placeholder {
	color: #000 !important;
}
.cd-search2 input:-ms-input-placeholder {
	color: #000 !important;
}
.cd-search2 input:focus {
	outline: none;
}
.cd-search2.is-visible {
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}


/*--//header-w3-agileits --*/
/*-- /banner --*/
.baner-info{
   padding-top: 15em;
   margin: 0 auto;
   text-align: center;

}

.baner-info h3 {
    text-align: center;
    font-size: 3.5em;
    color:#fff;
    font-weight: 500;
}
.baner-info h3 span {
	color:#FFF;
	font-weight:500;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
/*	color:#00acee;*/
}
.baner-info h4{
    text-align: center;
    font-size: .75em;
       margin: auto ;
	   margin-bottom:1em;
	   margin-top:1em;
    font-weight:500;
    color: #ffcc33;
    background: rgba(0, 0, 0, 0.64);
    padding: 10px 0;
	width:80%;
}
/*.baner-info-backg{
	 background: rgba(0, 0, 0, 0.50);
	 width:65%;
	 margin:auto;
	 padding:1em;
	}
*/.baner-info p {
	font-size: 1em;
    font-weight:300;
    color:#fff;
}
span.simply-word {
    font-size:18px;
    font-weight: 500;
    margin-left: 5px;
    text-transform: uppercase;
    color: #02a388;
}
.baner-info span img {
    margin: 1em auto 0;
    text-align: center;
}
.baner-w3l-agile-grids-bottom {
       margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 12%;
    bottom: -62%;
    width: 80%;
}
.w3l-b-grid{
	float:left;
	width:32%;
}
.w3l-b-one{
      background: #000 url(../images/b1.jpg) no-repeat 0px 0px;
    min-height:100px;
    background-size: cover;
    text-align: center;
	    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
	}
	.w3l-b-grid .w3l-b-one:hover{
		  min-height:200px;
	}
	
/*-- //banner --*/
/*-- special --*/
.special,.w3_content_agilleinfo_inner,.team-section,.plans-section{
    padding: 5em 0;
}
h3.tittle,h2.w3l-inner-h-title,h3.w3l-inner-h-title{
     /* color:#00acee;*/
	 /*color: #F00;*/
	 color:#003162;
    font-size: 3em;
    margin: 0;
    text-align: center;
    font-weight: 600;
	text-shadow:#FFF 1px 1px;
	
}

h2.w3l-inner-h-title,h3.w3l-inner-h-title{
	margin-bottom:1em;
}
h3.tittle.two {
    color: #fff;
}

/*--//Effect 1--*/
/*-- //special --*/
.ab-w3l-spa {
}
.ab-w3l-spa p {
    color: #555;
    line-height: 2em;
    margin: .5em auto 1em;
    width: 95%;
	text-align: justify;
}

a.read {
    border: none;
    outline: none;
    background: #00acee;
    padding: 0.7em 1.5em 0.7em 1.5em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9em;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -moz-border-radius: 25px;
}
a.read:hover {
    text-decoration: none;
    background: #2baf2b;
}
.spa-agile i {
    font-size: 3em;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.spa-agile h4 {
    font-size: 1.2em;
    margin: 1em 0 0.5em 0;
    color: #ff401b;
    letter-spacing: 3px;
}
.spa-agile {
    text-align: center;
	background-color:#F3F3F3;
    padding: 1.5em 0 0 0;
	margin-top:2em;
	}
.spa-grid {
    border-right: 1px solid #292b2b;
    background: #0c0d0d;
    padding: 1.5em 0;
	    text-decoration: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.spa-grid:hover{
	    border-right: 1px solid #1589b5;
    background: #00acee;
}
.spa-grid:nth-child(5) {
	 border:none;
}
h3.tittle.fea {
    font-size: 2.3em;
       color: #00acee;
    margin-bottom: 2em;
}
.featured,.team-section {
  background: -moz-linear-gradient(top, hsla(0,0%,71%,0) 0%, hsla(0,0%,71%,1) 99%, hsla(0,0%,71%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(0,0%,71%,0) 0%,hsla(0,0%,71%,1) 99%,hsla(0,0%,71%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(0,0%,71%,0) 0%,hsla(0,0%,71%,1) 99%,hsla(0,0%,71%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5b5b5', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */
/*webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg);*/
	border-top:#000 2px solid;
}
.team-row {
       margin-top: 3em;
}
.side-bar-form input[type="search"] {
    background: #fff;
    width: 81%;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #000000;
    letter-spacing: 1px;
    border: 1px solid #e4e3ea;
}
.side-bar-form input[type="submit"] {
    background: url(../images/search.png) no-repeat 9px 9px #2baf2b;
    width: 44px;
    height: 41px;
    border: none;
    outline: none;
    margin: 0 0 0 -4px;
    padding: 0;
}
.wom-right h5 a {
    color: #ff401b;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}
.agile-info-recent {
    margin: 1.3em 0;
}
ul.w3l-sider-list li i {
    display: inline-block;
    color: #0c0d0d;
    font-size: .9em;
    margin-right: 10px;
}
ul.w3l-sider-list li {
    display: inline-block;
    color: #666;
    font-size: .9em;
    margin-right: 18px;
}
.wom {
    float: left;
    width: 25%;
   
}
.wom-right {
    float: right;
    width: 70%;
}
.w3l-recent-grid {
    margin: 1em 0;
}
h4.side-t-w3l-agile {
    color: #0c0d0d;
    font-size: 1.4em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0em 0 0.7em 0;
}
/*-- /welcome --*/
/*-- services --*/

.w3_agileits_services_grid {
    text-align: center;
    padding: 0;
    width: 24%;
	height:360px;
    margin-left: 1%;
    box-shadow: 0 0 18px rgba(0,0,0,0.18);
    border: 1px solid #C2C2C2;
}
.w3_agileits_services_grid_agile {
    padding: 1em;
	text-align:left;
}
.w3_agileits_services_grid_1{
    margin: 0 auto;
}
.w3_agileits_services_grid_1 i{
	color:#212121;
	font-size:3em;
	line-height:2.4em;
}
.w3_agileits_services_grid_1 img{
	width:100%;
}
.w3_agileits_services_grid_agile h3{
	    text-transform: capitalize;
    font-size: 1.1em;
    letter-spacing: 1.5px;
    color: #ff401b;
    margin: 1em 0 1em;
    padding-bottom: .5em;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	text-align:center;
	
}
.w3_agileits_services_grid_agile h3:after {
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
    width: 20%;
    height:3px;
    background: #212121;
    left: 40%;
    bottom: 0;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile h3:after {
    background:#ff401b;
    width: 60%;
}
.w3_agileits_services_grid_agile p{
	    color: #555;
	line-height:1.5em;
	font-size:14px;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_1{
	background:#fff;

}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile h3{
	color:#00acee;
	
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile p{
	color:#555;
}


.w3_agileits_services_grid{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
}
/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background:#ff401b;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}
.para-w3 {
    color: #555;
    font-size: 15px;
    line-height: 35px;
    margin-top: 11px;
}
.news-grids {
    margin-top: 3em;
}
.w3_agileits_services_grids {
    margin-top: 3em;
}
.agileinf-button {
    margin: 4em auto 0;
    text-align: center;
}
/*--//services-section--*/
/*-- /short-codes --*/
.w3_breadcrumb {
       background: #000;
    text-align: left;
    padding: 0.8em 0;
}
.breadcrumb-inner{ margin-left:5em;}
.breadcrumb-inner ul li {
       list-style: none;
    display: inline-block;
    color: #fff;
    letter-spacing: 2px;
	
}
.breadcrumb-inner ul li  a{
   color: #06F;
}
.typo-1 {
    padding: 16px;
}

.grid_3 {
    background-color: #fff;
    padding: 1.8em;
    margin-bottom: 1em;
    border: 1px solid #ebeff6;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
h3.head-top{
    font-size: 28px;
    margin-bottom: 15px;
        color: #fe423f;
}
.grid_3 p {
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
}
.but_list h1,.but_list h2,.but_list h3,.but_list h4,.but_list h5,.but_list h6{
margin-bottom: 0.7em;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px !important;
    font-size: 0.85em;
    color: #666;
    border-top: none !important;
}

.table2 td, .table2>tbody>tr>td, .table2>tbody>tr>th, .table2>tfoot>tr>td, .table2>tfoot>tr>th, .table2>thead>tr>td, .table2>thead>tr>th {
    padding: 15px !important;
    color: #fff;
    border-top: none !important;
	border:1px #FFF solid;
}

.btn {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
    outline: none !important;
}
.form-control1, .form-control_2.input-sm{
  border: 1px solid #e0e0e0;
  padding:5px 18px;
  color: #616161;
  background: #fff;
  box-shadow: none !important;
  width: 100%;
  font-size: 0.85em;
  font-weight: 300;
  height: 40px;
  border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  -webkit-appearance: none;
  outline:none;
}
.control3{
	margin:0 0 1em 0;
}
.btn-warning {
  color: #fff;
  background-color:rgb(6, 217, 149);
  border-color:rgb(6, 217, 149);
  padding:8.5px 12px;
}
.tag_01{
  margin-right:5px;
}
.tag_02{
  margin-right:3px;
}
.btn-warning:hover{
  background-color:rgb(3, 197, 135);
  border-color:rgb(3, 197, 135);
}
.btn-success:hover{
    border-color: #8BC34A !important;
    background: #8BC34A !important;
}
.control2{
  height:253px;
}
.alert-info {
  color: #31708f;
  background-color:rgb(240, 253, 249);
  border-color:rgb(201, 247, 232);
}
.bs-example4 {
  background: #fff;
  padding: 2em;
}
button.note-color-btn {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
}
.form-control1:focus {
  border: 1px solid #03a9f4;
  background: #fff;
  box-shadow: none;
}
.show-grid [class^=col-] {
  background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, .widget_head{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
label {
    font-weight: 500;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
/*-- //short-codes --*/
/*-- icons page --*/
.codes a {
    color: #999;
}
.icon-box {
    padding: 8px 15px;
   background: rgba(111, 141, 175, 0.11);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
} 
.icon-box:hover {
    background: #000;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.icon-box:hover i.fa {
	color:#fff;
}
.icon-box:hover a.agile-icon {
	color:#fff;
}
.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px; 
    line-height: 1.4;
    text-align: center;  
    font-size: 12px;
    list-style-type: none;	
}
.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #777;
} 
.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
h3.icon-subheading {
    font-size: 26px;
       color: #fe423f!important;
    font-weight: 300;
    margin: 30px 0 15px;
}
h3.agileits-icons-title {
        text-align: center;
    font-size: 30px;
    color: #111;
}
.icons a {
    color: #999;
}
.icon-box i {
    margin-right: 10px;
    font-size: 20px;
    color: #282a2b;
}
.icons-page .bs-glyphicons li {
    display: inline-block;
    width: 22%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background: rgba(40, 96, 157, 0.11);
    margin: 1%;
}
.icons-page .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
	color: #282a2b;
}
.icons-page .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #777;
} 
.icons-page .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.bs-example.bs-example-tabs {
    padding: 0 3em;
}
/*-- //icons page --*/
/*-- /contact --*/
.w3_agile_mail_grid input[type="text"],.w3_agile_mail_grid input[type="email"] {
       border: 1px solid #e4e4e4;
    outline: none;
    -webkit-appearance: none;
    background: none;
	  font-size:15px;
  letter-spacing:1px;
  color:#555;
   width: 100%;
      background: #f5f5f5;
   padding:1em 1em;
}
.w3_agile_mail_grid input[type="email"] {
	margin:1.2em 0;
}
.w3_agile_mail_grid textarea {
    outline: none;
    width: 100%;
    background: #f5f5f5;
    padding:1em 1em;
  font-size:15px;
  letter-spacing:1px;
  color:#555;
    border: 1px solid #e4e4e4;
       min-height: 196px;
     font-weight:400;
}
.w3_agile_mail_grid textarea::-webkit-input-placeholder,.w3_agile_mail_grid input[type="text"]::-webkit-input-placeholder,.w3_agile_mail_grid input[type="email"]::-webkit-input-placeholder  {
	color: #555 !important;
}
.w3_agile_mail_grid input[type="submit"] {
    border: none;
    padding: 0.8em 2em;
    margin-top: 0.5em;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    outline: none;
    background: #E34234;
    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;
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.w3l_contact_bottom{
	    background: #000;
         padding:4em 0 4em 0;
}
.w3l_contact_grid {
    margin: 0 auto;
    text-align: center;
}
.w3ls_footer_grids p.agileits_w3layouts_est{
	color:#fff;
	line-height:2em;
	margin:2em auto 5em;
	width:65%;
	text-align:center;
}
.con-ions-left {
    background: #2e2e2e;
    float: left;
    width: 31%;
    margin: 0 10px;
    padding: 30px 20px;
}

.con-ions-left:hover {
    background: #000;
    float: left;
    width: 31%;
    margin: 0 10px;
    padding: 30px 20px;
}
.con-ions-left-w3l{
	float:left;
	width:55px;
	height:55px;
	border-radius:50px;
	text-align:center;
	    background: #2baf2b;
}
.con-ions-left-w3l i{
	color: #fff;
    font-size: 1em;
    line-height: 3.4em;
}
.con-grid-w3l-leftr{
    float: right;
    width: 80%;
    text-align: left;
}
.con-grid-w3l-leftr h4{
	font-size: 1.2em;
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: .5em;
}
.con-grid-w3l-leftr p{
	color:#999;
	line-height:1.5em;
}
.con-grid-w3l-leftr a{
	color:#999;
	text-decoration:none;
	font-size:14px;
}
.con-grid-w3l-leftr a:hover{
	color:#2baf2b;
}
.map iframe {
    width: 100%;
    border: none;
    margin-top: 1em;
    min-height: 350px;
	
}
.w3l_contact-bottom {
    background:#F4F4F4;
    padding: 5em 0 0 0;
	
	margin-top:2em;
	
}
/*-- //contact --*/
/*-- about-bottom --*/
.w3l_about_bottom_left{
	padding:0;
	position:relative;
}
.w3l_about_bottom_left img{
	width:100%;
}
.play-icon{
    position: absolute;
    top: 51%;
    left: 46%;
}
.play-icon i {
    font-size:4em;
    color: #fff;
}
.play-icon:focus{
	outline:none;
}
.w3l_about_bottom_left_video{
	position: absolute;
    top: 37%;
    left: 36%;
}
.w3l_about_bottom_left_video h4,.w3l_about_bottom_left_video.book-text h4 {
        text-transform: uppercase;
    font-size: 1.7em;
    color: #fff;
    letter-spacing: 2px;
    
    padding: 0.4em 0em;
    width: 100%;
    text-align: center;
}
.w3l_about_bottom_left_video.book-text h4 {
	  background: rgba(0, 0, 0, .5);
}
.w3l_about_bottom_right {
     padding: 4em 5em;
    background: #f5f5f5;
    min-height: 594px;
}
.agileinfo_header1{
	font-size: 1.6em;
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
    padding: .5em 0;
    position: relative;
}
.w3l_about_bottom_right p{
	margin:1em 0 3em;
	color:#555;
	line-height:2em;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 20px 0!important;
}
h3.tittle.why {
    text-align: left;
}
.pa_italic i {
    left: -1em;
	font-size: 11px;
}
.pa_italic span {
    display: none;
}
.collapsed span {
    display: inline-block;
    left: -1em;
	font-size: 11px;
}
.collapsed i {
    display: none;
}
.panel-heading {
    padding:10px 30px;
}
.panel-title > a{
    font-size: 1.1em;
    color:#fff;
    text-transform: capitalize;
	text-decoration: none;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.panel-default {
      border-color: #00acee;
    background: #00acee;
}
.panel-default > .panel-heading {
    border-color: #FFF;
	color:#212121;
       background-color: #00acee;
}
.panel-body {
    padding: 2em;
    font-size: 14px;
    line-height: 2em;
    color: #fff;
    background: #008bdb;
	border-radius:20px 0;
}
.panel-body p{ color:#FFF}


.panel-body2 {
    padding: 2em;
    font-size: 14px;
    line-height: 2em;
    color: #000;
    background: #F0F0F0;
	text-align:justify;
}

a.pa_italic label {
    cursor: pointer;
	font-weight:500;
}
a.pa_italic:focus {
    outline: none;
    text-decoration: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-heading {
    border-radius:0px!important;
}
.video-grid-single-page-agileits img {
    width: 100%;
}
#video,#video1,#video2,#video3,#video4,#video5,#video5,#video7,#video8  {
  position: relative;
  background: #000;
     width: 100%;
    margin:0px auto;
}

#video img,
#video iframe,#video1 img,
#video1 iframe
 { display: block;width:100%; }

#play {
    position: absolute;
       top:47%;
    left: 44%;
    width:64px;
    height:64px;
    cursor: pointer;
    background: url('../images/play-button.png') no-repeat 0px 0px;
    background-size: auto, cover;
    z-index: 9;
}
#play6 {
	 position: absolute;
       top: 30%;
    left: 44%;
    width:64px;
    height:64px;
    cursor: pointer;
    background: url('../images/play-button.png') no-repeat 0px 0px;
    background-size: auto, cover;
    z-index: 9;
}
.video_agile_player {
    padding: 0;
}
.book-form   label {
    font-size:15px;
    color: #fff;
    text-align: left;
    display: inline-block;
    float: left;
    font-weight: 500;
    margin-bottom: 10px;
        letter-spacing: 1px;
}
.book-form  label i {
    font-size: 1em;
    margin-right: 10px;
        color: #2baf2b;
}
.book-form input[type="text"],.book-form input[type="date"],.book-form input[type="time"],.book-form input[type="email"] {
      width: 100%;
    color: #9a9797;
    outline: none;
    font-size: 0.9em;
    line-height: 25px;
    padding: 3px 10px;
    border: 2px solid #fff;
    -webkit-appearance: none;
    margin-bottom: 1em;
    background: none;
	    font-family: 'Open Sans', sans-serif;
}
.book-form input[type="text"]{
	 border: 2px solid #fff;
}
.book-form form input[type="submit"]{
    text-transform: capitalize;
      background: #ff401b;
    color: #FFFFFF;
    padding: .8em 2em;
    border: none;
    font-size: 1em;
    outline: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
	margin-top: 2em;
    -webkit-appearance: none;
}
.book-form {
    background: #0c0c0c;
    padding: 2em 2em;
    margin-top: 2em;
}
.book-form select.form-control {
    outline: none;
    font-size: 1em;
    padding: 5px 10px;
       width: 100%;
    line-height: 25px;
    border-radius: 0;
    background: none;
    color: #9a9797;
    border: 2px solid #fff;
	box-shadow:none!important;
}
.form-date-w3-agileits.second-agile {
    width: 50%;
}
.w3l_about_bottom_left_video.book-text {
    width: 100%;
    top:50%;
    left: 0;
}
.form-date-w3-agileits,.form-left-agileits-w3layouts.bottom-w3ls {
    padding-left: 0;
    padding-right: 0px;
    margin-right: 10px;
	    width:48%;
}
.form-date-w3-agileits.second-agile,.form-time-w3layouts.second-agile,.form-left-agileits-w3layouts.second-agile,.form-left-agileits-w3layouts.bottom-w3ls.second-agile {
 
    margin-right:0!important;
	    padding:0!important;
}
.form-left-agileits-w3layouts.bottom-w3ls {
    padding:0!important;
}
/*-- //about-bottom --*/
/*-- testimonials --*/
section.slider {
    padding: 0 !important;
}
.testimonial_grids{
	margin:3em 0 0;
}
.w3_agileits_testimonial_grid{
	      width: 56%;
	margin:0 auto;
	text-align:center;
}
.w3_agileits_testimonial_grid p {
       color: #fff;
       line-height: 2.5em;
    margin-bottom: 2em;
    letter-spacing: 2px;
    font-size: 0.85em;
}
.w3_agileits_testimonial_grid  i{
	    font-size: 2em;
    color: #fff;
    padding: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 0.5em;
}
.w3_agileits_testimonial_grids {
    margin: 3em 0 0;
}
.w3_agileits_testimonial_grid img {
    margin: 0 auto;
	border-radius: 50%;
}
.guests-agile {
    background: url(../images/bottom.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height:550px;
	padding-top:5em;
}
/*-- //testimonials --*/
/*-- gallery --*/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;	
	overflow: hidden;
	margin: 10px 0;
	height: auto;
	text-align: center;
	cursor: pointer;
	background: #000;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
    word-spacing: -0.15em;
    font-size: 1.5em;
    margin-top: 18%;
    color: #FFF;
    font-weight: 600;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/


figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	    background: rgba(30, 28, 24, 0.41);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 5px solid #ff401b;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-apollo p span{
	    color: #ffcc33;
}
figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
/*-- //gallery --*/
.priceing-table-main {
    margin: 4em 0 0 0;
}
.price-list ul {
    padding: 0px;
    list-style: none;
}
.price-gd-top {
    background:#00acee;
    text-align: center;
}
.price-gd-top h4 {
    font-size: 1.8em;
    color: #fff;
    padding: 0.4em 1em;
        background: #0e99ce;
	    font-weight: 300;
}
.price-gd-top h3 {
    padding: 0.2em 0em 0em 0em;
    font-size: 7em;
    color: #fff;
}
.price-gd-top h3 span {
    font-size: 30px;
    vertical-align: top;
}
.price-gd-top h5 {
    font-size: 1em;
    color: #fff;
    padding: 0em 3em 0.8em 0em;
    text-align: right;
}
.price-gd-bottom {
    background: #fff;
    text-align: center;
    padding: 1em 0em;
}
.price-gd-top.pric-clr2 h4 {
       background: #fbbe09;
}
.price-gd-top.pric-clr2 {
    background:#ffcc33;
}
.price-selet.pric-sclr2 a {
     background: #fbbe09;
}
.price-gd-top.pric-clr3 {
	background:#2baf2b;
}
.price-gd-top.pric-clr3 h4 {
    background: #209a20;
}
.price-gd-top.pric-clr4 {
	background:#ff401b;
}
.price-gd-top.pric-clr4 h4 {
	background: #f72d05;
}
.price-selet.pric-sclr4 a {
    background: #f72d05;
}
.price-selet.pric-sclr3 a {
    background: #209a20;
}
.price-list ul li {
    padding: 0.5em 0em;
    font-size: 0.9em;
    color: #2b2b2b;
    display: inline-block;
}
.price-selet {
    padding: 1em 0em;
    text-align: center;
    background: #fff;
}
.price-selet a {
    font-size: 1.1em;
    color: #fff;
    display: block;
}
.price-selet a {
	font-size: 0.9em;
    color: #ffffff;
    display: inline-block;
    padding: 0.5em 2em;
    background: #0e99ce;
    text-decoration: none;
	    border-radius: 25px;
		-webkit-border-radius: 25px;
		-o-border-radius: 25px;
}
.price-block {
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.price-block:hover,.w3layouts-pricing:hover,.w3-agileits-vpn-grid:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 1;
}
h6.bed{
	color:#00acee;
	font-size: 3em;
    margin: 2px 0;
}
h6.bed.two{
	color:#ffcc33;
}
h6.bed.three{
	color:#2baf2b;
}
h6.bed.four{
	color:#ff401b;
}
.book-form-inner form input[type="text"],.book-form-inner form input[type="date"],.book-form-inner form input[type="time"],.book-form-inner form input[type="email"] {
    width: 100%;
    color: #9a9797;
    outline: none;
    font-size: 0.9em;
    line-height: 25px;
    padding: 3px 10px;
    border: 2px solid #999;
    -webkit-appearance: none;
    margin-bottom: 1em;
    background: none;
	    font-family: 'Open Sans', sans-serif;
}
.book-form-inner select.form-control {
    outline: none;
    font-size: 1em;
    padding: 5px 10px;
       width: 100%;
    line-height: 25px;
    border-radius: 0;
    background: none;
    color: #9a9797;
    border: 2px solid #999;
	box-shadow:none!important;
}
.book-form-inner .form-date-w3-agileits1,.form-left-agileits-w3layouts1.bottom-w3ls1 {
    padding-left: 0;
    padding-right: 0px;
    margin-right: 10px;
	    width:48%;
}
.form-date-w3-agileits1.second-agile1{
	 width:50%;
}
.form-date-w3-agileits1.second-agile1,.form-time-w3layouts1.second-agile1,.form-left-agileits-w3layouts1.second-agile1 {
 
    margin-right:0!important;
	    padding:0!important;
}
.form-left-agileits-w3layouts.bottom-w3ls1 {
    padding:0!important;
}
.book-form-inner {
    margin-top: 2em;
}
.book-form-inner label {
    font-size: 15px;
    color: #333;
    text-align: left;
    display: inline-block;
    float: left;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.book-form-inner label i {
    font-size: 1em;
    margin-right: 10px;
    color: #2baf2b;
}	

.book-form-inner form input[type="submit"] {
    text-transform: capitalize;
    background: #ff401b;
    color: #FFFFFF;
    padding: .8em 2em;
    border: none;
    font-size: 1em;
    outline: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    margin-top: 2em;
    -webkit-appearance: none;
}
.book-form-inner  input[type=submit]:hover {
    background: #00acee;
    color: #fff;
}
/*-- social-icons --*/
ul.top-links li {
    margin-right: 19px;
    display: inline-block;
}
ul.top-links {
    margin-top:70px;
    margin-left: 31px;
}
ul.top-links li a i.fa {
    color: #fff;
    font-size: 15px;
    line-height: 31px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
}
ul.top-links li a i.fa:hover {
   color: #7ab800;
}
.w3_navigation {
      background: #0085c3;
    padding: 0.5em 0;
}
.slider-info h3 {
      font-size: 18em;
    color: #fff;
    letter-spacing: 8px;
}
/*-- //social-icons --*/
/*--team--*/
.team-grids {
    text-align: center;
	overflow:hidden;
}
.team-grids h4 {
    font-size: 1.4em;
    color: #fff;
    margin: .5em 0;
    font-weight: 300;
    letter-spacing: 2px;
}
.team-grids h6 {
    font-size: 1.1em;
    color: #FFF;
}
.team-img {
    position: relative;
}
.team-row p {
    color: #fff;
}
.team-grids .captn {
    position: absolute;
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, 0.59);
    width: 100%;
    height: 100%;
    padding: 3.5em 1em;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	transition:.5s all;
}
.team p span {
    color: #F6D13B;
}
.social-icons {
    margin-top: 2em;
}
.social-icons ul li {
    display: inline-block;
    margin: 0 0.2em;
}
.social-icons ul li a {
    background: url(../images/social-icons.png) no-repeat 0px -1px;
    display: block;
    height: 26px;
    width: 26px;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.social-icons ul li a.pin {
    background-position: 0px -28px;
}
.social-icons ul li a.in {
    background-position: 0px -57px;
}
.social-icons ul li a.be {
    background-position: 0px -86px;
}
.social-icons ul li a.you {
    background-position: 0px -115px;
}
.social-icons ul li a.vimeo {
    background-position: 0px -144px;
}
.social-icons ul li a:hover{
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
}
.team-grids:hover .captn {
    top: 0;	
}
.team-agile {
    background: #2baf2b;
    padding: 0.5em 1.5em;
    position: absolute;
    bottom: 0;
    width: 70%;
    left: 15%;
}
.modal-header.book-form form {
    margin-top: 1.5em;
}
.book-form input[type=submit] {
    color: #FFFFFF;
       padding: .8em 1em;
    font-size: 1em;
    cursor: pointer;
    border: 2px solid #fff;
    outline: none;
      background: #2baf2b;
    width: 100%;
    letter-spacing: 3px;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.book-form input[type=submit]:hover {
      background: #00acee;
    color: #fff;
}
.check-box input[type="checkbox"]+label {
    position: relative;
    padding-left: 2em;
    border: none;
    outline: none;
    font-size: 0.9em;
   color: #555;
    font-weight: 400;
    cursor: pointer;
}
.check-box {
    margin-bottom: 1.5em;
}
.check-box input[type="checkbox"] {
    display: none;
}
.check-box input[type="checkbox"]:checked+label span:first-child:before {
    content: "";
    background: url(../images/tick.png)no-repeat;
    position: absolute;
    left: 2px;
    top: 2px;
    font-size: 10px;
    width: 10px;
    height: 10px;
}
.check-box input[type="checkbox"]+label span:first-child {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #555;
    position: absolute;
    left: 0;
    top: 1px;
}
/*--//team--*/
/*-- /single --*/
.single.video_agile_player h4 {
	    font-size: 1.1em;
    margin: 0;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #fe423f;
    margin:1em 0;
}
.single.video_agile_player p {
    color: #555;
       font-size: 0.9em;
    line-height: 1.9em;
    margin: 0.5em 0 1em 0;
}
.agile-info-wthree-box input[type="text"],.agile-info-wthree-box input[type="email"],.agile-info-wthree-box textarea {
     outline: none;
    border: 1px solid #d6d4d4;
    background: none;
    padding: 13px 13px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    color: #333;
}
.agile-info-wthree-box input[type="email"]:nth-child(2) {
    margin: 1em 0;
}
.agile-info-wthree-box textarea {
	    min-height: 110px;
    margin-bottom: 6px;
}
.agile-info-wthree-box input[type="submit"] {
	    outline: none;
    font-style: normal;
    padding: 0.9em 4em;
    background: #00acee;
    font-size: 16px;
    color: #fff;
    display: block;
    border: none;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    border-radius: 25px;
}
.agile-info-wthree-box input[type="submit"] :hover {
    color: #fff;
    background: #fe423f;
}
.form-info {
    padding-left: 0;
}
.all-comments-info {
    padding: 2em;
    border: 1px solid#ddd;
    margin: 2em 0;
}
.all-comments-info h5,.single-agile-shar-buttons h5{
	 font-size: 1em;
    margin: 0;
    font-weight: 600;
    line-height: 1.5em;
    text-transform: uppercase;
    color:#0c0d0d;
    margin:0em 0 1em 0;
}
/*-- single --*/
.admin-text {
	    border: 1px solid #fff;
    padding: 2em;
    margin-top: 2em;
    background: #2baf2b;
}
.admin-text h5 {
	    font-size: 1.3em;
    letter-spacing: 1px;
    margin: 0 0 1em 0;
    color: #fff;
}
.admin-text-right p {
      color: #094e09;
    font-size: 0.9em;
    margin: 0 0 18px;
    line-height: 28px;
}
.admin-text-left {
	float: left;
	width: 11%;
}
.admin-text-right {
	float: right;
	width: 86%;
}
.admin-text-left img {
    width: 100%;
}
.admin-text-right span {
      font-size: 15px;
    margin: 0 0 1em 0;
    font-weight: 500;
   color: #ffffff;
	letter-spacing:1px;
}
.admin-text-right span a {
    color: #0c0d0d;
    text-decoration: none;
}
.admin-text-right span a:hover{
	color: #fff;
	transition:.5s all;
}
.media.response-info {
  margin-top: 3em;
}
.response-info-mdl {
  margin: 1em 0px 1em 4em;
}
.response {
    margin: 3em 0;
}
.media-left.response-text-left {
  width: 11%;
}
.response-text h5 {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 1em 0;
	color: #fff;
}
.response h4 {
    font-size: 1.5em;
    letter-spacing: 1px;
    margin: 0 0 1em 0;
    color: #0c0d0d;
    text-transform: uppercase;
}
.response-text-left h5 a {
	    text-decoration: none;
    color: #0c0d0d;
    text-transform: uppercase;
    font-size: 0.95em;
}
.response-text-left h5 a:hover{
	text-decoration: none;
    color: #fe423f;
	transition:.5s all;
}
.response-text-left h5{
	font-size: 17px;
    margin: 1em 0 0 0;
}
.response-text-right p{
	    color: #555;
    margin: 0 0 15px;
    line-height: 1.9em;
}
.wom-right p {
	 font-size: 0.85em;
	  margin: 0 0 8px;
	  margin-top: 0.6em;
	    line-height: 1.8em;
		   color: #555;
}
.response-text-right ul{
	padding:0;	
	text-align: right;
}
.response-text-right ul li{
      display: inline-block;
    color: #0c0d0d;
    font-size: 1em;
    margin-right: 1em;
    letter-spacing: 1px;
}
.response-text-right ul li a{
	    color: #2baf2b;
    font-size: 1em;
}
.response-text-right ul li a:hover{
	color: #ff401b;
	text-decoration:none;
}
.media-left a img {
  width: initial;
}
.w3l-blog-list li, .blog-list1 li {
    list-style: none;
}
.w3l-blog-list li a:hover {
    color: #111;
}
.response-text-right ul {
    padding: 0;
    text-align: left;
}
h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
    font-size: 1.8em;
}
.single.video_agile_player h4 {
    font-size: 1em;
}

.w3l-blog-list li a {
  color: #555;
    font-size:0.85em;
    text-decoration: none;
    display: block;
    margin: 12px 0;
}
.w3l-blog-list {
    margin-top: 1.3em;
}
.w3l-blog-list i {
    color: #2baf2b;
    margin-right: 12px;
}
/*-- //single --*/
.w3agile_footer_copy {
    text-align: center;
/*    background: #00acee;*/
background: #000;   
       padding: 1em 0;
	  
}
.w3agile_footer_copy p {
    color: #FFF;
	font-weight:400;
}
/*-- Footer --*/
.w3l-footer {
/*	background-color: #212121;*/
background-color: #C9C9C9;
}
.footer-info-agile {
	margin-top: 15px;
}
.w3l-footer  h4 {
	color: #000;
    padding: 24px 0 10px 0;
	    font-weight: 500;
	font-size:1.4em;
	margin-bottom: 0.5em;
	letter-spacing: 1px;
}
.connect-agileits.newsletter h4 {
    font-size: 1.5em;
	letter-spacing: 1px;
}
.footer-info-agile li {
    color: #000;
    display: block;
    line-height: 1.9em;
    font-size: 0.9em;
}
.links a {
	color: #000;
}
.links a:hover {
	color: #007EFD;
	text-decoration: none;
}
a.mail {
    color: #00acee;
}
a.mail:hover {
    color:#2baf2b;
}
.connect-agileits.newsletter p {
    color: #999;
	margin-bottom: 8px;
}

/*-- Newsletter --*/
.footer-info-agile p {
	    color: #EEE;
    line-height: 2em;
    margin-bottom: 27px;
    text-align: left;
}
.newsletter {
	    position: relative;
	    padding: 0.5em 1em;
}
.newsletter input[type="email"] {
      padding: 0.8em 1.5em;
    border: 1px solid #3a3939;
    width: 75%;
    text-align: left;
    color: #212121;
    background: #fff;
    outline: none;
    float: left;
}
.newsletter  input[type="submit"] {
    background: #2baf2b;
    padding: 0.8em 1em;
    border: none;
    outline: none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 20%;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}
.newsletter input[type="submit"]:hover {
    background: #00acee;
}
.footer-grid-instagram a {
    float: left;
}
/*-- //Newsletter --*/
/*-- Footer-Social-Icons --*/
.connect-agileits{
    padding-bottom: 22px;
    text-align: center;
    border: 1px solid #515254;
    margin: 2em auto 3em;
    width: 97%;
}
.connect-agileits h4 {
	text-align: center;
}
.connect-social ul li {
	display: inline-block;
}

.connect-social ul li a{
	    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
/*-- social-icons --*/
.social_icons {
    text-align: center;
}
.social{
    position:relative;
    margin: 10px auto 3px;
}
.social a{
    position: relative;
    display: inline-block;
    width:34px;
    height:34px;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
    text-align: center;
}
.social .fb{
    background: #6788ce;
}
.social .fb:before,
.social .fb:after{
    border-color:#6788ce;
}
.social .tw{
    background: #00ACEE;
}
.social .tw:before,
.social .tw:after{
    border-color: #00ACEE;
}

.social .gp{
    background: #DD4B39;
}
.social .gp:before,
.social .gp:after
{
    border-color: #DD4B39;
}
.social .pin{
    background: #fe4445;
}
.social .pin:before,
.social .pin:after
{
    border-color: #fe4445;
}
.social .db{
    background: #f85993;
}
.social .db:before,
.social .db:after
{
    border-color: #f85993;
}
.social .rss{
    background: #ff9845;
}
.social .rss:before,
.social .rss:after
{
    border-color: #ff9845;
}
.social .lin{
    background: #3a9bdc;
}
.social .lin:before,
.social .lin:after
{
    border-color: #3a9bdc;
}
.social a:before,
.social a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
       border: 3px solid;
}
.social a:hover:after{
   -webkit-transform: scale(1.5);
}
.social a:hover:before{
    -webkit-transform: scale(1);
    transition: .3s all;
    opacity: 0;
}
a.icon.gp {
    margin: 0;
} 
.connect-social ul li a i {
     color: #fff;
    line-height: 34px;
    font-size: 1em;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
.footer-grid-instagram {
    float: left;
    width: 50%;
}
.w3agile_footer_copy p a {
    color: #fff;
}
/*-- Footer-Social-Icons --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width:50px;
    height:45px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0px 0px;
}
/*-- /responsive --*/
@media (max-width:1440px){
		
	.baner-info h3 {
		font-size: 3.3em;
		letter-spacing: 4px;
	}
	.baner-info {
		padding-top: 10em;
		margin: 0 auto;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
      font-size: 2.5em;
	}
	h3.tittle.fea {
      font-size: 2em;
	}
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section {
		padding: 0em 0 0 0;
	}
	ul.nav.navbar-nav {
		margin-left: 0em;
		margin-top: 0.5em;
	}
	.baner-info h4 {
		letter-spacing: 3px;
	}
	.w3l_about_bottom_right {
		padding: 2em 3em;
		min-height: 534px;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 2.3em;
	}
	.book-form form input[type="submit"] {
		padding: .8em 2em;
		border: none;
		font-size: 1em;
		font-weight: 600;
		margin-top: 1.35em;
	}
	.priceing-table-main {
		margin: 3em 0 0 0;
	}
	
.product-image-wrapper{
	margin-bottom:0px;
	background: #E5E5E5;
	height:24em;
	margin-right:13.5px;
}
	
	
	


}
@media (max-width:1366px){
	.w3l_about_bottom_right p {
       margin: 1em 0 1em;
	}
	.w3l_about_bottom_right {
		padding: 1.6em 2em;
		min-height: 506px;
	}
	.book-form {
		padding: 2em 2em;
		margin-top: 1em;
	}
}
@media (max-width:1280px){
	.baner-info h3 {
		font-size: 3em;
		letter-spacing: 4px;
	}
	.baner-info h4 {
		font-size: 0.9em;
		letter-spacing: 3px;
		margin:auto;
	}
	h3.tittle.fea {
		font-size: 1.8em;
	}
	.spa-agile h4 {
      font-size: 1.1em;
	}
	.team-row {
		margin-top: 2em;
	}
	h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		margin-bottom: 0.5em;
	}
	ul.nav.navbar-nav {
		margin-left: 13em;
		margin-top: 2em;
	}
	.special-grids {
		margin: 2em 0 0 0;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 2em;
	}
	.w3l_about_bottom_right {
		padding: 1.6em 2em;
		min-height: 472px;
	}
	#play {
		position: absolute;
		top: 52%;
		left: 44%;
		background-size: 62%;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 37%;
		left: 26%;
	}
	.price-gd-top h3 {
		font-size: 6em;
	}
}
@media (max-width:1080px){
	ul.nav.navbar-nav {
		margin-left: 6em;
		margin-top: 2em;
	}
	.ab-w3l-spa p {
		color: #555;
		line-height: 2.2em;
		margin: 1.5em auto 2.2em;
		width: 96%;
	}
	.agileits-special-info {
       padding: 3em 1em;
	}
	.welcome-agileinfo h4 {
		font-size: 1.2em;
		margin: 1em 0 0.5em 0;
		letter-spacing: 3px;
		font-weight: 300;
	}
	.price-gd-top h4 {
		font-size: 1.5em;
		padding: 0.4em 1em;
	}
	ul.top-links li {
		margin-right: 7px;
		display: inline-block;
	}
	ul.top-links {
		margin-top: 35px;
		margin-left: 0px;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 188px;
		height: 186px;
	}
	.con-ions-left-w3l {
		float: left;
		width: 49px;
		height: 49px;
	}
	.con-grid-w3l-leftr {
		float: right;
		width: 75%;
		text-align: left;
	}
	.con-ions-left-w3l i {
		font-size: 1em;
		line-height: 3em;
	}
	.spa-agile h4 {
		font-size: 1em;
	}
	#play {
		position: absolute;
		top: 52%;
		left: 44%;
		background-size: 62%;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 37%;
		left: 26%;
	}
	.book-form {
		padding: 1em 1em;
		margin-top: 1em;
	}
	.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 47%;
	}
	.panel-heading {
		padding: 3px 30px;
	}
	.w3l_about_bottom_right {
		padding: 1em 1em;
		min-height: 371px;
	}
	.price-gd-top h3 {
		font-size: 5em;
	}
	.w3_agileits_testimonial_grid p {
		color: #fff;
		line-height: 2.2em;
		margin-bottom: 2em;
		letter-spacing: 2px;
		font-size: 0.8em;
	}
	.guests-agile {
		min-height: 526px;
		padding-top: 5em;
	}
}
@media (max-width:1024px){
	
	.navbar-nav > li {
		margin: 0 0.3em;
	}
	.price-gd-top h5 {
		font-size: 0.9em;
		padding: 0.2em 3em 0.8em 0em;
	}
	.price-gd-top h3 span {
		font-size: 20px;
		vertical-align: top;
	}
	.baner-info {
		padding-top: 8em;
		margin: 0 auto;
	}
	ul.top-links {
		margin-top: 35px;
		margin-left: 5px;
	}
	.baner-info h3 {
		font-size: 2.8em;
		letter-spacing: 4px;
	}
	#video img, #video iframe, #video1 img, #video1 iframe {
		display: block;
		width: 100%;
		padding-bottom: 1.4em;
	}
	.w3_agileits_testimonial_grid {
		width: 71%;
		margin: 0 auto;
		text-align: center;
	}
	
	.demo a {
  position: absolute;
  bottom: 45px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}


.scrollbar
{
	
	
	height:26.5em;
    overflow-y:scroll;
    overflow-x: hidden;
	
}

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}



	
}
@media (max-width:991px){
	.spa-grid:nth-child(5),.spa-grid:nth-child(3) {
		border: none;
	}
	.spa-grid {
		border-right: 1px solid #999;
		float: left;
		width: 50%;
	}
	.spa-grid.lost {
		    margin-top: 0em;
    border-top: 1px solid #999;
	}
	.team-grids {
		text-align: center;
		overflow: hidden;
		float: left;
		width: 32%;
	}
	.team-grids:nth-child(4) {
		 margin-top:1.5em;
	}
	.welcome-grid {
		margin-top: 2em;
		float: left;
		width: 50%;
	}
	.welcome-agileinfo span.glyphicon {
      font-size: 2.5em;
	}
	.welcome-section-wthree {
		min-height: 557px;
		padding-top: 4em;
	}
	.price-grid {
		float: left;
		width: 50%;
		 
	}
	.priceing-table-main {
		margin:2em 0 0 0;
	}
	.col-md-3.price-grid.lost {
		margin-top: 2em;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 184px;
		height: 186px;
	}
	.w3l-special-grid {
		padding: 0;
		float: left;
		width: 50%;
	}
	.w3ls-special-text h4 {
		font-size: 1.5em;
		margin: 0;
		font-weight: 300;
		letter-spacing: 7px;
		padding-top: 4em;
	}
	.section-grid-wthree {
		padding: 0 7px;
		float: left;
		width: 50%;
	}
	.section-grid-wthree:nth-child(3) {
		margin-top:2em;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 310px;
		height: 186px;
	}
	.footer-info-grid {
		width: 50%;
		
	}
	.footer-grid-instagram {
		float: left;
		width: 24%;
	}
	.connect-agileits {
		padding-bottom: 22px;
		margin: 2em auto 3em;
		width: 100%;
	}
	.gallery-grid {
		float: left;
		width: 50%;
	}
	.con-ions-left {
		float: left;
		width: 100%;
		margin: 10px 10px;
		padding: 30px 20px;
	}
	.services-info-w3-agileits:after {
		content: "";
		position: absolute;
		left: 182px;
		top: 267px;
		width: 25px;
		height: 25px;
	}
	.map iframe {
      margin-top: 3em;
	}
	.form-info {
		padding-left: 0;
		margin-top: 1em;
	}
	.w3_agileits_services_grid {
		text-align: center;
		padding: 0;
		width: 48%;
		margin-bottom: 2%;
		margin-left: 1%;
	}
	#video img, #video iframe, #video1 img, #video1 iframe {
		display: block;
		width: 100%;
		padding-bottom: 0;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 37%;
		left: 39%;
	}
	#play {
		position: absolute;
		top: 52%;
		left: 47%;
		background-size: 84%;
	}
	.w3l_about_bottom_right {
		padding: 3em 2em;
		min-height: 334px;
	}
	.w3l_about_bottom_right.two {
		padding: 0em 2em 2em 2em;
	}
	.book-form {
		padding: 2em 2em;
		margin-top: 1em;
	}
	.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 48%;
		float: left;
	}
	.form-date-w3-agileits.second-agile, .form-time-w3layouts.second-agile, .form-left-agileits-w3layouts.second-agile, .form-left-agileits-w3layouts.bottom-w3ls.second-agile {
		margin-right: 0!important;
		padding: 0!important;
		float: left;
		width: 50%;
	}
	.book-form-inner .form-date-w3-agileits1, .form-left-agileits-w3layouts1.bottom-w3ls1 {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 48%;
		float: left;
	}
	.form-date-w3-agileits1.second-agile1, .form-time-w3layouts1.second-agile1, .form-left-agileits-w3layouts1.second-agile1 {
		margin-right: 0!important;
		padding: 0!important;
		float: left;
		width: 50%;
	}
	.icon2{
		display:none;
		float:right; 
		margin-top:-7.5em;
		
		}
	.baner-info {
		padding-top: 7em;
		margin: 0 auto;
	}
	.ab-w3l-spa p {
		line-height: 2.2em;
		margin: 1.5em auto 2em;
		width: 100%;
	}
	.panel-heading {
		padding: 8px 30px;
	}
	.w3_agile_mail_grid textarea {
		margin-top: 1em;
	}

h1 span {
   /* color: #00acee;*/
   color:#003162;
   font-weight:800;
    font-size: .5em;
}
	
p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -18px;
    font-size: .7em;
	margin-left:7em;
	
}	


	
}
@media (max-width:800px){
			
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -26px;
    font-size: .7em;
	margin-left:6em;
	
}	
.s-log2{
	margin-top: -8px;
	margin-left:5.5em;
	font-size:12px;
	padding-bottom:3px;
	}
	
	
.demo a {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}
	
	
	.navbar-default .navbar-nav > li > a {
      font-size: 0.8em;
	  color:#FFF;
	}
	ul.nav.navbar-nav {
		margin-left: 2em;
		margin-top: 2em;
	}
	.inner-header-agile {
    padding: 0 2em;
	}
	.icon-box {
		padding: 8px 15px;
		margin: 1em 0 1em 0;
		width: 50%;
	}
	.footer-info-agile {
		margin-top: 18px;
	}
	h3.agileits-icons-title {
		text-align: center;
		font-size: 27px;
	}
	.baner-info h3 {
		font-size: 2.5em;
		letter-spacing: 2px;
	}
	.baner-info h4 {
		font-size: 0.9em;
		margin: auto;
		margin-bottom:1em;
		margin-top:1em;
		letter-spacing: 3px;
	}
	.baner-info {
		padding-top: 5em;
		margin: 0 auto;
	}
	.agileits-contact-info {
		float: right;
		width: 60.333%;
		margin-top: 6px;
		color:#000;
			}
	 
			
	.baner-info p {
		font-size: 0.9em;
		font-weight: 300;
		letter-spacing: 10px;
	}
	.agileinf-button {
      margin: 2em auto 0;
	}
	.spa-agile {
		padding: 4em 0 0 0;
	}
	h3.tittle.fea {
		font-size: 2em;
		margin-bottom: 1em;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 37%;
		left: 36%;
	}
/* ----ScrollBaar---*/	
.publication-wrapper{
	overflow: hidden;
	margin-bottom:0px;
	background: #E5E5E5;
	height: auto;
	
	}


	
.new-feture-other{
	margin-left:0px;
	}
	
	
.product-image-wrapper{
	margin-bottom:0px;
	background:#E5E5E5;
	height:28em;
	margin-right:13.5px;
}


.cd-search-trigger{ margin-top:-15px;}

	
}
@media (max-width:768px){
	
	.img-respon{
		width:70%;
		margin-top:1em;
		}
	
	
	
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 69%;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 29%;
	}
	.baner-info h4 {
		font-size: 0.9em;
		margin: auto;
		margin-bottom:1em;
		margin-top:1em;
		letter-spacing: 3px;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 37%;
		left: 36%;
	}
	.guests-agile {
		min-height: 526px;
		padding-top: 4em;
	}
	.w3_agileits_testimonial_grid {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section {
		padding: 3em 0;
	}
	
	
	
	
}
@media (max-width:767px){
	
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -16px;
    font-size: .7em;
	margin-left:7em;
	
}	
	
	.header {
		padding: 1.5em 1.5em 0;
	}
	ul.nav.navbar-nav.navbar-right {
		margin: 0;
		margin-left: 42%;
	}
	.navbar-default .navbar-nav > li > a { 
		text-align: center;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
		background: #000;
	}
	.navbar-default .navbar-toggle {
		border-color: #ff401b;
		background: #ff401b;
		margin: 17px 10px 0 0px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #FFF;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #ff8c00;
	}
	.navbar-default .navbar-nav > li > a:before { 
		width: 0; 
	}
	.navbar-default .navbar-nav > li > a { 
		padding: 0.8em;
	}
	.navbar-nav > li {
		margin: 0;
	}
	div#bs-example-navbar-collapse-1 {
		margin: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 999;
		margin-top:0.1em;
		text-align: center!important;
	}
	.navbar-default .navbar-nav > li > a:before {
		width: 0;
		display:none;
	}
	.navbar-default .navbar-nav > li > a {
           font-size: 0.85em;
	}
	ul.multi-column-dropdown {
		text-align: center;
	}
	ul.dropdown-menu.multi-column ul li a{
		 color:#fff;
	}
	ul.nav.navbar-nav {
		margin-left: 0;
		margin-top: 1.7em;
		margin: 0 !important;
	}
	ul.dropdown-menu.multi-column {
		left: 0;
		padding: 0.5em;
		width: 100%;
		background: #000;
	}
	.navbar-nav > li {
		float: none;
		border-right: none;
		width: 100%;
		margin-bottom: 18px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-nav {
		    background: #0c0d0d;
			padding: 8px 0;
	}
	.navbar-nav .open .dropdown-menu {
	    background-color: #333;
	}
	ul.dropdown-menu.multi-column {
		text-align: center;
		float: none;
		width: 100%;
	}
	.navbar {
		width: 93%;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		    padding: 14px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px!important;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #2baf2b!important;
		background-color: #2baf2b!important;
		border-color:#2baf2b!important;
	}
	.navbar-header h1 {
		font-size: 1.8em;
		text-align: left;
	}
	.cd-header-buttons {
		position: absolute;
		display: inline-block;
		top: -71px;
		right: 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color:#f5f5f5!important;
	}
	.dropdown-menu > li > a {
		display: block;
		padding:5px 0px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #f5f5f5;
		white-space: nowrap;
		text-align: center;
	}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		color:#00acee!important;
		
	}
	.navbar-nav > li > a {
		padding: 0px!important;
		padding-right: 0px!important;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 2em;
	}
	h3.tittle.fea {
		font-size: 1.6em;

	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 259px;
		height: 186px;
	}
	.welcome-section-wthree {
		min-height: 612px;
		padding-top: 4em;
	}
	ul.top-links li {
		margin-right: 0px;
		display: inline-block;
	}
	.cd-header-buttons {
		position: absolute;
		display: inline-block;
		top: -63px;
		right: 0;
	}
	.navbar-nav .open .dropdown-menu {
		background-color: #333;
		text-align: center!important;
	}
	.dropdown-menu {
		position: static;
		top: 136%;
		left: 0;
		z-index: 1000;
		display: none;
		float: none!important;
		background-color: #3e4144!important
	}
	.dropdown-menu > li > a {
     color: #fff;
	}
	
	
	
	
}
@media (max-width:736px){

}
@media (max-width:667px){
	
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -20px;
    font-size: .7em;
	margin-left:7em;
	
}	
	
	.news-grids {
		margin-top: 2em;
	}
	.spa-agile {
    padding: 3em 0 0 0;
}
}
@media (max-width:640px){
	.navbar {
		width: 90%;
	}
	.baner-info h3 {
		font-size: 2em;
		letter-spacing: 1px;
	}
	.baner-info h4 {
		font-size: 0.8em;
		margin: auto;
		margin-bottom:1em;
		margin-top:1em;
		letter-spacing: 3px;
	}
	a.w3_play_icon1 {
		background: #00acee;
		padding: 0.6em 1.3em 0.6em 1.3em;
		letter-spacing: 1px;
		font-size: 0.9em;
	}
	.w3ls-special-text h4 {
		font-size: 1.5em;
		margin: 0;
		font-weight: 300;
		letter-spacing: 7px;
		padding-top: 4.5em;
	}
	.section-grid-wthree {
		padding: 0 7px;
		float: left;
		width: 100%;
	}
	.services-info-w3-agileits:after {
		content: "";
		position: absolute;
		left: 266px;
		top: 195px;
		width: 25px;
		height: 25px;
	}
	.footer-info-grid {
		float: left;
		width: 100%;
	}
	.team-grids {
		text-align: center;
		overflow: hidden;
		float: left;
		width: 47%;
		margin: 0% 1%;
	}
	.team-grids:nth-child(3),.team-grids:nth-child(4) {
		margin-top: 1.5em;
	}
	.w3_agile_mail_grid textarea {
		min-height:150px;
		font-weight: 400;
	}
	.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 47%;
		float: left;
	}
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 69%;
		font-size: 0.9em;
	}
	.newsletter input[type="submit"] {
		padding: 0.84em 1em;
		width: 29%;
		font-size: 0.9em;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 1.7em;
	}
	.modal-dialog {
		width: 525px;
		margin: 96px auto;
	}
	.book-form-inner .form-date-w3-agileits1, .form-left-agileits-w3layouts1.bottom-w3ls1 {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 47%;
		float: left;
	}
	.modal-header h4 {
       font-size: 1.8em;
	}
	
	
}
@media (max-width:568px){
	
	.new-feture-other{
	margin-left:0px;
	}
	
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section, .w3l_contact-bottom {
		padding: 2.5em 0;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 210px;
		height: 186px;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 246px;
		height: 186px;
	}
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 100%;
		margin-bottom: 1em;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 41%;
	}
	.map iframe {
		margin-top: 2em;
		min-height: 200px;
	}
	.icon-box {
		padding: 8px 15px;
		margin: 1em 0 1em 0;
		width: 100%;
	}
	.price-gd-top h3 {
		padding: 0.2em 0em 0.1em 0em;
		font-size: 4em;
	}
	.spa-agile {
		padding: 2em 0 0 0;
	}
	
.product-image-wrapper{
	margin-bottom:0px;
	background:#E5E5E5;
	height:30em;
	margin-right:13.5px;
}
	
	
	
	
}
@media (max-width:480px){
	
.bottom-slider{margin-top:1em; margin-left:0em;}
	
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -18px;
    font-size: .8em;
	margin-left:7em;
	
}	

.newsletter{
	background:url(../images/newsletter_background-16.jpg) no-repeat;
	background-size:93%;
	 margin-left:1em; 
	 margin-top:.5em;
	 padding-bottom:1em;
}

.searchform input {
  border: 1px solid #DDDDDD;
  color: #CCCCC6;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-top: 0;
  outline: medium none;
  padding: 7px;
  width: 75%;
}


.searchform button {
  background: #FE980F;
  border: medium none;
  border-radius: 0;
  margin-left: -5px;
  margin-top: -3px;
  padding: 7px 17px;
}

.searchform button i {
  color: #FFFFFF;
  font-size: 20px;
}

.searchform  button:hover, 
.searchform  button:focus{
	background-color:#FE980F;
}

.searchform p {
  color: #8C8C88;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-top: 25px;
}

			
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 100%;
		margin-bottom: 1em;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 41%;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 165px;
		height: 186px;
	}
	.price-gd-top h3 {
		padding: 0.2em 0em 0.1em 0em;
		    font-size: 4em;
	}
	.inner-header-agile {
		padding: 0 1em;
	}
	.navbar-header h1 {
		font-size: 1.6em;
		text-align: left;
	}
	.navbar-header h1 a {
		color: #FFFFFF;
		text-decoration: none;
		display: inline-block;
		line-height: 54px;
		font-weight: bold;
		padding-bottom: 24px;
	}
	.navbar-default .navbar-toggle {
		margin: 15px 10px 0 0px;
	}
	.cd-header-buttons {
		position: absolute;
		display: inline-block;
		top: -61px;
		right: 0;
	}
	.baner-info h3 {
		font-size: 1.8em;
		letter-spacing: 3px;
	}
	.baner-info {
		padding-top: 3em;
		margin: 0 auto;
	}
	.welcome-agileinfo h4 {
		font-size: 1em;
		margin: 0.5em 0 0.5em 0;
		letter-spacing: 3px;
		font-weight: 300;
	}
	.welcome-grid {
		margin-top: 1em;
		float: left;
		width: 100%;
	}
	.welcome-section-wthree {
		min-height: 605px;
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.welcome-agileinfo {
		text-align: center;
		padding-top: 1em;
	}
	.media.response-info {
		margin-top: 1em;
	}
	.response h4 {
      font-size: 1.2em;
	}
	.con-ions-left {
		float: left;
		width: 95%;
		margin: 10px 10px;
		padding: 30px 20px;
	}
	h3.icon-subheading {
       font-size: 21px;
	}
	.modal-dialog {
		width: 410px;
		margin: 96px auto;
	}
	div#myModal1 {
		padding-right: 0px!important;
	}
	.agileits-special-info h4 {
		font-size: 1.3em;
		letter-spacing: 1px;
	}
	.grid figure {
    position: relative;
    overflow: hidden;
    margin: 5px 0;
	}
	.news-grids {
		margin-top: 1em;
	}
	.admin-text h5 {
		font-size: 1em;
	}
	.latest-news-agile-left-content {
		padding: 0;
	}
	.admin-text-left {
		float: none;
		width: 41%;
	}
	.admin-text-right p {
		font-size: 0.85em;
		margin: 0 0 18px;
		line-height: 28px;
	}
	.admin-text-right {
		float: right;
		width: 100%;
		margin-top: 0.5em;
	}
	.latest-news-agile-right-content {
		padding: 0;
	}
	.response-text-right ul li {
		font-size: 0.9em;
	}
	.response-text-right ul li {
		display: inline-block;
		color: #0c0d0d;
		font-size: 0.9em;
	}
	h4.side-t-w3l-agile {
		color: #0c0d0d;
		font-size: 1.1em;
	}
	.wom-right h5 a {
        font-size: 15px;
	}
	.w3l-footer h4 {
		padding: 24px 0 10px 0;
		font-size: 1.2em;
		margin-bottom: 0.5em;
		letter-spacing: 1px;
	}
	.footer-grid {
		padding: 0;
	}
	.all-comments-info {
       padding: 1em;
	}
	.connect-agileits {
		margin: 2em auto 2em;
		width: 100%;
	}
	.book-form-inner .form-date-w3-agileits1, .form-left-agileits-w3layouts1.bottom-w3ls1 {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 100%;
		float: left;
	}
	.form-date-w3-agileits1.second-agile1, .form-time-w3layouts1.second-agile1, .form-left-agileits-w3layouts1.second-agile1 {
		margin-right: 0!important;
		padding: 0!important;
		float: left;
		width: 100%;
	}
	.book-form-inner form input[type="submit"] {
		padding: .8em 2em;
		margin-top: 1em;
	}
	.w3ls-social-icons i {
      font-size: 13px;
	}
	.agileits-contact-info {
		float: right;
		width: 65.333%;
		margin-top: 6px;
	}
	.agileits-contact-info ul li:nth-child(2) {
		margin-left: 4px;
	}
	.baner-info p {
		font-size: 0.8em;
		font-weight: 300;
		letter-spacing: 4px;
	}
	.baner-info h4 {
		font-size: 0.8em;
		margin: auto;
		margin-bottom:1em;
		margin-top:1em;
		letter-spacing: 2px;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 1.5em;
	}
	.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 100%;
		float: left;
	}
	.form-date-w3-agileits.second-agile, .form-time-w3layouts.second-agile, .form-left-agileits-w3layouts.second-agile, .form-left-agileits-w3layouts.bottom-w3ls.second-agile {
		margin-right: 0!important;
		padding: 0!important;
		float: left;
		width: 100%;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 31%;
		left: 28%;
	}
	.w3l_about_bottom_right {
		padding: 2em 1em;
		min-height: 334px;
	}
	.media-left, .media-right, .media-body {
		display: block!important;
		vertical-align: top;
	}

.w3_agileits_services_grid {
		text-align: center;
		padding: 0;
		width: 100%;
		margin-bottom: 2%;
		margin-left: 1%;
	}


}
@media (max-width:414px){
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -18px;
    font-size: .8em;
	margin-left:7em;
	
}	
	
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section, .w3l_contact-bottom {
		padding: 2em 0;
	}
	.baner-info h3 {
		font-size: 1.6em;
		letter-spacing: 1px;
		margin:auto;
	}
	.baner-info h4 {
		font-size: 0.8em;
		margin: auto;
		margin-bottom:1em;
		margin-top:1em;
		letter-spacing: 2px;
	}
	.w3ls-special-text h4 {
		font-size: 1.3em;
		letter-spacing: 7px;
		padding-top: 5em;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 137px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.price-grid {
		float: left;
		width: 84%;
		margin-bottom: 1.5em;
		margin-left: 8%;
	}
	.price-grid.lost {
		margin-top:0em!important;
	}
	.team-grids {
		text-align: center;
		overflow: hidden;
		float: left;
		width: 77%;
		margin: 0% 11%;
	}
	.team-grids:nth-child(3), .team-grids:nth-child(4),.team-grids:nth-child(2) {
		margin-top: 1.5em;
	}
	.gallery-grid {
		float: left;
		width: 50%;
		padding: 0 5px;
	}
	.w3_agile_mail_grid {
		margin-top: 1.2em;
		padding: 0;
	}
	.navbar-default .navbar-toggle {
		margin: 15px 12px 0 0px;
	}
	.services-info-w3-agileits:after {
		content: "";
		position: absolute;
		left: 171px;
		top: 264px;
		width: 25px;
		height: 25px;
	}
	.team-row {
		margin-top: 1em;
	}
	figure.effect-apollo p {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 2em;
   }
  .grid figure p {
		letter-spacing: 1px;
		font-size: 60.5%;
	}
	.single.video_agile_player h4 {
		font-size: 0.9em;
	}
	.single.video_agile_player p {
		color: #555;
		font-size: 0.85em;
	}
	.w3ls-social-icons {
		float: none;
		width: 100%;
		text-align: center;
	}
	.agileits-contact-info {
		float: none;
		width: 100%;
		margin-top: 6px;
		text-align: center;
	}
	.w3_agileits_services_grid {
		text-align: center;
		padding: 0;
		width: 100%;
		margin-bottom: 2%;
		margin-left: 0%;
	}
	.w3_agileits_testimonial_grids {
		margin: 1em 0 0;
	}
	.guests-agile {
		min-height: 482px;
		padding-top: 2em;
	}
	.modal-dialog {
		width: 373px;
		margin: 46px auto;
	}
	.modal-header h4 {
		font-size: 1.4em;
	}
	.w3l_about_bottom_right.one {
		padding: 2em 1em 1em 1em;
	}
	.w3l_about_bottom_right.two {
		 padding: 0em 1em 1em 1em;
	} 
}
@media (max-width:384px){
	a.w3_play_icon1 {
		background: #00acee;
		padding: 0.5em 1.2em 0.5em 1.2em;
		letter-spacing: 1px;
		font-size: 0.8em;
	}
	.baner-info h3 {
		font-size: 1.5em;
		letter-spacing: 1px;
	}
	.navbar-default .navbar-toggle {
		margin: 15px 16px 0 0px;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 53%;
	}
	.baner-info {
		padding-top: 1em;
		margin: 0 auto;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 1.4em;
		letter-spacing: 1px;
	}
	.spa-agile h4 {
		font-size: 0.9em;
	}
	h3.tittle.fea {
		font-size: 1.2em;
		margin-bottom: 1.3em;
	}
	.w3l-special-grid {
		padding: 0;
		float: left;
		width: 100%;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 290px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.typo-1 {
		padding: 0;
	}
	.price-grid {
		float: left;
		width: 84%;
		margin-bottom: 1.5em;
		margin-left: 8%;
	}
	.w3l_about_bottom_left_video h4, .w3l_about_bottom_left_video.book-text h4 {
		text-transform: uppercase;
		font-size: 1.2em;
	}
	.modal-dialog {
		width: 347px;
		margin: 46px auto;
	}
	.price-gd-top h3 {
		padding: 0.2em 0em 0.1em 0em;
		font-size: 3.5em;
	}
	h3.agileits-icons-title {
		text-align: center;
		font-size: 19px;
	}
	h3.icon-subheading {
		font-size: 17px;
	}
	h3.head-top {
      font-size: 21px;
	}
	.w3_agile_mail_grid input[type="text"], .w3_agile_mail_grid input[type="email"] {
		font-size: 14px;
		padding: 0.7em 1em;
	}
	.w3_agile_mail_grid input[type="submit"] {
    border: none;
    padding: 0.6em 2em;
    margin-top: 0.5em;
    font-size: 16px;
	}
	
}
@media (max-width:375px){
		
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 281px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.baner-info h3 {
		font-size: 1.4em;
		letter-spacing: 1px;
	}
	.grid figure p {
		letter-spacing: 1px;
		font-size: 54.5%;
	}
	.ab-w3l-spa p {
		line-height: 1.9em;
		margin: 1em auto 1.5em;
		width: 100%;
	}
	.spa-agile i {
       font-size: 2em;
	}
	h5.sub-title {
    font-size: 17px;
	}
	.para-w3 {
		font-size: 14px;
		line-height: 29px;
		margin-top: 11px;
	}
	.social a {
		position: relative;
		display: inline-block;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		text-align: center;
		margin-right: 14px;
	}
		.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 0 5px !important;
		font-size: 0.85em;
		color: #999;
		border-top: none !important;
	}
	.w3_agile_mail_grid input[type="submit"] {
		border: none;
		padding: 0.6em 2em;
	}
	.baner-info h4 {
		font-size: 0.8em;
		margin: auto;
		margin-bottom:.5em;
		margin-top:1em;
		letter-spacing: 3px;
		padding: 15px 0;
	}
	.baner-info {
		padding-top: 2em;
		margin: 0 auto;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 12px 8px;
	}
	.cd-search-trigger, .cd-nav-trigger {
		position: relative;
		display: block;
		width: 41px;
		height: 41px;
	}
	.cd-search-trigger::after {
		height: 3px;
		width: 8px;
		background: #fff;
		    bottom: 15px;
    right: 10px;
	}
	/*.navbar-header h1 a {
		color: #FFFFFF;
		text-decoration: none;
		display: inline-block;
		line-height: 54px;
		font-weight: bold;
		padding-bottom: 15px;
	}*/
	.cd-header-buttons {
		position: absolute;
		display: inline-block;
		top: -55px;
		right: 0;
	}
	.navbar-default .navbar-toggle {
		margin: 12px 16px 0 0px;
	}
	.cd-search-trigger::before {
		top: 8px;
		left: 10px;
		width: 18px;
		height: 18px;
	}
	.book-form form input[type="submit"] {
		padding: .8em 2em;
		border: none;
		font-size: 0.9em;
		font-weight: 600;
		margin-top: 1.35em;
	}
	.price-gd-top h4 {
		font-size: 1.2em;
		padding: 0.4em 1em;
	}
	.w3_agileits_testimonial_grid p {
		color: #fff;
		line-height: 2em;
		margin-bottom: 1em;
		letter-spacing: 2px;
		font-size: 0.8em;
	}
	.agileits-contact-info ul li {
    display: inline-block;
		font-size: 13px;
		letter-spacing: 1px;
	}
	
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -18px;
    font-size: .8em;
	margin-left:7em;
	
}	
	
}
@media (max-width:320px){
	
	p.s-log {
        /* color: #00acee;*/
		color:#003162;
    line-height: 14px;
    font-weight: 600;
    margin-top: -18px;
    font-size: .8em;
	margin-left:7em;
	
}	

.single-widget h2 {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
  padding:5px;
  
}

.single-widget h2 {
margin-right:10px;
}

.newsletter{
	background:url(../images/newsletter_background-16.jpg) no-repeat;
	background-size:90%;
	 margin-left:1em; 
	 margin-top:.5em;
	 padding-bottom:1em;
}

	.navbar-default .navbar-toggle {
		    margin: 12px 22px 0 0px;
	}
	.baner-info h4 {
		font-size: 0.73em;
		margin: 1em 0 1em 0;
		letter-spacing: 2px;
		line-height: 1.8em;
		padding: 10px;
	}
	.spa-agile h4 {
		font-size: 0.9em;
		letter-spacing: 1px;
	}
	.special.featured {
		padding: 2em 0 1px 0;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 226px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.grid_3 {
  
    padding: 0.5em;
	}
	
	.newsletter {
		position: relative;
		padding: 0.5em 0.5em;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 66%;
	}
	.baner-info h3 {
		font-size: 1.2em;
		letter-spacing: 1px;
	}
	.baner-info {
		padding-top: 2.8em;
		margin: 0 auto;
	}
	.services-info-w3-agileits {
		position: relative;
		padding: 20px 20px;
	}
	.services-info-w3-agileits:after {
		content: "";
		position: absolute;
		left: 123px;
		top: 198px;
		width: 25px;
		height: 25px;
	}
	.w3agile_footer_copy p {
		font-size: 13px;
		line-height: 1.9em;
		padding: 0 3px;
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 25%;
		left: 22%;
	}
	#play {
		position: absolute;
		top: 52%;
		left: 42%;
		background-size: 73%;
	}
	.book-form {
		padding: 1em 1em;
		margin-top: 1em;
	}
	.book-form form input[type="submit"] {
		padding: .8em 1em;
		border: none;
		font-size: 0.9em;
		font-weight: 600;
		margin-top: 1.35em;
	}
	.price-grid {
		float: left;
		width: 90%;
		margin-bottom: 1.5em;
		margin-left: 4%;
	}
	.w3_agileits_testimonial_grid i {
      font-size: 1em;
	}
	.w3_agileits_testimonial_grid img {
		margin: 0 auto;
		border-radius: 50%;
		width: 32%;
	}
	.guests-agile {
		min-height: 456px;
		padding-top: 2em;
	}
	.modal-dialog {
		width: 285px;
		margin: 46px auto;
	}
}
/*-- //responsive --*/


select {
    border: 1px solid #fff;
    background-color: transparent;
}

select option{
  	background-color: transparent !important;
	border: 1px solid #e4e4e4;
	color: #000;
	-webkit-appearance: none; 
     -moz-appearance: none; 
}
.sub-footer a{
	color:#FFF;
	font-weight:400;
	text-decoration:none;}
	
	/*-------news and fetures-------*/
	
	.well {
  background-color: #FFFFFF;
  border: 1px solid #F7F7F0;
  border-radius: 4px;
  box-shadow: none;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 35px;
}


.tooltip-inner {
  background-color: #FE980F;
  border-radius: 4px;
  color: #FFFFFF;
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #FE980F;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}


.padding-right {
  padding-right: 0;
}

.features_items{
	overflow:hidden;
}


h2.title {
  color: #FE980F;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0 15px;
  text-transform: uppercase;
  margin-bottom: 30px;
  position: relative;
}


.publication-wrapper{
	overflow: hidden;
	margin-bottom:0px;
	background: #E5E5E5;
	height:34em;
	
	}


	.news-content {
	text-align:justify;
	margin-left:15px;
	margin-right:15px;
	padding:4px;
	font-size:15px;
}
hr{ width:90%; height:0; padding:0; margin: auto;    border: .5px solid rgba(0, 0, 0, 0.1);
}
.news-content-for-videos {
	text-align:justify;
	margin-left:15px;
	margin-right:15px;
	font-size:15px;
	padding-top:10px;
}
.news-content-for-videos2 {
	padding-top:15px;
	margin:30px;
	margin-bottom:15px;
	-webkit-box-shadow: 0px 2px 23px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 2px 23px -2px rgba(0,0,0,0.35);
box-shadow: 0px 2px 23px -2px rgba(0,0,0,0.35);
}

.videoTitle{
 color:#666;
 padding-top:10px;
  padding-buttom:10px;
 font-size:13px; 
 font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 }

.image-responsive{
	color:#333;
	font-size:14px;
	text-align:center;
}
	
	
.news-fetures  {
border-bottom:1px #CCC solid;
	text-align:justify;
	margin-left:12px;
	font-size:14px;
	padding:5px;
}

/*-------newsLater-----*/
	
.single-widget h2 {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top:5px;
  text-transform: uppercase;
  padding:10px;
  
}

.single-widget h2 i{
	margin-right:15px;
}

.single-widget ul li a{
	color: #8C8C88;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 5px 0;
}

.single-widget ul li a i {
  margin-right: 18px;
}

.single-widget ul li a:hover{
	background:none;
	color:#FE980F;
}


.searchform input[type="text"] {
  border: 1px solid #DDDDDD;
  color: #CCCCC6;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-top: 0;
  outline: medium none;
  padding: 7px;
   width: 80%;
   border-radius: 0;
   }


.searchform button {
  background: #FE980F;
  border: medium none;
  border-radius: 0;
  margin-left: -10px;
  margin-top: -2px;
  padding: 7px 17px;
}

.searchform button i {
  color: #FFFFFF;
  font-size: 20px;
}

.searchform  button:hover, 
.searchform  button:focus{
	background-color:#FE980F;
}

.searchform p {
  color: #8C8C88;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-top: 25px;
}

	
	
.category-tab {
  overflow: hidden;
}

.category-tab ul {
  background: #CCC;
  border-bottom: 1px solid #fff;
  list-style: none outside none;
  margin: 0 0 0px;
  padding: 0;
 
}

.category-tab ul li a {
  border: 0 none;
  border-radius: 0;
  color: #000;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.resource-center .category-tab ul li a {
  border: 0 none;
  border-radius: 0;
  color: #000;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

.resource-center .nav-tabs  li.active  a, .nav-tabs  li.active  a:hover, .nav-tabs  li.active  a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #005540;
  border:0px;
  color: #FFFFFF;
  cursor: default;
  margin-right:0;
 
  
}


.category-tab ul  li  a:hover{
	background-color:transparent;
	color: #006231;
}

.nav-tabs  li.active  a, .nav-tabs  li.active  a:hover, .nav-tabs  li.active  a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #005540;
  border:0px;
  color: #FFFFFF;
  cursor: default;
  margin-right:0;
 
  
}

.nav-tabs  li  a {
  line-height: 1.42857;
  margin-right:0;
 
 }

.recommended_items {
  overflow: hidden;
}

#recommended-item-carousel .carousel-inner .item {
  padding-left: 0;
}

.recommended-item-control {
  position: absolute;
  top: 41%;
}

.recommended-item-control i {
  background: none repeat scroll 0 0 #FE980F;
  color: #FFFFFF;
  font-size: 20px;
  padding: 4px 10px;
}

.recommended-item-control i:hover {
  background: #ccccc6;
}

.recommended_items  h2 {
}

.our_partners{
  overflow:hidden;
}

.our_partners ul {
  background: #F7F7F0;
  margin-bottom: 50px;
}


.our_partners ul li a:hover{
	background:none;
}

/*************************
*******Shop CSS******
**************************/

	/* Clinte Logo slider*/

.resource-center{
	
	color:#333;
	
	
}

.resource-center h4{
	margin-top:0em;
	color: #007138;
	font-size:24px;
	font-weight:300;
	margin-bottom:.5em;
	padding:16px 0px 0px;
}


.resource-center ul{

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	list-style:none;
  
    
}

.resource-center li {
    float: left;
	
}

.resource-center li a {
    display: block;
    color: #666;
    text-align: center;
    padding: 8px 5px;
    text-decoration: none;
	
	font-weight:500;
}

.resource-center li a:hover:not(.active) {
    background-color: #999;
	color:#FFF;
}
.about-cza{
	width:100%;
	color:#333;
	border: 1px solid  #CCC;
	padding:35px;
}

.about-cza img{ width:100%}

.new-feture-other{
	margin-left:14px;}
/*----Scrollbar-----*/


 .font-button
        {
            background-color: #0090CB;
            height: 20px;
            width: 20px;
            display: inline-block;
            color: #fff;
            text-align: center;
            line-height: 22px;
            font-size: 10pt;
            cursor: pointer;
        }
		
		
.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: #FFFF;
	 font-size:14px;
	 font-weight:bolder;
    }

 .blink_text:hover{
 	
 	color: yellow;
 	
    }   

.blink_text2 {

    animation:2s blinker linear infinite;
    -webkit-animation:2s blinker linear infinite;
    -moz-animation:2s blinker linear infinite;

     color: #06C;
	 font-size:14px;
	 font-weight:bolder;
    }
    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
		
		
		
.dropdown-submenu{ position: relative;}

.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;

}

.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu :hover>a:after{
  border-left-color:#555;
 
}

.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
  ba
}

@media (min-width: 768px) { 

}
@media (min-width: 992px) { 

}
@media (min-width: 1200px) { 

}		



a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 80%;
  height: 80%;
  position: absolute;
  background: url("../images/Play-Button.png") no-repeat;
  background-position: 70% 45%;
  margin-top:.7em;
}
@media screen and (max-width: 480px) {
  a.video span {
  }
}

/*----Show More---*/


.more-trigger{ margin-left:2em;}



.demo{ background: #f6fcfd; }
.serviceBox{
    padding: 50px 35px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-color: #428ef8;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover{ border: 1px solid #428ef8; }
.serviceBox:before,
.serviceBox:after{
    content: "";
    width: 70%;
    height: 5px;
    background: #428ef8;
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s;
}
.serviceBox:hover:before,
.serviceBox:hover:after{
    opacity: 1;
    left: 50%;
}
.serviceBox:after{
    top: auto;
    bottom: -3px;
}
.serviceBox .service-icon{
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    background: #428ef8;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
}
.serviceBox .title{
    font-size: 20px;
    font-weight: bold;
    color: #252525;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .title{ opacity: 0; }
.serviceBox .description{
    font-size: 14px;
    color: #7a7a7a;
    line-height: 25px;
    margin: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .description{
    margin-top: -20px;
    padding-bottom: 20px;
}
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}

.thead-dark{ background: #9FCFFF  }



 .faqHeader {
        font-size: 27px;
        margin: 20px;
    }

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "\e072"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }

/********************************
* FAQ THEME 4
********************************/
.nft-faq-theme4 .nft-faq-title{
	position: relative;
	padding: 10px 15px;
	font-size: 15px;
	display: block;
	line-height: 20px;
	cursor: pointer;
	border-radius: 50px;
}
.nft-faq-theme4 .nft-faq-title i{
	margin-right: 5px;
	font-size: 15px;
	line-height: 20px;
}
.nft-faq-theme4 .nft-faq-style4{
	
    background: #008bdb;
    transition: all 0.5s ease 0s;
    margin-bottom: 10px;
    color: #fff;
    border: 4px double;
    border-radius: 20px 0;
}
.nft-faq-theme4 .panel-body img,
.nft-faq-theme4 .panel-body iframe,
.nft-faq-theme4 .panel-body video{
	margin: 10px;
}
/*Random Theme color*/
.nft-faq-theme4.nft-faq-random-colors .nft-faq-wrapper:nth-child(3n+2) .nft-faq-title{
	color: #ea3566;
}
.nft-faq-theme4.nft-faq-random-colors .nft-faq-wrapper:nth-child(4n+3) .nft-faq-title{
	color: #ea4e00;
}
.nft-faq-theme4.nft-faq-random-colors .nft-faq-wrapper:nth-child(5n+4)  .nft-faq-title{
	color: #00aac4;
}
/*Default Theme color*/
.nft-faq-theme4 .nft-faq-title{
	color: #ffffff;
}
/*Theme orange*/
.nft-faq-theme4.nft-faq-theme-orange .nft-faq-title{
	color: #ea4e00;
}
/*Theme dark red*/
.nft-faq-theme4.nft-faq-theme-darkred .nft-faq-title{
	color: #c40000;
}
/*Theme pink*/
.nft-faq-theme4.nft-faq-theme-pink .nft-faq-title{
	color: #f90f90;
}
/*Theme blue*/
.nft-faq-theme4.nft-faq-theme-blue .nft-faq-title{
	color: #00aac4;
}



.cont_principal {
  position: absolute;
  width: 100%;
  background: rgb(212,228,239);
  margin-bottom:1em;
 
} 

.cont_breadcrumbs_1 ul { list-style:none;}

.cont_breadcrumbs {
  width: 350px;
}

.cont_breadcrumbs_1 {
  position: relative;
  width: 100%;
  float: left;
  margin-top:.5em;

}

.cont_breadcrumbs_1 > ul > li {
  position: relative;
  float: left;
  transform: skewX(-15deg);  
  background-color: #fff;
box-shadow: -2px 0px 20px -6px rgba(0,0,0,0.5);
z-index: 1;
  width: 20%;
  margin-left: -50px;
transition: all 0.5s;
}
@media (max-width:425px){
	.cont_breadcrumbs_1 > ul > li {
		  width: 40%;
		  margin-bottom:1em;

	}
}
.cont_breadcrumbs_1 > ul > li  > a {
  display: block;
  padding: 10px;
  font-size: 15px;
 transform: skewX(15deg);
 text-decoration:none;
 color: #444;
font-weight: 300;
}
.cont_breadcrumbs_1 > ul > li:first-child {
 margin-left: 0px;
}
.cont_breadcrumbs_1 > ul > li:hover {
 background-color: #CFD8DC;
}

.cont_breadcrumbs_1 > ul > li:last-child {
  background-color: #78909C;
}

.cont_breadcrumbs_1 > ul > li:last-child > a {
  color: #fff;;
}


.cont_breadcrumbs_1 > ul:hover > li {
  margin-left: 0px;
}
 

.cont_breadcrumbs_2 {
  position: relative;
  width: 100%;
  float: left;
  margin: 10px ;
}

.cont_breadcrumbs_2 > ul > li {
  position: relative;
  float: left;
  transform: skewX(-15deg);  
  background-color: #fff;
box-shadow: -2px 0px 20px -6px rgba(0,0,0,0.5);
z-index: 1;
transition: all 0.5s;
}

.cont_breadcrumbs_2 > ul > li:hover {
 background-color: #CFD8DC;
}

.cont_breadcrumbs_2 > ul > li  > a {
  display: block;
  padding: 10px;
  font-size: 20px;
 transform: skewX(15deg);
 text-decoration:none;
 color: #444;
font-weight: 300;
}
.cont_breadcrumbs_2 > ul > li:last-child {
  background-color: #78909C;
  transform: skew(0deg);
margin-left: -5px;

}

.cont_breadcrumbs_2 > ul > li:last-child > a {
  color: #fff;
 transform: skewX(0deg);
}
 




.cont_breadcrumbs_3 {
  position: relative;
  width: 100%;
  float: left;
 
}

.cont_breadcrumbs_3 > ul > li {
  position: relative;
  float: left;
  transform: skewX(-15deg);  
  background-color: #fff;
z-index: 1;
transition: all 0.5s;
margin-left: 5px;
list-style:none;
}

.cont_breadcrumbs_3 > ul > li:hover {
 background-color: #CFD8DC;
}

.cont_breadcrumbs_3 > ul > li  > a {
  display: block;
  padding: 10px;
  font-size: 16px;
 transform: skewX(15deg);
 text-decoration:none;
 color: #444;
font-weight: 300;
}
.cont_breadcrumbs_3 > ul > li:last-child {
  background-color: #78909C;
}

.cont_breadcrumbs_3 > ul > li:last-child > a {
  color: #fff; 

}
 
input[type=text] {
    width: 250px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
    background-image: url(../images/search3.png);
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 4px 6px 4px 30px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/*input[type=text]:focus {
    width: 100%;
}
*/

.combo-box{
width: 250px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
    
   
    padding: 3px 4px 3px 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.combo-box3{
width: 280px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
	height:37px;
	    padding: 3px 4px 3px 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.page-container{
	margin-top: 4em;
-webkit-box-shadow: 1px 5px 25px 1px rgba(0,0,0,0.51); 
box-shadow: 1px 5px 25px 1px rgba(0,0,0,0.51);
color: #000;

}

.privacy-page{
	 
    color:#000;
    text-align:justify;
    font-size:17px;
   padding-right:1em;
   padding-left:1em;
}
.privacy-page p{
	 
    color:#000;
    text-align:justify;
    font-size:17px;
   text-shadow: 4px 4px 2px rgba(150, 150, 150, .3);
   line-height:normal;
   margin-left:0;
}





#text{
display:none;
}
.btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
a:active{
  color:#ffd323;
}



#container {
    height:1200px; 
    min-width: 100%; 
    max-width: 100%; 
    margin: 0 ; 
}
.loading {
    margin-top: 0em;
    text-align: center;
    color: gray;
}


.shape-circle img {
	float:left;
	/*box-shadow: 5px 8px 8px #aaaaaa;*/
  width: 100px;
  height: 100px;
  padding: 5px;
  margin-right:1em;

  -webkit-border-radius: 1000px;
     -moz-border-radius: 1000px;
              border-radius: 1000px;
  -webkit-shape-outside: circle(50%);
     -moz-shape-outside: circle(50%);
       -ms-shape-outside: circle(50%);
              shape-outside: circle(50%);
}
 
 .span2 {
font-size:16px; font-weight:bold; margin-left:2em; margin-top:1em;
}
 .panel-group2 .panel2 {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
		
  }

    .panel-default2 > .panel-heading2 {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #CCC;
        border-color: #EEEEEE;
		
    }

    .panel-title2 {
        font-size: 14px;
    }

    .panel-title2 > a {
        display: block;
        padding: 15px;
        text-decoration: none;
		font-size:16px;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default2 > .panel-heading2 + .panel-collapse > .panel-body2 {
        border-top-color: #EEEEEE;
    }



/* Disables the selection */
.disableselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge*/
   user-select: none;          /* Non-prefixed version, currently 
                                  not supported by any browser */
}

/* Disables the drag event 
(mostly used for images) */
.disabledrag{
   -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
}


/* Feedback */

#feedback {
  position: fixed;
  right: 0;
  height: 250px;
  margin-left: -3px;
  margin-bottom: -3px;
}

#feedback-form {
  float: right;
  width: 300px;
  z-index: 1000;
  padding-right: 5px;
  padding-left: 10px;
  background-clip: 'padding-box';
  background-color: #FFF;
     opacity: 0.8;
    filter: alpha(opacity=60); /* For IE8 and earlier */
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#feedback-form  p{ color:#000}

#feedback-tab {
  float: right;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  width: 120px;
  height: 42px;
  background-color: rgba(0,0,0,0.5);
  margin-top: 60px;
  margin-right: -42px;
  padding-top: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#feedback-tab:hover { background-color: rgba(0,0,0,0.4); }

.row-padding {
    margin-top: 25px;
    margin-bottom: 25px;
}


#myInput {
 
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}




.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {padding: 4px 14px;}
.button2 {padding: 12px 28px;}
.button3 {padding: 14px 40px;}
.button4 {padding: 32px 16px;}
.button5 {padding: 16px;}






 .highcharts-credits {
            display: none;
        }
      
        /*.highcharts-button-symbol,.highcharts-button {
            display: none;
        }*/
        /*.highcharts-legend-item highcharts-undefined-series highcharts-color-undefined
        {
            display: none;
        }*/
        /*.highcharts-drillup-button{
           display: none;
       }*/
        .modal-dialog3 {
            width: 70% !important;
        }
        .highcharts-contextbutton,.highcharts-color-undefined{ display:none;}
		
		
		
		/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {
	max-width:700px;
	width:90%;
	padding:40px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#fff;
}

/* Close Button */
.popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}
		
		
		
		
section3 {
  border-bottom: 1px solid #ccc;
  margin-top: 1em;
}

section3 h2{
	font-size:16px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:#C60;
	margin-top:1em;
	
}
section3 .col-md-4 li{
	margin-left:3em;
	font-size:14px;
}

section3 {
	
	
}
section3 .col-md-4 {
  border-left: 1px solid #ccc;
 
}

section3 .col-md-4:first-child {
  border: none;
}




#lightboxBackground {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index:100;
}

#displayContainer {
  display: none;
  position: fixed;
  background: rgba(0,0,0,0.85);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
  /* next two settings set the div centered vertically */
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px;
  box-shadow: 0 10px 25px #202020;
  color: #fff;
  z-index:100;

}

#displayContainer a {
  color: #fff;
  text-decoration: none;
}

#imgContainer {
  width: 100%;
  float: left;
}

#imgContainer img {
  display: block;
  margin: 0 auto;
  max-width: 90%;
  height: auto;
}

.break { clear: both; }

#textContainer {
  float: left;
  width: 100%;
  margin-left: 35px;
  padding-left: 2px;
  }

#textContainer h2 { margin-top: 0; }

.modal-body p{ line-height:25px;}

.modal-scroll{
	
	
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;

	
	
}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}



/* ***************************************************************************************
 * Accordion - Required styles - DO NOT CHANGE
 * *************************************************************************************** */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* Important */
.accordion {}
.ac-panel {display:block;}
.ac-panel.open .ac-content {}
.ac-header {
    display:block;
    cursor:pointer;
}
.ac-content {
	height:0;
	padding:0 20px;
	display:block;
	overflow:hidden;
	-webkit-transition:all .3s linear;
		 -moz-transition:all .3s linear;
			 -o-transition:all .3s linear;
					transition:all .3s linear;}


/* ***************************************************************************************
 * Demo style
 * *************************************************************************************** */
@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");

.ac-panel {
    /*background-color: #3bb3e0;*/
	background-color: rgb(0, 96, 128, 0.8);
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    position: relative;
    border-left: solid 1px #2ab7ec;
    margin:10px 0;
    margin-left: 35px;
  /*  background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,228) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,228) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,228) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,228) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,228) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );*/
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.ac-header {
    font-size: 14px;
    font-weight: bold;
    padding: 10.5px 20px;}

.ac-panel:before {
    /*background-color: #2561b4;*/
    content: "\00BB";
    text-align: center;
    width: 35px;
    max-height: 29px;
    height: 100%;
    position: absolute;
    display: block;
    padding-top: 8px;
    top: 0px;
    left: -36px;
    font-size: 16px;
    font-weight: bold;
    color: #8fd1ea;
    text-shadow: 1px 1px 0px #07526e;
    border-right: solid 1px #07526e;
    background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.ac-panel:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.ac-panel:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

.ac-content p{color:#FFF; margin-top:2.5em;}

.ac-content .ac-text{color:#FFF; margin-top:0.5em;}

.ac-content p a{color: #000; font-weight:bold;}

.home-screen-photo-credit{
	float:right; margin-top:4em; color:#fff; font-size:12px; margin-right:15px;
	}
	
	
	
	
	

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -70px 0 0 -70px;
    border-radius: 50%;
    border: 5px solid transparent;
    /*border-top-color: #3498db;*/
	border-top-color: #ff8000;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
	color:#fff;
	text-align:center;
}

#loader2 {
    display: block;
    position: relative;
    left: 42%;
    top: 40%;
    width: 200px;
    height: 200px;
   /* -webkit-animation: shake 2s linear infinite; 
    animation: shake 2s linear infinite; */
    z-index: 1002;
	color:#fff;
	text-align:center;
	font-size:3em;
	font-weight:800;
}
@media (max-width:1024px){
	#loader2 {
   
    left: 42%;
    top: 26%;
 
	}
}
@media (max-width:768px){
	#loader2 {
   
    left: 39%;
    top: 26%;
 
	}
}
@media (max-width:425px){
	#loader2 {
   
    left: 28%;
    top: 26%;
 
	}
}
@media (max-width:375px) {
	#loader2 {
   
    left: 26%;
    top: 26%;
 
	}
}
@media (max-width:320px) {
	#loader2 {
   
    left: 24%;
    top: 24%;
 
	}

}
    #loader:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border-radius: 50%;
        border: 5px solid transparent;
        /*border-top-color: #e74c3c;*/
		border-top-color: #fff;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 5px solid transparent;
        /*border-top-color: #f9c922;*/
		border-top-color:#008000;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #DBDBDB;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
	
	    .loaded #loader2 {
        opacity: 0;
        -webkit-transition: all 0.2s ease-out;  
                transition: all 0.2s ease-out;
    }

    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

    #content {
      
    }  






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* 
	Ok so you have made it this far, that means you are very keen to on my code. 
	Anyway I don't really mind it. This is a great way to learn so you actually doing the right thing:)
	Follow me @ihatetomatoes
*/
	
	
.text2 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
       /* fallback */
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;
   -moz-line-clamp: 4; /* number of lines to show */
   -moz-box-orient: vertical;
    -ms-line-clamp: 4; /* number of lines to show */
   -ms-box-orient: vertical;
}



/*lollipop*/


.lollipop{
    box-shadow: 0px 2px 6px rgba(0,0,255,0.74);
    height: 140px;
    width: 140px;
	border:10px #999999 solid;
    border-radius: 140px;
  	position: relative;
 
	
}

.lollipop, .lollipop * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.lollipop .pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
  background: transparent;
  border: 5px solid rgba(0,0,255,0.6);
}

.lollipop .spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 0;
  border-right: none;
  -webkit-animation: rota 2s linear infinite;
}

.lollipop .filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  -webkit-animation: opa 5s steps(1, end) infinite reverse;
  border-left: none;
}

.lollipop .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  -webkit-animation: opa 5s steps(1, end) infinite;
}

@-webkit-keyframes rota {
  0% {transform: rotate(0deg);border-color:red;}
  100% {transform: rotate(360deg);z-index:0;}
}
@-webkit-keyframes opa {
  0% {opacity: 1;}
  50%, 100% {opacity: 0;}
}


.img{ width:100px; height:100px; border-radius:50%; transition: transform .6s; margin-left:10px; margin-top:10px;}
.img:hover {
    -ms-transform: scale(1.0); /* IE 9 */
    -webkit-transform: scale(1.0); /* Safari 3-8 */
    transform: scale(1.0); 
}

.shade{
    height: 120px;
    width: 120px;
    border-radius: 120px;
    transform: translateY(50px);
    margin-right: 65px;
    background: rgba(255, 225, 182, 0.37);
}
.stick{
    width:230px;
    height: 10px;
	margin-top: -4.8em;
    background: #999999;
	margin-left:8.5em;
	 box-shadow: 5px 2px 5px rgba(0,0,255,0.74);
}

.stick2{
	position: relative;
    width:238px;
    height: 50px;
	margin-top: -2em;
	background-color:transparent;
	margin-left:7em;
	color:#000;
	font-size:21px;
	text-align: start;
	z-index:1;
	text-transform: capitalize;
		
}

.stick3{
	position: relative;
    width:230px;
    height: 50px;
	margin-top: .3em;
    background-color:transparent;
	margin-left:8.9em;
	color:#000;
	font-size:16px;
	text-align: start;
	z-index:1;
	
	
}



.lollipop .spinner,
.lollipop .filler,
.lollipop .mask {
  animation-play-state: paused;
  display:none;
}


.box-holder:hover .spinner,
.box-holder:hover .filler,
.box-holder:hover .mask {
  animation-play-state: running;
  display: block;
}


.box-holder{
	margin-bottom:1em;
	padding:10px;
	transition: transform .6s;
	}
	
.box-holder:hover{
-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 
}	

@media screen and (max-width : 1024px){
.lollipop{
    box-shadow: 0px 2px 6px rgba(0,0,255,0.74);
    height: 100px;
    width: 100px;
	border:10px #999999 solid;
    border-radius: 100px;
  	position: relative;
 }


.img{ width:70px; height:70px; border-radius:50%; transition: transform .6s; margin-left:5px; margin-top:5px;}

.stick{
    width:175px;
    height: 10px;
	margin-top: -3.5em;
    background: #999999;
	margin-left:6em;
	 box-shadow: 5px 2px 5px rgba(0,0,255,0.74);
}

.stick2{
	position: relative;
    width:190px;
    height: 50px;
	margin-top: -2em;
	background-color:transparent;
	margin-left:7em;
	color:#000;
	font-weight:bold;
	font-size:15px;
	text-align: start;
	z-index:1;
		
}

.stick3{
	position: relative;
    width:180px;
    height: 50px;
	margin-top:-1em;
    background-color:transparent;
	margin-left:7.5em;
	color:#000;
	font-size:14px;
	text-align: start;
	z-index:1;
  }
}


   .order3{ margin-top:10.5em;}
   .order2{ margin-top:10.5em;}
   
@media screen and (max-width : 768px){
  
  .order3{ margin-top:0em;}
   .order2{ margin-top:0em;}
}




@media screen and (max-width : 1920px){
#show-hide1{visibility: hidden; display: none;}
#show-hide2{visibility: visible; display:block;}
}

@media screen and (max-width : 768px){
#show-hide2{visibility: hidden; display: none;}
#show-hide1{visibility: visible; display:block;}
.box-holder{margin-left: 3em;}
}

.visitorCounter{letter-spacing: 4px; font-size: 15px;  padding: 5px; text-shadow: 1px 0px 1px #0066FF;}