@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}
a:focus {
	outline: 0
}
.portfolioFilter {
	padding: 15px 0;
	margin-bottom: 30px
}
.portfolioFilter a {
	margin-right: 6px;
	text-decoration: none;
	border: none;
	padding: 0;
	border-radius: 50px;
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999;
	text-decoration: none
}
.portfolioFilter a.current {
	border-bottom: 2px solid #febd0e;
	border-radius: 0
}
.portfolioContainer {
	border: none!important;
	border-radius: 3px
}
img {
	margin: 5px;
	max-width: 100%
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity
}
.portfolioContainer .items {
	border: 2px solid #eee;
	margin: 15px;
	padding: 5px;
	width: 30%;
	float: left;
	min-height: 210px
}
.pgWrpVide {
	background: #000000db;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	opacity: initial
}
.clsBtn2 {
	width: 30px;
	height: 30px;
	background: url(../images/btn-close.html) no-repeat center center;
	text-indent: -10000px;
	position: absolute;
	top: 0;
	right: -30px;
	cursor: pointer;
	background-size: 100% 100%;
	display: none;
	z-index: 999
}
.mainVdo, .mainVdo iframe {
	width: 818px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -409px;
	height: 460px;
	top: 50%;
	margin-top: -250px;
	z-index: 99999
}
.portfolioContainer .items .vdo:after {
	content: '';
	display: block;
	background: url(../images/yt-icn.png) center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}
