/*--Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

/*-- reset code --*/

body{

	padding:0;

	margin:0;

	background:#FFF;

}

body a{

    transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

input[type="button"],input[type="submit"]{

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

h1,h2,h3,h4,h5,h6{

	margin:0;	

	padding:0;

}	

p{

	margin:0;

	padding:0;

}

ul{

	margin:0;

	padding:0;

}

label{

	margin:0;

}

button{

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

img {

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

/*-- /reset code --*/

body {

	font-family: 'Open Sans', sans-serif;

	letter-spacing:1px;

}

body p {

	color:#000;
	line-height: 2em;
	font-weight: 600;

}



/*-- navigation --*/

.navbar-wrapper {

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	z-index: 999999;

}

.navbar-wrapper > .container {

	padding-right: 0;

	padding-left: 0;

}

.navbar-wrapper .navbar {

	padding-right: 15px;

	padding-left: 15px;

}

/*.navbar-wrapper .navbar .container {

	width: auto;

}*/

@media (min-width: 768px) {

	.navbar-wrapper {

    margin-top: 20px;

}

	.navbar-wrapper .container {

    padding-right: 15px;

    padding-left: 15px;

}

	.navbar-wrapper .navbar {

    padding-right: 0;

    padding-left: 0;

}

	.navbar-wrapper .navbar {

    border-radius: 4px;

}

}



ul.nav.navbar-nav.navbar-right {

    margin-right: 70px;

}  

.navbar-inverse {

    background-color: rgba(34, 34, 34, 0);

    border-color: #080808;

}

.navbar-brand {

    float: left;

    height: 50px;

    padding: 5px 10px;

    font-size: 18px;

    line-height: 20px;

}

.navbar-brand h1 {

	font-size:40px;

	font-weight:normal;

    color: #fa321d;
    text-shadow: 2px 2px #000000;

	font-family: 'Anton', cursive;

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

    color: #fff;

    background-color: transparent;

}

.navbar-nav>li>a {	

	padding-top: 10px;

    padding-left: 5px;

    padding-bottom: 10px;

    padding-right: 5px;

}

.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 0px;

    border: 1px solid transparent;

}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {

    color: #fff;

    background-color: rgba(8, 8, 8, 0);

}

/* Effect 20: 3D side */

.cl-effect-20 a {

	line-height: 2em;

	-webkit-perspective: 800px;

	-moz-perspective: 800px;

	perspective: 800px;

}

.cl-effect-20 a span {

	position: relative;

    display: inline-block;

    width: 155px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    font-weight: normal;

    background: #dc5749;

    box-shadow: inset 0 3px #000000;

    -webkit-transition: background 0.6s;

    -moz-transition: background 0.6s;

    transition: background 0.6s;

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}

.cl-effect-20 a span::before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	color: #c0392b;

	text-align:center;

	content: attr(data-hover);

	-webkit-transform: rotateX(270deg);

	-moz-transform: rotateX(270deg);

	transform: rotateX(270deg);

	-webkit-transition: -webkit-transform 0.6s;

	-moz-transition: -moz-transform 0.6s;

	transition: transform 0.6s;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	transform-origin: 0 0;

	pointer-events: none;

}

.cl-effect-20 a:hover span,

.cl-effect-20 a:focus span {

	background: #c0392b;

}

.cl-effect-20 .active a span,

.cl-effect-20 .active a span {

	background:#fff;

	color: #c0392b;

}

.cl-effect-20 a:hover span::before,

.cl-effect-20 a:focus span::before {

	-webkit-transform: rotateX(10deg);	

	-moz-transform: rotateX(10deg);

	transform: rotateX(10deg);

}

/* //Effect 20: 3D side */

/*-- /navigation --*/

/*--search--*/

.search-box{

	

}

.sb-search {

	position: absolute;

	right:275px;

	top:10px;

	/*-- w3layouts --*/

	width: 0%;

	min-width:42px;

	height:40px;

	overflow: hidden;

	-webkit-transition: width 0.3s;

	-moz-transition: width 0.3s;

	transition: width 0.3s;

	-webkit-backface-visibility: hidden;

	z-index: 99999;

}

.sb-search-input {

	position: absolute;

	top: 0;

	right: 3px;

	border: none;

	outline: none;

	background:#000;

	width: 68%;

	height:40px;

	margin: 0;

	z-index: 10;

	padding: 5px 15px;

	font-size: 15px;

	color: #ffffff;

	border-radius:50px;

}

.sb-search-input::-webkit-input-placeholder {

	color: #ffffff;

}

.sb-search-input:-moz-placeholder {

	color: #ffffff;

}

.sb-search-input::-moz-placeholder {

	color: #efb480;

}

.sb-search-input:-ms-input-placeholder {

	color: #ffffff;

}

.sb-icon-search,.sb-search-submit  {

	width:30px;

	height:40px;

	display: block;

	position: absolute;

	right: 0;

	top: 0%;

	padding: 0;

	margin: 0;

	line-height:71px;

	text-align: center;

	/*-- w3 --*/

	cursor: pointer;

}

.sb-search-submit {

	background: url('../images/search.png') no-repeat -6px 10px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

    filter: alpha(opacity=0); /* IE 5-7 */

    color: transparent;

	border: none;

	outline: none;

	z-index: -1;

	-webkit-appearance: none;

}

.sb-icon-search {

    background:#000 url('../images/search.png') no-repeat 3px 10px;

	z-index: 90;

	width: 40px;

	height: 40px;

	border-radius: 50px;

}

/* Open state */

.sb-search.sb-search-open,.no-js .sb-search {

	width:30%;

}

.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {

	background:  url('../images/search.png') no-repeat 3px 10px;

	color: #fff;

	z-index: 11;

}

.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {

	z-index: 90;

}

.sb-search.sb-search-open .sb-search-input{

	padding-right:33px;

} 

/*--//search--*/

/*-- banner --*/

section.banner-w3ls {

	width:100%;

	height:925px;

	position:relative;

} 

.banner-w3layouts1 {

    position: absolute;

    width: 50%;

    display: block;

    top:50%;

	text-align:justify;

    z-index: 999;

}

.banner-w3layouts1 h3 {

	font-size:30px;

	font-weight:normal;

	color:#fff;

	letter-spacing:3px;

	line-height:45px;

	text-transform:uppercase;

	padding-bottom:25px;

	font-family: 'Gruppo', cursive;

} 

.banner-w3layouts1 h4 {

	color:#fff;

	font-size:25px;

	letter-spacing:2px;

	font-weight:normal;

	text-transform:uppercase;

	padding:5px 20px;

	background-color:#c0392b;

	margin-bottom:20px;

	width:410px;

	font-family: 'Gruppo', cursive;

}

.banner-w3layouts1 p.agileinfo1 {

	font-size:15px;

	font-weight:normal;

	color:#fff;

	padding:0 480px 15px 0;

	line-height:35px;

	letter-spacing:1px;

}

.banner-w3layouts1 p.agileinfo2 {

	font-size:14px;

	font-weight:normal;

	color:#fff;

	font-style:italic;

	letter-spacing:1px;

}

.slider {

    width:100%!important;

    height:100%!important;

    margin:0px auto;

    overflow: hidden;

	z-index:999;

}

ul.slider-main li img {

	height:auto!important;

	width:100%!important;

}

/* åˆ‡æ¢æŒ‰é’® */

    /* ä¸Šä¸€ä¸ª */

.osSlider-main .slider-btn-prev {

    position: absolute;

    z-index: 30;

	cursor:pointer;

    top: 50%;

    left: -55px;

    width:52px;

    height: 52px;

    text-indent: -9999px;

    margin-top: -20px;

    background: url(../images/Tleft.png) 50% 50% no-repeat;

    transition: all .5s linear;

}



.osSlider-main:hover .slider-btn-prev {

    left: 19em;

    top: 31em;

}

    /* ä¸‹ä¸€ä¸ª */

.osSlider-main .slider-btn-next {

    position: absolute;

    z-index: 30;

	cursor:pointer;

    top: 50%;

    right: -55px;

    width:52px;

    height:52px;

    text-indent: -9999px;

    margin-top: -20px;

    background: url(../images/Tright.png) 50% 50% no-repeat;

    transition: all .5s linear;

}



.osSlider-main:hover .slider-btn-next {

    right:90em;

	top:31em;

}



/* é«˜äº®å¯¼èˆªéƒ¨åˆ† */

.osSlider-main .slider-nav {

    position: absolute;

    width:100%;

    height: 22px;

    bottom: 20px;

    text-align: center;

    z-index: 25;

	list-style:none;

}

.osSlider-main .slider-nav li {

    display: inline-block;

    height: 20px;

    line-height: 20px;

    padding: 0 6px;

    margin: 0 7px;

    font-size: 12px;

    color: #eee;

    border: 1px solid #eee;

    background: none;

    cursor: pointer;

}

.osSlider-main .slider-nav li.active {

    color: #fff;

    background:#c0392b;

}

.osSlider-main .slider-nav li:hover {

    border: 1px solid #2ecc71;

    background:#2ecc71;

}

ul.slider-btn {

    list-style: none;

}

/*-- /banner --*/

/*-- specialities section --*/

section.special-w3ls {

	padding:100px 0;

}

section.special-w3ls h2 {

	font-size:40px;

	font-weight:normal;

	color:#000;

	font-family: 'Gruppo', cursive;

	padding-bottom:20px;

} 

section.special-w3ls p {

	font-size:16px;

	font-weight:normal;

	line-height:30px;

}

.fsbanner, .fsbanner > div > span { 

	/* obrigatÃ³rio */

	display:none; 

}

.fsbanner { 

	/* obrigatorio */ 

	position:relative;

	overflow:hidden;

	/* opcional */

	height:300px;

	width: 100%!important;

	color:white;

	font-size:20px;

	font-weight:bold;

	font-family: 'Gruppo', cursive;

	border-radius:5px;

   -webkit-text-stroke: 1px black;

}

.fsbanner > div { 

	position:absolute; 

	background-position:center;

	background-size:cover;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	-ms-background-size:cover;

	cursor:pointer;

	top:0px; 

	left:0px; 

}

.fsbanner > div .name { 

	display:block;

	position:absolute; 

	left:10px; 

	bottom:10px;

}

.fsbanner > div .name.minimized {

	/* css3 */

	transform: rotate(-90deg);

	transform-origin: left top 0;

	/* pode ser necessÃ¡rio ajustar isso dependendo da fonte escolhida */

	bottom: -13px;

    left: 7px;

}

/*-- /specialities section --*/

/*-- info section --*/

section.info-agile {

	background:url(../images/info.jpg?v=1.1) no-repeat;

	background-position:center;

	background-attachment:fixed;

	background-size:cover;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

}

.stats-grid {

	text-align: center;

}

.numscroller {

    font-size: 45px;

    margin: 0;

    color: #fff;

    font-weight: normal;

	font-family: 'Gruppo', cursive;

}

.stats-grid h4 {

    font-size: 14px;

    color: #fff;

    letter-spacing: 2px;

}

section.info-agile h3.text-center {

	font-size:40px;

	font-weight:normal;

	color:#fff;

	text-transform:capitalize;

	padding-bottom:30px;

	font-family: 'Gruppo', cursive;

}

section.info-agile p.text-center {

	font-size:16px;

	font-weight:normal;

	line-height:35px;

	text-transform: capitalize;

	color:#fff;

	padding:0 50px 60px;

}

.info-w3ls {

    padding: 120px 0 177px;

}

.col-lg-6.col-lg-pull-6.w3-agileits1,.col-lg-6.col-lg-push-6.w3-agileits2,.col-lg-6.col-md-6.col-sm-12.w3-agileits3,.col-lg-6.col-md-6.col-sm-12.w3-agileits4 {

    padding: 0;

}

.column {

	margin: 0;

	padding: 0;

}

.column::after {

	content: '';

	clear: both;

	display: block;

}

.column div {

	position: relative;

	width:100%;

	height:auto;

	margin:0;

	padding:0;

}

.column div:first-child {

	margin-left: 0;

}

figure {

	width:100%;

	height:auto;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

.hover01 figure img {

	-webkit-transform: scale(1);

	transform: scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-webkit-transition: all 0.7s ease-in-out;

	transition:all 0.7s ease-in-out;

	-moz-transition:all 0.7s ease-in-out;

	-o-transition:all 0.7s ease-in-out;

}

section.info-agile .info-grid1:hover .hover01 figure img,section.info-agile .info-grid2:hover .hover01 figure img {

	-webkit-transform: scale(1.7);

	transform: scale(1.7);

	-moz-transform:scale(1.7);

	-o-transform:scale(1.7);

} 

section.info-agile img.img-responsive {

    width: 100%;

    height: auto;

}

section.info-agile .container-fluid {

	padding:0;

}



/* global styles */

.hi-icon a {

	display:block; 

	width:100%; 

	height:100%;  

	position:absolute; 

	top:0px; 

	z-index:100 

}

.hi-icon-wrap {

	text-align: center;

	margin: 0 auto;

	padding:0;

}

.hi-icon {

	display: inline-block;

    font-size: 0px;

    margin: 0px auto;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;

}

.hi-icon:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}

.hi-icon:before  {

	speak: none;

	font-size: 48px;

	line-height: 90px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	display: block;

	-webkit-font-smoothing: antialiased;

}

/* end global styles */

/* Effect 5 */

.hi-icon-effect-5 .hi-icon {

	box-shadow: 0 0 0 4px rgba(255,255,255,1);

	overflow: hidden;

	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;

	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;

	transition: background 0.3s, color 0.3s, box-shadow 0.3s;

}

.hi-icon-effect-5 .hi-icon:after {

	display: none;

}

.col-lg-6.col-md-6.col-sm-6.info-agileits1:hover .hi-icon-effect-5 .hi-icon,.col-lg-6.col-md-6.col-sm-6.info-agileits2:hover .hi-icon-effect-5 .hi-icon,.col-lg-6.col-md-6.col-sm-6.info-agileits3:hover .hi-icon-effect-5 .hi-icon {

	background: rgba(255,255,255,1);

	color:#c0392b;

	box-shadow: 0 0 0 8px #c0392b;

}

.col-lg-6.col-md-6.col-sm-6.info-agileits2:hover .hi-icon-effect-5a .hi-icon:before {

	-webkit-animation: toRightFromLeft 0.3s forwards;

	-moz-animation: toRightFromLeft 0.3s forwards;

	animation: toRightFromLeft 0.3s forwards;

}



@-webkit-keyframes toRightFromLeft {

	49% {

		-webkit-transform: translate(100%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translate(-100%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toRightFromLeft {

	49% {

		-moz-transform: translate(100%);

	}

	50% {

		opacity: 0;

		-moz-transform: translate(-100%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toRightFromLeft {

	49% {

		transform: translate(100%);

	}

	50% {

		opacity: 0;

		transform: translate(-100%);

	}

	51% {

		opacity: 1;

	}

}



.hi-icon-effect-5b .hi-icon:hover:before {

	-webkit-animation: toLeftFromRight 0.3s forwards;

	-moz-animation: toLeftFromRight 0.3s forwards;

	animation: toLeftFromRight 0.3s forwards;

}



@-webkit-keyframes toLeftFromRight {

	49% {

		-webkit-transform: translate(-100%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translate(100%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toLeftFromRight {

	49% {

		-moz-transform: translate(-100%);

	}

	50% {

		opacity: 0;

		-moz-transform: translate(100%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toLeftFromRight {

	49% {

		transform: translate(-100%);

	}

	50% {

		opacity: 0;

		transform: translate(100%);

	}

	51% {

		opacity: 1;

	}

}



.col-lg-6.col-md-6.col-sm-6.info-agileits3:hover .hi-icon-effect-5c .hi-icon:before {

	-webkit-animation: toTopFromBottom 0.3s forwards;

	-moz-animation: toTopFromBottom 0.3s forwards;

	animation: toTopFromBottom 0.3s forwards;

}



@-webkit-keyframes toTopFromBottom {

	49% {

		-webkit-transform: translateY(-100%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translateY(100%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toTopFromBottom {

	49% {

		-moz-transform: translateY(-100%);

	}

	50% {

		opacity: 0;

		-moz-transform: translateY(100%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toTopFromBottom {

	49% {

		transform: translateY(-100%);

	}

	50% {

		opacity: 0;

		transform: translateY(100%);

	}

	51% {

		opacity: 1;

	}

}



.col-lg-6.col-md-6.col-sm-6.info-agileits1:hover .hi-icon-effect-5d .hi-icon:before {

	-webkit-animation: toBottomFromTop 0.3s forwards;

	-moz-animation: toBottomFromTop 0.3s forwards;

	animation: toBottomFromTop 0.3s forwards;

}



@-webkit-keyframes toBottomFromTop {

	49% {

		-webkit-transform: translateY(100%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translateY(-100%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toBottomFromTop {

	49% {

		-moz-transform: translateY(100%);

	}

	50% {

		opacity: 0;

		-moz-transform: translateY(-100%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toBottomFromTop {

	49% {

		transform: translateY(100%);

	}

	50% {

		opacity: 0;

		transform: translateY(-100%);

	}

	51% {

		opacity: 1;

	}

}

.info-grid2 {

	

}

.info-grid2 h4 {

	font-size: 24px;

    font-weight: normal;

    color: #fff;

    padding-bottom: 10px;

    text-transform: uppercase;

    font-family: 'Gruppo', cursive;

}

.info-grid2 p {

	font-size: 14px;

    font-weight: normal;

    color: #fff;

    line-height: 30px;

}

.info-w3-agile {

    padding: 165px 0 0;

}

.info-w3-agileits {

    margin-left: -15px;

}

.col-lg-6.col-md-6.col-sm-6.info-agileits1,.col-lg-6.col-md-6.col-sm-6.info-agileits2 {

    margin-bottom: 100px;

}

/*-- /info section --*/

/*-- blog section --*/

section.blog-w3ls {
	background-image: url(https://images.pexels.com/photos/2170473/pexels-photo-2170473.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
	padding:100px 0;

}

section.blog-w3ls h3.text-center {

	font-size: 40px;
    font-weight: normal;
    color: #f56f33;
    padding-bottom: 20px;
    font-family: 'Anton', cursive;

}

section.blog-w3ls p.text-center {

	font-size:16px;

	font-weight:normal;

	line-height:30px;

	padding-bottom:50px;

}

.grid {

	position: relative;

    clear: both;

    margin: 0 auto;

    padding: 0em 0 0em;

    max-width: 1000px;

    list-style: none;

    text-align: center;

}

/* Common style */

.grid figure {

	position: relative;

    overflow: hidden;

    margin:0 auto;

    width: 100%;

    height: auto;

    background: #3085a3;

    text-align: center;

}

.grid figure img {

	position: relative;

	display: block;

	height:auto;

	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%;

}

/* 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 h4 {

	word-spacing: -0.15em;

	font-weight: 300;

	font-size:27px;

	font-weight:bold;

}

.grid figure h4 span {

	font-weight: 800;

}

.grid figure h4,

.grid figure p a {

	margin: 0;

}

.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}

figure.effect-duke {

	background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);

	background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);

}

figure.effect-duke img,

figure.effect-duke p {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

figure.effect-duke:hover img {

	opacity: 0.1;

	-webkit-transform: scale3d(2,2,1);

	transform: scale3d(2,2,1);

}

figure.effect-duke h4 {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: scale3d(0.8,0.8,1);

	transform: scale3d(0.8,0.8,1);

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	font-family: 'Gruppo', cursive;

}

figure.effect-duke p a{

	text-align:center;

	margin-top: 30px;

	color:#fff;

	text-decoration:none;

	display:inline-block;

	padding: 30px;

	border: 2px solid #fff;

	text-transform: none;

	font-size:18px;

	font-family: 'Gruppo', cursive;

	font-weight:normal;

	opacity: 0;

	-webkit-transform: scale3d(0.8,0.8,1);

	transform: scale3d(0.8,0.8,1);

	-webkit-transform-origin: 50% -100%;

	transform-origin: 50% -100%;

}

figure.effect-duke:hover h4,

figure.effect-duke:hover p a{

	opacity: 1;

	-webkit-transform: scale3d(1,1,1);

	transform: scale3d(1,1,1);

}



section.blog-w3ls p.blog-p1 {

    font-size: 14px;

    font-weight: normal;

    padding: 20px 0 15px;

}

section.blog-w3ls a.blog-link {

    font-size: 22px;

    font-weight: 700;

    color: #ffffff;

    display: block;

    text-decoration: none;

    letter-spacing: 0;

    padding-bottom: 15px;

    font-family: 'Gruppo', cursive;

    text-transform: uppercase;

}

section.blog-w3ls p.blog-p2 {

    font-size: 16px;

    font-weight: normal;
    color: white;
    line-height:30px;

}

/*-- /blog section --*/

/*-- footer section --*/

section.footer-w3ls {

	background-color:#ff7f00;

	padding:50px 0;

}

section.footer-w3ls a.footer-logo {

    text-decoration: none;

    display: inline-block;

    padding-bottom: 15px;

}

section.footer-w3ls a.footer-logo h3 {

	font-size:35px;

	font-weight:normal;

	color:#fff;

	font-family: 'Gruppo', cursive;

}

section.footer-w3ls p.footer-w3-agileits1 {

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: 35px;

}

section.footer-w3ls p.footer-w3-agileits2 {

    font-size: 14px;

    font-weight: normal;
    BACKGROUND-COLOR: #005601;
    color: #fff;

    line-height: 30px;

	text-align:center;

}

section.footer-w3ls p.footer-w3-agileits2 a {

	color:red;

	text-decoration:none;

}

section.footer-w3ls p.footer-w3-agileits2 a:hover {

	color:green;

}

section.footer-w3ls .subscribe {

    background-color:#3b3b3b;

	padding: 35px 20px;

}

section.footer-w3ls p.footer-w3-agileits3 {

    font-size: 17px;

    font-weight: normal;

    color: #fff;

    line-height: 30px;

    padding-bottom: 20px;

}

section.footer-w3ls .subscribe input#mail {

    text-align: center;

    width: 70%;

	float:left;

	color:#000;

	background-color:#fff;

    font-size: 20px;

    font-weight: normal;

    height: 50px;

    outline: none;

	border:1px solid #fff;

    border-right: transparent;

	border-radius:0;

	font-family: 'Open Sans', sans-serif;

}

section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

    width:30%;

	float:left;

    height: 50px;

    font-size: 20px;

    font-weight: normal;

    outline: none;

    color: #fff;

	border:1px solid #c0392b;

    background-color:#c0392b;

	border-radius:0;

	font-family: 'Open Sans', sans-serif;

}

section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg:hover {

	background-color:#2ecc71;

	border-color:#2ecc71;

}

section.footer-w3ls input::-webkit-input-placeholder {

color: #000 !important;

}

section.footer-w3ls input:-moz-placeholder { /* Firefox 18- */

color: #000 !important;  

}

section.footer-w3ls input::-moz-placeholder {  /* Firefox 19+ */

color: #000 !important;  

}

section.footer-w3ls input:-ms-input-placeholder {  

color: #000 !important;  

}



section.footer-w3ls ul.social-icons1 {

    padding-top: 30px;

}

section.footer-w3ls ul.social-icons1 li {

	display:inline;

	list-style:none;

}

section.footer-w3ls ul.social-icons1 li a {

	margin-right:2px;

}

section.footer-w3ls ul.social-icons1 li a i.fa {

	font-size:20px;

	color:#fff;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	background-color:#3c3c3c;

	border-radius:50%;

	-webkit-border-radius:50%;

	-moz-border-radius:50%;

	-o-border-radius:50%;

	-ms-border-radius:50%;

}

section.footer-w3ls ul.social-icons1 li a i.fa:hover {

    -webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

	-moz-animation: spin 2s linear infinite;

	-o-animation: spin 2s linear infinite;

	-ms-animation: spin 2s linear infinite;

}

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}

section.footer-w3ls ul.social-icons1 li a i.fa.fa-facebook:hover {

    background-color: #3b5998;

    color: #fff;

    border-color: #3b5998;

}

section.footer-w3ls ul.social-icons1 li a i.fa.fa-twitter:hover {

    background-color: #1da1f2;

    color: #fff;

    border-color: #1da1f2;

}

section.footer-w3ls ul.social-icons1 li a i.fa.fa-google-plus:hover {

    background-color: #dd4b39;

    color: #fff;

    border-color: #dd4b39;

}

section.footer-w3ls ul.social-icons1 li a i.fa.fa-linkedin:hover {

    background-color: #0077b5;

    color: #fff;

    border-color: #0077b5;

}

/*-- footer section --*/

/*-- back to top --*/

.cd-top {

	display: inline-block;

	height: 40px;

	width: 40px;

	position: fixed;

	bottom: 40px;

	right: 10px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

	/* image replacement properties */

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	background: rgba(0, 0, 0, 0) url(../images/up-arrow.svg) no-repeat center 50%;

	background-size:70%;

	border:1px solid #fff;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity .3s 0s, visibility 0s .3s;

	-moz-transition: opacity .3s 0s, visibility 0s .3s;

	transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

	-webkit-transition: opacity .3s 0s, visibility 0s 0s;

	-moz-transition: opacity .3s 0s, visibility 0s 0s;

	transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

	/* the button becomes visible */

	visibility: visible;

	opacity: 1;

}

.cd-top.cd-fade-out {

	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */

	opacity: .5;

}

.cd-top:hover {

	background-color: #000;

	opacity: 1;

}

@media only screen and (min-width: 768px) {

	.cd-top {

    right: 20px;

    bottom: 20px;

}

}

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

	.cd-top {

    height: 50px;

    width: 50px;

    right: 30px;

    bottom: 30px;

}

}

/*-- /back to top --*/

/*-- inner pages styling --*/

section.inner-banner {

	position:relative;

}

section.inner-banner .header { 

	height:400px!important;

}

section.inner-banner .header .bgfader{

	position: absolute;

	z-index: -2;

	top: 0;

	left: 0;

	overflow: hidden;

	width: 100%;

	height: 100%;

	display: none;

}

section.inner-banner .header .bgfader-overlay{

	z-index: -1;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

section.inner-banner .header .bgfader > .image{

	display: none;

}

section.inner-banner .header .bgfader,section.inner-banner .header .bgfader > .image{

	width: 100%;

	height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

}

h2.inner-header {

    position: absolute;

    z-index: 9999;

    color: #fff;

    width: 100%;

    text-align: center;

    top: 180px;

    text-transform: uppercase;

    font-size: 60px;

    font-weight: normal;

	font-family: 'Gruppo', cursive;

}

/*-- /inner pages styling --*/

/*-- services page --*/

section.service-w3ls, section.gallery-w3ls, section.team-w3ls {

	padding:100px 0;
	background-color: #d4e3f1;

}
section.service-wthree{
	padding:100px 0;
	background-image: url('../images/Backgrounds040.jpg');

}
section.service-wfour{
	padding:100px 0;
	background-color: #002f58;

}
section.service-wfour p{ color: white;}
section.service-wfour h2{ color: #f56f33;}
section.service-w3ls h3.text-center,section.service-wthree h3.text-center,section.service-wfour h3.text-center,section.gallery-w3ls h3.text-center,section.team-w3ls h3.text-center {

    font-size: 40px;

    font-weight: normal;

    color: #f56f33;

    padding-bottom: 20px;

	font-family: 'Anton', cursive;

}

section.service-w3ls p.text-center,section.service-wthree p.text-center,section.gallery-w3ls p.text-center,section.team-w3ls p.text-center {

	font-size:16px;

	font-weight:normal;

	padding-bottom:50px;
	color: #000000;

}

section.service-w3ls h5 {

	font-size:25px;

	font-weight:600;

	color:#8c00c8;

	padding:20px 0;

	text-align:center;

	font-family: 'Gruppo', cursive;

}

section.service-w3ls p.serv-agile {

	font-size:14px;

	font-weight:normal;

	line-height:30px;

	text-align:center;

}

.ch-grid {

	margin:0 auto;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}

.ch-grid:after,

.ch-item:before {

	content: '';

    display: table;

}

.ch-grid:after {

	clear: both;

}

.ch-grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin:0px;

}

.ch-item {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	box-shadow: 

		inset 0 0 0 16px rgba(255,255,255,0.6),

		0 1px 2px rgba(0,0,0,0.1);

		

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.ch-img-1 { 

	background-image: url(../images/serv-info1.jpg?v=1.3);

}

.ch-img-2 { 

	background-image: url(../images/serv-info2.jpg?v=1.4);

}

.ch-img-3 { 

	background-image: url(../images/serv-info3.jpg?v=1.5);

}

.ch-img-4 { 

	background-image: url(../images/serv-info4.jpg?v=1.6);

}
.ch-img-5 { 

	background-image: url(../images/serv-info5.jpg?v=1.6); 

}
.ch-img-6 { 

	background-image: url(../images/serv-info6.jpg?v=1.6);

}
.ch-img-7 { 

	background-image: url(../images/serv-info7.jpg?v=1.6);

}
.ch-img-8 { 

	background-image: url(../images/serv-info8.jpg?v=1.7);

}
.ch-img-9 { 

	background-image: url(../images/serv-info9.jpg?v=1.8);

}
.ch-img-10 { 

	background-image: url(../images/serv-info10.jpg?v=1.9);

}
.ch-img-11 { 

	background-image: url(../images/serv-info11.jpg?v=1.9);

}
.ch-img-12 { 

	background-image: url(../images/serv-info12.jpg?v=1.9);

}


.ch-info {

	position: absolute;

	background: rgb(255 255 255 / 93%);

	width: inherit;

	height: inherit;

	border-radius: 50%;

	opacity: 0;

	

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	

	-webkit-backface-visibility: hidden;



}

.ch-info h4 {

	color: #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 20px;

	font-family: 'Gruppo', cursive;

    margin: 0;

    padding: 80px 0 20px;

    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);

}

.ch-info p {

	color: #fff;

	padding: 10px 5px;

	font-style: italic;

	margin: 0 30px;

	font-size: 12px;

	border-top: 1px solid rgba(255,255,255,0.5);

	opacity: 0;

	-webkit-transition: all 1s ease-in-out 0.4s;

	-moz-transition: all 1s ease-in-out 0.4s;

	-o-transition: all 1s ease-in-out 0.4s;

	-ms-transition: all 1s ease-in-out 0.4s;

	transition: all 1s ease-in-out 0.4s;

}

.ch-info p a {

	display: block;

	text-decoration:none;

	color: #002cec;

	font-style: normal;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 9px;

	letter-spacing: 1px;

	padding-top: 4px;

	font-family: 'Gruppo', cursive;

}

.ch-info p a:hover {

	color:#2102d8;

}

.ch-item:hover {

	box-shadow: 

		inset 0 0 0 1px rgba(255,255,255,0.1),

		0 1px 2px rgba(0,0,0,0.1);

}

.ch-item:hover .ch-info {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.ch-item:hover .ch-info p {

	opacity: 1;

}

section.divider-w3ls .hover01 figure img.img-responsive:hover {

	-webkit-transform: scale(1.7);

	transform: scale(1.7);

	-moz-transform:scale(1.7);

	-o-transform:scale(1.7);

}

section.divider-w3ls img {

	width:100%;

	height:auto;

}

section.service-wthree .nav>li>a {

    text-decoration: none;

    background-color: #c0392b;

    color: #fff!important;

}

section.service-wthree .nav>li>a:hover {

	background-color: #fff;

    color: #c0392b!important;

	border-left-color:#c0392b;

	border-right-color:#c0392b;

	border-top-color:#c0392b;

    border-bottom-color: #fff;

}

section.service-wthree .nav-tabs.nav-justified>.active>a,section.service-wthree .nav-tabs.nav-justified>.active>a:focus,section.service-wthree .nav-tabs.nav-justified>.active>a:hover {

	border-left-color:#c0392b;

	border-right-color:#c0392b;

	border-top-color:#c0392b;

    border-bottom-color: #fff;

	color:#c0392b!important;

	background-color:#fff;

}

section.service-wthree .nav-tabs.nav-justified>li>a {

    font-size: 20px;

    font-weight: normal;

	cursor: pointer;

    outline: none;

    color: #c0392b;

	font-family: 'Gruppo', cursive;

}

section.service-wthree h4 {

	font-size:25px;

	font-weight:normal;

	color:#000;

	padding:20px 0;

	font-family: 'Gruppo', cursive;

}

section.service-wthree p.serv-w3-agileits {

    font-size: 16px;

    font-weight: normal;

    line-height: 35px;

}

/*-- /services page --*/

/*-- gallery page --*/

section.gallery-w3ls {

	padding-bottom:0;

}

section.gallery-w3ls .demo { 

	margin:0px auto; 

	max-width:100%;

}

section.gallery-w3ls .demo > li {

	float: left;

    cursor: pointer;

    width: 360px;

    margin: 10px;

}

section.gallery-w3ls .demo > li img { 

	width:100%;

	height:auto;

	display:block;	

}

section.gallery-w3ls .demo > li:hover .hover01 figure img {

	-webkit-transform: scale(1.7);

	transform: scale(1.7);

	-moz-transform:scale(1.7);

	-o-transform:scale(1.7);

} 

/*-- team section --*/

section.team-w3ls .wrapper {

	position: relative;

	width:100%;

	border:5px solid #000;

	-webkit-border-radius: 3px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.07);

}

section.team-w3ls .wrapper a {

	display: block;

	position: relative;

	overflow: hidden;

}

section.team-w3ls .wrapper a img {

	display: block;

	position: relative;

}

section.team-w3ls .slide-item {

	position: absolute;

	width: 100%;

	height: 100%;

    background-color: rgba(46, 204, 113, 0.7);

}

section.team-w3ls .slide-item span.title {

	display: block;

	margin: 40px 20px 20px;

	padding: 10px 0;

	text-transform: uppercase;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border-bottom: 1px solid rgba(255,255,255,0.5);

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);

}

section.team-w3ls .slide-item .author {

	margin: 10px 20px 10px;

	color: #fff;

	display:block;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.modal-open .modal {

	background-color:rgba(0,0,0,0.7);

}

section.team-w3ls .modal-content {

    text-align: center;

    text-align: -webkit-center;

    text-align: -moz-center;

}

section.team-w3ls .modal-header {

	background:#c0392b;

}

section.team-w3ls .modal-header .close {

    margin-top: -2px;

    font-size: 45px;

    font-weight: normal;

}

section.team-w3ls .modal-header h4 {

    color: white;

    font-size: 30px;

    font-weight: normal;

    text-transform: uppercase;

	font-family: 'Gruppo', cursive;	

}

section.team-w3ls .modal-body p {

	font-size: 15px;

    font-weight: normal;

    color: #999;

    line-height: 30px;

    padding: 20px 25px;

}

section.team-w3ls .modal-footer {

	background: #2b2b2b;

}

section.team-w3ls ul.social-icons2 {

    

}

section.team-w3ls ul.social-icons2 li {

	display:inline;

	list-style:none;

}

section.team-w3ls ul.social-icons2 li a {

	margin-right:2px;

}

section.team-w3ls ul.social-icons2 li a i.fa {

	font-size:20px;

	color:#c0392b;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	background-color:transparent;

	border:1px solid #c0392b;

	border-radius:50%;

	-webkit-border-radius:50%;

	-moz-border-radius:50%;

	-o-border-radius:50%;

	-ms-border-radius:50%;

}

section.team-w3ls ul.social-icons2 li a i.fa:hover {

    -webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

	-moz-animation: spin 2s linear infinite;

	-o-animation: spin 2s linear infinite;

	-ms-animation: spin 2s linear infinite;

}

section.team-w3ls ul.social-icons2 li a i.fa.fa-facebook:hover {

	background-color:#3b5998;

	color:#fff;

	border-color:#3b5998;

}

section.team-w3ls ul.social-icons2 li a i.fa.fa-twitter:hover {

	background-color:#1da1f2;

	color:#fff;

	border-color:#1da1f2;

}

section.team-w3ls ul.social-icons2 li a i.fa.fa-google-plus:hover {

	background-color:#dd4b39;

	color:#fff;

	border-color:#dd4b39;

}

section.team-w3ls ul.social-icons2 li a i.fa.fa-linkedin:hover {

	background-color:#0077b5;

	color:#fff;

	border-color:#0077b5;

}

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}

/*-- /team section --*/

/*-- /gallery page --*/

/*-- blogpost page --*/

section.blogpost-w3ls a { 

	padding: 0;

	margin: 0;

	text-decoration: none; 

	-webkit-transition: background-color .4s linear, color .4s linear;

	-moz-transition: background-color .4s linear, color .4s linear;

	-o-transition: background-color .4s linear, color .4s linear;

	-ms-transition: background-color .4s linear, color .4s linear;

	transition: background-color .4s linear, color .4s linear;

}

section.blogpost-w3ls ::-moz-selection  {

	color: #fff;

	text-shadow:none;

	background:#2B2E31;

}

section.blogpost-w3ls ::selection {

	color: #fff;

	text-shadow:none;

	background:#2B2E31;

}

section.blogpost-w3ls .btn-theme {

	color: #fff;

    background-color: #c0392b;

    border-color: #c0392b;

    margin: 4px;

    padding: 5px 20px;

    font-size: 14px;

    font-weight: normal;

    text-transform: uppercase;

}

section.blogpost-w3ls .btn-theme:hover,

section.blogpost-w3ls .btn-theme:focus,

section.blogpost-w3ls .btn-theme:active,

section.blogpost-w3ls .btn-theme.active,

section.blogpost-w3ls .open .dropdown-toggle.btn-theme {

	color: #fff;

	background-color:#2ecc71;

	border-color:#2ecc71;

}

section.blogpost-w3ls .dmbutton:hover,

section.blogpost-w3ls .dmbutton:active,

section.blogpost-w3ls .dmbutton:focus{

	color: #ffffff;

	background-color: #222222;

	border-color: #ffffff;

}

section.blogpost-w3ls .dmbutton {

	background:rgba(0, 0, 0, 0);

	border: 1px solid #ffffff;

	color: #ffffff;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	padding-top: 1.025rem;

	padding-right: 2.25rem;

	letter-spacing:0.85px;

	padding-bottom: 1.0875rem;

	padding-left: 2.25rem;

	font-size: 1.55rem;

	cursor: pointer;

	font-weight: normal;

	line-height: normal;

	margin: 0 0 1.25rem;

	text-decoration: none;

	text-align: center;

	display: inline-block;

	-webkit-transition: background-color 300ms ease-out;

	-moz-transition: background-color 300ms ease-out;

	transition: background-color 300ms ease-out;

	-webkit-appearance: none;

	font-weight: normal !important;

}

section.blogpost-w3ls .mtb {

	margin-top: 80px;

	margin-bottom: 80px;

}

section.blogpost-w3ls .hline {

	border-bottom: 2px solid #384452;

}

section.blogpost-w3ls .hline-w {

	border-bottom: 2px solid #ffffff;

	margin-bottom: 25px;

}

section.blogpost-w3ls .ctitle {

	color:#c0392b;

	font-size:30px;

	font-weight:normal;

	padding:20px 0;

}

section.blogpost-w3ls .ctitle:hover {

	color:#2ecc71;

}

section.blogpost-w3ls .spacing {

	margin-top: 40px;

	margin-bottom: 40px;

}

section.blogpost-w3ls .badge-theme {

    background: #c0392b;

    width: 50px;

    height: 20px;

    line-height: 20px;

    padding: 0;

    font-size: 14px;

    font-weight: normal;

    letter-spacing: 0;

}

/* Blog Page */

section.blogpost-w3ls .popular-posts { 

	margin: 0px;

	padding-left: 0px;

    padding-top: 20px;

}

section.blogpost-w3ls .popular-posts li {

	list-style: none; 

	margin-bottom: 20px; 

	min-height: 70px;

}

section.blogpost-w3ls .popular-posts li a {

	color: #000000;

    text-decoration: none;

    font-size: 14px;

    line-height: 25px;

    font-weight: normal;

}

section.blogpost-w3ls .popular-posts li a:hover {

	color:#c0392b; 

}	

section.blogpost-w3ls .popular-posts li img {

	float: left; 

	margin-right: 20px;

}	

section.blogpost-w3ls .popular-posts li em {

    font-size: 12px;

    font-weight: normal;

    color: #b3b3b3;

}

section.blogpost-w3ls .popular-posts p {

	line-height: normal;

	margin-bottom: auto;

}	

section.blogpost-w3ls img.blogpost-main.img-responsive:hover {

	-webkit-transform: scale(1.7);

	transform: scale(1.7);

	-moz-transform:scale(1.7);

	-o-transform:scale(1.7);

}

section.blogpost-w3ls p.blogpost-p1 {

    font-size: 13px;

    font-weight: normal;

    color: #000;

    text-transform: uppercase;

    text-decoration: underline;

}

section.blogpost-w3ls p.blogpost-p1 a {

	color:#c0392b;

}

section.blogpost-w3ls p.blogpost-p1 a:hover { 

	color:#2ecc71;

}

section.blogpost-w3ls p.blogpost-p2 {

    font-size: 15px;

    font-weight: normal;

    line-height: 30px;

    padding: 20px 0;

}

section.blogpost-w3ls blockquote {

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: 30px;

}

section.blogpost-w3ls h4.blogpost-agile1 {

    font-size: 25px;

    font-weight: normal;

    color: #000;

    padding-bottom: 20px;

}

section.blogpost-w3ls button.btn.btn-primary {

    width:200px;

    height: 50px;

    font-size: 20px;

    font-weight: normal;

    outline: none;

    color: #fff;

    border: 1px solid #c0392b;

    background-color: #c0392b;

    border-radius: 0;

    font-family: 'Open Sans', sans-serif;

}

section.blogpost-w3ls button.btn.btn-primary:hover {

    background-color: #2ecc71;

    border-color: #2ecc71;

}

section.blogpost-w3ls h4.media-heading {

    font-size: 18px;

    font-weight: normal;

    color: #000;

	text-transform:uppercase;

}

section.blogpost-w3ls h4.media-heading small {

    padding-left: 10px;

}	

section.blogpost-w3ls p.blogpost-p3 {

    font-size: 14px;

    font-weight: normal;

    line-height: 30px;

}

section.blogpost-w3ls h4.blogpost-agile2 {

    font-size: 22px;

    font-weight: normal;

    color: #000;

    padding-bottom: 15px;

    text-transform: uppercase;

}

section.blogpost-w3ls .input-group {

    margin-top: 15px;

}

section.blogpost-w3ls p.blogpost-p4 {

    padding: 10px 0 0;

}

section.blogpost-w3ls p.blogpost-p4 a {

	font-size:14px;

	font-weight:normal;

	color:#000;

	text-decoration:none;

}

section.blogpost-w3ls p.blogpost-p4:hover .badge-theme {

    background:#2ecc71;

}	

section.blogpost-w3ls p.blogpost-p5 {

    padding-top: 15px;

}

/*-- /blogpost page --*/

/*-- contact page --*/

/*-- Map --*/

div.map iframe.googlemaps {

	width:100%;

	height:400px;

}

/*-- /Map --*/

section.contact-w3ls {

    padding: 100px 0;

	background:url(../images/contact.jpg) no-repeat;

	background-position:center;

	background-attachment:fixed;

	background-size:100% 100%;

	-webkit-background-size:100% 100%;

	-moz-background-size:100% 100%;

	-o-background-size:100% 100%;

	-ms-background-size:100% 100%;

}

section.contact-w3ls h3 {

	font-size:30px;

	font-weight:normal;

	color:#fff;

	padding-bottom:30px;

	font-family: 'Gruppo', cursive;

}

section.contact-w3ls p.contact-agileits {

    font-size: 16px;

    font-weight: normal;

    padding-bottom:10px;

    line-height: 30px;

	color:#fff;

}

section.contact-w3ls p.contact-agileits a {

	color:#fff;

}

section.contact-w3ls label {

    color: #fff;

    font-size: 18px;

    font-weight: normal;

    padding-bottom: 10px;

	font-family: 'Gruppo', cursive;

}

input#firstname,input#lastname,input#phone,input#email {

	height:45px;

}

input#firstname,input#lastname,input#phone,input#email,textarea#message{

	background-color:rgba(255, 255, 255, 0.22);

	font-size:17px;

	color:#fff;

	font-weight:normal;

	border:1px solid #fff;

}

section.contact-w3ls button.btn.btn-primary {

    height: 50px;

    font-size: 20px;

    font-weight: normal;

    outline: none;

    color: #fff;

    border: 1px solid #c0392b;

    background-color: #c0392b;

    border-radius: 0;

    font-family: 'Gruppo', cursive;

}

section.contact-w3ls button.btn.btn-primary:hover {

    background-color: #2ecc71;

    border-color: #2ecc71;

	color:#fff;

}

.alert-success {

    color: #3cf33f;

    background-color: rgba(50, 171, 0, 0.15);

    border-color: #d6e9c6;

}

.alert-success .close {

	color: #3cf33f;

	opacity:0.9;

}

/*-- /contact page --*/



/*-- responsive design --*/

@media (max-width:1600px) {

	section.banner-w3ls {

	height:790px;	

	}

	.osSlider-main:hover .slider-btn-prev {

    left: 17em;

    top: 21em;

	}

.osSlider-main:hover .slider-btn-next {

    right: 86em;

    top: 21em;

}

.sb-search {

	right:235px;

}

.banner-w3layouts1 {

	top:38%;

}

.info-w3ls {

    padding: 100px 0 140px;

}

.info-w3-agile {

    padding: 150px 0 0;

}

.info-grid2 h4 {

    font-size: 23px;

}

}





@media (max-width: 1440px) {

	.osSlider-main:hover .slider-btn-prev {

    left: 11em;

    top: 19em;

}

.osSlider-main:hover .slider-btn-next {

    right: 82em;

    top: 19em;

}

.info-w3ls {

    padding: 50px 0 0px;

}

.info-grid2 h4 {

    font-size: 18px;

}

.info-w3-agileits {

    margin-left: 0px;

}

.info-w3-agile {

    padding: 80px 0 0;

}

.col-lg-6.col-md-6.col-sm-6.info-agileits1, .col-lg-6.col-md-6.col-sm-6.info-agileits2 {

    margin-bottom: 80px;

}

.sb-search {

    right: 135px;

}

}



@media (max-width: 1366px) {

section.banner-w3ls {

    height: 740px;

}

.banner-w3layouts1 {

	width:65%;

}

.banner-w3layouts1 {

    top: 45%;

}

.osSlider-main:hover .slider-btn-prev {

    left: 8em;

    top: 22em;

}

.osSlider-main:hover .slider-btn-next {

    right: 79em;

    top: 22em;

}

.banner-w3layouts1 h3 {

    font-size: 30px;

	padding-bottom:15px;

}

.banner-w3layouts1 h4 {

	font-size:20px;

	width:345px;

	margin-bottom:10px;

}

.col-lg-6.col-md-6.col-sm-6.info-agileits1, .col-lg-6.col-md-6.col-sm-6.info-agileits2 {

    margin-bottom: 65px;

}

section.info-agile h3.text-center {

    font-size: 35px;

	padding-bottom:20px;

}

}



@media (max-width: 1280px) {

.osSlider-main:hover .slider-btn-prev {

    left: 5em;

    top: 20em;

}

.osSlider-main:hover .slider-btn-next {

    right: 76em;

    top: 20em;

}

section.banner-w3ls {

    height: 710px;

}

.sb-search {

    right: 85px;

}

.hi-icon {

	width:70px;

	height:70px;

}

.hi-icon:before {

	font-size: 30px;

    line-height: 67px;

}

.info-w3-agile {

    padding: 85px 0 0;

}

.info-w3-agileits {

    margin-left: -15px;

}

.info-grid2 h4 {

    font-size: 17px;

	padding-bottom:7px;

}

}



@media (max-width: 1080px) {

section.banner-w3ls {

    height: 598px;

}

.banner-w3layouts1 {

    top:41%;

}

.banner-w3layouts1 p.agileinfo1 {

	padding: 0 320px 15px 0;

}

section.special-w3ls h2 {

    font-size: 35px; 

	padding-bottom:15px;

}

section.special-w3ls p {

    font-size: 14px;

}

.fsbanner > div .name {

	font-size:16px;

}

section.info-agile h3.text-center {

    font-size: 30px;

    padding-bottom: 15px;

}

section.info-agile p.text-center {

    font-size: 14px; 

	line-height:30px;

	font-weight:200;

	padding: 0 40px 30px;

}

.info-w3-agile {

    padding: 40px 0;

}

.osSlider-main:hover .slider-btn-prev {

    left: 5em;

    top: 15em;

}

.osSlider-main:hover .slider-btn-next {

    right: 62em;

    top: 15em;

}

.col-lg-6.col-md-6.col-sm-12.w3-agileits3 {

    width: 100%;

    float: left;

}

.col-lg-6.col-md-6.col-sm-12.w3-agileits4 {

    width: 100%;

    float: left;

}

.info-w3ls {

    padding: 50px 0;

}

h2.inner-header {

	font-size:50px;

	top:160px;

}

section.inner-banner .header {

    height: 340px!important;

}

section.special-w3ls,section.blog-w3ls,section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls,section.contact-w3ls {

	padding:50px 0;

}

section.blog-w3ls p.text-center {

    font-size: 14px;

	padding-bottom:30px;

}

section.blog-w3ls h3.text-center {

	padding-bottom:10px;

}

section.blog-w3ls p.blog-p1 {

    font-size: 13px;

	padding: 20px 0 10px;

}

section.blog-w3ls a.blog-link {

	padding-bottom: 10px;

}

section.blog-w3ls p.blog-p2 {

    font-size: 14px;

}

section.footer-w3ls p.footer-w3-agileits1 {

    font-size: 14px;

	line-height:30px;

}

section.footer-w3ls p.footer-w3-agileits3 {

    font-size: 14px;

}

section.footer-w3ls .subscribe input#mail {

	font-size:16px;

	height: 40px;

}

section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

	height: 40px;

    font-size: 17px;

	line-height:0;

}

section.footer-w3ls ul.social-icons1 li a i.fa {

    font-size: 16px;

	width: 45px;

    height: 45px;

    line-height: 45px;

}

section.footer-w3ls {

	padding: 50px 0 20px;

}

img.blogpost-main.img-responsive {

    width: 100%;

}

section.blogpost-w3ls .mtb {

    margin-top: 50px;

    margin-bottom: 50px;

}

section.blogpost-w3ls .ctitle {

	font-size: 27px;

}

section.blogpost-w3ls p.blogpost-p1 {

    font-size: 11px;

}

section.blogpost-w3ls p.blogpost-p2 {

    font-size: 14px;

	padding: 15px 0 5px;

}

section.blogpost-w3ls blockquote {

    font-size: 14px;

}

section.blogpost-w3ls h4.blogpost-agile1 {

    font-size: 20px;

	padding-bottom:15px;

}

section.blogpost-w3ls button.btn.btn-primary {

    width: 200px;

    height: 40px;

    font-size: 16px;

}

section.blogpost-w3ls h4.media-heading {

    font-size: 16px;

}

section.blogpost-w3ls p.blogpost-p3 {

    font-size: 13px;

	line-height:25px;

}

section.service-w3ls h3.text-center, section.service-wthree h3.text-center, section.gallery-w3ls h3.text-center, section.team-w3ls h3.text-center {

	padding-bottom:15px;

}

section.service-w3ls p.text-center, section.service-wthree p.text-center, section.gallery-w3ls p.text-center, section.team-w3ls p.text-center {

    font-size: 14px;

	padding-bottom:20px;

}

section.service-w3ls h5 {

    font-size: 24px;

	padding:10px 0;

}

section.service-wthree p.serv-w3-agileits {

    font-size: 14px;

	line-height:30px;

}

section.service-wthree h4 {

    font-size: 23px;

	padding:15px 0;

}

section.gallery-w3ls .demo > li {

	width:293px;

}

section.team-w3ls .modal-header h4 {

	font-size:25px;

}

.modal-header {

    padding: 7px;

}

section.team-w3ls .modal-header .close {

    margin-top: -10px;

}

section.team-w3ls .modal-body p {

    font-size: 14px;

	padding: 10px 0px;

}

section.team-w3ls ul.social-icons2 li a i.fa {

    font-size: 16px;

	width: 45px;

    height: 45px;

    line-height: 45px;

}

section.contact-w3ls p.contact-agileits {

    font-size: 14px;

}

input#firstname, input#lastname, input#phone, input#email, textarea#message {

	font-size:15px;

}

section.contact-w3ls button.btn.btn-primary {

    height: 45px;

    font-size: 17px;

	line-height:0;

}

h3.agileits-icons-title {

	font-size:30px;

	padding:0;

}

h3.icon-subheading {

    font-size: 25px;

	margin: 25px 0 15px;

}

}



@media (max-width:1050px) {

section.banner-w3ls {

    height: 581px;

}

.osSlider-main:hover .slider-btn-prev {

    left: 4em;

    top: 15em;

}

.osSlider-main:hover .slider-btn-next {

    right: 61em;

    top: 15em;

}

.navbar-brand h1 {

    font-size: 36px;

}

.navbar-brand {

	padding:10px 10px;

}

.cl-effect-20 a span {

	font-size:15px;

	width: 110px;

    height: 35px;

    line-height: 35px;

}

ul.nav.navbar-nav.navbar-right {

    margin-right: 110px;

}

section.gallery-w3ls {

	padding-bottom:0;

}

}



@media (max-width: 1024px) {

section.banner-w3ls {

    height: 566px;

}

section.banner-w3ls .container ,section.inner-banner .container {

	width:auto;

}

.banner-w3layouts1 {

    top: 37%;

	width:100%;

	text-align:center;

	left:0;

}

.banner-w3layouts1 h3 {

	font-size: 30px;

    padding-bottom: 15px;

	text-align:center;

}

.banner-w3layouts1 h4 {

    font-size: 20px;

    width: 360px;

    margin: 10px auto;

}

.banner-w3layouts1 p.agileinfo1 {

	padding:0 50px;

	font-size:14px;

}

.osSlider-main:hover .slider-btn-prev {

    left: 4em;

    top: 20em;

}

.osSlider-main:hover .slider-btn-next {

	right: 4em;

    top: 20em;

}

}



@media (max-width: 991px) {

section.banner-w3ls {

    height: 548px;

}

.navbar-header {

    float: none;

}

ul.nav.navbar-nav.navbar-right {

    margin: 0;

    float: none!important;

    text-align: center;

}

.cl-effect-20 a span {

	width: 160px;

}

.navbar-nav>li {

    float: none;

    display: inline-block;

	margin:0 7px;

}

.navbar-wrapper {

    margin-top: 7px;

}

.navbar-brand {

    padding: 10px 10px;

    margin-bottom: 10px;

}

.sb-search {

    right: 30px;

	top:20px;

}

section.special-w3ls h2 {

    font-size: 30px;

    padding: 15px 0;

    text-align: center;

}

section.special-w3ls p {

    font-size: 14px;

    text-align: center;

}

.col-lg-4.col-md-4.col-sm-4.blog-agile1,.col-lg-4.col-md-4.col-sm-4.blog-agile2 {

    width: 50%;

    float: left;

	margin-bottom:30px;

}

.col-lg-4.col-md-4.col-sm-4.blog-agile3 {

    width: 50%;

    float: none;

    margin: 0px auto;

	position:static;

}

.col-lg-6.col-md-6.col-sm-6.footer-agileits-w3layouts1 {

    width: 100%;

	float:left;

    padding-bottom: 30px;

	text-align:center;

}

.col-lg-6.col-md-6.col-sm-6.footer-agileits-w3layouts2 {

    width: 100%;

    float: left;

}

section.footer-w3ls a.footer-logo {

	padding-bottom:10px;

}

section.footer-w3ls p.footer-w3-agileits1 {

    font-size: 14px;

    line-height: 30px;

    text-align: center;

}

section.footer-w3ls ul.social-icons1 {

    padding-top: 20px;

    text-align: center;

}

section.footer-w3ls .subscribe {

	padding:25px 35px;

}

section.footer-w3ls p.footer-w3-agileits3 {

    font-size: 14px;

    text-align: center;

}

.osSlider-main:hover .slider-btn-prev {

    left: 4em;

    top: 18em;

}

.osSlider-main:hover .slider-btn-next {

    right: 4em;

    top: 18em;

}

.col-lg-3.col-md-3.col-sm-6.service-agileits1,.col-lg-3.col-md-3.col-sm-6.service-agileits2 {

	margin-bottom:30px;

}

section.blogpost-w3ls .ctitle {

    font-size: 25px;

}

section.contact-w3ls h3 {

	padding-bottom:15px;

}

section.service-wthree .nav-tabs.nav-justified>li>a {

	padding:5px 3px;

	font-size: 18px;

}

section.gallery-w3ls .demo > li {

    width: 220px;

}

.col-lg-3.col-md-3.col-sm-6.wthree1,.col-lg-3.col-md-3.col-sm-6.wthree2 {

	margin-bottom:30px;

}

.col-md-8.contact-wthree2 {

    padding: 0;

}

section.footer-w3ls {

    padding: 25px 0 20px;

}  

}



@media (max-width:900px) {

section.banner-w3ls {

    height: 497px;

}

.navbar-nav>li {

	margin:0 4px;

}

.cl-effect-20 a span {

    width: 147px;

}

}



@media (max-width: 800px) {

section.banner-w3ls {

    height: 440px;

}

.osSlider-main:hover .slider-btn-prev {

    left: 4em;

    top: 17em;

}

.osSlider-main:hover .slider-btn-next {

    right: 4em;

    top: 17em;

}

.navbar-nav>li {

    margin: 0 3px;

}

.cl-effect-20 a span {

    width: 130px;

}

.banner-w3layouts1 h3 {

    font-size: 27px;

    padding-bottom: 7px;

    text-align: center;

}

section.inner-banner .header {

    height: 310px!important;

}

h2.inner-header {

    font-size: 37px;

    top: 170px;

}

}



@media (max-width: 768px) {

section.banner-w3ls {

    height: 422px;

}

.banner-w3layouts1 h3 {

    font-size: 25px;

    padding-bottom: 0px;

    text-align: center;

}

.osSlider-main:hover .slider-btn-prev {

    left: 4em;

    top: 16em;

}

.osSlider-main:hover .slider-btn-next {

    right: 4em;

    top: 16em;

}

.navbar-brand {

    padding: 10px 10px;

    margin-bottom: 10px;

}

.cl-effect-20 a span {

    width: 120px;

}

}



@media (max-width: 736px) {

section.banner-w3ls {

    height: 351px;

}

.dropdown-menu {

    position: static;

	max-width:100%;

	text-align:center;

	float:none;

}

.sb-search-input {

	width:85%;

}	

.navbar-nav .open .dropdown-menu {

	background-color:#fff;

}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

    color: #000;

    background-color:transparent;

}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {

    color:#dc5749;

    background-color:transparent;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

    color: #dc5749;

    text-decoration: none;

    background-color: #f5f5f5;

}

.banner-w3layouts1 h3 {

    font-size: 25px;

    padding-bottom: 0px;

}

.sb-search {

    right: 100px;

    top: 15px;

}

.navbar-toggle {

	border:1px solid #fff!important;

	margin-top: 15px;

}

.banner-w3layouts1 {

	top:25%;

}

.osSlider-main:hover .slider-btn-prev,.osSlider-main:hover .slider-btn-next {

    top: 12em;

}

.info-w3-agileits {

    margin-left: -60px;

}

.col-lg-6.col-md-6.col-sm-6.info-agileits1, .col-lg-6.col-md-6.col-sm-6.info-agileits2, .col-lg-6.col-md-6.col-sm-6.info-agileits3 {

	margin-bottom:40px;

}

.info-w3-agile {

    padding: 50px 0 0;

}

.col-lg-4.col-md-4.col-sm-4.blog-agile1, .col-lg-4.col-md-4.col-sm-4.blog-agile2 {

    width: 70%;

    float: none;

    margin: 0 auto;

    margin-bottom: 30px;

}

.col-lg-4.col-md-4.col-sm-4.blog-agile3 {

    width: 70%;

    float: none;

    margin: 0px auto;

    position: static;

}

figure.effect-duke p a {

	margin-top:60px;

}

.navbar-nav>li {

	display:block;

}

.cl-effect-20 a span {

	width:100%;

}

ul.nav.navbar-nav.navbar-right {

	background-color:rgba(0,0,0,0.7);

}

section.inner-banner .header {

    height: 250px!important;

}

h2.inner-header {

    font-size: 34px;

    top: 100px;

}

.col-lg-3.col-md-3.col-sm-6.service-agileits1, .col-lg-3.col-md-3.col-sm-6.service-agileits2, .col-lg-3.col-md-3.col-sm-6.service-agileits3 {

    margin-bottom: 30px;

}

section.service-wthree .nav-tabs.nav-justified {

    width: 100%;

    border-bottom: 0;

    text-align: center;

}

section.service-wthree .nav-tabs.nav-justified>li {

    float: none;

    margin: 0 0px;

    display: inline-block;

    width: 168px;

}

section.service-wthree .nav-tabs.nav-justified>li>a {

    padding: 5px 3px;

    font-size: 18px;

    width: 102%;

}

section.gallery-w3ls .demo > li {

    width: 324px;

}

section.team-w3ls .wrapper a img {

	width:100%;

}

.col-lg-3.col-md-3.col-sm-6.wthree1, .col-lg-3.col-md-3.col-sm-6.wthree2, .col-lg-3.col-md-3.col-sm-6.wthree3, .col-lg-3.col-md-3.col-sm-6.wthree4 {

	width:50%;

	float:left;

}

div.map iframe.googlemaps {

    width: 100%;

    height: 270px;

}  

}



@media (max-width: 667px) {

section.banner-w3ls {

    height: 311px;

}

.banner-w3layouts1 {

    top: 25%;

}

.osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

    top: 12em;

}

.osSlider-main:hover .slider-btn-prev {

    left: 2em;

}	

.osSlider-main:hover .slider-btn-next {

    right: 2em;

}	

.osSlider-main .slider-btn-prev {

	background: url(../images/Tleft.png) no-repeat;

    background-size: 100%;

	width:40px;

	height:40px;

}

.osSlider-main .slider-btn-next { 

	background: url(../images/Tright.png) no-repeat;

    background-size: 100%;

	width:40px;

	height:40px;

}

.banner-w3layouts1 h3 {

    font-size: 20px;

    padding: 0px;

	line-height:30px;

}

.banner-w3layouts1 h4 {

    font-size: 15px;

    width: 290px;

    margin: 10px auto;

}

section.service-wthree .nav-tabs.nav-justified>li>a {

    padding: 5px 3px;

    font-size: 16px;

    width: 102%;

}

section.service-wthree .nav-tabs.nav-justified>li {

	width:150px;

}

section.gallery-w3ls .demo > li {

    width: 290px;

}

}



@media (max-width:640px) {

figure.effect-duke p a {

    margin-top: 35px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 143px;

}

section.gallery-w3ls .demo > li {

    width: 276px;

}

.osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

    top: 11em;

}

.sb-search.sb-search-open, .no-js .sb-search {

    width: 40%;

}

}



@media (max-width:600px) {

.fsbanner {

	height:250px;	

}

.sb-search.sb-search-open, .no-js .sb-search {

    width: 40%;

}

.col-lg-4.col-md-4.col-sm-4.blog-agile1, .col-lg-4.col-md-4.col-sm-4.blog-agile2, .col-lg-4.col-md-4.col-sm-4.blog-agile3 {

    width: 80%;

}

figure.effect-duke p a {

    margin-top: 50px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 134px;

}

section.service-wthree .nav-tabs.nav-justified>li>a {

    padding: 5px 3px;

    font-size: 14px;

    width: 102%;

}

section.gallery-w3ls .demo > li {

    width: 256px;

}

.banner-w3layouts1 h4 {

    font-size: 15px;

    width: 290px;

    margin: 10px auto;

}

.banner-w3layouts1 {

    top: 29%;

}

}



@media (max-width: 568px) {

section.banner-w3ls {

    height: 257px;

}

.navbar-brand h1 {

    font-size: 28px;

}

.banner-w3layouts1 {

    top: 29%;

}

.banner-w3layouts1 p.agileinfo2 {

	display:none;

}

.osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

    top: 10em;

}

.fsbanner {

    height: 220px;

}

.info-w3-agileits {

    margin-left: -40px;

}

section.inner-banner .header {

    height: 185px!important;

}

h2.inner-header {

    font-size: 30px;

    top: 80px;

}

section.service-w3ls h3.text-center, section.service-wthree h3.text-center, section.gallery-w3ls h3.text-center, section.team-w3ls h3.text-center {

    font-size: 30px;

}

section.special-w3ls, section.blog-w3ls, section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls, section.contact-w3ls {

    padding: 30px 0;

}

section.service-wthree .nav-tabs.nav-justified>li>a i.fa {

	display:none;

}

section.blog-w3ls h3.text-center {

    font-size: 35px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 126px;

}

section.gallery-w3ls .demo > li {

    width: 240px;

}

div.map iframe.googlemaps {

    width: 100%;

    height: 210px;

}

textarea#message {

    height: 160px;

}

section.footer-w3ls a.footer-logo h3 {

    font-size: 30px;

}

section.footer-w3ls {

    padding: 20px 0 20px;

}

.banner-w3layouts1 h3 {

    font-size: 18px;

    padding: 0px;

    line-height: 30px;

}

}



@media (max-width:480px) {

.banner-w3layouts1 h3 {

    font-size: 17px;

    line-height: 30px;

}

.banner-w3layouts1 {

	top:29%;

}

.banner-w3layouts1 p.agileinfo1 {

    padding: 0;

    font-size: 13px;

}

.fsbanner {

    height: 200px;

}

section.special-w3ls h2 {

    font-size: 30px;

    padding: 15px 0 10px;

}

.info-w3ls {

    padding: 40px 0;

}

section.info-agile h3.text-center {

    font-size: 28px;

    padding-bottom: 10px;

}

.info-w3-agileits {

    margin-left: -30px;

}

.col-lg-4.col-md-4.col-sm-4.blog-agile1, .col-lg-4.col-md-4.col-sm-4.blog-agile2, .col-lg-4.col-md-4.col-sm-4.blog-agile3 {

    width: 100%;

}

.navbar-brand {

    padding: 10px 10px;

    margin-bottom: 10px;

    margin-left: 10px;

}

.navbar-toggle {

	margin-right:0;

}

.sb-search.sb-search-open, .no-js .sb-search {

    width: 55%;

}

section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

    height: 40px;

    font-size: 15px;

    line-height: 0;

    text-align: center;

}

section.footer-w3ls .subscribe input#mail {

    font-size: 15px;

    height: 40px;

}

section.service-wthree .nav-tabs.nav-justified>li>a {

    padding: 5px 0px;

    font-size: 14px;

    width: 102%;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 104px;

}

section.gallery-w3ls .demo > li {

    width: 196px;

}

section.team-w3ls .slide-item span.title {

	margin: 15px 10px 20px;

    text-align: center;

    padding: 5px 0;

}

section.team-w3ls .slide-item .author {

	margin: 10px 10px;

	text-align:center;

}

.icons.main-grid-border {

    padding-top: 20px;

}

h3.icon-subheading {

    font-size: 20px;

    margin: 15px 0;

}

.sb-search {

    right: 75px;

}

}



@media (max-width: 414px) {

section.banner-w3ls {

    height: 223px;

}

.navbar-brand h1 {

    font-size: 25px;

}

.navbar-brand {

    padding: 0px 0px;

    margin-bottom: 0px;

    margin-left: 5px;

    margin-top: 15px;

	height:0;

}

.banner-w3layouts1 {

    top: 31%;

}

.banner-w3layouts1 h4 {

    font-size: 15px;

    width: 295px;

    margin: 10px auto;

}

.banner-w3layouts1 p.agileinfo1 {

	display:none;

}

.sb-search {

    right: 80px;

    top: 15px;

}

.sb-search.sb-search-open, .no-js .sb-search {

    width: 80%;

}

.osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

    top:117px;

}

.osSlider-main:hover .slider-btn-prev {

    left: 10px;

}

.osSlider-main:hover .slider-btn-next {

    right: 10px;

}

section.info-agile h3.text-center {

    font-size: 25px;

    padding-bottom: 10px;

}

.info-w3-agileits {

    margin-left: -15px;

}

figure.effect-duke p a {

    margin-top: 20px;

}

section.blog-w3ls h3.text-center {

    font-size: 30px;

}

section.blog-w3ls a.blog-link {

    font-size: 20px;

}

section.footer-w3ls .subscribe input#mail {

	width:100%;

}

section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

    width: 100%;

}

section.info-agile {

	background-size:cover;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	-ms-background-size:cover;	

}

section.blogpost-w3ls .ctitle {

    font-size: 23px;

}

section.blogpost-w3ls .mtb {

    margin-top: 30px;

    margin-bottom: 15px;

}

section.service-w3ls p.text-center, section.service-wthree p.text-center, section.gallery-w3ls p.text-center, section.team-w3ls p.text-center {

    font-size: 14px;

    line-height: 30px;

    padding-bottom: 20px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 87px;

}

section.gallery-w3ls .demo > li {

    width: 346px;

}

.col-lg-3.col-md-3.col-sm-6.wthree1, .col-lg-3.col-md-3.col-sm-6.wthree2, .col-lg-3.col-md-3.col-sm-6.wthree3, .col-lg-3.col-md-3.col-sm-6.wthree4 {

    width: 100%;

    float: left;

}

.col-lg-3.col-md-3.col-sm-6.wthree1, .col-lg-3.col-md-3.col-sm-6.wthree2, .col-lg-3.col-md-3.col-sm-6.wthree3 {

	margin-bottom:30px;

}

section.team-w3ls .slide-item .author {

    margin: 10px 20px;

    text-align: center;

}

section.team-w3ls .modal-header h4 {

    font-size: 20px;

}

section.team-w3ls .modal-header .close {

    margin-top: -7px;

    padding: 0;

    margin-bottom: 0;

	font-size:35px;

}

.fsbanner {

    height: 180px;

}

section.team-w3ls .slide-item span.title {

    margin: 65px 20px 60px;

    text-align: center;

    padding: 10px 0;

}

}



@media (max-width:384px) {

section.banner-w3ls {

    height: 206px;

}

.banner-w3layouts1 {

    top: 36%;

}

.banner-w3layouts1 h3 {

    font-size: 16px;

    padding: 0px 10px;

    line-height: 25px;

}

.banner-w3layouts1 h4 {

    font-size: 13px;

    width: 293px;

    margin: 5px auto 0;

}

.osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

    top: 110px;

}

.osSlider-main .slider-btn-prev {

    background: url(../images/Tleft.png) no-repeat;

    background-size: 100%;

    width: 30px;

    height: 30px;

}

.osSlider-main .slider-btn-next {

    background: url(../images/Tright.png) no-repeat;

    background-size: 100%;

    width: 30px;

    height: 30px;

}

section.special-w3ls h2 {

    font-size: 26px;

    padding: 15px 0 10px;

}

section.info-agile h3.text-center {

    font-size: 27px;

    padding-bottom: 10px;

}

figure.effect-duke p a {

	padding: 20px 30px;

}

section.blogpost-w3ls .ctitle {

    font-size: 20px;

}

section.blogpost-w3ls p.blogpost-p1 {

    font-size: 11px;

    line-height: 25px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 80px;

}

section.gallery-w3ls .demo > li {

    width: 317px;

}

h2.inner-header {

    font-size: 26px;

    top: 85px;

}

section.contact-w3ls h3 {

    font-size: 28px;

}

}



@media (max-width: 375px) {

section.banner-w3ls {

    height: 201px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 77px;

}

section.gallery-w3ls .demo > li {

    width: 307px;

}

section.contact-w3ls h3 {

    font-size: 27px;

}

}



@media (max-width: 320px) {

section.banner-w3ls {

    height: 170px;

}

.navbar-brand h1 {

    font-size: 25px;

}

.navbar-brand {

	margin-left: 5px;

    margin-top: 10px;

}

.navbar-toggle {

	width: 40px;

    height: 30px;

	padding:0;

}

.banner-w3layouts1 h3 {

    font-size: 15px;

    padding: 0px 10px;

    line-height: 25px;

}

.banner-w3layouts1 h4 {

    font-size: 13px;

    width: 255px;

    margin: 5px auto 0;

}

.osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

    top: 102px;

}

.osSlider-main .slider-nav {

	bottom:4px;

}

.sb-search {

    right: 75px;

    top: 7px;

}

.osSlider-main .slider-nav li {

    display: inline-block;

    height: 17px;

    line-height: 16px;

    padding: 0 5px;

    margin: 0 5px;

    font-size: 11px;

}	

.fsbanner {

    height: 160px;

}

section.special-w3ls h2 {

    font-size: 22px;

    padding: 15px 0 10px;

}

section.special-w3ls p {

    font-size: 13px;

    text-align: center;

}

section.info-agile h3.text-center {

    font-size: 22px;

    padding-bottom: 10px;

}

.info-w3ls {

    padding: 30px 0;

}

.col-xs-4.info-w3layouts1,.col-xs-8.info-w3layouts2 {

    width: 100%;

    float: left;

	text-align:center;

}

.col-xs-4.info-w3layouts1 {

	padding-bottom:20px;

}

section.blog-w3ls h3.text-center {

    font-size: 27px;

}

.grid figure h4 {

	font-size:22px;

}

figure.effect-duke p a {

    padding: 10px 30px;

    margin-top: 10px;

}

section.blog-w3ls p.text-center {

    font-size: 13px;

    padding-bottom: 30px;

}

section.info-agile p.text-center {

    font-size: 13px;

}

.stats-grid h4 {

    font-size: 13px;

}

.info-grid2 p {

    font-size: 13px;

}

section.blog-w3ls a.blog-link {

    font-size: 16px;

	padding-bottom:5px;

}

section.blog-w3ls p.blog-p2 {

    font-size: 13px;

}

section.footer-w3ls p.footer-w3-agileits1 {

    font-size: 13px;

}

section.footer-w3ls a.footer-logo {

    padding-bottom: 7px;

}

section.footer-w3ls p.footer-w3-agileits3 {

    font-size: 13px;

}

section.footer-w3ls .subscribe {

    padding: 20px 20px;

}

section.footer-w3ls .subscribe input#mail,section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

    font-size: 14px;

}

section.footer-w3ls p.footer-w3-agileits2 {

    font-size: 13px;

}

section.inner-banner .header {

    height: 165px!important;

}

h2.inner-header {

    font-size: 20px;

    top: 77px;

}

section.blogpost-w3ls .ctitle {

    font-size: 16px;

	padding:15px 0;

}

section.blogpost-w3ls p.blogpost-p1 {

    font-size: 10px;

    line-height: 23px;

}

section.blogpost-w3ls p.blogpost-p2 {

    font-size: 13px;

    padding: 5px 0 5px;

}

section.blogpost-w3ls blockquote {

    font-size: 13px;

}

section.blogpost-w3ls h4.blogpost-agile1 {

    font-size: 17px;

    padding-bottom: 10px;

}

section.blogpost-w3ls button.btn.btn-primary {

    width: 200px;

    height: 40px;

    font-size: 14px;

}

section.blogpost-w3ls h4.media-heading {

    font-size: 15px;

}

section.blogpost-w3ls .popular-posts li a {

	font-size:13px;

}

section.blogpost-w3ls h4.blogpost-agile2 {

    font-size: 18px;

}

section.blogpost-w3ls .btn-theme {

	font-size:13px;

	padding:5px 15px;

}

section.service-w3ls h3.text-center, section.service-wthree h3.text-center, section.gallery-w3ls h3.text-center, section.team-w3ls h3.text-center {

    font-size: 27px;

	padding-bottom:7px;

}

section.service-w3ls p.text-center, section.service-wthree p.text-center, section.gallery-w3ls p.text-center, section.team-w3ls p.text-center {

    font-size: 13px;

}

section.service-w3ls h5 {

    font-size: 23px;

    padding: 10px 0 5px;

}

section.service-w3ls p.serv-agile {

    font-size: 13px;

}

section.service-wthree .nav-tabs.nav-justified>li {

    width: 64px;

}

section.service-wthree h4 {

    font-size: 22px;

    padding: 10px 0 5px;

}

section.special-w3ls, section.blog-w3ls, section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls, section.contact-w3ls {

    padding: 25px 0;

}

section.service-wthree p.serv-w3-agileits {

    font-size: 13px;

}

section.gallery-w3ls .demo > li {

    width: 253px;

}

section.team-w3ls .modal-header h4 {

    font-size: 18px;

}

section.team-w3ls .modal-body p {

    font-size: 13px;

    padding: 10px 0px;

}

.navbar-toggle .icon-bar {

	margin:0 auto;

}

h3.agileits-icons-title {

    font-size: 25px;

    padding: 0;

}

h3.icon-subheading {

    font-size: 17px;

    margin: 15px 0;

}

.navbar-toggle {

    margin-right: 5px;

	margin-top:10px;

}

section.contact-w3ls p.contact-agileits {

    font-size: 13px;

}

section.contact-w3ls h3 {

    font-size: 24px;

}

input#firstname, input#lastname, input#phone, input#email {

    height: 40px;

}

input#firstname, input#lastname, input#phone, input#email, textarea#message {

    font-size: 14px;

}

section.contact-w3ls button.btn.btn-primary {

    height: 40px;

    font-size: 16px;

    line-height: 0;

    width: 100%;

}

section.team-w3ls .slide-item span.title {

    margin: 30px 20px 40px;

    text-align: center;

    padding: 10px 0;

}

}











/*-- responsive design --*/

hr{

	    
}
.footer-w3ls a{

	color: #000000;
}

h6{

	color: white;
    font-style: italic;
    font-size: 1.1em;
}
.imp{

	color: #e00000;
    font-weight: bold;
}
.navbar-toggle {
	background-color: black;
}

 /* Style for the marquee container */
.scrollnote{
    overflow: hidden;
    position: relative;
  
	width: 100%;
    height: 25px;
    background-color: #047004;
    color: white;
}

  
        

        /* Style for the marquee content */
        .marquee-content {
            display: inline-block;
		    width: max-content;
		 
		
		    white-space: nowrap; /* Prevent line breaks */
		    position: absolute;
		    left: 100%;
		
        }

   

  /* ///Style for the marquee container */

  marquee a { color: #ffffff; }

  marquee a:active,a:hover {
    color: #ffffff;
}