body {
	margin: 0;
	font-family: 'Poppins', sans-serif;
	background: #fff;
}

body a {
	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;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0;
	font-size: 1em;
}

ul,
label {
	margin: 0;
	padding: 0;
}

body a:hover {
	text-decoration: none;
}

.logo img {
	display: inline-block;
}

/*--header--*/
#home {
	background: url("../images/banner.jpg") no-repeat 0px 0px;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-background-size: cover;
	min-height: 800px;
}

.header-top {
	padding: 2em 0 0em 0;
}

.logo a {
	display: block;
}

.banner-w3-info {
	margin: 20em auto 0;
	text-align: center;
}

.banner-w3-info p {
	font-size: 1.2em;
	margin: 2em auto;
	text-align: center;
	color: #fff;
	width: 49%;
	line-height: 2em;
}

.logo {
	position: relative;
	width: 30%;
	text-align: center;
	margin: 0 auto;
}

.top-menu {
	margin-top: 23px;
}

.logo a h1 {
	color: #1ca0de;
	font-size: 3.5em;
	font-weight: 700;
}

/* Surinami */
.link--surinami {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 4em;
	color: #fff;
	padding: 16px 0;

}

.link--surinami::before,
.link--surinami::after {
	content: '';
	width: 100%;
	height: 3px;
	z-index: -1;
	background: #fff;
	position: absolute;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	z-index: 999;
}

.link--surinami::before {
	right: 0;
	top: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.link--surinami::after {
	left: 0;
	bottom: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.link--surinami:hover::before,
.link--surinami:hover::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.link--surinami span {
	position: relative;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.link--surinami:hover span {
	color: transparent;
}

.link--surinami span::before,
.link--surinami span::after {
	position: absolute;
	color: #fff;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.link--surinami span::before {
	content: attr(data-letters-l);
	left: 0;
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

.link--surinami span::after {
	content: attr(data-letters-r);
	right: 0;
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

.link--surinami:hover span::before,
.link--surinami:hover span::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tlinks {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

p.top-para {
	text-align: right;
	font-weight: 400;
	color: #343A4E;
}

.main-nav {
	margin-top: 0;
	float: none;
	text-align: center;
	margin: 0 auto;
}

/*-- Navbar --*/
.navbar-default {
	border: none;
	margin-bottom: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 99999;
	border-radius: 0;
	margin: 0 auto;
	text-align: center;
	background: none !important;
}

.navbar-right {
	float: none !important;
	margin-right: 0px !important;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #00BCD4;
}

/*-- //Logo --*/
/*-- Navbar-Links --*/
.top-nav a {
	position: relative;
	display: inline-block;
	margin: 0px;
	text-decoration: none;
}

.top-nav a:hover,
.top-nav a:focus {
	outline: none;
}

.hover-effect {
	width: 110px;
	background-color: transparent;
	cursor: pointer;
	border-color: #FFF;
}

a.hover-effect {
	margin: 0 5px;
}

.hover-effect:hover {
	border-color: #00BCD4;
}

.hover-effect span:nth-child(1) {
	color: #FFF;
}


.hover-effect span:nth-child(2) {
	color: #00BCD4;
}

.hover-effect span {
	font-size: 1em;
	letter-spacing: 3px;
}

.hover-effect {
	position: relative;
	box-sizing: border-box;
	padding: 0;
	border-style: none;
	height: 58px;
	display: inline-block;
}

.hover-effect span {
	position: absolute;
	box-sizing: border-box;
	display: block;
}

.hover-effect>span>span:nth-child(3),
.hover-effect:before,
.hover-effect:after,
.hover-effect>:first-child,
.hover-effect>:first-child:before,
.hover-effect>:first-child:after {
	border-color: inherit;
	display: block;
	-moz-transition: border-color 0.3s ease;
	-webkit-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
}

.hover-effect:before,
.hover-effect:after,
.hover-effect>:first-child:before,
.hover-effect>:first-child:after {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	position: absolute;
	box-sizing: border-box;
	content: ' ';
}

.hover-effect>span>span:nth-child(3),
.hover-effect:before,
.hover-effect:after,
.hover-effect>:first-child:before,
.hover-effect>:first-child:after {
	border-width: 3px;
}

.hover-effect>span>span:nth-child(3) {
	border-radius: 3px;
}

.hover-effect:before {
	border-radius: 3px 0 0 3px;
}

.hover-effect:after {
	border-radius: 0 3px 3px 0;
}

.hover-effect>:first-child:before {
	border-radius: 3px 3px 0 0;
}

.hover-effect>:first-child:after {
	border-radius: 0 0 3px 3px;
}

.hover-effect>:first-child {
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
}

.hover-effect>span span {
	width: inherit;
	text-align: center;
	-moz-transition: opacity 0.6s ease, top 0.5s ease;
	-webkit-transition: opacity 0.6s ease, top 0.5s ease;
	transition: opacity 0.6s ease, top 0.5s ease;
}

.hover-effect>span>span:nth-child(1) {
	opacity: 1;
	top: 18px;
}

.hover-effect>span>span:nth-child(2) {
	top: 37px;
	opacity: 0;
}

.hover-effect:hover>span>span:nth-child(1) {
	opacity: 0;
	top: 2px;
}

.hover-effect:hover>span>span:nth-child(2) {
	opacity: 1;
	top: 18px;
}

.hover-effect>span>span:nth-child(3) {

	top: 28%;
	height: 44%;
	width: inherit;
	border-style: none solid none solid;
}

.hover-effect:before,
.hover-effect:after {
	top: 0;
	width: 0;
	height: inherit;
	border-style: solid none solid none;
}

.hover-effect>:first-child:before,
.hover-effect>:first-child:after {
	left: 0;
	height: 0;
	width: inherit;
	border-style: none solid none solid;
}

.hover-effect:before {
	-webkit-animation-name: left-center;
	animation-name: left-center;
}

.hover-effect:after {
	-webkit-animation-name: right-center;
	animation-name: right-center;
}

.hover-effect>:first-child:before {
	-webkit-animation-name: center-top;
	animation-name: center-top;
}

.hover-effect>:first-child:after {
	-webkit-animation-name: center-bottom;
	animation-name: center-bottom;
}

.hover-effect:hover:before {
	-webkit-animation-name: center-left;
	animation-name: center-left;
}

.hover-effect:hover:after {
	-webkit-animation-name: center-right;
	animation-name: center-right;
}

.hover-effect:hover>:first-child:before {
	-webkit-animation-name: top-center;
	animation-name: top-center;
}

.hover-effect:hover>:first-child:after {
	-webkit-animation-name: bottom-center;
	animation-name: bottom-center;
}

@-webkit-keyframes center-left {
	0% {
		left: 40%;
		width: 8%;
		opacity: 0.2;
	}

	25% {
		left: 25%;
		width: 15%;
	}

	50% {
		left: 0%;
		width: 30%;
	}

	80% {
		left: 0%;
		width: 0%;
	}

	100% {
		left: 0%;
		width: 0%;
		opacity: 1;
	}
}

@-webkit-keyframes left-center {
	0% {
		left: 0%;
		width: 0%;
		opacity: 1;
	}

	20% {
		left: 0%;
		width: 0%;
	}

	50% {
		left: 0%;
		width: 30%;
	}

	55% {
		left: 40%;
		width: 11%;
	}

	100% {
		left: 43%;
		width: 8%;
		opacity: 0.2;
	}
}

@-webkit-keyframes center-right {
	0% {
		left: 52%;
		width: 8%;
		opacity: 0.2;
	}

	25% {
		left: 60%;
		width: 15%;
	}

	50% {
		left: 70%;
		width: 30%;
	}

	80% {
		left: 100%;
		width: 0%;
	}

	100% {
		left: 100%;
		width: 0%;
		opacity: 1;
	}
}

@-webkit-keyframes right-center {
	0% {
		left: 100%;
		width: 0%;
		opacity: 1;
	}

	20% {
		left: 100%;
		width: 0%;
	}

	50% {
		left: 70%;
		width: 30%;
	}

	55% {
		left: 49%;
		width: 11%;
	}

	100% {
		left: 49%;
		width: 8%;
		opacity: 0.2;
	}
}

@-webkit-keyframes top-center {
	0% {
		top: 0%;
		height: 0%;
		opacity: 0.2;
	}

	50% {
		top: 0%;
		height: 0%;
	}

	60% {
		top: 0%;
		height: 20%;
	}

	/*--w3layouts--*/
	/*--agileits--*/
	80% {
		top: 0%;
		height: 50%;
	}

	90% {
		top: 25%;
		height: 25%;
	}

	100% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}
}

@-webkit-keyframes center-top {
	0% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}

	10% {
		top: 25%;
		height: 25%;
	}

	20% {
		top: 0%;
		height: 50%;
	}

	40% {
		top: 0%;
		height: 20%;
	}

	50% {
		top: 0%;
		height: 0%;
	}

	100% {
		top: 0%;
		height: 0%;
		opacity: 0.2;
	}
}

@-webkit-keyframes bottom-center {
	0% {
		top: 100%;
		height: 0%;
		opacity: 0.2;
	}

	50% {
		top: 100%;
		height: 0%;
	}

	60% {
		top: 80%;
		height: 20%;
	}

	80% {
		top: 50%;
		height: 50%;
	}

	90% {
		top: 50%;
		height: 25%;
	}

	100% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}
}

@-webkit-keyframes center-bottom {
	0% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}

	10% {
		top: 50%;
		height: 25%;
	}

	20% {
		top: 50%;
		height: 50%;
	}

	40% {
		top: 80%;
		height: 20%;
	}

	50% {
		top: 100%;
		height: 0%;
	}

	100% {
		top: 100%;
		height: 0%;
		opacity: 0.2;
	}
}

@keyframes center-left {
	0% {
		left: 40%;
		width: 8%;
		opacity: 0.2;
	}

	25% {
		left: 25%;
		width: 15%;
	}

	50% {
		left: 0%;
		width: 30%;
	}

	80% {
		left: 0%;
		width: 0%;
	}

	100% {
		left: 0%;
		width: 0%;
		opacity: 1;
	}
}

@keyframes left-center {
	0% {
		left: 0%;
		width: 0%;
		opacity: 1;
	}

	20% {
		left: 0%;
		width: 0%;
	}

	50% {
		left: 0%;
		width: 30%;
	}

	55% {
		left: 40%;
		width: 11%;
	}

	100% {
		left: 43%;
		width: 8%;
		opacity: 0.2;
	}
}

@keyframes center-right {
	0% {
		left: 52%;
		width: 8%;
		opacity: 0.2;
	}

	25% {
		left: 60%;
		width: 15%;
	}

	50% {
		left: 70%;
		width: 30%;
	}

	80% {
		left: 100%;
		width: 0%;
	}

	100% {
		left: 100%;
		width: 0%;
		opacity: 1;
	}
}

@keyframes right-center {
	0% {
		left: 100%;
		width: 0%;
		opacity: 1;
	}

	20% {
		left: 100%;
		width: 0%;
	}

	50% {
		left: 70%;
		width: 30%;
	}

	55% {
		left: 49%;
		width: 11%;
	}

	100% {
		left: 49%;
		width: 8%;
		opacity: 0.2;
	}
}

@keyframes top-center {
	0% {
		top: 0%;
		height: 0%;
		opacity: 0.2;
	}

	50% {
		top: 0%;
		height: 0%;
	}

	60% {
		top: 0%;
		height: 20%;
	}

	80% {
		top: 0%;
		height: 50%;
	}

	90% {
		top: 25%;
		height: 25%;
	}

	100% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}
}

@keyframes center-top {
	0% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}

	10% {
		top: 25%;
		height: 25%;
	}

	20% {
		top: 0%;
		height: 50%;
	}

	40% {
		top: 0%;
		height: 20%;
	}

	50% {
		top: 0%;
		height: 0%;
	}

	100% {
		top: 0%;
		height: 0%;
		opacity: 0.2;
	}
}