.portfolioContainer .items .vdo:before {
	content: '';
	display: block;
	background: url(../images/shadow.png) top;
	position: absolute;
	top: 0;
	width: 100%;
	padding-bottom: 95px;
	-moz-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
	-webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
	transition: opacity .25s cubic-bezier(0, 0, .2, 1);
	background-repeat: repeat-x
}
.portfolioContainer .items .vdo:hover:after {
	background: url(../images/yt-icn-hvr.png) center no-repeat
}
.portfolioContainer .items .vdo {
	cursor: pointer;
	display: block;
	overflow: hidden;
	max-height: 190px;
	position: relative;
	background: url(../images/yt-icn.png) center no-repeat
}
.portfolioContainer .items .vdo img {
	margin-top: -28px
}
.portfolioContainer .items img {
	max-width: 100%;
	margin: 0
}
.latest-works li img {
	margin: 0
}
input[type=text] {
	height: 42px;
	padding: 0 10px;
	border: 1px solid #eee
}
button[type=submit] {
	height: 42px;
	padding: 0 20px;
	border: none;
	font-weight: 700
}
button[type=button] {
	height: 42px;
	border: none;
	font-weight: 700
}
textarea {
	height: 120px;
	padding: 10px;
	border: 1px solid #eee
}
a {
	color: #febd0e
}
.no-margin {
	margin: 0
}
p {
	margin-bottom: 15px
}
b {
	font-weight: 700
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none
}
.gray-background {
	background: #eee
}
.boxed-container {
	max-width: 1200px;
	margin: 0 auto
}
.boxed-wrapper {
	width: 100%;
	float: left;
	background: #fff
}
.img-full {
	width: 100%
}
.loading {
	width: 100vw;
	height: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999
}
.loading img {
	margin-bottom: 30px;
	display: inline-block
}
.loading .spinner {
	width: 30px;
	height: 30px;
	border: 3px solid rgba(255,255,255,.2);
	border-top: 3px solid #fff;
	border-radius: 30px;
	display: inline-block;
	margin-top: 40px
}
.loading .spinner {
	-webkit-animation: spinner .5s infinite linear;
	animation: spinner .5s infinite linear
}
.fade-out {
	opacity: 0;
	visibility: hidden;
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.transition-overlay {
	width: 100vw;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	opacity: 0;
	visibility: hidden
}
.transition-overlay.show-me {
	opacity: 1;
	visibility: visible
}
.transition-overlay {
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.yellow-bg {
	background: #01b295
}
.blue-bg {
	background: #12baeb
}
.whatsapp-sec {
	font-size: 26px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #444
}
.whatsapp-sec a {
	color: #444!important;
	text-decoration: none
}
.whatsapp-sec a:hover {
	color: #444!important;
	text-decoration: none!important
}
.ion-social-whatsapp {
	padding-right: 10px
}
.side-menu {
	width: 270px;
	height: 100%;
	position: fixed;
	right: -270px;
	top: 0;
	background: #535353;
	padding: 20px;
	z-index: 9999
}
.side-menu {
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.side-menu.show-me {
	right: 0
}
.side-menu .side-menu-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 27px 20px;
	cursor: pointer
}
.side-menu .side-menu-close i {
	font-size: 20px;
	color: #fff
}
.side-menu h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px
}
.side-menu form {
	width: 100%;
	float: left
}
.side-menu form input[type=text] {
	width: 100%;
	height: 44px;
	float: left;
	padding: 0 10px;
	background: #5d5b5c;
	border: none;
	margin-bottom: 16px
}
.side-menu form textarea {
	width: 100%;
	height: 124px;
	float: left;
	padding: 10px;
	background: #5d5b5c;
	border: none;
	margin-bottom: 16px
}
.side-menu form button[type=button] {
	width: 100%;
	height: 44px;
	float: left;
	background: #00cae0;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	border: none
}
.side-menu ul {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px
}
.side-menu ul li {
	width: 34px;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background: red;
	margin-right: 4px
}
.side-menu ul li a {
	display: inline-block;
	font-size: 17px;
	color: #fff
}
.side-menu ul li.facebook {
	background: #3b5999
}
.side-menu ul li.twitter {
	background: #00bcf8
}
.side-menu ul li.googleplus {
	background: #d3492d
}
.side-menu ul li.instagram {
	background: #5989b9
}
.side-menu ul li.pinterest {
	background: #f63234
}
.side-menu ul li.youtube {
	background: #fe0000
}
.int-header .title {
	width: 100%;
	text-align: center;
	font-weight: 700;
	color: #fff;
}

.int-header .sub-title {
	width: 100%;
	text-align: center;
	font-weight: 500;
	color: #fff
}
header .banner {
	width: 100%;
	float: left
}
header .slide-content {
	width: 600px;
	text-align: center;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 99
}
header .slide-content.spacing {
	margin-top: 220px
}
header .slide-content h1 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 60px
}
header .slide-content h5 {
	width: 600px;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 30px
}
header .slide-content a {
	color: #fff;
	display: inline-block;
	padding: 25px 50px;
	background: #00cadf;
	font-size: 15px;
	font-weight: 700
}
header .slide-content a:hover {
	text-decoration: none
}
header .slide-content .icon {
	display: inline-block;
	margin-top: 30px
}
header video {
	min-width: 100%;
	min-height: 100%;
	transform: scale(1.3);
	float: left;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0
}
.stage {
	height: 300px;
	width: 500px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	perspective: 9999px;
	transform-style: preserve-3d
}
.layer:nth-child(1):after {
	transform: translateZ(0)
}
.layer:nth-child(2):after {
	transform: translateZ(-2px)
}
.layer:nth-child(3):after {
	transform: translateZ(-4px)
}
.layer:nth-child(4):after {
	transform: translateZ(-6px)
}
.layer:nth-child(5):after {
	transform: translateZ(-8px)
}
.layer:nth-child(6):after {
	transform: translateZ(-10px)
}
.layer:nth-child(7):after {
	transform: translateZ(-12px)
}
.layer:nth-child(8):after {
	transform: translateZ(-14px)
}
.layer:nth-child(9):after {
	transform: translateZ(-16px)
}
.layer:nth-child(10):after {
	transform: translateZ(-18px)
}
.layer:nth-child(11):after {
	transform: translateZ(-20px)
}
.layer:nth-child(12):after {
	transform: translateZ(-22px)
}
.layer:nth-child(13):after {
	transform: translateZ(-24px)
}
.layer:nth-child(14):after {
	transform: translateZ(-26px)
}
.layer:nth-child(15):after {
	transform: translateZ(-28px)
}
.layer:nth-child(16):after {
	transform: translateZ(-30px)
}
.layer:nth-child(17):after {
	transform: translateZ(-32px)
}
.layer:nth-child(18):after {
	transform: translateZ(-34px)
}
.layer:nth-child(19):after {
	transform: translateZ(-36px)
}
.layer:nth-child(20):after {
	transform: translateZ(-38px)
}
.layer:nth-child(n+10):after {
	-webkit-text-stroke: 3px rgba(0,0,0,.25)
}
.layer:nth-child(n+11):after {
	-webkit-text-stroke: 15px #1e90ff;
	text-shadow: 6px 0 6px #00366b, 5px 5px 5px #002951, 0 6px 6px #00366b
}
.layer:nth-child(n+12):after {
	-webkit-text-stroke: 15px #0077ea
}
.layer:last-child:after {
	-webkit-text-stroke: 17px rgba(0,0,0,.1)
}
.layer:first-child:after {
	color: #fff;
	text-shadow: none
}
.navbar-default .navbar-brand {
	height: auto
}
.navbar-default .navbar-nav>li {
	float: left
}
.navbar-default .navbar-nav>li>a {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	font-weight: 700
}
.navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #fff;
	color: #fff
}
.navbar-default .navbar-nav>li>a:focus {
	color: #fff
}
.navbar-default .navbar-nav>li>a.hamburger-menu {
	float: left;
	margin-top: -3px;
	font-size: 26px
}
.navbar-default .navbar-nav>li:hover .dropdown-menu {
	display: block
}
.navbar-default .navbar-nav>li:hover a {
	border-bottom: 3px solid #fff;
	color: #fff
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: 0 0;
	color: #fff
}
.navbar-default .dropdown-menu {
	float: left;
	margin-right: -8px;
	background: 0 0;
	color: #fff;
	box-shadow: none;
	border-radius: 0;
	border: none;
	display: none
}
.navbar-default .dropdown-menu li {
	width: 100%;
	float: left;
	text-align: right
}
.navbar-default .dropdown-menu li a {
	color: #fff;
	font-weight: 700;
	border: none!important
}
.navbar-default .dropdown-menu li a:hover {
	background: 0 0;
	opacity: .8
}
.fixed-nav {
	box-shadow: 0 0 10px 0 #000;
	background: url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,.92)!important
}
.fixed-nav a {
	color: #333!important
}
.fixed-nav .dropdown-menu {
	background: #febd0e
}
.fixed-nav .dropdown-menu a {
	color: #fff!important
}
.about-us {
	width: 100%;
	float: left
}
.about-us .left-side img {
	height:100%;
	padding:5px;
}
.about-us .right-side {
	background: #f5f5f5
}
.about-us .right-side .table {
	width: 100%;
	padding: 30px
}
.about-us .right-side h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.about-us .right-side h3 span {
	display: inline-block;
	font-weight: 700
}
.about-us .right-side p {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px
}
.about-us .right-side a {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 3px solid #febd0e;
	padding-bottom: 6px;
	color: #999
}
.about-us .right-side a:hover {
	text-decoration: none
}
.img_txt {
	border: 2px solid #eee;
	margin: 0 0 25px
}
@media only screen and (max-width:1500px), only screen and (min-device-width:990px) {
.about-us .right-side {
	height: 500px
}
.about-us .left-side {
	height: 500px
}
}
.mb-style-3 blockquote::before {
	border-top-color: rgba(0,0,0,.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
	border: medium solid transparent;
	content: " ";
	position: absolute
}
.mb-style-3 blockquote::after {
	border-top-color: #fff;
	border-width: 10px;
	left: 65%;
	margin-left: 25%
}
.more_txt {
	color: #fff!important
}
.more_txt:hover {
	color: #12baeb!important
}
.ss_txt {
	border: 2px solid #eee;
	margin: 0 0 0 10px;
	width: 49%
}
.ss_txt1 {
	border: 2px solid #eee;
	padding: 40px;
	text-align: center
}
.fat92 {
	color: #fff!important;
	font-size: 70px
}
.yellow-bg1 {
	background: #01b295;
	min-height: 426px
}
.yellow-bg2 {
	background: #01b295;
	min-height: 426px
}
.yellow-bg3 {
	background: #01b295;
	min-height: 492px
}
.yellow-bg4 {
	background: #01b295;
	min-height: 470px
}
.yellow-bg4 h4 {
	color: #fff!important
}
.yellow-bg3 h4 {
	color: #fff!important
}
.yellow-bg2 h4 {
	color: #fff!important
}
.yellow-bg1 h4 {
	color: #fff!important
}
.ss-bg {
	background: #eee none repeat scroll 0 0;
	min-height: 470px
}
.ss-bg:hover {
	background: #12baeb none repeat scroll 0 0
}
.box.ss-bg p {
	color: #333!important
}
.box.ss-bg p:hover {
	color: #fff!important
}
.services .box:hover img {
	margin-bottom: 45px
}
.services .box img {
	height: 80px;
	display: inline-block;
	margin-bottom: 20px
}
.services .box p {
	color: #fff;
	line-height: 22px;
	font-weight: 500
}
.services .box .expand {
	width: 70px;
	height: 75px;
	float: left;
	text-indent: -9999px;
	background: url(../images/icon-expand.png) top left no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0
}
.services .box ul {
	height: 0;
	overflow: hidden
}
.services .box ul li {
	width: 100%;
	float: left;
	color: #fff;
	font-weight: 700;
	margin: 3px 0
}
.services .box ul.show-me {
	height: auto
}
.team-members {
	width: 100%;
	float: left;
	padding: 100px 0
}
.team-members * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.team-members figure {
	width: 100%;
	float: left;
	text-align: center
}
.team-members figure:hover img {
	margin-left: -30px
}
.team-members figcaption {
	width: 100%;
	float: left;
	text-align: center
}
.fun-facts {
	width: 100%;
	background: #f5f5f5;
	padding: 100px 0;
	text-align: center
}
.fun-facts * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.fun-facts .content-box {
	width: 100%;
	float: left;
	padding: 50px 10%
}
.fun-facts .content-box:hover {
	background: #12baeb
}
.fun-facts .content-box:hover i {
	color: #fff
}
.fun-facts .content-box:hover span {
	color: #fff
}
.fun-facts .content-box:hover h5 {
	color: #fff
}
.fun-facts i {
	display: inline-block;
	color: #999;
	font-size: 40px
}
.fun-facts span {
	display: block;
	color: #babac2;
	font-size: 40px;
	font-weight: 700
}
.fun-facts h5 {
	display: inline-block;
	color: #babac2;
	font-size: 18px
}
.okk_p {
	position: absolute;
	margin: 20px 0 0 0
}
.client_img {
	width: 98%!important;
	border: 2px solid #eee
}
.latest-works h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-works h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.latest-works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999
}
.latest-works .works-filter a:hover {
	text-decoration: none
}
.latest-works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.latest-works .video-row {
	width: 100%
}
.latest-works .video-col figure {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}
.latest-works .video-col figure * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.latest-works .video-col figure:hover figcaption {
	opacity: 1;
	padding: 10px
}
.latest-works .video-col figure img {
	width: 100%;
	float: left
}
.latest-works .video-col figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.latest-works .video-col figure figcaption h4 {
	font-weight: 700;
	color: #fff;
	font-size: 20px
}
.latest-works .video-col figure figcaption h4 a {
	color: #fff
}
.latest-works .video-col figure figcaption h4 a:hover {
	color: #fff;
	text-decoration: none
}
.latest-works .video-col figure figcaption small {
	color: #fff;
	font-weight: 500
}
.latest-works .video-col figure figcaption .table {
	background: rgba(254,210,15,.8)
}
.works {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center
}
.works * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.works h3 {
	color: #febd0e;
	font-size: 30px;
	margin-bottom: 30px
}
.works h3 span {
	display: inline-block;
	border-top: 3px solid #febd0e;
	font-weight: 700
}
.works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #febd0e
}
.works .works-filter a:hover {
	text-decoration: none
}
.works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.works ul {
	width: 100%;
	float: left
}
.works ul.spacing {
	width: 100%
}
.works ul.spacing li {
	padding: 10px
}
.works ul.masonry {
	width: 100%
}
.works ul li {
	width: 33.33333%;
	float: left
}
.works ul li figure {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}
.works ul li figure:hover figcaption {
	opacity: 1;
	padding: 10px
}
.works ul li figure img {
	width: 100%;
	float: left
}
.works ul li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.works ul li figure figcaption h4 {
	font-weight: 700;
	color: #fff;
	font-size: 20px
}
.works ul li figure figcaption h4 a {
	color: #fff
}
.works ul li figure figcaption h4 a:hover {
	color: #fff;
	text-decoration: none
}
.works ul li figure figcaption small {
	color: #fff;
	font-weight: 500
}
.works ul li figure figcaption .table {
	background: rgba(254,210,15,.8)
}
.project-detail {
	width: 100%;
	float: left;
	padding: 100px 0
}
.project-detail .project-header {
	width: 100%;
	float: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee
}
.project-detail .about-project {
	width: 100%;
	float: left;
	margin-top: 40px;
	padding: 0 20%
}
.project-detail .screenshot {
	margin-bottom: 50px
}
.logos {
	width: 100%;
	padding: 100px 0
}
.logos h2 {
	font-size: 0
}
.logos figure {
	width: 100%;
	float: left
}
.logos figure img {
	width: 100%
}
.logos .owl-nav {
	width: 100%;
	float: left;
	text-align: center
}
.logos .owl-nav .owl-prev {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 15px;
	padding: 10px
}
.logos .owl-nav .owl-prev:hover {
	opacity: .4
}
.logos .owl-nav .owl-prev:after {
	content: '\f124';
	font-family: ionicons;
	font-size: 20px;
	float: left;
	text-indent: 0
}
.logos .owl-nav .owl-next {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 15px;
	padding: 10px
}
.logos .owl-nav .owl-next:hover {
	opacity: .4
}
.logos .owl-nav .owl-next:after {
	content: '\f125';
	font-family: ionicons;
	font-size: 20px;
	float: left;
	text-indent: 0
}
.latest-news {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: #f5f5f5
}
.latest-news h3 {
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-news h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-news .news-box {
	width: 100%;
	float: left
}
.latest-news .news-box figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative
}
.latest-news .news-box figure img {
	width: 100%
}
.latest-news .news-box h4 {
	width: 100%;
	float: left;
	font-weight: 700
}
.latest-news .news-box small {
	display: block;
	font-size: 12px;
	color: #999;
	margin-bottom: 30px
}
.latest-news .news-box p {
	line-height: 26px;
	font-size: 15px;
	margin-bottom: 20px
}
.latest-news .news-box .link {
	float: left;
	padding: 10px 20px;
	background: #febd0e;
	color: #fff;
	font-weight: 700
}
.latest-news .news-box .link:hover {
	text-decoration: none;
	float: left;
	padding: 10px 20px;
	background: #12baeb;
	color: #fff;
	font-weight: 700
}
.quote {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: url(../images/hero2.jpg) no-repeat;
	text-align: center
}
.quote h3 {
	display: block;
	margin: 0;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 700
}
.quote p {
	display: block;
	margin-bottom: 50px;
	padding: 0 10%;
	color: #fff;
	font-size: 18px;
	line-height: 25px
}
.quote a {
	display: inline-block;
	background: #febd0e;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 15px 30px
}
.quote a:hover {
	text-decoration: none;
	background: #fff;
	color: #febd0e
}/*
.blog {
	width: 100%;
	float: left;
	padding: 100px 0
}
.blog * {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.blog .blog-post {
	width: 100%;
	float: left;
	padding-right: 20px;
	margin-bottom: 100px
}
.blog figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative;
	background: #febd0e
}
.blog figure img {
	width: 100%;
	float: left
}
.blog figure:hover img {
	opacity: .7
}
.blog h3 {
	display: block;
	margin-top: 0;
	color: #febd0e
}
.blog small {
	display: block;
	margin-bottom: 10px;
	color: #98989a;
	font-weight: 700
}
.blog .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	margin-bottom: 30px;
	background: #febd0e
}
.blog .link {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 3px solid #febd0e;
	padding-bottom: 6px;
	color: #febd0e
}
.blog .link:hover {
	text-decoration: none
}
.blog .pagination {
	width: 100%;
	float: left
}
.blog .pagination>li {
	float: left
}
.blog .pagination>li a {
	float: left;
	border: 1px dotted #ccc;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 22px;
	color: #2f2e33;
	border-radius: 0!important
}
.blog .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background: #febd0e;
	color: #fff
}
.blog-sidebar {
	width: 100%;
	padding-left: 30px
}
.blog-sidebar .widgets {
	width: 100%;
	float: left;
	margin-bottom: 40px
}
.blog-sidebar .social-media {
	width: 100%;
	float: left
}
.blog-sidebar .social-media ul {
	width: 100%;
	float: left
}
.blog-sidebar .social-media ul li {
	width: 34px;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background: red;
	margin-right: 4px
}
.blog-sidebar .social-media ul li a {
	display: inline-block;
	font-size: 17px;
	color: #fff
}
.blog-sidebar .social-media ul li.facebook {
	background: #3b5999
}
.blog-sidebar .social-media ul li.twitter {
	background: #00bcf8
}
.blog-sidebar .social-media ul li.googleplus {
	background: #d3492d
}
.blog-sidebar .social-media ul li.instagram {
	background: #5989b9
}
.blog-sidebar .social-media ul li.pinterest {
	background: #f63234
}
.blog-sidebar .social-media ul li.youtube {
	background: #fe0000
}
.blog-sidebar .search {
	width: 100%;
	float: left
}
.blog-sidebar .search form {
	width: 100%;
	float: left
}
.blog-sidebar .search form input[type=text] {
	width: 80%;
	float: left
}
.blog-sidebar .search form button[type=submit] {
	width: 20%;
	padding: 0;
	text-align: center;
	float: left;
	background: #febd0e;
	color: #fff;
	margin-left: -3px
}
.blog-sidebar .tags {
	width: 100%;
	float: left
}
.blog-sidebar .tags a {
	float: left;
	padding-bottom: 5px;
	border-bottom: 2px solid #eee;
	font-size: 12px;
	color: #999;
	margin-right: 10px;
	margin-bottom: 10px
}
.blog-sidebar .tags a:hover {
	text-decoration: none;
	color: #00cadf
}
.blog-sidebar .categories {
	width: 100%;
	float: left
}
.blog-sidebar .categories ul {
	width: 100%;
	float: left
}
.blog-sidebar .categories ul li {
	width: 100%;
	float: left;
	margin: 4px 0
}
.blog-sidebar .categories ul li a {
	float: left;
	color: #febd0e;
	font-weight: 500
}
.blog-sidebar .categories ul li a:hover {
	color: #00cadf
}
.blog-sidebar .gallery-thumbs {
	width: 100%;
	float: left;
	margin-left: -5px;
	margin-right: -5px
}
.blog-sidebar .gallery-thumbs a {
	width: 33.33333%;
	float: left;
	padding: 5px
}
.blog-sidebar .gallery-thumbs a img {
	width: 100%;
	float: left
}*/
.contact-info {
	width: 100%;
	float: left;
	padding: 100px 0
}
.contact-info h3 {
	font-weight: 700
}
.contact-info h5 {
	margin-bottom: 20px;
	color: #ccc
}
.contact-info a {
	text-decoration: underline;
	font-weight: 500
}
.contact-info form {
	width: 100%;
	max-width: 600px;
	display: inline-block
}
.contact-info form .form-group {
	width: 100%;
	float: left;
	margin-bottom: 10px
}
.contact-info form .spacing {
	margin-right: 2%
}
.contact-info form textarea {
	width: 100%;
	max-width: 600px
}
.contact-info form button[type=button] {
	background: #febd0e;
	color: #fff
}
.map {
	width: 100%;
	height: 400px
}
.fat9 {
	border: 2px solid #999;
	border-radius: 50%;
	color: #999;
	float: left;
	font-size: 50px;
	height: 75px;
	width: 75px;
	padding: 1px;
	text-align: center
}
.contact dl dd {
	color: #999;
	font-weight: 500
}
footer {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: #12baeb;
	color: #fff
}
footer .logo {
	height: 20px;
	margin-bottom: 30px
}
footer * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
footer p {
	line-height: 22px;
	font-weight: 500
}
footer h4 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px
}
footer .gallery {
	width: 100%;
	float: left;
	margin-left: -5px
}
footer .gallery li {
	width: 33.33333%;
	float: left;
	padding: 5px
}
footer .gallery li img {
	width: 100%;
	float: left
}
footer .gallery li figure {
	width: 100%;
	float: left;
	position: relative
}
footer .gallery li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	background: rgba(254,210,15,.8);
	opacity: 0
}
footer .gallery li figure figcaption a {
	color: #fff
}
footer .gallery li figure figcaption i {
	margin-top: 20%;
	display: inline-block;
	font-size: 30px
}
footer .gallery li figure:hover figcaption {
	opacity: 1
}
footer .form {
	width: 100%;
	float: left
}
footer .form input[type=text] {
	width: 100%;
	max-width: 280px;
	height: 42px;
	border: none;
	padding: 0 10px;
	margin-bottom: 6px
}
footer .form button[type=submit] {
	height: 42px;
	border: none;
	background: #00cadf;
	padding: 0 20px;
	margin-bottom: 6px
}
.sub-footer {
	width: 100%;
	float: left;
	background: #494949;
	padding: 20px 0
}
.sub-footer h6 {
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase
}
@media only screen and (max-width:989px), only screen and (max-device-width:989px) {
.navbar-default .nav>li>a {
	padding: 30px 10px
}
.latest-works ul li {
	width: 50%
}
.works ul li {
	width: 50%
}
.team-members figure img {
	width: 100%
}
.blog-sidebar {
	padding-left: 0
}
.blog .blog-post {
	padding-right: 0
}
.contact-info form input[type=text] {
	width: 100%;
	margin-bottom: 10px
}
.contact-info form .form-group {
	margin-bottom: 0
}
.contact-info form .spacing {
	margin-right: 0
}
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
.navbar-default .navbar-toggle:hover {
	background: 0 0
}
.navbar-default .navbar-toggle:focus {
	background: 0 0
}
.navbar-default .navbar-toggle .icon-bar {
	background: #000
}
.navbar-default .navbar-nav {
	width: 100%
}
.navbar-default .navbar-nav>li {
	width: 100%;
	padding: 0
}
.navbar-default .navbar-nav>li a {
	width: 100%;
	float: left;
	padding: 10px 0
}
.navbar-default .navbar-nav>li a:hover {
	border: none;
	opacity: .7
}
.navbar-default .navbar-nav>li:hover a {
	border: none
}
.navbar-nav>li>.dropdown-menu {
	width: 100%;
	position: static
}
.navbar-default .dropdown-menu li {
	text-align: left
}
.navbar-default .navbar-collapse {
	background: #febd0e;
	border: none;
	margin-top: 11px
}
.services .no-padding {
	padding: 0 30px
}
header .slide-content h5 {
	width: 90vw;
	font-size: 14px
}
.fun-facts h5 {
	font-size: 16px
}
.latest-works ul li {
	width: 100%;
	padding-top: 0;
	padding-bottom: 10px
}
.latest-news .news-box {
	margin-bottom: 40px
}
footer .gallery {
	margin-bottom: 40px
}
.sub-footer h6 {
	text-align: center
}
}
.navbar-fixed-bottom, .navbar-fixed-top {
	width: 100vw
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
.loading img {
	width: 64vw;
	display: block;
	margin: auto
}
.latest-works {
	width: 100vw;
	padding-top: 100px;
	text-align: center
}
.latest-works h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-works h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.latest-works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999
}
.latest-works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.latest-works .video-row {
	width: 100vw
}
.latest-works .video-col figure {
	width: 100vw;
	position: relative
}
.latest-works .video-col figure img {
	width: 100vw
}
.video-col iframe {
	width: 100vw
}
.video-col {
	margin-bottom: 30px
}
.logos {
	width: 100%;
	padding: 40px 2%
}
.fun-facts {
	padding: 40px 0
}
.logos h2 {
	margin: 0
}
.latest-news {
	padding: 30px 0
}
.latest-news-col {
	padding: 0
}
.latest-news .news-box h4, .latest-news .news-box p {
	padding: 0 2%
}
.latest-news .news-box .link {
	float: none;
	margin-left: 2%
}
.contact .container {
	padding: 30px 0
}
.contact-fields {
	width: 68%;
	float: none;
	padding: 20px 0;
	padding-left: 32%
}
.contact-row {
	width: 100vw
}
footer {
	padding: 16px 3%
}
.naviMobile-Btn {
	position: absolute;
	float: none;
	right: 5px;
	top: 10px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px
}
}
input[type=text] {
	height: 42px;
	padding: 0 10px;
	border: 1px solid #eee
}
input[type=text]::placeholder {
color:#fff
}
button[type=submit] {
	height: 42px;
	padding: 0 20px;
	border: none;
	font-weight: 700
}
button[type=button] {
	height: 42px;
	border: none;
	font-weight: 700
}
textarea {
	height: 120px;
	padding: 10px;
	border: 1px solid #eee
}
textarea::placeholder {
color:#fff
}
.ion-android-close {
	color: #fff!important
}
a:hover {
	text-decoration: underline
}
a:focus {
	text-decoration: none
}
.no-margin {
	margin: 0
}
p {
	margin-bottom: 15px
}
b {
	font-weight: 700
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none
}
.gray-background {
	background: #eee
}
.boxed-container {
	max-width: 1200px;
	margin: 0 auto
}
.boxed-wrapper {
	width: 100%;
	float: left;
	background: #fff
}
.img-full {
	width: 100%
}
.loading {
	width: 100vw;
	height: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999
}
.loading img {
	margin-bottom: 30px;
	display: inline-block
}
.loading .spinner {
	width: 30px;
	height: 30px;
	border: 3px solid rgba(255,255,255,.2);
	border-top: 3px solid #fff;
	border-radius: 30px;
	display: inline-block;
	margin-top: 40px
}
.loading .spinner {
	-webkit-animation: spinner .5s infinite linear;
	animation: spinner .5s infinite linear
}
.fade-out {
	opacity: 0;
	visibility: hidden;
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.transition-overlay {
	width: 100vw;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	opacity: 0;
	visibility: hidden
}
.transition-overlay.show-me {
	opacity: 1;
	visibility: visible
}
.transition-overlay {
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.blue-bg {
	background: #12baeb
}
.side-menu {
	width: 270px;
	height: 100%;
	position: fixed;
	right: -270px;
	top: 0;
	background: #535353;
	padding: 20px;
	z-index: 9999
}
.side-menu {
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.side-menu.show-me {
	right: 0
}
.side-menu .side-menu-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 27px 20px;
	cursor: pointer
}
.side-menu .side-menu-close i {
	font-size: 20px;
	color: #fff
}
.side-menu h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px
}
.side-menu form {
	width: 100%;
	float: left
}
.side-menu form input[type=text] {
	width: 100%;
	height: 44px;
	float: left;
	padding: 0 10px;
	background: #5d5b5c;
	border: none;
	margin-bottom: 16px
}
.side-menu form textarea {
	color: #fff;
	width: 100%;
	height: 124px;
	float: left;
	padding: 10px;
	background: #5d5b5c;
	border: none;
	margin-bottom: 16px
}
.side-menu form button[type=button] {
	width: 100%;
	height: 44px;
	float: left;
	background: #00cae0;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	border: none
}
.side-menu ul {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px
}
.side-menu ul li {
	width: 34px;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background: red;
	margin-right: 4px
}
.side-menu ul li a {
	display: inline-block;
	font-size: 17px;
	color: #fff
}
.side-menu ul li.facebook {
	background: #3b5999
}
.side-menu ul li.twitter {
	background: #00bcf8
}
.side-menu ul li.googleplus {
	background: #d3492d
}
.side-menu ul li.instagram {
	background: #5989b9
}
.side-menu ul li.pinterest {
	background: #f63234
}
.side-menu ul li.youtube {
	background: #fe0000
}
footer .form input[type=text] {
	color: #000!important
}
footer .form input[type=text]::placeholder {
color:#000!important
}
.pdtop-6 {
	padding-top: 60px!important
}
.int-header .title {
	width: 100%;
	text-align: center;
	font-weight: 700;
	color: #fff;
}

.int-header .sub-title {
	width: 100%;
	text-align: center;
	font-weight: 500;
	color: #fff
}
header .banner {
	width: 100%;
	float: left
}
header .slide-content {
	width: 600px;
	text-align: center;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 99
}
header .slide-content.spacing {
	margin-top: 220px
}
header .slide-content h1 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 60px
}
header .slide-content h5 {
	width: 600px;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 30px
}
header .slide-content a {
	color: #fff;
	display: inline-block;
	padding: 25px 50px;
	background: #00cadf;
	font-size: 15px;
	font-weight: 700
}
header .slide-content a:hover {
	text-decoration: none
}
header .slide-content .icon {
	display: inline-block;
	margin-top: 30px
}
header video {
	min-width: 100%;
	min-height: 100%;
	transform: scale(1.3);
	float: left;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0
}
.stage {
	height: 300px;
	width: 500px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	perspective: 9999px;
	transform-style: preserve-3d
}
.layer:nth-child(1):after {
	transform: translateZ(0)
}
.layer:nth-child(2):after {
	transform: translateZ(-2px)
}
.layer:nth-child(3):after {
	transform: translateZ(-4px)
}
.layer:nth-child(4):after {
	transform: translateZ(-6px)
}
.layer:nth-child(5):after {
	transform: translateZ(-8px)
}
.layer:nth-child(6):after {
	transform: translateZ(-10px)
}
.layer:nth-child(7):after {
	transform: translateZ(-12px)
}
.layer:nth-child(8):after {
	transform: translateZ(-14px)
}
.layer:nth-child(9):after {
	transform: translateZ(-16px)
}
.layer:nth-child(10):after {
	transform: translateZ(-18px)
}
.layer:nth-child(11):after {
	transform: translateZ(-20px)
}
.layer:nth-child(12):after {
	transform: translateZ(-22px)
}
.layer:nth-child(13):after {
	transform: translateZ(-24px)
}
.layer:nth-child(14):after {
	transform: translateZ(-26px)
}
.layer:nth-child(15):after {
	transform: translateZ(-28px)
}
.layer:nth-child(16):after {
	transform: translateZ(-30px)
}
.layer:nth-child(17):after {
	transform: translateZ(-32px)
}
.layer:nth-child(18):after {
	transform: translateZ(-34px)
}
.layer:nth-child(19):after {
	transform: translateZ(-36px)
}
.layer:nth-child(20):after {
	transform: translateZ(-38px)
}
.layer:nth-child(n+10):after {
	-webkit-text-stroke: 3px rgba(0,0,0,.25)
}
.layer:nth-child(n+11):after {
	-webkit-text-stroke: 15px #1e90ff;
	text-shadow: 6px 0 6px #00366b, 5px 5px 5px #002951, 0 6px 6px #00366b
}
.layer:nth-child(n+12):after {
	-webkit-text-stroke: 15px #0077ea
}
.layer:last-child:after {
	-webkit-text-stroke: 17px rgba(0,0,0,.1)
}
.layer:first-child:after {
	color: #fff;
	text-shadow: none
}
.navbar-default .navbar-brand {
	height: auto
}
.navbar-default .navbar-nav>li {
	float: left
}
.navbar-default .navbar-nav>li>a {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	font-weight: 700
}
.navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #fff;
	color: #fff
}
.navbar-default .navbar-nav>li>a:focus {
	color: #fff
}
.navbar-default .navbar-nav>li>a.hamburger-menu {
	float: left;
	margin-top: -3px;
	font-size: 26px
}
.navbar-default .navbar-nav>li:hover .dropdown-menu {
	display: block
}
.navbar-default .navbar-nav>li:hover a {
	border-bottom: 3px solid #fff;
	color: #fff
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: 0 0;
	color: #fff
}
.navbar-default .dropdown-menu {
	float: left;
	margin-right: -8px;
	background: 0 0;
	color: #fff;
	box-shadow: none;
	border-radius: 0;
	border: none;
	display: none
}
.navbar-default .dropdown-menu li {
	width: 100%;
	float: left;
	text-align: right
}
.navbar-default .dropdown-menu li a {
	color: #fff;
	font-weight: 700;
	border: none!important
}
.navbar-default .dropdown-menu li a:hover {
	background: 0 0;
	opacity: .8
}
.fixed-nav {
	box-shadow: 0 0 10px 0 #000;
	background: url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,.92)!important
}
.fixed-nav a {
	color: #333!important
}
.fixed-nav .dropdown-menu {
	background: #febd0e
}
.fixed-nav .dropdown-menu a {
	color: #fff!important
}
.about-us {
	width: 100%;
	float: left
}
.about-us .left-side img {
	height:100%;
	padding:5px;
}
.about-us .right-side {
	background: #f5f5f5
}
.about-us .right-side .table {
	width: 100%;
	padding: 30px
}
.about-us .right-side h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.about-us .right-side h3 span {
	display: inline-block;
	font-weight: 700
}
.about-us .right-side p {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px
}
.about-us .right-side a {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 3px solid #febd0e;
	padding-bottom: 6px;
	color: #999
}
.about-us .right-side a:hover {
	text-decoration: none
}
.img_txt {
	border: 2px solid #eee;
	margin: 0 0 25px
}
.mb-style-3 blockquote::before {
	border-top-color: rgba(0,0,0,.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
	border: medium solid transparent;
	content: " ";
	position: absolute
}
.mb-style-3 blockquote::after {
	border-top-color: #fff;
	border-width: 10px;
	left: 65%;
	margin-left: 25%
}
.more_txt {
	color: #fff!important
}
.more_txt:hover {
	color: #12baeb!important
}
.ss_txt {
	border: 2px solid #eee;
	margin: 0 0 0 10px;
	width: 49%
}
.ss_txt p, h4, i {
	color: #373435!important
}
.ss_txt1 {
	border: 2px solid #eee;
	padding: 40px;
	text-align: center
}
.fat92 {
	color: #fff!important;
	font-size: 70px
}
.yellow-bg1 {
	background: #01b295;
	min-height: 426px
}
.yellow-bg2 {
	background: #01b295;
	min-height: 426px
}
.yellow-bg3 {
	background: #01b295;
	min-height: 492px
}
.yellow-bg4 {
	background: #01b295;
	min-height: 470px
}
.yellow-bg4 h4 {
	color: #fff!important
}
.yellow-bg3 h4 {
	color: #fff!important
}
.yellow-bg2 h4 {
	color: #fff!important
}
.yellow-bg1 h4 {
	color: #fff!important
}
.ss-bg {
	background: #eee none repeat scroll 0 0;
	min-height: 470px
}
.ss-bg:hover {
	background: #12baeb none repeat scroll 0 0
}
.box.ss-bg p {
	color: #333!important
}
.box.ss-bg p:hover {
	color: #fff!important
}
.mb-style-3 blockquote {
	border-radius: 5px;
	box-shadow: 0 0 5px 0 #999
}
.mb-wrap blockquote {
	margin: 0;
	padding: 0;
	position: relative
}
blockquote {
	margin: 1em 40px
}
.mb-style-3 blockquote p::before {
	color: #12baeb;
	font-family: serif;
	font-size: 133px;
	font-style: normal;
	font-weight: 700;
	left: -77px;
	position: absolute;
	text-shadow: 7px 14px 10px rgba(0,0,0,.1);
	top: 45px
}
.mb-style-3 blockquote p {
	color: #b4b4b4;
	font-family: Alegreya, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
	padding: 33px;
	position: relative;
	text-indent: 100px
}
.mb-wrap p {
	margin: 0;
	padding: 0
}
.mb-style-3 .mb-attribution {
	padding: 20px 100px 20px 20px;
	position: relative;
	text-align: right
}
.mb-style-3 .mb-author {
	color: rgba(188,147,200,1);
	font-family: "Alegreya SC", serif;
	font-size: 18px;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(255,255,255,.7)
}
.mb-wrap p {
	margin: 0;
	padding: 0
}
.services .box:hover img {
	margin-bottom: 45px
}
.services .box img {
	height: 80px;
	display: inline-block;
	margin-bottom: 20px
}
.services .box p {
	color: #fff;
	line-height: 22px;
	font-weight: 500
}
.services .box .expand {
	width: 70px;
	height: 75px;
	float: left;
	text-indent: -9999px;
	background: url(../images/icon-expand.png) top left no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0
}
.services .box ul {
	height: 0;
	overflow: hidden
}
.services .box ul li {
	width: 100%;
	float: left;
	color: #fff;
	font-weight: 700;
	margin: 3px 0
}
.services .box ul.show-me {
	height: auto
}
.team-members {
	width: 100%;
	float: left;
	padding: 100px 0
}
.team-members * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.team-members figure {
	width: 100%;
	float: left;
	text-align: center
}
.team-members figure:hover img {
	margin-left: -30px
}
.team-members figcaption {
	width: 100%;
	float: left;
	text-align: center
}
.fun-facts {
	width: 100%;
	background: #f5f5f5;
	padding: 100px 0;
	text-align: center
}
.fun-facts * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.fun-facts .content-box {
	width: 100%;
	float: left;
	padding: 50px 10%
}
.fun-facts .content-box:hover {
	background: #12baeb
}
.fun-facts .content-box:hover i {
	color: #fff
}
.fun-facts .content-box:hover span {
	color: #fff
}
.fun-facts .content-box:hover h5 {
	color: #fff
}
.fun-facts i {
	display: inline-block;
	color: #999;
	font-size: 40px
}
.fun-facts span {
	display: block;
	color: #babac2;
	font-size: 40px;
	font-weight: 700
}
.fun-facts h5 {
	display: inline-block;
	color: #babac2;
	font-size: 18px
}
.okk_p {
	position: absolute;
	margin: 20px 0 0 0
}
.client_img {
	width: 98%!important;
	border: 2px solid #eee
}
.latest-works h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-works h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.latest-works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999
}
.latest-works .works-filter a:hover {
	text-decoration: none
}
.latest-works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.latest-works .video-row {
	width: 100%
}
.latest-works .video-col figure {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}
.latest-works .video-col figure * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.latest-works .video-col figure:hover figcaption {
	opacity: 1;
	padding: 10px
}
.latest-works .video-col figure img {
	width: 100%;
	float: left
}
.latest-works .video-col figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.latest-works .video-col figure figcaption h4 {
	font-weight: 700;
	color: #fff;
	font-size: 20px
}
.latest-works .video-col figure figcaption h4 a {
	color: #fff
}
.latest-works .video-col figure figcaption h4 a:hover {
	color: #fff;
	text-decoration: none
}
.latest-works .video-col figure figcaption small {
	color: #fff;
	font-weight: 500
}
.latest-works .video-col figure figcaption .table {
	background: rgba(254,210,15,.8)
}
.works {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center
}
.works * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.works h3 {
	color: #febd0e;
	font-size: 30px;
	margin-bottom: 30px
}
.works h3 span {
	display: inline-block;
	border-top: 3px solid #febd0e;
	font-weight: 700
}
.works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #febd0e
}
.works .works-filter a:hover {
	text-decoration: none
}
.works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.works ul {
	width: 100%;
	float: left
}
.works ul.spacing {
	width: 100%
}
.works ul.spacing li {
	padding: 10px
}
.works ul.masonry {
	width: 100%
}
.works ul li {
	width: 33.33333%;
	float: left
}
.works ul li figure {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}
.works ul li figure:hover figcaption {
	opacity: 1;
	padding: 10px
}
.works ul li figure img {
	width: 100%;
	float: left
}
.works ul li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.works ul li figure figcaption h4 {
	font-weight: 700;
	color: #fff;
	font-size: 20px
}
.works ul li figure figcaption h4 a {
	color: #fff
}
.works ul li figure figcaption h4 a:hover {
	color: #fff;
	text-decoration: none
}
.works ul li figure figcaption small {
	color: #fff;
	font-weight: 500
}
.works ul li figure figcaption .table {
	background: rgba(254,210,15,.8)
}
.project-detail {
	width: 100%;
	float: left;
	padding: 100px 0
}
.project-detail .project-header {
	width: 100%;
	float: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee
}
.project-detail .about-project {
	width: 100%;
	float: left;
	margin-top: 40px;
	padding: 0 20%
}
.project-detail .screenshot {
	margin-bottom: 50px
}
.logos {
	width: 100%;
	padding: 100px 0
}
.logos h2 {
	font-size: 0
}
.logos figure {
	width: 100%;
	float: left
}
.logos figure img {
	width: 100%
}
.logos .owl-nav {
	width: 100%;
	float: left;
	text-align: center
}
.logos .owl-nav .owl-prev {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 15px;
	padding: 10px
}
.logos .owl-nav .owl-prev:hover {
	opacity: .4
}
.logos .owl-nav .owl-prev:after {
	content: '\f124';
	font-family: ionicons;
	font-size: 20px;
	float: left;
	text-indent: 0
}
.logos .owl-nav .owl-next {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 15px;
	padding: 10px
}
.logos .owl-nav .owl-next:hover {
	opacity: .4
}
.logos .owl-nav .owl-next:after {
	content: '\f125';
	font-family: ionicons;
	font-size: 20px;
	float: left;
	text-indent: 0
}
.latest-news {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: #f5f5f5
}
.latest-news h3 {
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-news h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-news .news-box {
	width: 100%;
	float: left
}
.latest-news .news-box figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative
}
.latest-news .news-box figure img {
	width: 100%
}
.latest-news .news-box h4 {
	width: 100%;
	float: left;
	font-weight: 700
}
.latest-news .news-box small {
	display: block;
	font-size: 12px;
	color: #999;
	margin-bottom: 30px
}
.latest-news .news-box p {
	line-height: 26px;
	font-size: 15px;
	margin-bottom: 20px
}
.latest-news .news-box .link {
	float: left;
	padding: 10px 20px;
	background: #febd0e;
	color: #fff;
	font-weight: 700
}
.latest-news .news-box .link:hover {
	text-decoration: none;
	float: left;
	padding: 10px 20px;
	background: #12baeb;
	color: #fff;
	font-weight: 700
}
.quote {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: url(../images/hero2.jpg) no-repeat;
	text-align: center
}
.quote h3 {
	display: block;
	margin: 0;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 700
}
.quote p {
	display: block;
	margin-bottom: 50px;
	padding: 0 10%;
	color: #fff;
	font-size: 18px;
	line-height: 25px
}
.quote a {
	display: inline-block;
	background: #febd0e;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 15px 30px
}
.quote a:hover {
	text-decoration: none;
	background: #fff;
	color: #febd0e
}/*
.blog {
	width: 100%;
	float: left;
	padding: 100px 0
}
.blog * {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.blog .blog-post {
	width: 100%;
	float: left;
	padding-right: 20px;
	margin-bottom: 100px
}
.blog figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative;
	background: #febd0e
}
.blog figure img {
	width: 100%;
	float: left
}
.blog figure:hover img {
	opacity: .7
}
.blog h3 {
	display: block;
	margin-top: 0;
	color: #febd0e
}
.blog small {
	display: block;
	margin-bottom: 10px;
	color: #98989a;
	font-weight: 700
}
.blog .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	margin-bottom: 30px;
	background: #febd0e
}
.blog .link {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 3px solid #febd0e;
	padding-bottom: 6px;
	color: #febd0e
}
.blog .link:hover {
	text-decoration: none
}
.blog .pagination {
	width: 100%;
	float: left
}
.blog .pagination>li {
	float: left
}
.blog .pagination>li a {
	float: left;
	border: 1px dotted #ccc;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 22px;
	color: #2f2e33;
	border-radius: 0!important
}
.blog .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background: #febd0e;
	color: #fff
}
.blog-sidebar {
	width: 100%;
	padding-left: 30px
}
.blog-sidebar .widgets {
	width: 100%;
	float: left;
	margin-bottom: 40px
}
.blog-sidebar .social-media {
	width: 100%;
	float: left
}
.blog-sidebar .social-media ul {
	width: 100%;
	float: left
}
.blog-sidebar .social-media ul li {
	width: 34px;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background: red;
	margin-right: 4px
}
.blog-sidebar .social-media ul li a {
	display: inline-block;
	font-size: 17px;
	color: #fff
}
.blog-sidebar .social-media ul li.facebook {
	background: #3b5999
}
.blog-sidebar .social-media ul li.twitter {
	background: #00bcf8
}
.blog-sidebar .social-media ul li.googleplus {
	background: #d3492d
}
.blog-sidebar .social-media ul li.instagram {
	background: #5989b9
}
.blog-sidebar .social-media ul li.pinterest {
	background: #f63234
}
.blog-sidebar .social-media ul li.youtube {
	background: #fe0000
}
.blog-sidebar .search {
	width: 100%;
	float: left
}
.blog-sidebar .search form {
	width: 100%;
	float: left
}
.blog-sidebar .search form input[type=text] {
	width: 80%;
	float: left
}
.blog-sidebar .search form button[type=submit] {
	width: 20%;
	padding: 0;
	text-align: center;
	float: left;
	background: #febd0e;
	color: #fff;
	margin-left: -3px
}
.blog-sidebar .tags {
	width: 100%;
	float: left
}
.blog-sidebar .tags a {
	float: left;
	padding-bottom: 5px;
	border-bottom: 2px solid #eee;
	font-size: 12px;
	color: #999;
	margin-right: 10px;
	margin-bottom: 10px
}
.blog-sidebar .tags a:hover {
	text-decoration: none;
	color: #00cadf
}
.blog-sidebar .categories {
	width: 100%;
	float: left
}
.blog-sidebar .categories ul {
	width: 100%;
	float: left
}
.blog-sidebar .categories ul li {
	width: 100%;
	float: left;
	margin: 4px 0
}
.blog-sidebar .categories ul li a {
	float: left;
	color: #febd0e;
	font-weight: 500
}
.blog-sidebar .categories ul li a:hover {
	color: #00cadf
}
.blog-sidebar .gallery-thumbs {
	width: 100%;
	float: left;
	margin-left: -5px;
	margin-right: -5px
}
.blog-sidebar .gallery-thumbs a {
	width: 33.33333%;
	float: left;
	padding: 5px
}
.blog-sidebar .gallery-thumbs a img {
	width: 100%;
	float: left
}*/
.contact-info {
	width: 100%;
	float: left;
	padding: 100px 0
}
.contact-info h3 {
	font-weight: 700
}
.contact-info h5 {
	margin-bottom: 20px;
	color: #ccc
}
.contact-info a {
	text-decoration: underline;
	font-weight: 500
}
.contact-info form {
	width: 100%;
	max-width: 600px;
	display: inline-block
}
.contact-info form .form-group {
	width: 100%;
	float: left;
	margin-bottom: 10px
}
.contact-info form .spacing {
	margin-right: 2%
}
.contact-info form textarea {
	width: 100%;
	max-width: 600px
}
.contact-info form button[type=button] {
	background: #febd0e;
	color: #fff
}
.map {
	width: 100%;
	height: 400px
}
.fat9 {
	border: 2px solid #999;
	border-radius: 50%;
	color: #999;
	float: left;
	font-size: 50px;
	height: 75px;
	width: 75px;
	padding: 1px;
	text-align: center
}
.contact dl dd {
	color: #999;
	font-weight: 500
}
.contact .container {
	padding-bottom: 80px;
	padding-top: 100px;
	border-bottom: 1px solid rgba(255,255,255,.4);
	padding: 40px 0
}
footer {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: #12baeb;
	color: #fff
}
footer .logo {
	height: 20px;
	margin-bottom: 30px
}
footer * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
footer p {
	line-height: 22px;
	font-weight: 500
}
footer h4 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px
}
footer .gallery {
	width: 100%;
	float: left;
	margin-left: -5px
}
footer .gallery li {
	width: 33.33333%;
	float: left;
	padding: 5px
}
footer .gallery li img {
	width: 100%;
	float: left
}
footer .gallery li figure {
	width: 100%;
	float: left;
	position: relative
}
footer .gallery li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	background: rgba(254,210,15,.8);
	opacity: 0
}
footer .gallery li figure figcaption a {
	color: #fff
}
footer .gallery li figure figcaption i {
	margin-top: 20%;
	display: inline-block;
	font-size: 30px
}
footer .gallery li figure:hover figcaption {
	opacity: 1
}
footer .form {
	width: 100%;
	float: left
}
footer .form input[type=text] {
	width: 100%;
	max-width: 280px;
	height: 42px;
	border: none;
	padding: 0 10px;
	margin-bottom: 6px
}
footer .form button[type=submit] {
	height: 42px;
	border: none;
	background: #00cadf;
	padding: 0 20px;
	margin-bottom: 6px
}
.sub-footer {
	width: 100%;
	float: left;
	background: #494949;
	padding: 20px 0
}
.sub-footer h6 {
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase
}
@media only screen and (max-width:989px), only screen and (max-device-width:989px) {
.navbar-default .nav>li>a {
	padding: 30px 10px
}
.latest-works ul li {
	width: 50%
}
.works ul li {
	width: 50%
}
.team-members figure img {
	width: 100%
}
.blog-sidebar {
	padding-left: 0
}
.blog .blog-post {
	padding-right: 0
}
.contact-info form input[type=text] {
	width: 100%;
	margin-bottom: 10px
}
.contact-info form .form-group {
	margin-bottom: 0
}
.contact-info form .spacing {
	margin-right: 0
}
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
.navbar-default .navbar-toggle:hover {
	background: 0 0
}
.navbar-default .navbar-toggle:focus {
	background: 0 0
}
.navbar-default .navbar-toggle .icon-bar {
	background: #000
}
.navbar-default .navbar-nav {
	width: 100%
}
.navbar-default .navbar-nav>li {
	width: 100%;
	padding: 0
}
.navbar-default .navbar-nav>li a {
	width: 100%;
	float: left;
	padding: 10px 0
}
.navbar-default .navbar-nav>li a:hover {
	border: none;
	opacity: .7
}
.navbar-default .navbar-nav>li:hover a {
	border: none
}
.navbar-nav>li>.dropdown-menu {
	width: 100%;
	position: static
}
.navbar-default .dropdown-menu li {
	text-align: left
}
.navbar-default .navbar-collapse {
	background: #febd0e;
	border: none;
	margin-top: 11px
}
.services .no-padding {
	padding: 0 30px
}
header .slide-content h5 {
	width: 90vw;
	font-size: 14px
}
.fun-facts h5 {
	font-size: 16px
}
.latest-works ul li {
	width: 100%;
	padding-top: 0;
	padding-bottom: 10px
}
.latest-news .news-box {
	margin-bottom: 40px
}
footer .gallery {
	margin-bottom: 40px
}
.sub-footer h6 {
	text-align: center
}
}
.navbar-fixed-bottom, .navbar-fixed-top {
	width: 100vw
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
.loading img {
	width: 64vw;
	display: block;
	margin: auto
}
.latest-works {
	width: 100vw;
	padding-top: 100px;
	text-align: center
}
.latest-works h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-works h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.latest-works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999
}
.latest-works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.latest-works .video-row {
	width: 100vw
}
.latest-works .video-col figure {
	width: 100vw;
	position: relative
}
.latest-works .video-col figure img {
	width: 100vw
}
.video-col iframe {
	width: 100vw
}
.video-col {
	margin-bottom: 30px
}
.logos {
	width: 100%;
	padding: 40px 2%
}
.fun-facts {
	padding: 40px 0
}
.logos h2 {
	margin: 0
}
.latest-news {
	padding: 30px 0
}
.latest-news-col {
	padding: 0
}
.latest-news .news-box h4, .latest-news .news-box p {
	padding: 0 2%
}
.latest-news .news-box .link {
	float: none;
	margin-left: 2%
}
.contact .container {
	padding: 30px 0
}
.contact-fields {
	width: 68%;
	float: none;
	padding: 20px 0;
	padding-left: 32%
}
.contact-row {
	width: 100vw
}
footer {
	padding: 16px 3%
}
.naviMobile-Btn {
	position: absolute;
	float: none;
	right: 5px;
	top: 10px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px
}
}
* {
	outline: 0
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	-webkit-font-smoothing: antialiased
}
input[type=text] {
	height: 42px;
	padding: 0 10px;
	border: 1px solid #eee
}
button[type=submit] {
	height: 42px;
	padding: 0 20px;
	border: none;
	font-weight: 700
}
button[type=button] {
	height: 42px;
	border: none;
	font-weight: 700
}
textarea {
	height: 120px;
	padding: 10px;
	border: 1px solid #eee
}
a:hover {
	text-decoration: underline
}
a:focus {
	text-decoration: none
}
.no-margin {
	margin: 0
}
.no-padding {
	padding: 0
}
p {
	margin-bottom: 15px
}
b {
	font-weight: 700
}
ul {
	margin: 0;
	padding: 0
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none
}
.gray-background {
	background: #eee
}
.boxed-container {
	max-width: 1200px;
	margin: 0 auto
}
.boxed-wrapper {
	width: 100%;
	float: left;
	background: #fff
}
.table {
	margin: 0
}
.img-full {
	width: 100%
}
.loading {
	width: 100vw;
	height: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	display: none
}
.loading img {
	margin-bottom: 30px;
	display: inline-block
}
.loading .spinner {
	width: 30px;
	height: 30px;
	border: 3px solid rgba(255,255,255,.2);
	border-top: 3px solid #fff;
	border-radius: 30px;
	display: inline-block;
	margin-top: 40px
}
.loading .spinner {
	-webkit-animation: spinner .5s infinite linear;
	animation: spinner .5s infinite linear
}
.bannernew {
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover
}
.bannernew span.hgt {
	width: 100%;
	padding-top: 54%;
	display: block
}
.fade-out {
	opacity: 0;
	visibility: hidden;
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.transition-overlay {
	width: 100vw;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	opacity: 0;
	visibility: hidden
}
.transition-overlay.show-me {
	opacity: 1;
	visibility: visible
}
.transition-overlay {
	transition-duration: .7s;
	-webkit-transition-duration: .7s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.blue-bg {
	background: #12baeb
}
.side-menu {
	width: 270px;
	height: 100%;
	position: fixed;
	right: -270px;
	top: 0;
	background: #535353;
	padding: 20px;
	z-index: 9999
}
.side-menu {
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.side-menu.show-me {
	right: 0
}
.side-menu .side-menu-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 27px 20px;
	cursor: pointer
}
.side-menu .side-menu-close i {
	font-size: 20px;
	color: #fff
}
.side-menu h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px
}
.side-menu form {
	width: 100%;
	float: left
}
.side-menu form input[type=text] {
	color: #fff;
	width: 100%;
	height: 44px;
	float: left;
	padding: 0 10px;
	background: #5d5b5c;
	border: none;
	margin-bottom: 16px
}
.side-menu form textarea {
	width: 100%;
	height: 124px;
	float: left;
	padding: 10px;
	background: #5d5b5c;
	border: none;
	margin-bottom: 16px
}
.side-menu form button[type=button] {
	width: 100%;
	height: 44px;
	float: left;
	background: #00cae0;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	border: none
}
.side-menu ul {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px
}
.side-menu ul li {
	width: 34px;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background: red;
	margin-right: 4px
}
.side-menu ul li a {
	display: inline-block;
	font-size: 17px;
	color: #fff
}
.side-menu ul li.facebook {
	background: #3b5999
}
.side-menu ul li.twitter {
	background: #00bcf8
}
.side-menu ul li.googleplus {
	background: #d3492d
}
.side-menu ul li.instagram {
	background: #5989b9
}
.side-menu ul li.pinterest {
	background: #f63234
}
.side-menu ul li.youtube {
	background: #fe0000
}
header {
	width: 100%;
	background: #febd0e;
	color: #fff;
	/* overflow: hidden; */
	height: 75px;
}
.int-header .title {
	width: 100%;
	text-align: center;
	font-weight: 700;
	color: #fff;
	margin:30px;
	font-size:25px;
}
.int-header .sub-title {
	width: 100%;
	text-align: center;
	font-weight: 500;
	color: #fff
}
header .banner {
	width: 100%;
	float: left
}
header .slide-content {
	width: 600px;
	text-align: center;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 99
}
header .slide-content.spacing {
	margin-top: 220px
}
header .slide-content h1 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 60px
}
header .slide-content h5 {
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-top: 25px
}
header .slide-content a {
	color: #fff;
	display: inline-block;
	padding: 25px 50px;
	background: #00cadf;
	font-size: 15px;
	font-weight: 700
}
header .slide-content a:hover {
	text-decoration: none
}
header .slide-content .icon {
	display: inline-block;
	margin-top: 30px
}
header video {
	min-width: 100%;
	min-height: 100%;
	transform: scale(1.3);
	float: left;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0
}
.stage {
	height: 300px;
	width: 500px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	perspective: 9999px;
	transform-style: preserve-3d
}
.layer:nth-child(1):after {
	transform: translateZ(0)
}
.layer:nth-child(2):after {
	transform: translateZ(-2px)
}
.layer:nth-child(3):after {
	transform: translateZ(-4px)
}
.layer:nth-child(4):after {
	transform: translateZ(-6px)
}
.layer:nth-child(5):after {
	transform: translateZ(-8px)
}
.layer:nth-child(6):after {
	transform: translateZ(-10px)
}
.layer:nth-child(7):after {
	transform: translateZ(-12px)
}
.layer:nth-child(8):after {
	transform: translateZ(-14px)
}
.layer:nth-child(9):after {
	transform: translateZ(-16px)
}
.layer:nth-child(10):after {
	transform: translateZ(-18px)
}
.layer:nth-child(11):after {
	transform: translateZ(-20px)
}
.layer:nth-child(12):after {
	transform: translateZ(-22px)
}
.layer:nth-child(13):after {
	transform: translateZ(-24px)
}
.layer:nth-child(14):after {
	transform: translateZ(-26px)
}
.layer:nth-child(15):after {
	transform: translateZ(-28px)
}
.layer:nth-child(16):after {
	transform: translateZ(-30px)
}
.layer:nth-child(17):after {
	transform: translateZ(-32px)
}
.layer:nth-child(18):after {
	transform: translateZ(-34px)
}
.layer:nth-child(19):after {
	transform: translateZ(-36px)
}
.layer:nth-child(20):after {
	transform: translateZ(-38px)
}
.layer:nth-child(n+10):after {
	-webkit-text-stroke: 3px rgba(0,0,0,.25)
}
.layer:nth-child(n+11):after {
	-webkit-text-stroke: 15px #1e90ff;
	text-shadow: 6px 0 6px #00366b, 5px 5px 5px #002951, 0 6px 6px #00366b
}
.layer:nth-child(n+12):after {
	-webkit-text-stroke: 15px #0077ea
}
.layer:last-child:after {
	-webkit-text-stroke: 17px rgba(0,0,0,.1)
}
.layer:first-child:after {
	color: #fff;
	text-shadow: none
}
.navbar-default {
	margin-bottom: 0;
	height: 85px;
	background: url(../images/rainbow-bar.jpg) top repeat-x;
	border-bottom: 1px solid rgba(255,255,255,.4)
}
.navbar-default {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.navbar-default .navbar-brand {
	height: auto
}
.navbar-default .navbar-nav {
	float: right
}
.navbar-default .navbar-nav>li {
	float: left
}
.navbar-default .navbar-nav>li>a {
	color: #373435!important;
	font-weight: 700;
	font-size: 13px;
	padding: 40px 10px 27px 10px
}
.navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #fff;
	color: #fdca0f
}
.navbar-default .navbar-nav>li>a:focus {
	color: #fff
}
.navbar-default .navbar-nav>li>a.hamburger-menu {
	float: left;
	margin-top: -3px;
	font-size: 26px
}
.navbar-default .navbar-nav>li:hover .dropdown-menu {
	display: block
}
.navbar-default .navbar-nav>li:hover a {
	border-bottom: 3px solid #fff;
	color: #fdca0f
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: 0 0;
	color: #fff
}
.navbar-default .dropdown-menu {
	float: left;
	margin-right: -8px;
	background: 0 0;
	color: #fff;
	box-shadow: none;
	border-radius: 0;
	border: none;
	display: none
}
.navbar-default .dropdown-menu li {
	width: 100%;
	float: left;
	text-align: right
}
.navbar-default .dropdown-menu li a {
	color: #fff!important;
	font-weight: 700;
	border: none!important
}
.navbar-default .dropdown-menu li a:hover {
	background: 0 0;
	opacity: .8
}
.fixed-nav {
	box-shadow: 0 2px 2px 0 #ded9d9;
	background: url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,.92)!important
}
.fixed-nav a {
	color: #333!important
}
.fixed-nav .dropdown-menu {
	background: #febd0e
}
.fixed-nav .dropdown-menu a {
	color: #fff!important
}
.portfolioFilter a {
	text-transform: uppercase
}
.portfolioFilter a:hover {
	text-decoration: none
}
.about-us {
	width: 100%;
	float: left
}
.about-us .left-side a.vdo:before {
	content: '';
	display: block;
	background: url(../images/shadow.png) top;
	position: absolute;
	top: 0;
	width: 100%;
	padding-bottom: 95px;
	-moz-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
	-webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
	transition: opacity .25s cubic-bezier(0, 0, .2, 1);
	background-repeat: repeat-x
}
.about-us .left-side a.vdo img {
	width: 100%;
	height: 500px;
	margin: 0;
	object-fit: cover
}
.about-us .left-side a.vdo:hover:after {
	background: url(../images/yt-icn-hvr.png) center no-repeat
}
.about-us .left-side a.vdo:after {
	content: '';
	display: block;
	background: url(../images/yt-icn.png) center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}