@keyframes bottom-center {
	0% {
		top: 100%;
		height: 0%;
		opacity: 0.2;
	}

	50% {
		top: 100%;
		height: 0%;
	}

	60% {
		top: 80%;
		height: 20%;
	}

	80% {
		top: 50%;
		height: 50%;
	}

	90% {
		top: 50%;
		height: 25%;
	}

	100% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}
}

@keyframes center-bottom {
	0% {
		top: 50%;
		height: 0%;
		opacity: 1;
	}

	10% {
		top: 50%;
		height: 25%;
	}

	20% {
		top: 50%;
		height: 50%;
	}

	40% {
		top: 80%;
		height: 20%;
	}

	50% {
		top: 100%;
		height: 0%;
	}

	100% {
		top: 100%;
		height: 0%;
		opacity: 0.2;
	}
}

/*-- //Navbar-Links --*/

/*-- //Navbar --*/
/*--social-icons--*/
ul.social-icons {
	display: block;
	padding: 0;
	margin-top: 4em;
}

.social-icons li {
	display: inline-block;
}

.social-icons li a {
	background: url(../images/social-icons.png) no-repeat 2px 1px;
	display: block;
	height: 30px;
	width: 30px;
	margin-right: 1em;
	-webkit-transition: .5s all;
	transition: .5s all;
	-moz-transition: .5s all;
}

.social-icons li a:before {
	content: '';
	display: block;
	height: 30px;
	width: 30px;
	border: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.social-icons li a.fb {
	background-position: 2px -31px;
}

.social-icons li a.in {
	background-position: 3px -64px;
}

.social-icons li a.dott {
	background-position: 2px -97px;
}

.social-icons li a:hover::before {
	border-color: #00BCD4;
}

/*-- //Navbar-Links --*/
/*-- button --*/
.modal-body p {
	color: #777;
	text-align: center;
	margin: 0 !important;
	font-size: 1em;
	line-height: 2.2em;
	padding: 2em 1em;
}

.modal-body p i {
	color: #212121;
	margin: 1em 0 0;
	display: block;
}

.more a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	padding: 12px 30px;
	outline: none;
}

.more a:hover {
	color: #212121;
}

.more a span {
	left: 1em;
}

.modal-header {
	padding: 2em 0 0;
	border-bottom: none;
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #fff;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #00BCD4;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
	color: #212121;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/*-- //data-hover --*/

/*--responsive-design--*/
.modal-content {
	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;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-dialog {
	width: 651px;
	margin: 141px auto;
}

button.close {
	-webkit-appearance: none;
	padding: 15px;
}

.modal-header .close {
	margin-top: -46px;
}

.modal-header h4 {
	font-size: 2.5em;
	color: #00BCD4;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

/*--start-banner-top--*/
/*-- banner-bottom --*/
.banner-bottom {
	padding: 6em 0;
}

.inner-w3 {
	margin: 0 auto;
	text-align: center;
}

.inner-w3.w3l {
	margin-bottom: 5em;
}

h2.tittle {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	color: #444;
}

h2.tittle span {
	color: #00BCD4;
}

.about_left p {
	color: #777;
	font-size: 1em;
	line-height: 1.9em;
	margin: 1em 0;
	font-weight: 400;
}

.about_left h4 {
	color: #222;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 600;
}

h3.title {
	color: #444444;
	font-size: 3em;
	text-transform: uppercase;
	font-weight: bold;
}

h3.title.two {
	color: #fff;
}

h3.title span {
	width: 18%;
	background: #504E4F;
	height: 4px;
	display: block;
	margin-top: 26px;
	position: relative;
	margin: 23px auto 0px;
}

h3.title.two span.two {
	width: 18%;
	background: #fff;
	height: 4px;
	display: block;
	margin-top: 26px;
	position: relative;
	margin: 23px auto 0px;
}

h3.title span:after {
	content: ' ';
	position: absolute;
	background: #00BCD4;
	height: 4px;
	display: block;
	width: 92px;
	top: 4px;
}

.adt_grids {
	margin-top: 50px;
}

.about_left {
	padding: 0;
}

.bottom-gds:nth-child(3),
.bottom-gds:nth-child(4) {
	margin-top: 30px;
}

.creative {
	background: url(../images/2.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height: 428px;
	padding: 56px 60px 0;
}

.progress {
	height: 8px;
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #00BCD4;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}

.progress-gds {
	margin-top: 18px;
}

.progress-gds h5 {
	color: #000;
	font-size: 15px;
	margin-bottom: 17px;
}

.creative h4 {
	font-size: 24px;
	color: #000;
	margin-bottom: 26px;
}

.creative p {
	color: #000;
	font-size: 21px;
	line-height: 1.8em;
	font-style: italic;
}

/*-- //banner-bottom --*/
/*--featured--*/
.features {
	padding: 7em 0;
	background-color: #222;
}

.features-text h3 {
	color: #AF2D39;
	font-size: 3em;
	font-weight: bold;
	line-height: 1.6em;
	text-align: left;
}

.workout-featured .workout-exercises {
	margin-top: 40px;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

ul.workout-exercises li {
	position: relative;
	padding: 8px 0 10px 210px;
	margin: 0;
	list-style: none;
}

ul.workout-exercises li:nth-child(1):before {
	content: '1';
}

ul.workout-exercises li:nth-child(2):before {
	content: '2';
}

ul.workout-exercises li:nth-child(3):before {
	content: '3';
}

ul.workout-exercises li:before {
	content: '';
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 17px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 75px;
}

ul.workout-exercises li:after {
	content: '';
	width: 2px;
	background-color: #fff;
	position: absolute;
	top: 40px;
	left: 94px;
	bottom: 0;
}

ul.workout-exercises li:last-child {
	padding-bottom: 0;
}

ul.workout-exercises li:last-child:after {
	display: none;
}

ul.workout-exercises p {
	color: #fff;
	line-height: 1.9em;
	margin: 1em 0;
	font-size: 1em;
}

ul.workout-exercises h4 {
	color: #00BCD4;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.6em;
}

.features-text h4 {
	color: #000;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.6em;
	width: 60%;
	text-align: left;
}

.features-text h4.white {
	color: #fff;
}

.features-text p {
	color: #717171;
	line-height: 1.9em;
	margin: 1em 0;
	font-size: 1em;
}

/*--services--*/
.services-left {
	min-height: 800px;
	background: url(../images/img1.jpg)no-repeat 0px 0px;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	border-bottom: 7px solid rgba(17, 17, 17, 0.71);
	padding: 14% 0;
}

.agile-info {
	background: rgba(255, 255, 255, 0.54);
	margin: 0 auto;
	width: 54%;
	padding: 2em 1em;
}

.services-right {
	padding: 0;
}

.services-grid-a {
	min-height: 400px;
	background: url(../images/img2.jpg)no-repeat 0px 0px;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	padding: 10% 0;
	border-bottom: 7px solid rgba(17, 17, 17, 0.71);
}

.services-grid-b {
	min-height: 400px;
	background: url(../images/img3.jpg)no-repeat 0px 0px;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	padding: 10% 0;
	border-bottom: 7px solid rgba(17, 17, 17, 0.71);
}

.service h4 {
	font-size: 1.6em;
	text-align: center;
	color: #222;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
}

.service p {
	color: #333;
	text-align: center;
	margin: 0 auto;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.8em;
}

/* Radial Out */
.hvr-radial-out {
	display: block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(39, 160, 216, 0.67);
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.services-grid-right-grid:before {
	background: #00BCD4;
	color: #fff;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
	color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:active:before,
.services-grid1:hover .hvr-radial-out:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.hvr-radial-out:focus:before {
	outline: none;
}

.services-grid-right-grid {
	width: 60px;
	height: 60px;
	background: #fff;
	border: 3px solid #00BCD4;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}

.services-grid-right-grid span {
	color: #444;
	font-size: 1.2em;
	top: 21px;
}

.services-grid-right-grid:hover span {
	color: #fff;
	font-size: 1.2em;
	top: 21px;
}

.services-grid-right {
	text-align: center;
}

#service {
	padding-top: 6em;
}

/*--//services--*/
/*--/staff--*/
#staff {
	padding: 7em 0;
}

.staff-section {
	margin-top: 3em;
}

.staff-grid {
	text-align: center;
}

.staff-grid:nth-child(2),
.staff-grid:nth-child(3) {
	margin-top: 6em;
}

.staff-grid h4 {
	font-size: 2em;
	text-align: center;
	color: #444;
	font-weight: 600;
	text-transform: none;
	margin: 1em 0 0.3em 0;
}

.staff-grid p {
	line-height: 1.9em;
	font-size: 1em;
	color: #777;
	margin: 0.5em 0;
}

/*--social-icons--*/
ul.social-icons3 {
	display: block;
	padding: 0;
	margin-top: 1em;
}

.social-icons3 li {
	display: inline-block;
}

.social-icons3 li a {
	background: url(../images/social-icons.png) no-repeat 1px -31px #4D669C;
	display: block;
	height: 30px;
	width: 30px;
	margin-right: 1em;
	-webkit-transition: .5s all;
	transition: .5s all;
	-moz-transition: .5s all;
	margin-right: 1em;
	-webkit-transition: .5s all;
	transition: .5s all;
	-moz-transition: .5s all;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
}

.social-icons3 li a.fb {
	background: url(../images/social-icons.png) no-repeat 2px 2px #63CEF7;
}

.social-icons3 li a.in {
	background: url(../images/social-icons.png) no-repeat 3px -63px #FF6347;
}

.social-icons3 li a.dott2 {
	background: url(../images/social-icons.png) no-repeat 1px -95px #00BCD4;
}

.social-icons3 li a:hover::before {
	border-color: #00FFFF;
}

.social-icons3 li a:hover {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}

.view {
	width: 250px;
	height: 250px;
	margin: 10px 10px 25px 10px;
	float: left;
	border: 5px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px #aaa;
	cursor: default;
}

.view .mask,
.view .content {
	width: 250px;
	height: 250px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.view img {
	display: block;
	position: relative;
}

.view a.info {
	background: url(../img/link.png) center no-repeat;
	display: inline-block;
	text-decoration: none;
	padding: 0;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

/* FIFTH EFFECTS */
.fifth-effect img {
	opacity: 0.9;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.fifth-effect .mask {
	cursor: pointer;
	opacity: 0.8;
	visibility: visible;
	border: 520px solid rgba(0, 0, 0, 0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	-webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	-o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	-ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}

.fifth-effect:hover .mask {
	border: 0px double rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
}

.fifth-effect:hover img {
	opacity: 1;
}

/*--//staff--*/
#news {
	padding: 7em 0;
	background: #f7f7f7;
}

.inner-w3.agl {
	margin-bottom: 4em;
}

.content-in {
	width: 25%;
	float: left;
}

/*----*/
.text-desc {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00BCD4;
	height: 100%;
	opacity: 0;
	width: 100%;
	padding: 20px;
}

/* effect-7 css */
.port {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
}

.port .text-desc {
	opacity: 0;
	transition: 0.5s;
	color: #fff;
}

.port .text-desc h6 {
	font-size: 1.7em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.port .text-desc p {
	font-size: 1em;
	line-height: 1.9em;
}

.port.effect-1 img {
	transition: 0.5s;
	position: relative;
	width: 100%;
	left: 0;
}

.port.effect-1:hover img {
	left: 50%;
}

.port.effect-1 .text-desc {
	transform: perspective(600px) rotateY(90deg);
	transform-origin: left center 0;
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 6em 0.7em;
}

.port.effect-1:hover .text-desc {
	opacity: 1;
	transform: perspective(600px) rotateY(0deg);
	z-index: 99;
}

.text-desc h5 {
	margin-top: 1em;
}

/* effect-7 css end */
/*-- gallery --*/
.gallery_gds {
	margin-top: 60px;
}

.gallery {
	padding: 6em 0;
}

.item {
	text-align: center;
	position: relative;
}

.item,
.item-hover,
.item-hover .mask,
.item-img,
.item-info {
	width: 100%;
	height: 291px;
}

.item-hover,
.item-hover .mask,
.item-img {
	position: absolute;
	top: 0;
	left: 0;
}

.item-info {
	padding-top: 70px;
}

.item-type-double .item-hover {
	z-index: 5;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	opacity: 0;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-align: center;
}

.item-type-double .item-info {
	z-index: 10;
	color: #ffffff;
	vertical-align: middle;
	position: relative;
	z-index: 5;
	text-align: center;
	width: 100%;
}

.item-type-double .item-info .headline {
	font-size: 15px;
	width: 90%;
	margin: 0 auto;
}

.item-type-double .item-info .line {
	height: 2px;
	width: 0%;
	margin: 15px auto;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.item-type-double .item-info .date {
	font-size: 35px;
	color: #00BCD4;
	font-weight: bold;
	text-transform: uppercase;
}

.item-type-double .item-hover .mask {
	background-color: #000;
	opacity: 0.6;
	z-index: 0;
}

.item-type-double .item-hover:hover .line {
	width: 90%;
}

.item-type-double .item-hover:hover {
	opacity: 1;
}

.item-img {
	z-index: 0;
}

.filtr-item {
	padding-top: 30px;
}

/*-- //gallery --*/
.item-desc {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	padding: 1em;
	z-index: 1;
	bottom: 1em;
	left: 1em;
	right: 1em;
}

/* Filter controls */
.simplefilter li,
.multifilter li,
.sortandshuffle li {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 9px 23px;
	font-size: 14px;
	margin: 0 0.4em;
	letter-spacing: 1px;
	background: #444;
}

.simplefilter li {}

.simplefilter li.active {
	color: #FFFFFF;
	background: #00BCD4;
}

.item-img img {
	width: 100%;
}

/* Shuffle and sort controls */
select {
	padding: 1rem 1rem;
	text-transform: uppercase;
}

.sortandshuffle .shuffle-btn {
	background-color: #dec800;
}

.sortandshuffle .sort-btn {
	background-color: #de0000;
}

.sortandshuffle .sort-btn.active {
	background-color: #9d0000;
}

/*----*/
ul.simplefilter {
	text-align: center;
	margin-bottom: 1em;
}

/*--video--*/
.video {
	background: url("../images/banner.jpg") no-repeat 0px 0px;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-background-size: cover;
	min-height: 400px;
	text-align: center;
}

.video span.glyphicon.glyphicon-play-circle {
	top: -50px;
	left: -50%;
	font-size: 60px;
}

.video button.btn.btn-primary {
	background-color: transparent;
	border: none;
	font-size: 30px;
	outline: none;
	border-radius: 0;
	font-weight: 200;
}

.v-w3 {
	padding: 12em 0 0 0;
}

.video iframe {
	width: 100%;
	height: 335px;
}

button.v-b {
	background: none;
	border: none;
	padding: 0;
	color: #fff;
	font-size: 2em;
	outline: none;
}

/*-- contact --*/
.mail_us {
	margin-bottom: 70px;
	margin-top: 51px;
}

ul.social-icons.two {
	display: block;
	padding: 0;
	margin-top: 2em;
}

.navbar-default .navbar-nav>li>a.active {
	color: #F2593A !important;
}

.mail_left img {
	width: 100%;
}

.mail_right input[type="text"],
.mail_right input[type="email"],
.mail_right textarea {
	background: none;
	width: 100%;
	color: #777;
	padding: 12px 10px;
	border: none;
	margin-bottom: 21px;
	outline: none;
	border-bottom: 2px solid #00BCD4;
}

.mail_right textarea {
	height: 200px;
	resize: none;
}

.mail_right input[type="submit"] {
	border: none;
	outline: none;
	color: #fff;
	background: #212322;
	font-size: 16px;
	padding: 13px 40px;
}

.mail_right input[type="submit"]:hover {
	background: #00BCD4;
	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;
	color: #fff;
}

.contact iframe {
	width: 100%;
	height: 400px;
	outline: none;
}

.mail_right {
	background: #FDFFFE;
	padding: 2em;
	width: 58%;
}

/*-- footer --*/
.footer {
	background: #212322;
	padding: 6em 0 5em 0;
}

.footer_top ul li {
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	line-height: 2em;
	list-style-type: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 20px;
}

.footer_top ul {
	margin: 45px 0 45px;
	border-bottom: 1px solid #fff;
	padding-bottom: 30px;
}

.footer_top ul li a {
	color: #B3B3B3;
	text-decoration: none;

}

/*-- //footer --*/
.copy_right p {
	color: #A7A7AB;
	font-size: 0.9em;
	line-height: 1.9em;
	margin: 1em 0;
}

.copy_right p a {
	color: #00BCD4;
	text-decoration: none;
}

/*-- //contact --*/
/*-- //footer --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 35px;
	height: 35px;
	border: none;
	text-indent: 100%;
	background: url(../images/move-top.png) no-repeat 0px 0px;
}

/*-- //single --*/
/*---- responsive-design -----*/
@media(max-width:1440px) {}

@media(max-width:1366px) {
	.staff-grid h4 {
		font-size: 1.8em;
	}
}

@media(max-width:1280px) {
	.port .text-desc p {
		font-size: 0.87em;
		line-height: 1.9em;
	}

	.port .text-desc h6 {
		font-size: 1.4em;
		margin-bottom: 0.2em;
		font-weight: bold;
	}

	h2.tittle {
		font-size: 1.8em;
	}

	.about_left h4 {
		font-size: 1.2em;
	}

	.creative p {
		font-size: 17px;
	}

	h3.title {
		font-size: 2.5em;
	}
}

@media(max-width:1080px) {
	.view {
		width: 200px;
		height: 200px;
		margin: 10px 5px 25px 5px;
	}

	.view .mask,
	.view .content {
		width: 200px;
		height: 200px;
	}

	.staff-grid h4 {
		font-size: 1.5em;
	}

	.banner-w3-info p {
		font-size: 1em;
		margin: 1em auto;
		width: 49%;
	}

	#home {
		min-height: 700px;
	}

	.banner-w3-info {
		margin: 11em auto 0;
	}

	h2.tittle {
		font-size: 1.6em;
	}

	ul.workout-exercises h4 {
		font-size: 1.2em;
	}

	.agile-info {
		margin: 0 auto;
		width: 83%;
		padding: 2em 1em;
	}

	#service {
		padding-top: 5em;
	}

	#news,
	.features,
	#staff {
		padding: 6em 0;
	}

	.port.effect-1 .text-desc {
		padding: 1em 0.5em;
	}

	.text-desc h5 {
		margin-top: 0.3em;
		font-size: 0.88em;
	}

	.banner-bottom,
	.gallery {
		padding: 5em 0;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 236px;
	}

	.item-info {
		padding-top: 35px;
	}

	.item-type-double .item-info .date {
		font-size: 29px;
	}

	.services-left {
		min-height: 800px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 27% 0;
	}

	.footer {
		padding: 5em 0 5em 0;
	}

	.video {
		min-height: 363px;
		text-align: center;
	}
}

@media(max-width:991px) {
	.about_right {
		padding: 0;
		margin-top: 2em;
	}

	.features-right {
		padding: 0;
		margin-top: 2em;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 8px 0 10px 155px;
	}

	.services-left {
		min-height: 500px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 17% 0 0 0;
	}

	.agile-info {
		margin: 0 auto;
		width: 61%;
		padding: 2em 1em;
	}

	.view {
		width: 250px;
		height: 250px;
		margin: 10px 18px 20px 36px;
	}

	.staff-grid {
		float: left;
		width: 50%;
	}

	.staff-grid:nth-child(2),
	.staff-grid:nth-child(3) {
		margin-top: 0em;
	}

	.staff-grid:nth-child(3),
	.staff-grid:nth-child(4) {
		margin-top: 2em;
	}

	h3.title span {
		width: 30%;
		height: 4px;
		margin: 15px auto 0px;
	}

	#news,
	.features,
	#staff {
		padding: 5em 0;
	}

	.content-in {
		width: 50%;
		float: left;
	}

	.port.effect-1 .text-desc {
		padding: 11em 0.5em;
	}

	.video {
		min-height: 300px;
	}

	.video button.btn.btn-primary {
		background-color: transparent;
		border: none;
		font-size: 22px;
	}

	.v-w3 {
		padding: 9em 0 0 0;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 182px;
	}

	.banner-w3-info p {
		font-size: 1em;
		margin: 1em auto;
		width: 80%;
	}

	.link--surinami {
		font-size: 3.5em;
	}

	.banner-w3-info {
		margin: 5em auto 0;
	}

	#home {
		min-height: 573px;
	}

	a.hover-effect {
		margin: 0 1px;
	}

	.filtr-item {
		width: 33.333%;
		float: left;
		padding: 30px 10px 0px;
	}

	ul.simplefilter {
		text-align: center;
		margin-bottom: 0em;
	}

	.mail_left img {
		width: 58%;
	}

	.mail_left {
		padding: 0;
		margin-bottom: 2em;
	}
}

@media(max-width:800px) {
	.about_right {
		padding: 0;
		margin-top: 2em;
	}

	.features-right {
		padding: 0;
		margin-top: 2em;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 8px 0 10px 155px;
	}

	.services-left {
		min-height: 500px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 17% 0 0 0;
	}

	.agile-info {
		margin: 0 auto;
		width: 61%;
		padding: 2em 1em;
	}

	.view {
		width: 250px;
		height: 250px;
		margin: 10px 18px 20px 36px;
	}

	.staff-grid {
		float: left;
		width: 50%;
	}

	.staff-grid:nth-child(2),
	.staff-grid:nth-child(3) {
		margin-top: 0em;
	}

	.staff-grid:nth-child(3),
	.staff-grid:nth-child(4) {
		margin-top: 2em;
	}

	h3.title span {
		width: 30%;
		height: 4px;
		margin: 15px auto 0px;
	}

	#news,
	.features,
	#staff {
		padding: 5em 0;
	}

	.content-in {
		width: 50%;
		float: left;
	}

	.port.effect-1 .text-desc {
		padding: 8em 0.5em;
	}

	.video {
		min-height: 300px;
	}

	.video button.btn.btn-primary {
		background-color: transparent;
		border: none;
		font-size: 22px;
	}

	.hover-effect {
		width: 104px;
	}

	.video iframe {
		width: 100%;
		height: 281px;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -50px;
		left: -46%;
		font-size: 60px;
	}

	button.v-b {
		font-size: 1.5em;
	}

	.link--surinami {
		padding: 4px 0;
	}

	.banner-w3-info {
		margin: 9em auto 0;
	}
}

@media(max-width:768px) {
	.banner-w3-info {
		margin: 9em auto 0;
	}

	#home {
		min-height: 521px;
	}

	.hover-effect {
		width: 104px;
	}
}

@media(max-width:736px) {
	.hover-effect {
		width: 100px;
	}

	#home {
		min-height: 474px;
	}

	.view {
		width: 235px;
		height: 235px;
		margin: 10px 26px 20px 26px;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 8px 0 10px 138px;
	}

	.services-left {
		min-height: 454px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 16% 0 0 0;
	}

	.filtr-item {
		padding: 2px 4px 0px;
	}

	.item-type-double .item-info .headline {
		font-size: 13px;
		width: 90%;
		margin: 0 auto;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 175px;
	}

	.simplefilter li,
	.multifilter li,
	.sortandshuffle li {
		display: inline-block;
		padding: 9px 17px;
		font-size: 14px;
		margin: 0 0 1.5em;
	}

	.item-type-double .item-info .date {
		font-size: 20px;
	}

	.hover-effect {
		position: relative;
		box-sizing: border-box;
		padding: 0;
		border-style: none;
		height: 58px;
		display: block;
	}

	.navbar-toggle {
		position: relative;
		float: none;
		padding: 9px 9px;
		margin-top: 8px;
		margin-right: 0 !important;
		margin-bottom: 8px;
		background-color: none;
		background-image: none;
		border: 1px solid #fff;
		border-radius: 0 !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #00BCD4;
		border: 1px solid #00BCD4;
	}

	.navbar-nav {
		margin: 0 1em;
		padding-bottom: 0.5em;
	}

	.navbar-nav>li {
		float: none;
		margin-right: 0;
		margin-top: 12px;
		display: block;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: none !important;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 0.9em;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.top-nav {
		background: rgba(0, 0, 0, 0.88);
	}

	.header-top {
		padding: 1em 0 0em 0;
	}

	.navbar-header,
	.container-fluid>.navbar-header,
	.navbar-collapse,
	.container-fluid>.navbar-collapse {
		margin-right: 1px;
		margin-left: -4px;
	}

	a.hover-effect {
		margin: 2px auto;
		display: block;
	}

	.navbar-collapse {
		padding-right: 0 !imoprtant;
		padding-left: 0 !imoprtant;
	}

	.banner-w3-info {
		margin: 6em auto 0;
	}

	a.hover-effect.two {
		margin: 0;
		display: inline-block !important;
	}

	.video iframe {
		width: 100%;
		height: 281px;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -50px;
		left: -46%;
		font-size: 60px;
	}

	button.v-b {
		font-size: 1.5em;
	}

	.port.effect-1 .text-desc {
		padding: 6em 0.5em;
	}

	.filtr-item {
		width: 33.333%;
		float: left;
		padding: 30px 10px 0px;
	}
}

@media(max-width:667px) {

	#home {
		min-height: 474px;
	}

	.link--surinami {
		padding: 7px 0;
	}

	.modal-dialog {
		width: 577px;
		margin: 30px auto;
	}

	.view {
		width: 235px;
		height: 235px;
		margin: 10px 6px 20px 10px;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 8px 0 10px 138px;
	}

	.services-left {
		min-height: 454px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 16% 0 0 0;
	}

	.filtr-item {
		padding: 2px 15px 0px;
	}

	.item-type-double .item-info .headline {
		font-size: 13px;
		width: 90%;
		margin: 0 auto;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 151px;
	}

	.simplefilter li,
	.multifilter li,
	.sortandshuffle li {
		display: inline-block;
		padding: 9px 17px;
		font-size: 14px;
		margin: 0 0 1.5em;
	}

	.item-type-double .item-info .date {
		font-size: 20px;
	}

	.hover-effect {
		position: relative;
		box-sizing: border-box;
		padding: 0;
		border-style: none;
		height: 58px;
		display: block;
	}

	.navbar-toggle {
		position: relative;
		float: none;
		padding: 9px 9px;
		margin-top: 8px;
		margin-right: 0 !important;
		margin-bottom: 8px;
		background-color: none;
		background-image: none;
		border: 1px solid #fff;
		border-radius: 0 !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #00BCD4;
		border: 1px solid #00BCD4;
	}

	.navbar-nav {
		margin: 0 1em;
		padding-bottom: 0.5em;
	}

	.navbar-nav>li {
		float: none;
		margin-right: 0;
		margin-top: 12px;
		display: block;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: none !important;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 0.9em;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.top-nav {
		background: rgba(0, 0, 0, 0.88);
	}

	.header-top {
		padding: 1em 0 0em 0;
	}

	.navbar-header,
	.container-fluid>.navbar-header,
	.navbar-collapse,
	.container-fluid>.navbar-collapse {
		margin-right: 1px;
		margin-left: -4px;
	}

	.navbar-collapse {
		padding-right: 0 !imoprtant;
		padding-left: 0 !imoprtant;
	}

	.filtr-item {
		padding: 2px 13px 0px;
	}

	.footer {
		padding: 3em 0 3em 0;
	}

	.modal-header h4 {
		font-size: 2em;
	}

	.port.effect-1 .text-desc {
		padding: 5em 0.5em;
	}
}

@media(max-width:640px) {

	#home {
		min-height: 474px;
	}

	.view {
		width: 235px;
		height: 235px;
		margin: 10px 6px 20px 10px;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 8px 0 10px 138px;
	}

	.services-left {
		min-height: 454px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 16% 0 0 0;
	}

	.filtr-item {
		padding: 2px 4px 0px;
	}

	.item-type-double .item-info .headline {
		font-size: 13px;
		width: 100%;
		margin: 0 auto;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 141px;
	}

	.simplefilter li,
	.multifilter li,
	.sortandshuffle li {
		display: inline-block;
		padding: 9px 17px;
		font-size: 14px;
		margin: 0 0 1.5em;
	}

	.item-type-double .item-info .date {
		font-size: 20px;
	}

	.hover-effect {
		position: relative;
		box-sizing: border-box;
		padding: 0;
		border-style: none;
		height: 58px;
		display: block;
	}

	.navbar-toggle {
		position: relative;
		float: none;
		padding: 9px 9px;
		margin-top: 8px;
		margin-right: 0 !important;
		margin-bottom: 8px;
		background-color: none;
		background-image: none;
		border: 1px solid #fff;
		border-radius: 0 !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #00BCD4;
		border: 1px solid #00BCD4;
	}

	.navbar-nav {
		margin: 0 1em;
		padding-bottom: 0.5em;
	}

	.navbar-nav>li {
		float: none;
		margin-right: 0;
		margin-top: 12px;
		display: block;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: none !important;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 0.9em;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.top-nav {
		background: rgba(0, 0, 0, 0.88);
	}

	.header-top {
		padding: 1em 0 0em 0;
	}

	.navbar-header,
	.container-fluid>.navbar-header,
	.navbar-collapse,
	.container-fluid>.navbar-collapse {
		margin-right: 1px;
		margin-left: -4px;
	}

	.navbar-collapse {
		padding-right: 0 !imoprtant;
		padding-left: 0 !imoprtant;
	}

	.filtr-item {
		padding: 2px 15px 0px;
	}

	.footer {
		padding: 3em 0 3em 0;
	}

	.modal-header h4 {
		font-size: 2em;
	}
}

@media(max-width:600px) {
	.item-type-double .item-info .headline {
		font-size: 12px;
		width: 90%;
		margin: 0 auto;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 138px;
	}

	.port.effect-1 .text-desc {
		padding: 4em 0.5em;
	}
}

@media(max-width:568px) {
	.link--surinami {
		font-size: 3em;
	}

	.logo {
		position: relative;
		width: 51%;
	}

	.banner-w3-info p {
		font-size: 0.88em;
		margin: 0em auto 1em;
		width: 93%;
	}

	.more a {
		font-size: 0.9em;
		padding: 8px 25px;
		outline: none;
	}

	ul.social-icons {
		display: block;
		padding: 0;
		margin-top: 2em;
	}

	#home {
		min-height: 399px;
	}

	.banner-bottom,
	.gallery {
		padding: 3em 0;
	}

	h3.title {
		font-size: 2.3em;
		line-height: 1.4em;
	}

	#news,
	.features,
	#staff {
		padding: 3em 0;
	}

	#service {
		padding-top: 3em;
	}

	.inner-w3.w3l {
		margin-bottom: 3em;
	}

	.agile-info {
		margin: 0 auto;
		width: 87%;
		padding: 2em 1em;
	}

	.services-left {
		min-height: 390px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 16% 0 0 0;
	}

	.services-grid-a {
		min-height: 314px;
	}

	.services-grid-b {
		min-height: 314px;
	}

	.staff-grid {
		float: left;
		width: 100%;
	}

	.view {
		width: 250px;
		height: 250px;
		margin: 10px 98px 32px 103px;
	}

	.staff-grid:nth-child(2),
	.staff-grid:nth-child(3) {
		margin-top: 2em;
	}

	.content-in {
		width: 100%;
		float: left;
	}

	.port.effect-1 .text-desc {
		padding: 10em 0.5em;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -50px;
		left: -50%;
		font-size: 60px;
	}

	.video button.btn.btn-primary {
		background-color: transparent;
		border: none;
		font-size: 17px;
	}

	.modal-dialog {
		width: 445px;
		margin: 30px auto;
	}

	.mail_right {
		background: #FDFFFE;
		padding: 2em;
		width: 100%;
	}

	.adt_grids {
		margin-top: 39px;
	}

	.sap_tabs,
	.adt_grids,
	.services-gds,
	.gallery_gds {
		margin-top: 32px;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 152px;
	}

	.filtr-item {
		width: 50%;
		float: left;
	}

	.banner-bottom,
	.gallery {
		padding: 3em 0;
	}

	.creative {
		min-height: 386px;
		padding: 56px 20px 0;
	}
}

@media(max-width:480px) {
	.filtr-item {
		width: 100% !important;
		float: none !important;
		margin: 0 auto 0 !important;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 178px;
	}

	.video {
		min-height: 200px;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -50px;
		left: -50%;
		font-size: 43px;
	}

	.filtr-item {
		padding: 25px 110px 0 !important;
	}

	#gallery {
		padding: 3em 0 4em 0;
	}

	.v-w3 {
		padding: 7em 0 0 0;
	}

	.video button.btn.btn-primary {
		background-color: transparent;
		border: none;
		font-size: 13px;
	}

	h3.title.two span.two {
		width: 48%;
	}

	h3.title span {
		width: 48%;
		height: 4px;
		margin: 15px auto 0px;
	}

	.modal-body p {
		font-size: 0.9em;
	}

	.modal-body {
		position: relative;
		padding: 10px 5px;
	}
}

@media(max-width:414px) {
	.view {
		width: 250px;
		height: 250px;
		margin: 10px 43px 32px 44px;
	}

	.filtr-item {
		padding: 25px 70px 0 !important;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 191px;
	}

	.modal-dialog {
		width: 354px;
		margin: 30px auto;
	}

	.video iframe {
		width: 100%;
		height: 165px;
	}

	.modal-header h4 {
		font-size: 1.8em;
	}

	.port.effect-1 .text-desc {
		padding: 7em 0.5em;
	}

	.mail_left img {
		width: 100%;
	}

	.contact iframe {
		width: 100%;
		height: 300px;
		outline: none;
	}

	.view {
		width: 250px;
		height: 250px;
		margin: 10px 30px 32px 30px;
	}

	.btn {
		display: inline-block;
		padding: 6px 0px;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -79px;
		left: -25%;
		font-size: 43px;
	}

	h2.tittle {
		font-size: 1.34em;
	}

	.features-text h4 {
		font-size: 1.6em;
		line-height: 1.6em;
		width: 64%;
		text-align: left;
	}

	.features-text h4.white {
		color: #fff;
	}

	h3.title {
		font-size: 2em;
		line-height: 1.4em;
	}

	ul.workout-exercises p,
	ul.workout-exercises p {
		margin: 1em 0;
		font-size: 0.9em;
	}

	ul.workout-exercises h4 {
		font-size: 1.1em;
	}

	.about_left h4 {
		font-size: 1.1em;
	}

	.mail_right {
		background: #FDFFFE;
		padding: 1em;
		width: 100%;
	}

	.mail_us {
		margin-bottom: 22px;
		margin-top: 51px;
	}

	.service p,
	.about_left p {
		font-size: 0.9em;
	}

	.mail_right textarea {
		height: 170px;
	}

	#about {
		padding: 2em 0 0 0;
	}

	.features-text p {
		margin: 1em 0;
		font-size: 0.9em;
	}

	.simplefilter li,
	.multifilter li,
	.sortandshuffle li {
		display: inline-block;
		padding: 9px 17px;
		font-size: 13px;
		margin: 0 0 1em;
	}
}