.about-us .left-side a.vdo {
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 9
}
.about-us .left-side img {
	height:100%;
	padding:5px;
}
.about-us .right-side {
	background: #f5f5f5
}
.about-us .right-side .table {
	width: 100%;
	padding: 30px
}
.about-us .right-side h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.about-us .right-side h3 span {
	display: inline-block;
	font-weight: 700
}
.about-us .right-side p {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px
}
.about-us .right-side a {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 3px solid #febd0e;
	padding-bottom: 6px;
	color: #999
}
.about-us .right-side a:hover {
	text-decoration: none
}
.img_txt {
	border: 2px solid #eee;
	margin: 0 0 25px
}
.mb-style-3 blockquote::before {
	border-top-color: rgba(0,0,0,.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
	border: medium solid transparent;
	content: " ";
	position: absolute
}
.mb-style-3 blockquote::after {
	border-top-color: #fff;
	border-width: 10px;
	left: 65%;
	margin-left: 25%
}
.more_txt {
	color: #fff!important
}
.more_txt:hover {
	color: #12baeb!important
}
.fat92 {
	color: #fff!important;
	font-size: 70px
}
.yellow-bg1 {
	background: #01b295;
	min-height: 426px
}
.yellow-bg2 {
	background: #01b295;
	min-height: 426px
}
.yellow-bg3 {
	background: #01b295;
	min-height: 492px
}
.yellow-bg4 {
	background: #01b295;
	min-height: 470px
}
.yellow-bg4 h4 {
	color: #fff!important
}
.yellow-bg3 h4 {
	color: #fff!important
}
.yellow-bg2 h4 {
	color: #fff!important
}
.yellow-bg1 h4 {
	color: #fff!important
}
.ss-bg {
	background: #eee none repeat scroll 0 0;
	min-height: 470px
}
.ss-bg:hover {
	background: #12baeb none repeat scroll 0 0
}
.box.ss-bg p {
	color: #333!important
}
.box.ss-bg p:hover {
	color: #fff!important
}
.about-txt {
	font-size: 16px;
	line-height: 29px
}
.mb-style-3 blockquote {
	border-radius: 5px;
	box-shadow: 0 0 5px 0 #999
}
.mb-wrap blockquote {
	margin: 0;
	padding: 0;
	position: relative
}
blockquote {
	margin: 1em 40px
}
.mb-style-3 blockquote p::before {
	color: #12baeb;
	content: "";
	font-family: serif;
	font-size: 133px;
	font-style: normal;
	font-weight: 700;
	left: -77px;
	position: absolute;
	text-shadow: 7px 14px 10px rgba(0,0,0,.1);
	top: 45px
}
.mb-style-3 blockquote p {
	color: #b4b4b4;
	font-family: Alegreya, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
	padding: 33px;
	position: relative;
	text-indent: 100px
}
.mb-wrap p {
	margin: 0;
	padding: 0
}
.mb-style-3 .mb-attribution {
	padding: 20px 100px 20px 20px;
	position: relative;
	text-align: right
}
.mb-style-3 .mb-author {
	color: rgba(188,147,200,1);
	font-family: "Alegreya SC", serif;
	font-size: 18px;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(255,255,255,.7)
}
.mb-wrap p {
	margin: 0;
	padding: 0
}
.services {
	width: 100%;
	padding: 50px 0 0 0;
}
.services .box {
	width: 100%;
	padding: 40px 20px;
	margin-bottom: 40px;
	position: relative;
	text-align: center
}
.services * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.services .box:hover img {
	margin-bottom: 45px
}
.services .box img {
	height: 80px;
	display: inline-block;
	margin-bottom: 20px
}
.services .box h4 {
	font-weight: 700;
	color: #fff;
	margin-bottom: 25px
}
.services .box p {
	color: #fff;
	line-height: 22px;
	font-weight: 500;
	font-size: 15px
}
.services .box .expand {
	width: 70px;
	height: 75px;
	float: left;
	text-indent: -9999px;
	background: url(../images/icon-expand.png) top left no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0
}
.services .box ul {
	height: 0;
	overflow: hidden
}
.services .box ul li {
	width: 100%;
	float: left;
	color: #fff;
	font-weight: 700;
	margin: 3px 0
}
.services .box ul.show-me {
	height: auto
}
.team-members {
	width: 100%;
	float: left;
	padding: 100px 5%
}
.team-members * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.team-members figure {
	width: 100%;
	float: left;
	text-align: center
}
.team-members figure:hover img {
	margin-left: -30px
}
.team-members figcaption {
	width: 100%;
	float: left;
	text-align: center
}
.fun-facts {
	width: 100%;
	background: #f5f5f5;
	padding: 35px 0;
	text-align: center
}
.fun-facts * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.fun-facts .content-box {
	width: 100%;
	float: left;
	padding: 50px 10%
}
.fun-facts .content-box:hover {
	background: #12baeb
}
.fun-facts .content-box:hover i {
	color: #fff
}
.fun-facts .content-box:hover span {
	color: #fff
}
.fun-facts .content-box:hover h5 {
	color: #fff
}
.fun-facts i {
	display: inline-block;
	color: #999;
	font-size: 40px
}
.fun-facts span {
	display: block;
	color: #373435;
	font-size: 40px;
	font-weight: 700
}
.fun-facts h5 {
	display: inline-block;
	color: #373435;
	font-size: 18px
}
.okk_p {
	position: absolute;
	margin: 20px 0 0 0
}
.fun-facts .content-box.active {
	background: #12baeb
}
.fun-facts .content-box.active .counter {
	color: #fff
}
.fun-facts .content-box.active h5 {
	color: #fff
}
.client_img {
	width: 98%!important;
	border: 2px solid #eee
}
.latest-works {
	padding-top: 20px;
	text-align: center
}
.latest-works h3, .logos h3, .services h3 {
	color: #373435;
	font-size: 30px;
	margin-bottom: 30px
}
.logos h3 {
	text-align: center
}
.latest-works h3 span, .logos h3 span, .services h3 span {
	display: inline-block;
	font-weight: 700;
	color: #373435
}
.latest-works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.latest-works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999
}
.latest-works .works-filter a:hover {
	text-decoration: none
}
.latest-works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.latest-works .video-row {
	padding: 20px 0;
	width: 100%
}
.fat91 {
	color: #fff;
	font-size: 70px
}
.latest-works .video-col figure {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}
.latest-works .video-col figure * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.latest-works .video-col figure:hover figcaption {
	opacity: 1;
	padding: 10px
}
.latest-works .video-col figure img {
	width: 100%;
	float: left
}
.latest-works .video-col figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.latest-works .video-col figure figcaption h4 {
	font-weight: 700;
	color: #fff;
	font-size: 20px
}
.latest-works .video-col figure figcaption h4 a {
	color: #fff
}
.latest-works .video-col figure figcaption h4 a:hover {
	color: #fff;
	text-decoration: none
}
.latest-works .video-col figure figcaption small {
	color: #fff;
	font-weight: 500
}
.latest-works .video-col figure figcaption .table {
	background: rgba(254,210,15,.8)
}
.works {
	width: 100%;
	float: left;
	padding: 100px 0;
	text-align: center
}
.works * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.works h3 {
	color: #febd0e;
	font-size: 30px;
	margin-bottom: 30px
}
.works h3 span {
	display: inline-block;
	border-top: 3px solid #febd0e;
	font-weight: 700
}
.works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #febd0e
}
.works .works-filter a:hover {
	text-decoration: none
}
.works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.works ul {
	width: 100%;
	float: left
}
.works ul.spacing {
	width: 100%
}
.works ul.spacing li {
	padding: 10px
}
.works ul.masonry {
	width: 100%
}
.works ul li {
	width: 33.33333%;
	float: left
}
.works ul li figure {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}
.works ul li figure:hover figcaption {
	opacity: 1;
	padding: 10px
}
.works ul li figure img {
	width: 100%;
	float: left
}
.works ul li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.works ul li figure figcaption h4 {
	font-weight: 700;
	color: #fff;
	font-size: 20px
}
.works ul li figure figcaption h4 a {
	color: #fff
}
.works ul li figure figcaption h4 a:hover {
	color: #fff;
	text-decoration: none
}
.works ul li figure figcaption small {
	color: #fff;
	font-weight: 500
}
.works ul li figure figcaption .table {
	background: rgba(254,210,15,.8)
}
.project-detail {
	width: 100%;
	float: left;
	padding: 100px 0
}
.project-detail .project-header {
	width: 100%;
	float: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee
}
.project-detail .about-project {
	width: 100%;
	float: left;
	margin-top: 40px;
	padding: 0 20%
}
.project-detail .screenshot {
	margin-bottom: 50px
}
.logos {
	width: 100%;
	padding: 50px 0
}
.logos h2 {
	font-size: 0
}
.logos figure {
	width: 100%;
	float: left
}
.logos figure img {
	width: 100%
}
.logos .owl-nav {
	width: 100%;
	float: left;
	text-align: center
}
.logos .owl-nav .owl-prev {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 15px;
	padding: 10px
}
.logos .owl-nav .owl-prev:hover {
	opacity: .4
}
.logos .owl-nav .owl-prev:after {
	content: '\f124';
	font-family: ionicons;
	font-size: 20px;
	float: left;
	text-indent: 0
}
.logos .owl-nav .owl-next {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 15px;
	padding: 10px
}
.logos .owl-nav .owl-next:hover {
	opacity: .4
}
.logos .owl-nav .owl-next:after {
	content: '\f125';
	font-family: ionicons;
	font-size: 20px;
	float: left;
	text-indent: 0
}
.latest-news {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: #f5f5f5
}
.latest-news h3 {
	width: 100%;
	text-align: center;
	color: #373435;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-news h3 span {
	display: inline-block;
	font-weight: 700;
	color: #373435
}
.latest-news .news-box {
	width: 100%;
	float: left
}
.latest-news .news-box figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative
}
.latest-news .news-box figure img {
	width: 100%;
	margin: 0
}
.latest-news .news-box h4 {
	width: 100%;
	float: left;
	font-weight: 700
}
.latest-news .news-box small {
	display: block;
	font-size: 12px;
	color: #999;
	margin-bottom: 30px
}
.latest-news .news-box p {
	line-height: 26px;
	font-size: 15px;
	margin-bottom: 20px
}
.latest-news .news-box .link {
	float: left;
	padding: 10px 20px;
	background: #febd0e;
	color: #fff;
	font-weight: 700
}
.latest-news .news-box .link:hover {
	text-decoration: none;
	float: left;
	padding: 10px 20px;
	background: #12baeb;
	color: #fff;
	font-weight: 700
}
.quote {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: url(../images/hero2.jpg) #019aaa no-repeat;
	text-align: center
}
.quote h3 {
	display: block;
	margin: 0;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 700
}
.quote p {
	display: block;
	margin-bottom: 5px;
	padding: 0 5px;
	color: #fff;
	font-size: 18px;
	line-height: 25px
}
.quote a {
	display: inline-block;
	background: #febd0e;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 15px 30px
}
.quote a:hover {
	text-decoration: none;
	background: #fff;
	color: #febd0e
}
.quote .carousel-indicators {
	bottom: -30%
}/*
.blog {
	width: 100%;
	float: left;
	padding: 100px 0
}
.blog * {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.blog .blog-post {
	width: 100%;
	float: left;
	padding-right: 20px;
	margin-bottom: 100px
}
.blog figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative;
	background: #febd0e
}
.blog figure img {
	width: 100%;
	float: left
}
.blog figure:hover img {
	opacity: .7
}
.blog h3 {
	display: block;
	margin-top: 0;
	color: #febd0e
}
.blog small {
	display: block;
	margin-bottom: 10px;
	color: #98989a;
	font-weight: 700
}
.blog .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	margin-bottom: 30px;
	background: #febd0e
}
.blog .link {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 3px solid #febd0e;
	padding-bottom: 6px;
	color: #febd0e
}
.blog .link:hover {
	text-decoration: none
}
.blog .pagination {
	width: 100%;
	float: left
}
.blog .pagination>li {
	float: left
}
.blog .pagination>li a {
	float: left;
	border: 1px dotted #ccc;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 22px;
	color: #2f2e33;
	border-radius: 0!important
}
.blog .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background: #febd0e;
	color: #fff
}
.blog-sidebar {
	width: 100%;
	padding-left: 30px
}
.blog-sidebar .widgets {
	width: 100%;
	float: left;
	margin-bottom: 40px
}
.blog-sidebar .social-media {
	width: 100%;
	float: left
}
.blog-sidebar .social-media ul {
	width: 100%;
	float: left
}
.blog-sidebar .social-media ul li {
	width: 34px;
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: center;
	background: red;
	margin-right: 4px
}
.blog-sidebar .social-media ul li a {
	display: inline-block;
	font-size: 17px;
	color: #fff
}
.blog-sidebar .social-media ul li.facebook {
	background: #3b5999
}
.blog-sidebar .social-media ul li.twitter {
	background: #00bcf8
}
.blog-sidebar .social-media ul li.googleplus {
	background: #d3492d
}
.blog-sidebar .social-media ul li.instagram {
	background: #5989b9
}
.blog-sidebar .social-media ul li.pinterest {
	background: #f63234
}
.blog-sidebar .social-media ul li.youtube {
	background: #fe0000
}
.blog-sidebar .search {
	width: 100%;
	float: left
}
.blog-sidebar .search form {
	width: 100%;
	float: left
}
.blog-sidebar .search form input[type=text] {
	width: 80%;
	float: left
}
.blog-sidebar .search form button[type=submit] {
	width: 20%;
	padding: 0;
	text-align: center;
	float: left;
	background: #febd0e;
	color: #fff;
	margin-left: -3px
}
.blog-sidebar .tags {
	width: 100%;
	float: left
}
.blog-sidebar .tags a {
	float: left;
	padding-bottom: 5px;
	border-bottom: 2px solid #eee;
	font-size: 12px;
	color: #999;
	margin-right: 10px;
	margin-bottom: 10px
}
.blog-sidebar .tags a:hover {
	text-decoration: none;
	color: #00cadf
}
.blog-sidebar .categories {
	width: 100%;
	float: left
}
.blog-sidebar .categories ul {
	width: 100%;
	float: left
}
.blog-sidebar .categories ul li {
	width: 100%;
	float: left;
	margin: 4px 0
}
.blog-sidebar .categories ul li a {
	float: left;
	color: #febd0e;
	font-weight: 500
}
.blog-sidebar .categories ul li a:hover {
	color: #00cadf
}
.blog-sidebar .gallery-thumbs {
	width: 100%;
	float: left;
	margin-left: -5px;
	margin-right: -5px
}
.blog-sidebar .gallery-thumbs a {
	width: 33.33333%;
	float: left;
	padding: 5px
}
.blog-sidebar .gallery-thumbs a img {
	width: 100%;
	float: left
}*/
.contact-info {
	width: 100%;
	float: left;
	padding: 100px 0
}
.contact-info h3 {
	font-weight: 700
}
.contact-info h5 {
	margin-bottom: 20px;
	color: #ccc
}
.contact-info a {
	text-decoration: underline;
	font-weight: 500
}
.contact-info form {
	width: 100%;
	max-width: 600px;
	display: inline-block
}
.contact-info form .form-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	display: flex
}
.contact-info form .spacing {
	margin-right: 2%
}
.contact-info form textarea {
	width: 100%;
	max-width: 600px
}
.contact-info form button[type=button] {
	background: #febd0e;
	color: #fff
}
.map {
	width: 100%;
	height: 400px
}
.fat9 {
	border: 2px solid #999;
	border-radius: 50%;
	color: #999;
	float: left;
	font-size: 50px;
	height: 75px;
	width: 75px;
	padding: 1px;
	text-align: center
}
.contact {
	width: 100%;
	float: left;
	background: #fff
}
.contact figure {
	overflow: hidden;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin: 10px 20px
}
.contact dl {
	display: block
}
.contact dl dt {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px
}
.contact dl dd {
	color: #000;
	font-weight: 500
}
footer {
	width: 100%;
	float: left;
	padding: 100px 0;
	background: #0a8db3;
	color: #fff
}
footer .logo {
	height: 20px;
	margin-bottom: 30px
}
footer * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
footer p {
	line-height: 22px;
	font-weight: 500
}
footer h4 {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px
}
footer .gallery {
	width: 100%;
	float: left;
	margin-left: -5px
}
footer .gallery li {
	width: 48.33333%;
	float: left;
	padding: 5px
}
footer .gallery li img {
	width: 100%;
	float: left
}
footer .gallery li figure {
	width: 100%;
	float: left;
	position: relative
}
footer .gallery li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	background: rgba(254,210,15,.8);
	opacity: 0
}
footer .gallery li figure figcaption a {
	color: #fff
}
footer .gallery li figure figcaption i {
	margin-top: 20%;
	display: inline-block;
	font-size: 30px
}
footer .gallery li figure:hover figcaption {
	opacity: 1
}
footer .form {
	width: 100%;
	float: left
}
footer .form input[type=text] {
	width: 100%;
	max-width: 280px;
	height: 42px;
	border: none;
	padding: 0 10px;
	margin-bottom: 6px
}
footer .form input[type=submit] {
	height: 42px;
	border: none;
	background: #00cadf;
	padding: 0 20px;
	margin-bottom: 6px
}
.sub-footer {
	width: 100%;
	float: left;
	background: #333;
	padding: 20px 0
}
.sub-footer h6 {
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase
}
@media only screen and (max-width:989px), only screen and (max-device-width:989px) {
.navbar-default .nav>li>a {
	padding: 30px 5px
}
.latest-works ul li {
	width: 50%
}
.works ul li {
	width: 50%
}
.team-members figure img {
	width: 100%
}
.blog-sidebar {
	padding-left: 0
}
.blog .blog-post {
	padding-right: 0
}
.contact-info form input[type=text] {
	width: 100%;
	margin-bottom: 15px
}
.contact-info form .form-group {
	margin-bottom: 0
}
.contact-info form .spacing {
	margin-right: 0
}
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
	.npd{ padding:0px 3px !important}
	.npd .box {
   
    min-height: 350px !important;
}
.navbar-default .navbar-toggle:hover {
	background: 0 0
}
.navbar-default .navbar-toggle:focus {
	background: 0 0
}
.navbar-default .navbar-toggle .icon-bar {
	background: #000
}
.navbar-default .navbar-nav {
	width: 100%
}
.navbar-default .navbar-nav>li {
	width: 100%;
	padding: 0
}
.navbar-default .navbar-nav>li a {
	width: 100%;
	float: left;
	padding: 10px 0
}
.navbar-default .navbar-nav>li a:hover {
	border: none;
	opacity: .7
}
.navbar-default .navbar-nav>li:hover a {
	border: none
}
.navbar-nav>li>.dropdown-menu {
	width: 100%;
	position: static
}
.navbar-default .dropdown-menu li {
	text-align: left
}
.navbar-default .navbar-collapse {
	background: #febd0e;
	border: none
}
.services .no-padding {
	padding: 0 30px
}
header .slide-content h5 {
	width: 90vw;
	font-size: 14px
}
.fun-facts h5 {
	font-size: 16px
}
.latest-works ul li {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px
}
.latest-news .news-box {
	margin-bottom: 40px
}
footer .gallery {
	margin-bottom: 40px
}
.sub-footer h6 {
	text-align: center
}
}
.navbar-fixed-bottom, .navbar-fixed-top {
	width: 100vw;
	background: #fff
}
.right-side {
	padding: 0 1%
}
.left-side {
	padding: 0
}
@media (min-width:767px) and (max-width:1024px) {
.mainVdo, .mainVdo iframe {
	width: 500px;
	margin-left: -250px;
	height: 350px;
	margin-top: -175px
}
.navbar-header {
	position: absolute;
	left: 8px
}
.banner_home {
	position: relative;
	top: 65px;
	height: 550px!important
}
}
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
	
	.latest-works h3, .logos h3, .services h3 {
    color: #373435;
    font-size: 24px;
    margin-bottom: 30px;
}
.about-us .right-side {
	height: auto!important;
	padding: 0!important
}
header.int-header {
	height: auto!important
}
section.services {
	padding: 20px 0!important
}
h2.title {
	padding-left: 10px
}
h5.sub-title {
	padding-left: 10px
}
section.latest-works {
	padding: 10px 0
}
.branding img, .digital img {
	width: 100%
}
.table {
	width: 100vw;
	margin-top: 20px
}
.loading img {
	width: 64vw;
	display: block;
	margin: auto
}
.latest-works {
	width: 100vw;
	padding-top: 100px;
	text-align: center
}
.latest-works h3 {
	color: #999;
	font-size: 30px;
	margin-bottom: 30px
}
.latest-works h3 span {
	display: inline-block;
	font-weight: 700
}
.latest-works .works-filter {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.latest-works .works-filter a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	font-weight: 500;
	color: #999
}
.latest-works .works-filter a.current {
	border-bottom: 2px solid #febd0e
}
.latest-works .video-row {
	width: 100vw
}
.latest-works .video-col figure {
	width: 100vw;
	position: relative
}
.latest-works .video-col figure img {
	width: 100vw
}
.video-col iframe {
	width: 100vw
}
.video-col {
	margin-bottom: 30px
}
.logos {
	width: 100%;
	padding: 40px 2%
}
.fun-facts {
	padding: 40px 0
}
.logos h2 {
	margin: 0
}
.latest-news {
	padding: 30px 0
}
.latest-news-col {
	padding: 0
}
.latest-news .news-box h4, .latest-news .news-box p {
	padding: 0 2%
}
.latest-news .news-box .link {
	float: none;
	margin-left: 2%
}
.contact .container {
	padding: 30px 0
}
.contact-fields {
	position: relative;
	width: 100%;
	height: 100px;
	float: none;
	padding: 20px 0;
	padding-left: 4%
}
.contact dl {
	position: absolute;
	left: 120px
}
.contact-row {
	width: 100vw
}
footer {
	padding: 16px 3%
}
.naviMobile-Btn {
	position: absolute;
	float: none;
	right: 5px;
	top: 17px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px
}
.video figure {
	position: relative
}
.video figure figcaption {
	position: absolute;
	bottom: 0
}
.video figure iframe, .video figure img {
	width: 100vw
}
.portfolio-header {
	padding-left: 4%
}
.row blockquote {
	margin: 0;
	padding: 20px 5%
}
.about-txt {
	padding: 0 4%;
	width: 100vw
}
.about-txt iframe {
	width: 100%
}
.contact-row {
	padding: 0 4%
}
.services-row {
	padding: 0
}
}
.mb-attribution {
	text-align: right
}
.dropdown-menu {
	background: #999!important
}
@media only screen and (min-width:767px), only screen and (min-device-width:767px) {
.latest-works ul li {
	border: 2px solid #eee;
	float: left;
	margin: 0 15px;
	padding: 5px;
	width: 31.333%;
	height: 180px;
	min-height: 180px;
	margin-bottom: 30px
}
.latest-works ul li figure {
	width: 100%;
	height: 165px;
	float: left;
	position: relative;
	overflow: hidden
}
.latest-works ul li figure img {
	width: 100%;
	float: left;
	max-width: 100%;
	height: auto
}
.latest-works ul li figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.latest-works ul li figure * {
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease
}
.video-col {
	padding: 0;
	height: 211px;
	overflow: hidden;
	padding: 10px
}
iframe {
	width: 100%
}
.services .box {
	min-height: 350px
}
}
.portfoliopage .navbar-fixed-top {
	width: 100vw;
	background: #fff;
	opacity: 1
}
.portfoliopage .navbar-default .navbar-nav>li>a {
	color: #000
}
.banner .tp-caption {
	left: 0!important;
	width: 100%
}
.banner .slide-content {
	padding: 0 20px;
	width: 100%!important
}
header .slide-content h5 {
	width: 100%
}
.rev_slider .tp-caption {
	white-space: inherit!important
}
@media only screen and (max-width:400px) {
.services .box {
	width: 100%;
	padding: 0 20px 5px 20px!important;
	margin-bottom: 0;
	position: relative;
	text-align: center
}
header .slide-content h1 {
	margin-bottom: 15px;
	font-size: 35px
}
.bannernew {
	margin-top: 16%
}
}
.side-menu h4 {
	color: #febd0e!important
}
.buttn-get-firection {
	margin-top: 25px;
	color: #fff;
	display: inline-block;
	padding: 20px 50px;
	background: #00cadf;
	font-size: 15px;
	font-weight: 700;
	border: none
}
.filterlisting .table {
	background-color: #fff;
	padding: 10px 0
}
.filterlisting .table .inner a:hover {
	color: #febd0e!important;
	text-decoration: underline
}
.filterlisting li:hover figcaption {
	opacity: 0
}
.logo {
	float: left;
	padding: 9px 0;
	margin: 0;
	position: relative;
	right: 48px
}
.newnav {
	position: relative;
	left: -20%;
	right: -20%;
	margin: auto;
	text-align: center
}
.whatsapp-sec-1 {
	position: absolute;
	left: 84%;
	top: 0;
	width: 170px;
	font-family: Lato, 'Open Sans', sans-serif!important;
	padding: 4px 10px
}
.whatsapp-number {
	color: #000
}
.box-new1 {
	min-height: 460px!important
}
.box-new2 {
	min-height: 480px!important
}
.box-new3 {
	min-height: 495px!important
}
@media screen and (min-width:767px) and (max-width:1199px) {
.logo {
	float: left;
	padding: 15px 0;
	margin: 0;
	position: relative;
	right: 0;
	width: 110px
}
.logo img {
	max-width: 100%;
	width: 100%
}
.newnav {
	position: relative;
	left: 10px;
	right: -20%;
	margin: auto;
	text-align: center
}
.whatsapp-sec-1 {
	display: none
}
.navbar-default .navbar-nav>li>a {
	font-size: 12px
}
}
@media screen and (max-width:767px) {
.banner_home {
	position: relative;
	top: 65px;
	height: 263px!important
}
#rev_slider_35_1 {
	height: 200px!important
}
.logo {
	right: 0;
	width: 135px;
	padding: 10px;
	top: 4px
}
.header-top .top-left {
	width: 100%!important
}
.whatsapp-sec-1 {
	display: none
}
.newnav {
	left: 0;
	right: 0;
	margin: auto;
	text-align: left
}
.social-icon-one {
	display: none
}
.contact-list .textwidget {
	overflow: hidden;
	justify-content: space-between;
	display: flex;
	width: 100%
}
.header-top .contact-list li {
	padding-right: 0
}
}
#contact_us_page .form-group .listbar input {
	width: 90%
}
#contact_us_page .form-group .listbar {
	flex: 1
}
#contact_us_page .form-group .listbar textarea {
	width: 95%
}
#contact_us_page .form-group .listbar.last {
	width: 90%
}
#contact_us_page .form-group .listbar label {
	width: 90%
}
.main-header-sec {
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 999999;
	width: 100%
}
.header-top .top-left {
	position: relative;
	float: left;
	width: 50%
}
.header-top .top-right {
	position: relative;
	float: right;
	width: 50%;
	text-align: right
}
.contact-list {
	width: 100%
}
.header-top .contact-list li {
	float: left;
	padding-right: 20px;
	color: #373435
}
.contact-list li a {
	color: #373435
}
.social-icon-one li {
	color: #373435
}
.header-top {
	padding: 8px 0
}
.textwidget li i {
	font-size: 16px
}
.job_type {
	margin-bottom: 40px
}
.job_type h3 {
	color: #999
}
.text-center {
	text-align: center
}
.main-career-page {
	background: #f2f7fb;
	padding: 30px 0 60px 0
}
#featured .job-featured {
	background: #fff;
	padding: 20px;
	margin: 0 0 15px 0;
	border-radius: 4px;
	border-left: 4px solid transparent;
	box-shadow: 0 0 14px rgba(191,191,191,.24);
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	border-color: #febd0e
}
#featured .job-featured .icon {
	float: left;
	position: relative;
	width: 70px;
	text-align: center;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	box-shadow: 0 0 7px rgba(203,203,203,.23)
}
#featured .job-featured .icon {
	float: left;
	position: relative;
	width: 70px;
	text-align: center;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	box-shadow: 0 0 7px rgba(203,203,203,.23)
}
#featured .job-featured .content h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px
}
#featured .job-featured .content h3 a {
	color: #333
}
#featured .job-featured .content .brand {
	font-size: 15px;
	margin-bottom: 7px;
	color: #666
}
#featured .job-featured .content .tags {
	margin-bottom: 15px
}
.full-time {
	color: #febd0e;
	background: #febd0e4a
}
#featured .job-featured .content .tags span {
	margin-right: 10px
}
#featured .job-featured .content .tags span i {
	color: #26ae61;
	margin-right: 5px
}
.full-time, .part-time {
	font-size: 11px;
	font-weight: 500;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 50px;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.part-time {
	color: #ff6046;
	background: #ffd8d2
}
#featured .job-featured .content h3 a:hover {
	color: #febd0e;
	text-decoration: none
}
.job-detail {
	padding: 60px 0
}
.justify-content-between {
	-ms-flex-pack: justify!important;
	justify-content: space-between!important
}
.job-detail .content-area {
	padding: 15px 20px;
	box-shadow: 0 0 14px rgba(191,191,191,.24)
}
.job-detail .content-area h4 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px
}
.job-detail .content-area p {
	margin-bottom: 15px
}
.job-detail .content-area h5 {
	font-size: 20px;
	font-weight: 700;
	margin: 15px 0
}
.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}
.btn-common {
	background-color: #26ae61
}
.btn-common {
	background: #febd0e;
	color: #fff;
	position: relative;
	z-index: 9999
}
.sideber {
	padding: 15px;
	box-shadow: 0 0 14px rgba(191,191,191,.24)
}
.apply_job:hover {
	color: #fff!important;
	text-decoration: none
}
.sideber .widghet h3 {
	font-weight: 700;
	margin-bottom: 20px
}
#contact-section {
	background: #12baeb;
	padding: 20px;
	width: 99%;
	float: right
}
#contact-section h3, #job-section h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid#ccc;
	color: #fff;
	text-align: center
}
.readlessc, .readlessc:hover, .readmorec, .readmorec:hover {
	color: #1679b2;
	text-decoration: underline
}
.apply-jb {
	width: 100%;
	height: 34px;
	border: 1px solid #ccc;
	padding-left: 5px;
	border-radius: 5px
}
.careerpage {
	padding: 50px 0
}
.apply_submit_bttn {
	background: #494949;
	color: #fff;
	font-size: 16px;
	margin-top: 12px;
	padding: 10px 10px;
	height: 40px
}
.apply_submit_bttn:hover {
	color: #fff
}
.mu-title p {
	text-align: justify
}
.footer-social-main {
	margin-top: 0;
	overflow: hidden;
	display: flex;
	justify-content: flex-end
}
.footer-social-main li {
	float: left;
	margin: 0 5px
}
.footer-social-main li:first-child {
	margin-left: 0
}
.footer-social-main li a {
	background-color: #fff;
	color: #fff;
	font-size: 19px;
	border-radius: 22px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center
}
.footer-social-main li:first-child a i {
	color: #3b5999!important
}
.footer-social-main li:nth-child(2) a i {
	color: #e4405f!important
}
.footer-social-main li:nth-child(3) a i {
	color: #0077b5!important
}
.footer-social-main li:nth-child(4) a i {
	color: #bd081c!important
}
@media (max-width:1024px) {
.contact-info {
	padding: 10px 0
}
.mb30-responsive {
	margin-bottom: 30px
}
}
@media (min-width:769px) {
.portfolioContainer .items img {
	min-height: 195px
}
}
@media (min-width:768px) and (max-width:1024px) {
.contact {
	float: none
}
.contact .container {
	padding-right: 15px;
	padding-left: 15px
}
.buttn-get-firection {
	margin-bottom: 20px
}
.fat9 {
	font-size: 40px;
	height: 60px;
	width: 60px
}
}
@media (min-width:768px) and (max-width:980px) {
.portfolioContainer .items {
	width: 48%;
	margin: 7px
}
.portfolioContainer .items iframe {
	width: 100%
}
.portfolioContainer {
	overflow: hidden;
	margin: 10px
}
.latest-works .col-lg-12 {
	padding-left: 15px;
	padding-right: 15px
}
.sub-footer .col-md-6 {
	width: 50%;
	float: left
}
.banner_home {
	position: relative;
	top: 65px;
	height: 430px!important
}
}
@media (max-width:767px) {
.contact-info form .form-group {
	display: block
}
#contact_us_page .form-group .listbar input {
	width: 100%
}
.footer-social-main {
	justify-content: center;
	margin-top: 15px
}
.diplaynonemobile {
	display: none
}
.mobilesetpad {
	padding: 25px
}
.mobilesetpad img {
	width: 100%;
	margin: auto
}
.cwork-text {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px
}
}
@media (max-width:500px) {
.bannernew {
	background-image: url(../images/cyberntic_banner-res.jpg)!important;
	margin-top: 85px;
	background-size: initial
}
.bannernew span.hgt {
	padding-top: 56%
}
}
@media (max-width:600px) {
.mainVdo, .mainVdo iframe {
	width: 100%;
	left: 0;
	margin-left: initial
}
.clsBtn2 {
	right: 0;
	z-index: 999999
}
.portfolioContainer .items {
	width: 100%;
	margin: 0;
	margin-bottom: 20px
}
.portfolioContainer .items iframe {
	width: 100%
}
.portfolioContainer {
	overflow: hidden;
	margin: 10px
}
.latest-works .col-lg-12 {
	padding-left: 15px;
	padding-right: 15px
}
}
@media (max-width:340px) {
.banner_home {
	position: relative;
	top: 65px;
	height: 233px!important
}
#rev_slider_35_1 {
	height: 170px!important
}
}