@media(max-width:384px) {
	.filtr-item {
		padding: 25px 37px 0 !important;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 220px;
	}

	button.v-b {
		font-size: 1.3em;
		line-height: 1px;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -70px;
		left: -13%;
		font-size: 43px;
	}

	ul.workout-exercises li:before {
		content: '';
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 17px;
		color: #fff;
		line-height: 36px;
		text-align: center;
		position: absolute;
		top: 0;
		left: 22px;
	}

	ul.workout-exercises li:after {
		content: '';
		width: 2px;
		background-color: #fff;
		position: absolute;
		top: 40px;
		left: 40px;
		bottom: 0;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 1px 0 10px 83px;
	}

	#home {
		min-height: 329px;
	}

	.link--surinami {
		padding: 0px 0 !important;
	}

	.banner-w3-info {
		margin: 4em auto 0;
	}

	.banner-w3-info p {
		font-size: 0.85em;
		margin: 0em auto 1em;
		width: 96%;
	}

	.mail_right textarea {
		height: 150px;
	}

	h3.title span:after {
		content: ' ';
		position: absolute;
		background: #00BCD4;
		height: 4px;
		display: block;
		width: 67px;
		top: 4px;
	}

	.service p,
	.about_left p,
	.features-text p,
	ul.workout-exercises p,
	ul.workout-exercises p,
	.staff-grid p,
	.port .text-desc p {
		font-size: 0.85em;
	}

	.features-text h4 {
		font-size: 1.2em;
		line-height: 1.6em;
		width: 91%;
		text-align: left;
	}

	.features-text h4.white {
		color: #fff;
	}

	ul.workout-exercises h4 {
		font-size: 1em;
	}
}

@media(max-width:375px) {
	.view {
		width: 250px;
		height: 250px;
		margin: 10px 23px 32px 24px;
	}

	#home {
		min-height: 335px;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 230px;
	}

	.banner-w3-info {
		margin: 4em auto 0;
	}

	.header-top {
		padding: 0.5em 0 0em 0;
	}

	.creative p {
		font-size: 14px;
	}

	.progress-gds h5 {
		font-size: 12px;
		margin-bottom: 17px;
	}

	.services-grid-b {
		min-height: 241px;
		padding: 7% 0;
	}

	.services-grid-a {
		min-height: 284px;
		padding: 7% 0;
	}

	.staff-section {
		margin-top: 1.5em;
	}

	.footer {
		padding: 2em 0 2em 0;
	}

	.banner-bottom,
	.gallery {
		padding: 2em 0;
	}

	#news,
	.features,
	#staff {
		padding: 2em 0;
	}

	.services-left {
		min-height: 283px;
		border-bottom: 7px solid rgba(17, 17, 17, 0.71);
		padding: 7% 0 0 0;
	}

	.service h4 {
		font-size: 1.2em;
	}

	.filtr-item {
		padding: 25px 26px 0 !important;
	}

	button.v-b {
		font-size: 1em;
		line-height: 1px;
	}

	.video span.glyphicon.glyphicon-play-circle {
		top: -70px;
		left: -1%;
		font-size: 43px;
	}

	.video {
		min-height: 159px;
	}

	.contact iframe {
		width: 100%;
		height: 250px;
		outline: none;
	}

	.mail_us {
		margin-bottom: 22px;
		margin-top: 30px;
	}

	.inner-w3.agl {
		margin-bottom: 2em;
	}

	.staff-grid h4 {
		font-size: 1.2em;
	}

	#about {
		padding: 2em 0 0 0;
	}

	.creative h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#gallery {
		padding: 2em 0 2em 0;
	}

	.mail_right input[type="submit"] {
		border: none;
		font-size: 15px;
		padding: 8px 31px;
	}

	.mail_right input[type="text"],
	.mail_right input[type="email"],
	.mail_right textarea {
		padding: 10px 10px;
		margin-bottom: 6px;
		font-size: 0.85em;
	}

	.simplefilter li,
	.multifilter li,
	.sortandshuffle li {
		display: inline-block;
		padding: 9px 12px;
		font-size: 12px;
		margin: 0 0 0.5em;
	}

	.mail_right textarea {
		height: 71px;
	}

	.more a {
		font-size: 0.8em;
		padding: 8px 20px;
		outline: none;
	}

	.modal-dialog {
		width: 332px;
		margin: 30px auto;
	}

}

@media(max-width:320px) {
	.filtr-item {
		padding: 25px 38px 0 !important;
	}

	.item,
	.item-hover,
	.item-hover .mask,
	.item-img,
	.item-info {
		height: 163px;
	}

	.modal-header h4 {
		font-size: 1.6em;
	}

	.contact iframe {
		width: 100%;
		height: 200px;
		outline: none;
	}

	.view {
		width: 220px;
		height: 220px;
		margin: 10px 3px 32px 10px;
	}

	h3.title {
		font-size: 1.6em;
		line-height: 1.4em;
	}

	button.v-b {
		font-size: 0.85em;
	}

	.link--surinami {
		font-size: 2.5em;
	}

	.banner-w3-info p {
		font-size: 0.85em;
		margin: 0em auto 0.3em;
		width: 96%;
	}

	ul.social-icons {
		display: block;
		padding: 0;
		margin-top: 1em;
	}

	#home {
		min-height: 289px;
	}

	.navbar-toggle {
		padding: 9px 9px;
		margin-top: 3px;
		margin-bottom: 0px;
	}

	.banner-w3-info {
		margin: 3em auto 0;
	}

	h2.tittle {
		font-size: 1.1em;
	}

	.about_left h4 {
		font-size: 0.9em;
	}

	#about {
		padding: 2em 0 0 0;
	}

	ul.workout-exercises li {
		position: relative;
		padding: 1px 0 10px 79px;
	}

	.port.effect-1 .text-desc {
		padding: 5em 0.5em;
	}

	.modal-dialog {
		width: 287px;
		margin: 30px auto;
	}
}

/*--//responsive-design---*/

/* 服務費用區塊樣式 */
.pricing {
	padding: 4em 0;
	background: #fff;
}

.pricing-grids {
	margin-top: 3em;
}

.pricing-grid {
	text-align: center;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 0 10px;
	margin-bottom: 2em;
}

.pricing-top {
	background: #00bcd4;
	padding: 1.5em 1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.pricing-top h3 {
	font-size: 2em;
	color: #fff;
	margin-bottom: 0.5em;
}

.pricing-top p {
	color: rgba(255, 255, 255, 0.85);
	font-size: 1em;
	margin-bottom: 1em;
}

.pricing-top h4 {
	font-size: 2.5em;
	color: #fff;
	font-weight: 600;
}

.pricing-top h4 span {
	font-size: 0.4em;
	vertical-align: middle;
}

.pricing-bottom {
	background: #fff;
	padding: 2em 1em;
	border: 1px solid #e6e6e6;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.pricing-bottom ul {
	padding: 0;
	margin: 0 0 1.5em;
}

.pricing-bottom ul li {
	list-style: none;
	padding: 0.8em 0;
	border-bottom: 1px dotted #e2e2e2;
	color: #555;
	font-size: 0.95em;
}

.pricing-bottom ul li:last-child {
	border-bottom: none;
}

.buy-button a {
	background: #00bcd4;
	color: #fff;
	display: inline-block;
	padding: 0.8em 2em;
	font-size: 1em;
	border-radius: 4px;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.buy-button a:hover {
	background: #009eb3;
}

.pricing-grid:hover {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	z-index: 1;
}

.pricing-note {
	margin-top: 2em;
}

.pricing-note p {
	color: #777;
	font-size: 0.9em;
	font-style: italic;
}

/* 響應式樣式 */
@media(max-width:991px) {
	.pricing-grid {
		margin-bottom: 2em;
	}
}

@media(max-width:768px) {
	.pricing {
		padding: 3em 0;
	}

	.pricing-top h3 {
		font-size: 1.8em;
	}

	.pricing-top h4 {
		font-size: 2.2em;
	}
}

@media(max-width:480px) {
	.pricing {
		padding: 2em 0;
	}

	.pricing-grid {
		width: 100%;
		padding: 0;
		margin-bottom: 2em;
	}

	.pricing-top h3 {
		font-size: 1.6em;
	}

	.pricing-top h4 {
		font-size: 2em;
	}

	.buy-button a {
		padding: 0.7em 1.5em;
		font-size: 0.9em;
	}
}

@media(max-width:384px) {
	.pricing-top {
		padding: 1.2em 1em;
	}

	.pricing-bottom {
		padding: 1.5em 1em;
	}

	.pricing-top h3 {
		font-size: 1.4em;
	}

	.pricing-top h4 {
		font-size: 1.8em;
	}
}

@media(max-width:320px) {
	.pricing-grids {
		margin-top: 1.5em;
	}

	.pricing-top h3 {
		font-size: 1.3em;
	}

	.pricing-bottom ul li {
		font-size: 0.85em;
	}
}