@charset "utf-8";
@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 100;
	src: local('Raleway Thin'), local('Raleway-Thin'), url(../fonts/RJMlAoFXXQEzZoMSUteGWFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: local('Raleway Light'), local('Raleway-Light'), url(../fonts/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), url(../fonts/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
}
@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: local('Raleway Medium'), local('Raleway-Medium'), url(../fonts/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../fonts/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: local('Raleway Bold'), local('Raleway-Bold'), url(../fonts/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face
{
	font-family: 'Noto Serif';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Serif'), local('NotoSerif'), url(../fonts/eCpfeMZI7q4jLksXVRWPQ_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face
{
	font-family: 'Noto Serif';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(../fonts/lJAvZoKA5NttpPc9yc6lPYWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
}
body
{
	background: #F1F4F4;
	font-family: 'Raleway', sans-serif;
	cursor: url(../img/empty_black_white.png), default;
}
a {
   outline: 0;
}
a:active,
a:hover,
a:focus
{
	outline: none;
}
p
{
	color: #525252;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	position: relative;
	text-shadow: none;
}
h1
{
	color: #1c1d1d;
	font-size: 56px;
	font-weight: 100;
}
h2,
h3,
h4,
h5,
h6
{
	color: #181818;
	font-size: 18px;
	font-weight: 700;
}
ul
{
	list-style: none;
	padding-left: 0;
}
section
{
	overflow: hidden;
	padding: 80px 0px 0 0;
	width: 100%;
}
section > .container
{
	padding: 0;
}
.full-width
{
	padding: 0;
	width: 100%;
}
.pad-top-zero
{
	padding-top: 0;
}
.pad-bottom-zero
{
	padding-bottom: 0;
}
.heading-center
{
	padding-bottom: 60px;
	text-align: center;
}
.heading-left
{
	text-align: left;
}
h2.partheading
{
	color: #1c1d1d;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 56px;
	font-weight: 100;
	line-height: 44px;
	margin: 0;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
h2.partheading span
{
	color: #069;
	font-weight: 600;
}
.heading-center h2.partheading:before
{
	background: url(../img/heading-arrow.png);
	content: "";
	height: 18px;
	left: 50%;
	margin-left: -12px;
	margin-top: -7px;
	position: absolute;
	top: 98%;
	width: 18px;
	z-index: 99;
}
.heading-center h2.partheading:after
{
	background: #E0E3E3;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
}
.heading-no-border h2.partheading:after
{
	display: none;
}
.heading-no-border h2.partheading:before
{
	background: transparent;
	color: #069;
	content: "\f103";
	font-family: fontAwesome;
	font-size: 18px;
}
.no-bef-aft h2.partheading:after,
.no-bef-aft h2.partheading:before
{
	display: none;
}
.no-bef-aft h2.partheading
{
	color: #FFFFFF;
}
.bannerheading
{
	color: #181818;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	margin: 0;
	padding-bottom: 30px;
	position: relative;
	text-transform: uppercase;
}
.heading-br-af
{
	border-bottom: 1px solid #E0E3E3;
}
.heading-br-af:after
{
	background: #069;
	border-radius: 50%;
	bottom: -4px;
	color: #069;
	content: "";
	height: 7px;
	margin-left: -3.5px;
	position: absolute;
	right: 0;
	width: 7px;
}
.left-no-pad
{
	padding-left: 0px;
}
.right-no-pad
{
	padding-right: 0px;
}
.no-margin
{
	margin: 0;
}
.big-btn
{
	font-size: 24px;
	height: 74px;
	line-height: 70px;
	padding: 0 70px 0 69px;
}
.rms-btn:active
{
	background: #069 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
}
.rms-btn
{
	background: #069 none repeat scroll 0 0;
	border: 2px solid #069;
	color: #ffffff;
	display: inline-block;
	font-family: "Raleway", sans-serif;
	font-weight: 700;
	margin: 18px 0 0 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.rms-btn.big-btn:hover
{
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
}
.top-banner
{
	background: url(../img/banner.jpg) #7d9797 fixed no-repeat center bottom;
	background-size: cover;
	height: 100vh;
	moz-background-size: cover;
	webkit-background-size: cover;
}
.parallax-overlay
{
	background: rgba(0, 0, 0, 0) url("../img/overaly.png") repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
header
{
	margin: 0;
	padding: 0;
}
.portfolio-ver header .container > .row:nth-child(1)
{
	margin-top: 115px;
}
.portfolio-ver header .container > .row:nth-child(2)
{
	margin-top: 185px;
}
.portfolio-ver header .container > .row:nth-child(3)
{
	margin-top: 215px;
}
.banner-caro
{
	color: #FFFFFF;
}
.headerbanner.owl-theme .owl-controls .owl-buttons div
{
	background: transparent;
	font-size: 30px;
	position: absolute;
	top: 30%;
}
.headerbanner.owl-theme .owl-controls .owl-buttons div.owl-prev
{
	left: -23%;
}
.headerbanner.owl-theme .owl-controls .owl-buttons div.owl-next
{
	right: -23%;
}
.banneritem .bannerheading
{
	color: #FFFFFF;
	font-size: 4.125vw;
	font-size: 56px;
	font-weight: 600;
	line-height: 56px;
	padding-bottom: 40px;
}
@media (min-width: 1800px)
{
	.banneritem .bannerheading
	{
		line-height: 75px;
	}
}
.banneritem .bannerheading:before
{
	background: #5C7172;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 23%;
	position: absolute;
	width: 54%;
}
.banneritem .bannerheading:after
{
	background: #069;
	border-radius: 50%;
	bottom: -4px;
	color: #069;
	content: "";
	height: 7px;
	margin-left: -3.5px;
	position: absolute;
	right: 50%;
	width: 7px;
}
.banneritem p
{
	color: #FFFFFF;
	margin-top: 40px;
}
.projectinfo.projectinfo2
{
	background: transparent;
	padding: 40px 0px 0px;
}
.projectinfo.projectinfo2 .icon
{
	font-size: 56px;
	left: 0;
	margin-bottom: 22px;
	position: relative;
	top: 22px;
}
.projectinfo2 .count
{
	padding: 16px 0px 40px 0px;
}
.projectinfo2 > div:not(:last-child):after
{
	background: #5C7172;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}
.projectinfo2 .counter
{
	line-height: 36px;
}
.projectinfo2 .counter-title
{
	margin-top: 25px;
}
nav.navbar.navbar-default,
nav.navbar.navbar-default > .container
{
	background: #ffffff;
	height: 82px;
}
nav.navbar.navbar-default
{
	background: #ffffff;
	border: none;
	border-radius: 0;
	box-shadow: 0 0px 10px -2px rgba(0, 0, 0, 0.6);
	margin: 0;
	moz-box-shadow: 0 0px 10px -2px rgba(0, 0, 0, 0.6);
	webkit-box-shadow: 0 0px 10px -2px rgba(0, 0, 0, 0.6);
	z-index: 999;
}
.navbar-default .navbar-brand
{
	color: #181818;
	font-size: 42px;
	font-weight: 100;
	line-height: 87px;
	padding: 0;
	text-transform: uppercase;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand
{
	margin-left: 0;
}
.navbar-default .navbar-nav>li
{
	padding: 26px 0px 22px;
}
.navbar-default .navbar-nav>li:not(.down-app)>a
{
	color: #181818;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	margin: 0px 15px;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	padding: 5px;
	position: relative;
	text-shadow: none;
	text-transform: uppercase;
	transition: all .3s;
	webkit-transition: all .3s;
}
.navbar-default .navbar-nav>li:not(.down-app)>a:after
{
	background: #069;
	bottom: 0px;
	content: "";
	filter: alpha(opacity=0);
	height: 3px;
	left: 0;
	moz-transition: all 0.2s;
	ms-transition: all 0.2s;
	opacity: 0;
	o-transition: all 0.2s;
	position: absolute;
	transition: all 0.2s;
	webkit-transition: all 0.2s;
	width: 0%;
}
.navbar-default .navbar-nav>li:not(.down-app)>a:hover:after,
.navbar-default .navbar-nav>li:not(.down-app)>a.current:after
{
	bottom: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	width: 100%;
}
.navbar-default .navbar-nav>li.down-app
{
	padding: 0;
}
.navbar-default .navbar-nav>li.down-app>a
{
	background: #069;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 83px;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	padding: 0px 20px;
	text-transform: uppercase;
	transition: all .3s;
	webkit-transition: all .3s;
}
.navbar-default .navbar-nav>li.down-app>a:hover
{
	background: #a7853d;
}
.fixed-bar
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}
.fixednav
{
	margin-top: -91px;
	position: fixed;
	right: 2%;
	top: 50%;
	transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6);
	webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6);
	will-change: transform, opacity;
	z-index: 1000;
}
.fixednav ul
{
	width: 19px;
}
.fixednav ul li
{
	display: block;
	float: left;
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}
.fixednav ul li > a
{
	border: 2px solid #8E9393;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	display: block;
	height: 9px;
	margin-bottom: 0.5rem;
	margin-left: auto;
	margin-right: auto;
	moz-transition: border-color, -webkit-transform 0.3s;
	o-transition: border-color, -webkit-transform 0.3s;
	overflow: hidden;
	position: relative;
	transition: border-color, transform 0.3s;
	webkit-transition: border-color, -webkit-transform 0.3s;
	width: 9px;
}
.fixednav ul li > a:hover
{
	background: #069;
	border-color: #069;
}
.fixednav ul li > a.current
{
	background: #069;
	border-color: #069;
	moz-transform: scale(1.4);
	ms-transform: scale(1.4);
	o-transform: scale(1.4);
	transform: scale(1.4);
	webkit-transform: scale(1.4);
}
.fixednav li > div
{
	background: #069;
	color: #fff;
	display: inline-block;
	moz-transition: all .3s ease-in;
	ms-transition: all .3s ease-in;
	opacity: 0;
	o-transition: all .3s ease-in;
	padding: 3px 7px;
	position: absolute;
	right: 40px;
	top: -8px;
	transition: all .3s ease-in;
	visibility: hidden;
	webkit-transition: all .3s ease-in;
}
.fixednav ul li > a:hover + div,
.fixednav ul li > a.current + div
{
	opacity: 1;
	visibility: visible;
}
.fixednav li > div span
{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	text-transform: capitalize;
}
.fixednav li > div span:after
{
	background: #069;
	content: "";
	height: 18px;
	moz-transform: rotate(-45deg);
	ms-transform: rotate(-45deg);
	o-transform: rotate(-45deg);
	position: absolute;
	right: -16px;
	top: -1px;
	transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
	width: 18px;
	z-index: -1;
}
.aboutinfo .content p > img
{
	margin-top: 5px;
	padding: 0px 30px 20px 0px;
}
.aboutinfo .content p
{
	color: #525252;
	font-weight: 400;
	line-height: 26px;
}
.aboutinfo .content p:first-child:first-letter
{
	border: 1px solid #E0E3E3;
	border-radius: 0px;
	color: #069;
	float: left;
	font-family: 'Noto Serif', serif;
	font-size: 48px;
	height: 100px;
	line-height: 100px;
	margin-bottom: 5px;
	margin-right: 30px;
	margin-top: 10px;
	padding: 0px 20px;
	text-transform: uppercase;
}
.about .heading-center
{
	margin-bottom: 40px;
}
.about-right figure img
{
	max-width: 100%;
}
.about-right figcaption
{
	color: #525252;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	padding: 40px 80px 0px 50px;
	text-align: center;
}
.listview
{
	border-top: 1px dotted #E0E3E3;
	display: table;
	margin-top: 21px;
	padding-top: 35px;
	position: relative;
}
.listview p
{
	display: table-cell;
}
ul.aboutinfolist
{
	display: table-cell;
	list-style: none;
}
ul.aboutinfolist li
{
	font-size: 20px;
	margin-bottom: 20px;
	padding-left: 33px;
	position: relative;
	text-transform: capitalize;
}
ul.aboutinfolist li span
{
	font-size: 15px;
}
ul.aboutinfolist li:before
{
	color: #069;
	content: "\f00c";
	font-family: fontAwesome;
	font-size: 16px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 20px;
}
section.about-info
{
	padding-bottom: 95px;
}
.about-info .heading-center
{
	margin-bottom: 25px;
}
.about-info .workprocess
{
	margin-top: 66px;
	position: relative;
}
.about-info .media-left.icon,
.about-info .media-right.icon
{
	padding: 0;
}
.about-info .workprocess .icon div
{
	height: 90px;
	line-height: 90px;
	width: 90px;
}
.about-info .app-img
{
	padding: 0px 30px;
	text-align: center;
}
.about-info .app-img img
{
	float: none;
}
@media (min-width: 768px)
{
	.about-info .app-img img
	{
		width: 100%;
	}
}
.about-info .left-align .media-body,
.workprocess.left-align h2.bannerheading
{
	text-align: right;
}
.contactinfo
{
	background: url(../img/down-app-bg.png) no-repeat;
	background-size: cover;
	margin: 0 0 50px 0;
	padding: 60px 0px 56px;
	text-align: center;
}
.dialogue-txt
{
	display: inline-block;
	padding-right: 35px;
	position: relative;
}
.contactinfo h2
{
	color: #ffffff;
	display: block;
	font-size: 46px;
	font-weight: 600;
	line-height: 45px;
	margin: 0;
	margin-bottom: 9px;
	position: relative;
	text-transform: uppercase;
}
.contactinfo h2 small
{
	color: #fff;
	font-weight: 600;
}
.tab-wrap .nav-tabs
{
	border: none;
	display: block;
	float: left;
	min-width: 231px;
	width: 35.065%;
}
.tab-wrap .nav-tabs > li
{
	display: block;
	width: 100%;
}
.tab-wrap .nav-tabs > li > a
{
	border-radius: 0;
	border-right: 1px solid #E0E3E3;
	color: #181818;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	moz-transition: all .3s ease-in-out;
	ms-transition: all .3s ease-in-out;
	o-transition: all .3s ease-in-out;
	padding: 45px 18px;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
	webkit-transition: all .3s ease-in-out;
}
.tab-wrap .nav-tabs > li > a > span
{
	color: #069;
	float: left;
	font-size: 36px;
	line-height: 22px;
	width: 53px;
}
.tab-wrap .nav-tabs>li.active>a,
.tab-wrap .nav-tabs> li.active> a:hover,
.tab-wrap .nav-tabs> li.active> a:focus
{
	background: #F1F4F4;
	border: 1px solid #E0E3E3;
	border-right: 1px solid transparent;
	color: #069;
}
.tab-wrap .nav-tabs>li>a:hover
{
	background: #F1F4F4;
	border: 1px solid #E0E3E3;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	color: #069;
}
.tab-wrap .tab-content
{
	display: block;
	float: right;
	width: 60%;
}
.tab-wrap
{
	display: block;
	float: left;
	width: 100%;
}
p.quote
{
	margin-top: 20px;
	text-align: center;
}
.infographicside
{
	margin: 0 auto;
	padding: 0px 55px 0px 53.5px;
	position: relative;
	width: 370px;
}
.infographicside > img
{
	left: 0;
	left: 0px;
	position: absolute;
	top: -115px;
	width: 370px;
}
.app-caro
{
	margin-top: 27.50%;
}
.app-caro.owl-carousel.owl-theme img
{
	height: 100%;
	width: 100%;
}
.projectinfo
{
	background: url(../img/works-bg.png) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	moz-background-size: cover;
	ms-background-size: cover;
	padding: 98px 0px;
	webkit-background-size: cover;
}
.projectinfo .icon
{
	color: #069;
	font-size: 74px;
	left: 15px;
	line-height: 21px;
	position: absolute;
	top: -5px;
}
.count
{
	padding-left: 106px;
	padding-top: 8px;
}
.count span
{
	color: #ffffff;
	display: block;
}
.counter
{
	font-family: 'Open Sans', sans-serif;
	font-size: 48px;
	line-height: 26px;
}
.counter-title
{
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
	padding-top: 15px;
	text-transform: lowercase;
}
.circliful
{
	position: relative;
}
.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half
{
	display: inline-block;
	position: absolute;
	text-align: center;
	width: 100%;
}
.circle-text
{
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 48px;
	font-weight: 400;
}
.circle-info,
.circle-info-half
{
	color: #999;
}
.circliful .fa
{
	bottom: 4px;
	margin: -10px 3px 0 3px;
	position: relative;
}
.workinfo
{
	background: url(../img/parallax3.jpg) no-repeat fixed center;
	background-size: cover;
	moz-background-size: cover;
	padding: 99px 0px 95px;
	position: relative;
	webkit-background-size: cover;
}
.workinfo .container > .row
{
	margin: 0;
}
.process
{
	color: #ffffff;
	margin-top: 15px;
	padding: 0;
}
.workinfoicon
{
	border-bottom: 1px solid #fff;
	color: #069;
	font-size: 48px;
	moz-transition: all .3s ease-in;
	o-transition: all .3s ease-in;
	padding-bottom: 32px;
	position: relative;
	text-align: center;
	transition: all .3s ease-in;
	webkit-transition: all .3s ease-in;
}
.workinfoicon:after
{
	background: #069;
	border-radius: 50%;
	bottom: -4px;
	color: #069;
	content: "";
	height: 7px;
	left: 50%;
	margin-left: -3.5px;
	position: absolute;
	width: 7px;
}
.process .bannerheading
{
	color: #ffffff;
	margin-top: 52px;
	padding-bottom: 0;
	text-align: center;
}
.process:hover .workinfoicon
{
	border-color: #069;
}
.process:hover .workinfoicon,
.process:focus,
.process:active
{
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: hvr-wobble-skew;
	animation-timing-function: ease-in-out;
	moz-animation-duration: 1s;
	moz-animation-iteration-count: 1;
	moz-animation-name: hvr-wobble-skew;
	moz-animation-timing-function: ease-in-out;
	webkit-animation-duration: 1s;
	webkit-animation-iteration-count: 1;
	webkit-animation-name: hvr-wobble-skew;
	webkit-animation-timing-function: ease-in-out;
}
section.services
{
	padding-bottom: 0;
}
.whatwedo
{
	margin-top: 0;
	position: relative;
}
.whatwedo > .div
{
	margin-bottom: 38px;
}
.serviceitem
{
	background: #F1F4F4;
	display: block;
	float: left;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	padding: 30px 0px 14px;
	position: relative;
	transition: all .3s;
	webkit-transition: all .3s;
	width: 100%;
}
.serviceitem .media
{
	padding: 12px 0px 0px;
}
.workprocess .icon,
.media-left.icon,
.media-right.icon
{
	color: #069;
	font-size: 56px;
	line-height: 21px;
	padding: 0px 24px;
	vertical-align: top;
}
.media-left.icon i
{
	margin-top: 10px;
}
.serviceitem h2.bannerheading
{
	border-bottom: 1px solid #E0E3E3;
	text-align: center;
}
.serviceitem h2:after
{
	background: #069;
	border-radius: 50%;
	bottom: -4px;
	color: #069;
	content: "";
	height: 7px;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	position: absolute;
	right: 0;
	transition: all .3s;
	webkit-transition: all .3s;
	width: 7px;
}
.serviceitem:hover
{
	background: #FBFBFB;
	box-shadow: 0px 0px 5px #c8cece;
}
.serviceitem:hover h2:after
{
	margin-left: -3.5px;
	right: 50%;
}
.whatwedo .layer
{
	background: linear-gradient(0deg, rgba(241, 244, 244, 1), rgba(241, 244, 244, 0.9) 70%, rgba(241, 244, 244, 0.5) 90%);
	background: rgba(241, 244, 244, 0.5);
	bottom: 0;
	display: block;
	filter: alpha(opacity=100);
	height: 135px;
	margin-bottom: 0;
	moz-transition: all .3s ease-in-out;
	ms-transition: all .3s ease-in-out;
	opacity: 1;
	o-transition: all .3s ease-in-out;
	position: absolute;
	transition: all .3s ease-in-out;
	webkit-transition: all .3s ease-in-out;
	width: 100%;
}
.shorty
{
	display: inline-block;
	float: right;
	margin-top: 12px;
}
.shorty span
{
	display: block;
	float: left;
	font-style: italic;
	text-transform: capitalize;
}
.shorty span:nth-child(2)
{
	color: #069;
	cursor: pointer;
	font-size: 23px;
	font-style: normal;
	padding: 0px 12px;
}
.scale-reverse:before
{
	content: "\f205";
	cursor: pointer;
	font-family: fontAwesome;
}
.whatwedo.whatwedo-prt > div
{
	margin-bottom: 10px;
	padding-top: 50px;
}
.whatwedo.whatwedo-prt > div:nth-last-of-type(2)
{
	margin-bottom: 70px;
}
.whatwedo-prt .serviceitem
{
	border: 1px solid #DCDFDF;
	padding: 65px 15px 14px 15px;
	position: relative;
	text-align: center;
}
.whatwedo-prt .serviceicon
{
	color: #069;
	display: inline-block;
	font-size: 56px;
	height: 80px;
	left: 50%;
	line-height: 80px;
	margin-left: -40px;
	position: absolute;
	text-align: center;
	top: -40px;
	width: 80px;
}
.serviceitem:hover .serviceicon,
.serviceitem:focus .serviceicon
{
	animation-delay: 0s, .3s;
	animation-direction: normal, alternate;
	animation-duration: .3s, 1.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1, infinite;
	animation-name: hvr-bob-float, hvr-bob;
	animation-timing-function: ease-out, ease-in-out;
	moz-animation-delay: 0s, .3s;
	moz-animation-direction: normal, alternate;
	moz-animation-duration: .3s, 1.5s;
	moz-animation-fill-mode: forwards;
	moz-animation-iteration-count: 1, infinite;
	moz-animation-name: hvr-bob-float, hvr-bob;
	moz-animation-timing-function: ease-out, ease-in-out;
	webkit-animation-delay: 0s, .3s;
	webkit-animation-direction: normal, alternate;
	webkit-animation-duration: .3s, 1.5s;
	webkit-animation-fill-mode: forwards;
	webkit-animation-iteration-count: 1, infinite;
	webkit-animation-name: hvr-bob-float, hvr-bob;
	webkit-animation-timing-function: ease-out, ease-in-out;
}
.works-statistic
{
	background: url(../img/static-bg.png) no-repeat fixed center;
}
.wrk-mt
{
	display: block;
	float: left;
	text-align: center;
	width: 50%;
}
.wrk-mt:nth-child(1)
{
	border-bottom: 1px solid #495555;
	border-right: 1px solid #495555;
	padding: 8px 50px 32px 35px;
}
.wrk-mt:nth-child(2)
{
	border-bottom: 1px solid #495555;
	padding: 8px 35px 32px 50px;
}
.wrk-mt:nth-child(3)
{
	border-right: 1px solid #495555;
	padding: 8px 50px 32px 35px;
}
.wrk-mt:nth-child(4)
{
	padding: 8px 35px 32px 50px;
}
.wrk-mt:nth-last-of-type(-n+2)
{
	padding-top: 16px;
}
.wrk-mt .icon
{
	color: #069;
	font-size: 74px;
	margin-bottom: 17px;
}
.wrk-mt:hover .icon
{
	animation-duration: 0.75s;
	animation-iteration-count: 1;
	animation-name: hvr-buzz-out;
	animation-timing-function: linear;
	webkit-animation-duration: 0.75s;
	webkit-animation-iteration-count: 1;
	webkit-animation-name: hvr-buzz-out;
	webkit-animation-timing-function: linear;
}
.wrk-mt .bannerheading
{
	padding-bottom: 15px;
}
.jqbar-wrap
{
	display: block;
	float: left;
	margin-right: 3.60%;
	width: 21.053%;
}
.jqbar-wrap:last-child
{
	margin-right: 0;
}
.jqbar-wrap .jqbar
{
	display: inline-block;
	float: left;
	position: relative;
	top: 0;
	width: 100%;
}
.jqbar-wrap .bar-lebel
{
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
}
.vertical.outer-therm
{
	background: transparent!important;
	border-radius: 0;
	width: 100%!important;
}
.vertical.inner-therm
{
	background: url(../img/pattern-bg.png) !important;
	border-radius: 0;
	width: 100%!important;
}
.vertical.inner-therm span
{
	font-family: 'Open Sans', sans-serif;
	font-size: 42px;
	font-weight: 300;
	margin-top: -40px;
	position: absolute;
	top: 50%;
}
.bg-img .bannerheading
{
	color: #ffffff;
}
.bg-img p
{
	color: rgba(255, 255, 255, 0.4);
}
.works-caro-wrap
{
	margin-top: 120px !important;
}
.works .container > .row
{
	position: relative;
}
.works-caro .owl-item
{
	text-align: center;
}
.works-caro
{
	padding: 0px 140px;
}
.works-caro.owl-carousel .owl-controls .owl-buttons .owl-prev,
.works-caro.owl-carousel .owl-controls .owl-buttons .owl-next
{
	background: transparent;
	color: #181818;
	font-size: 16px;
	font-weight: 300;
	moz-transition: all .3s;
	ms-transition: all .3s;
	opacity: 1;
	o-transition: all .3s;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	transition: all .3s;
	webkit-transition: all .3s;
	z-index: 99;
}
.works-caro.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.works-caro.owl-carousel .owl-controls .owl-buttons .owl-next:hover
{
	color: #19B7BD;
}
.works-caro.owl-carousel .owl-controls .owl-buttons .owl-prev
{
	left: 15px;
}
.works-caro.owl-carousel .owl-controls .owl-buttons .owl-next
{
	right: 15px;
}
@media (max-width: 992px)
{
	.works-caro
	{
		padding: 0px 120px;
	}
	.works-caro .owl-item div
	{
		height: 353px;
	}
	.works-caro .owl-item div img
	{
		height: 100%;
	}
}
@media (max-width: 992px)
{
	.works-caro
	{
		padding: 0px 10%;
	}
}
.works-caro .owl-item > img
{
	width: 100%;
}
.ph-frame
{
	bottom: 0;
	left: 33%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 34%;
}
.ph-frame > img
{
	height: 138%;
	left: 0;
	position: absolute;
	top: -22.5%;
	width: 100%;
}
@media (max-width: 767px)
{
	.works-caro-wrap
	{
		margin-top: 80px ! important;
	}
	.ph-frame
	{
		left: 0;
		width: 100%;
	}
	.ph-frame > img
	{
		left: 28%;
		width: 44%;
	}
}
@media (max-width: 480px)
{
	.ph-frame > img
	{
		left: 20%;
		width: 60%;
	}
}
@media (max-width: 380px)
{
	.ph-frame > img
	{
		left: 10%;
		width: 80%;
	}
}
.testimonial
{
	background: url(../img/parallax2.jpg) no-repeat fixed center;
	background-size: cover;
	margin: 80px 0 0 0;
	moz-background-size: cover;
	position: relative;
	webkit-background-size: cover;
	padding:0;
}
#quote-carousel
{
	margin-top: 30px;
	padding: 0 10px 30px 10px;
}
#quote-carousel .carousel-control
{
	background: none;
	color: #CACACA;
	font-size: 2.3em;
	margin-top: 30px;
	text-shadow: none;
}
#quote-carousel .carousel-control.left
{
	left: -60px;
}
#quote-carousel .carousel-control.right
{
	right: -60px;
}
#quote-carousel .carousel-indicators
{
	bottom: 0px;
	margin-right: -19px;
	right: 50%;
	top: auto;
}
#quote-carousel .carousel-indicators li
{
	border: 4px solid #CCC;
	border-radius: 50px;
	cursor: pointer;
	height: 50px;
	margin: 5px;
	opacity: 0.4;
	overflow: hidden;
	transition: all 0.4s;
	width: 50px;
}
#quote-carousel .carousel-indicators .active
{
	background: #333333;
	border-color: #fff;
	border-radius: 100px;
	height: 128px;
	opacity: 1;
	overflow: hidden;
	width: 128px;
}
.carousel-inner
{
	min-height: 300px;
}
.item blockquote
{
	border-left: none;
	margin: 0;
}
.item blockquote p:before
{
	content: "\f10d";
	float: left;
	font-family: 'Fontawesome';
	margin-right: 10px;
}
.item p
{
	color: #fff;
}
.item small
{
	color: #fff;
}
.portfolio
{
	overflow: hidden;
	position: relative;
}
.portfolio:before
{
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.portfolio-top
{
	margin-bottom: 40px;
}
.portfolio-nav
{
	text-align: center;
}
.portfolio-nav button
{
	border: 2px solid #069;
	border: none;
	box-shadow: none;
	color: #069;
	font-weight: 700;
	height: 44px;
	line-height: 44px;
	margin-left: 12px;
	moz-transition: .3s ease-in-out;
	ms-transition: .3s ease-in-out;
	o-transition: .3s ease-in-out;
	padding: 0px 20px;
	position: relative;
	text-shadow: none;
	text-transform: uppercase;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
}
.portfolio-nav button.active,
.portfolio-nav button:hover,
.portfolio-nav button:active,
.portfolio-nav button:focus
{
	background: #069;
	color: #fff;
	outline: 0;
}
.portfolio-nav button span
{
	padding-right: 15px;
}
.portfolio-wrapper .col-md-4
{
	padding: 0;
}
.portfolio-wrapper .mix img
{
	width: 100%;
}
.portfolio-wrapper .mix
{
	backface-visibility: hidden;
	display: none;
	margin: 0;
	moz-backface-visibility: hidden;
	moz-transform-origin: 50% 0;
	ms-backface-visibility: hidden;
	ms-transform-origin: 50% 0;
	o-backface-visibility: hidden;
	o-transform-origin: 50% 0;
	padding: 0;
	text-align: left;
	transform-origin: 50% 0;
	webkit-backface-visibility: hidden;
	webkit-transform-origin: 50% 0;
}
@media screen and (min-width: 0\0)
{
	.portfolio-wrapper .mix
	{
		float: left;
		height: 300px;
	}
}
.portfolio-wrapper .figure
{
	background: rgba(25, 183, 189, 0.8);
	bottom: 0;
	filter: alpha(opacity=0);
	left: 0;
	moz-transition: .7s ease-in-out;
	ms-transition: .7s ease-in-out;
	opacity: 0;
	o-transition: .7s ease-in-out;
	overflow: hidden;
	padding: 30px;
	position: absolute;
	top: 0;
	transition: .7s ease-in-out;
	visibility: hidden;
	webkit-transition: .7s ease-in-out;
	width: 100%;
}
.portfolio-wrapper .mix:hover .figure
{
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}
.portfolio-wrapper .mix:hover .figurecaption
{
	moz-transform: translateX(0%);
	ms-transform: translateX(0%);
	o-transform: translateX(0%);
	transform: translateX(0%);
	webkit-transform: translateX(0%);
}
.portfolio-wrapper .mix:hover .pop-up-link
{
	left: -30px;
}
.portfolio-wrapper .mix:hover ul.socialicons
{
	bottom: 21px;
}
.modal-caption
{
	color: #ffffff;
	display: inline-block;
}
.modal-caption .title
{
	color: #FFFFFF;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}
.modal-caption .title:after
{
	background: #E0E3E3;
	bottom: 0;
	content: "";
	height: 1px;
	left: 15%;
	position: absolute;
	width: 70%;
}
.modal-caption p
{
	color: #ffffff;
	font-weight: 400;
	padding-top: 15px;
	text-transform: uppercase;
}
.modal-footer
{
	background: rgba(25, 183, 189, 0.8);
	border: 0;
	bottom: 0;
	padding: 25px 15px;
	position: absolute;
	text-align: center;
	width: 100%;
}
@media only screen and (max-width: 480px)
{
	.modal-footer
	{
		padding: 0px 10px;
	}
}
.modal-footer button
{
	background: transparent;
	border-radius: 0;
	color: #ffffff;
	margin-top: 10px;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	transition: all .3s;
	webkit-transition: all .3s;
}
.modal-footer button:hover,
.modal-footer button:active
{
	background: rgba(25, 183, 189, 0.5);
	color: #ffffff;
	outline: 0;
}
.modal.in .modal-dialog,
.modal.in .modal-dialog .modal-content
{
	border-radius: 0;
	overflow: hidden;
}
.modal-body
{
	padding: 0;
}
.modal-body img
{
	height: auto;
	width: 100%;
}
.modal-content button.close
{
	background: #069;
	background: 0 0;
	border: 0;
	color: #fff;
	cursor: pointer;
	filter: alpha(opacity=100);
	font-size: 30px;
	height: 33px;
	moz-transform: rotate(45deg);
	ms-transform: rotate(45deg);
	opacity: 1;
	o-transform: rotate(45deg);
	padding: 0;
	position: absolute;
	right: -19px;
	top: -6px;
	transform: rotate(45deg);
	webkit-appearance: none;
	webkit-transform: rotate(45deg);
	width: 60px;
	z-index: 999;
}
.figurecaption
{
	border-right: 1px solid #fff;
	display: block;
	moz-transform: translateX(100%);
	moz-transition: .7s ease-in-out;
	ms-transform: translateX(100%);
	ms-transition: .7s ease-in-out;
	o-transform: translateX(100%);
	o-transition: .7s ease-in-out;
	padding: 0px 25px;
	position: relative;
	text-align: right;
	text-shadow: none;
	transform: translateX(100%);
	transition: .7s ease-in-out;
	webkit-transform: translateX(100%);
	webkit-transition: .7s ease-in-out;
}
.figurecaption h2
{
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	text-transform: uppercase;
}
.figurecaption p
{
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
}
.portfolio-wrapper .figure ul.socialicons
{
	bottom: -50px;
	moz-transition: .7s ease-in-out;
	ms-transition: .7s ease-in-out;
	o-transition: .7s ease-in-out;
	position: absolute;
	right: 21px;
	transition: .7s ease-in-out;
	webkit-transition: .7s ease-in-out;
}
ul.socialicons li a
{
	moz-transition: .3s ease-in-out;
	ms-transition: .3s ease-in-out;
	o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
}
ul.socialicons li a:hover
{
	color: #069;
}
.portfolio-wrapper .figure a.pop-up-link,
.figure a.pop-up-link
{
	background: #069;
	color: #fff;
	font-size: 20px;
	height: 60px;
	left: -70px;
	moz-transform: rotate(45deg);
	moz-transition: .7s ease-in-out;
	ms-transform: rotate(45deg);
	ms-transition: .7s ease-in-out;
	o-transform: rotate(45deg);
	o-transition: .7s ease-in-out;
	padding-left: 32px;
	padding-top: 4px;
	position: absolute;
	top: 52px;
	transform: rotate(45deg);
	transition: .7s ease-in-out;
	webkit-transform: rotate(45deg);
	webkit-transition: .7s ease-in-out;
	width: 60px;
}
.portfolio-wrapper .figure ul.socialicons li:first-child
{
	font-style: italic;
}
.portfolio-wrapper img
{
	height: auto;
	margin-bottom: 0px;
	max-width: 100%;
	width: inherit;
}
.portfolio-wrapper .mix
{
	backface-visibility: hidden;
	background: #03899c;
	display: none;
	moz-backface-visibility: hidden;
	moz-transform-origin: 50% 0;
	ms-backface-visibility: hidden;
	ms-transform-origin: 50% 0;
	o-backface-visibility: hidden;
	o-transform-origin: 50% 0;
	position: relative;
	text-align: left;
	transform-origin: 50% 0;
	webkit-backface-visibility: hidden;
	webkit-transform-origin: 50% 0;
}
.outer-container
{
	margin: 0 auto;
	max-width: 1920px;
}
.portfolio-wrapper
{
	column-count: 3;
	column-gap: 0px;
	margin: 0;
	moz-column-count: 3;
	moz-column-gap: 0px;
	overflow: hidden;
	webkit-column-count: 3;
	webkit-column-gap: 0px;
}
@media (max-width: 800px)
{
	.portfolio-wrapper
	{
		column-count: 2;
		column-gap: 0px;
		moz-column-count: 2;
		moz-column-gap: 0px;
		webkit-column-count: 2;
		webkit-column-gap: 0px;
	}
}
@media (max-width: 550px)
{
	.portfolio-wrapper
	{
		column-count: 1;
		column-gap: 0px;
		moz-column-count: 1;
		moz-column-gap: 0px;
		text-align: center;
		webkit-column-count: 1;
		webkit-column-gap: 0px;
	}
}
@media (max-width: 480px)
{
	.portfolio-wrapper
	{
		column-count: 1;
		column-gap: 0px;
		moz-column-count: 1;
		moz-column-gap: 0px;
		webkit-column-count: 1;
		webkit-column-gap: 0px;
	}
}
.app-img img
{
	float: left;
	max-width: 100%;
}
.workprocess h2.bannerheading
{
	border-bottom: 1px solid #E0E3E3;
	padding-bottom: 25px;
	text-align: left;
}
.workprocess p
{
	margin-top: 17px;
}
.workprocess .icon,
.workprocess .media-left.icon
{
	font-size: 36px;
	padding-left: 0;
}
.workprocess .icon div
{
	display: block;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
}
.feature-content > div:nth-child(n+4)
{
	margin-top: 45px;
}
.app-download-rating
{
	border-bottom: 1px dotted #E0E3E3;
	border-top: 1px dotted #E0E3E3;
	display: block;
	float: left;
	padding-bottom: 60px;
	padding-top: 60px;
	width: 100%;
}
a.download
{
	background: #069;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 700;
	height: 66px;
	line-height: 66px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
a.download span
{
	background: #069;
	bottom: 0;
	font-size: 24px;
	height: 100%;
	left: 0;
	line-height: 67px;
	margin-top: -12px;
	padding-top: 21px;
	position: absolute;
	text-align: center;
	width: 65px;
}
a.download i
{
	display: block;
}
.sponsor-item .media-left img
{
	margin-left: -10px;
	margin-top: -4px;
}
.sponsor-item h2.bannerheading
{
	padding-bottom: 5px;
}
.sponsor-item p.star-rating
{
	color: #069;
	font-size: 18px;
}
.sponsor-item .media-body
{
	padding: 10px 0px 0px 20px;
}
section.skills
{
	background: url(../img/parallax1.jpg) no-repeat fixed center;
	background-size: cover;
	moz-background-size: cover;
	padding: 99px 0px 95px;
	position: relative;
	webkit-background-size: cover;
}
.circle-state
{
	margin: 0 auto;
}
.skilcircle
{
	padding-top: 65px;
}
.skilcircle span
{
	color: #ffffff;
	display: block;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	text-transform: capitalize;
}
.skilcircle > p
{
	color: #fff;
	margin: 17px 0 0 0;
	padding: 0;
	text-align: center;
}
section.contact
{
	background: #F1F4F4;
	margin: 110px 0 0 0;
	overflow: visible;
	padding: 0px 0px 100px;
}
.single-post-wrap section.contact
{
	background: #FBFBFB;
}
.typewriter
{
	position: relative;
	text-align: center;
}
.typewriter img
{
	max-width: 100%;
	z-index: 3;
}
.type_figure
{
	background: #19B7BD;
	bottom: 0;
	height: 245px;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.contact_form
{
	display: block;
	float: left;
	width: 100%;
}
.input
{
	display: inline-block;
	margin: 1em 1em 1em 0;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: calc(100% - 2em);
	z-index: 1;
}
.contact_form .input:after
{
	color: #D9DBDB;
	content: "";
	font-family: fontAwesome;
	margin-top: -9px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.contact_form .input_name:after
{
	content: "\f007";
}
.contact_form .input_mail:after
{
	content: "\f0e0";
}
.contact_form .input_subject:after
{
	content: "\f1dc";
}
.contact_form .input_website:after
{
	content: "\f10b";
	font-size: 20px;
}
@media (min-width: 1024px)
{
	.input:nth-child(-n+2)
	{
		width: calc(50% - 2em);
	}
}
.input__field
{
	background: #F1F4F4;
	border: none;
	border-radius: 0;
	color: #181818;
	display: block;
	float: right;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	padding: 0.8em;
	position: relative;
	webkit-appearance: none;
	width: 60%;
}
.textarea
{
	background: #FBFBFB;
	display: block;
	height: 270px;
	padding: 20px 30px 30px;
	position: relative;
	width: 100%;
}
.textarea .textarea_field
{
	background: #FBFBFB;
	background: url(../img/txt-pattern.png) repeat-y 0px 45px;
	background-size: 100%;
	border: none;
	color: #181818;
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 700;
	height: 100%;
	line-height: 45px;
	position: relative;
	resize: none;
	text-transform: capitalize;
	width: 100%;
}
::-webkit-input-placeholder
{
	color: #181818;
	text-transform: uppercase;
}
:-moz-placeholder
{
	color: #181818;
	text-transform: uppercase;
}
::-moz-placeholder
{
	color: #181818;
	text-transform: uppercase;
}
:-ms-input-placeholder
{
	color: #181818;
}
.submit
{
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
}
.submit_btn
{
	border: none;
	height: 52px;
	left: 50%;
	margin-left: -175px;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	position: absolute;
	text-align: center;
	transition: all .3s;
	webkit-transition: all .3s;
	width: 370px;
}
.contact_form .submit_btn
{
	margin-top: -26px;
}
.submit_btn span
{
	background: #069;
	bottom: 0;
	font-size: 24px;
	height: 100%;
	line-height: 52px;
	margin-top: -12px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 52px;
}
.input__field:focus,
.textarea_field:focus,
.submit_btn:focus
{
	outline: none;
}
.submit_btn:focus,
.submit_btn:active,
.submit_btn:hover
{
	background: #069;
}
.box_shadow
{
	box-shadow: 0 0 5px 5px rgba(204, 204, 204, 0.3);
	moz-box-shadow: 0 0 5px 5px rgba(204, 204, 204, 0.3);
	moz-transition: all .4s;
	ms-transition: all .4s;
	o-transition: all .4s;
	outline: none;
	transition: all .4s;
	webkit-box-shadow: 0 0 5px 5px rgba(204, 204, 204, 0.3);
	webkit-transition: all .4s;
}
.input__label
{
	color: #181818;
	display: inline-block;
	float: right;
	font-size: 14px;
	font-weight: 700;
	khtml-user-select: none;
	moz-osx-font-smoothing: grayscale;
	moz-user-select: none;
	ms-user-select: none;
	padding: 0 1em;
	user-select: none;
	webkit-font-smoothing: antialiased;
	webkit-touch-callout: none;
	webkit-user-select: none;
	width: 40%;
}
.input__label_content
{
	display: block;
	padding: 1.6em 0;
	position: relative;
	width: 100%;
}
.input__field
{
	background: transparent;
	color: #181818;
	margin-top: 1em;
	padding: 30px 10px 20px;
	position: relative;
	text-transform: lowercase;
	width: 100%;
}
.input_name .input__field
{
	text-transform: capitalize;
}
.input__label
{
	bottom: 0;
	height: calc(100% - 1em);
	left: 0;
	padding: 0 0.25em;
	pointer-events: none;
	position: absolute;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.input__label_content
{
	position: absolute;
}
.input__label::before,
.input__label::after
{
	border-bottom: 1px solid #E0E3E3;
	content: '';
	height: calc(100% - 10px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.input__label::after
{
	border-bottom: 4px solid #069;
	margin-top: 2px;
	moz-transform: translate3d(-100%, 0, 0);
	moz-transition: -webkit-transform 0.3s;
	ms-transform: translate3d(-100%, 0, 0);
	ms-transition: -webkit-transform 0.3s;
	o-transform: translate3d(-100%, 0, 0);
	o-transition: -webkit-transform 0.3s;
	transform: translate3d(-100%, 0, 0);
	transition: transform 0.3s;
	webkit-transform: translate3d(-100%, 0, 0);
	webkit-transition: -webkit-transform 0.3s;
}
.input__field:focus + .input__label::after,
.input--filled .input__label::after,
.input__field:active + .input__label::after,
.input--filled .input__label::after
{
	moz-transform: translate3d(0, 0, 0);
	ms-transform: translate3d(0, 0, 0);
	o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	webkit-transform: translate3d(0, 0, 0);
}
.input__field:focus + .input__label .input__label_content,
.input--filled .input__label_content,
.input__field:active + .input__label .input__label_content,
.input--filled .input__label_content
{
	animation: anim-1 0.3s forwards;
	moz-animation: anim-1 0.3s forwards;
	ms-animation: anim-1 0.3s forwards;
	o-animation: anim-1 0.3s forwards;
	webkit-animation: anim-1 0.3s forwards;
}
@-webkit-keyframes anim-1
{
	50%
	{
		filter: alpha(opacity=0);
		moz-transform: translate3d(1em, 0, 0);
		ms-transform: translate3d(1em, 0, 0);
		opacity: 0;
		o-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
		webkit-transform: translate3d(1em, 0, 0);
	}
	51%
	{
		filter: alpha(opacity=0);
		moz-transform: translate3d(-1em, -40%, 0);
		ms-transform: translate3d(-1em, -40%, 0);
		opacity: 0;
		o-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
		webkit-transform: translate3d(-1em, -40%, 0);
	}
	100%
	{
		filter: alpha(opacity=100);
		moz-transform: translate3d(0, -40%, 0);
		ms-transform: translate3d(0, -40%, 0);
		opacity: 1;
		o-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
		webkit-transform: translate3d(0, -40%, 0);
	}
}
@keyframes anim-1
{
	50%
	{
		filter: alpha(opacity=0);
		moz-transform: translate3d(1em, 0, 0);
		ms-transform: translate3d(1em, 0, 0);
		opacity: 0;
		o-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
		webkit-transform: translate3d(1em, 0, 0);
	}
	51%
	{
		filter: alpha(opacity=0);
		moz-transform: translate3d(-1em, -40%, 0);
		ms-transform: translate3d(-1em, -40%, 0);
		opacity: 0;
		o-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
		webkit-transform: translate3d(-1em, -40%, 0);
	}
	100%
	{
		filter: alpha(opacity=100);
		moz-transform: translate3d(0, -40%, 0);
		ms-transform: translate3d(0, -40%, 0);
		opacity: 1;
		o-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
		webkit-transform: translate3d(0, -40%, 0);
	}
}
.contact-details
{
	background: #F1F4F4;
	padding-top: 0;
}
.address > span
{
	display: block;
	font-weight: 700;
}
.contact-info .bannerheading
{
	border-bottom: 1px solid #E0E3E3;
	margin-bottom: 25px;
}
.contact-info .bannerheading:after
{
	background: #069;
	border-radius: 50%;
	bottom: -4px;
	color: #069;
	content: "";
	height: 7px;
	margin-left: -3.5px;
	position: absolute;
	right: 0;
	width: 7px;
}
.contact-info p:last-child
{
	margin-bottom: 0;
}
.footer
{
	background: rgba(0, 0, 0, 0) url("../img/parallax2.jpg") no-repeat fixed center center / cover;
	background-size: cover;
	moz-background-size: cover;
	ms-background-size: cover;
	o-background-size: cover;
	position: relative;
	webkit-background-size: cover;
}
footer.footer > .container
{
	padding: 0;
}
.footer-top
{
	padding: 65px 0px 28px;
}
.footer h2
{
	border-bottom: 1px solid #1B5254;
	color: #ffffff;
	margin-bottom: 37px;
}
.about-company p
{
	color: rgba(255, 255, 255, 0.6);
}
.about-company p:first-letter
{
	text-transform: capitalize;
}
.about-company p img
{
	float: left;
	margin: 9px 30px 0px 0px;
	vertical-align: text-top;
}
.share-img
{
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
ul.img-list
{
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
ul.img-list li
{
	display: inline-block;
	float: left;
	margin-bottom: 2.25%;
	margin-right: 2.25%;
	position: relative;
	width: 31%;
}
ul.img-list li a
{
	display: block;
}
ul.img-list li a img
{
	width: 100%;
}
.instagram-caro
{
	max-height: 280px;
}
.instagram-caro .item img
{
	height: 100%;
	position: relative;
	width: 100%;
}
.instagram-caro.owl-theme .owl-controls
{
	margin-top: 0;
	position: absolute;
	right: 0;
	top: -89px;
}
.owl-theme .owl-controls .owl-page span
{
	background: transparent;
	border: 3px solid #D4D6D6;
	height: 10px;
	width: 10px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span
{
	background: #069;
	border-color: #069;
}
.footer-bottom
{
	border-bottom: 3px solid #069;
	border-top: 1px solid #1B5254;
	display: block;
	float: left;
	overflow: hidden;
	padding: 50px 0px;
	position: relative;
	width: 100%;
}
.footer-bottom .copyright
{
	color: #fff;
	display: inline-block;
	width:100%;
	text-align:center;
	margin: 0;
	text-transform: capitalize;
}
.footer-bottom .copyright a
{
	color: #069;
	moz-transition: all .3s;
	ms-transition: all .3s;
	o-transition: all .3s;
	text-decoration: underline;
	transition: all .3s;
	webkit-transition: all .3s;
}
.footer-bottom .copyright a:hover
{
	color: #a7853d;
}
ul.socialicons
{
	display: inline-block;
	margin: 0;
	text-align: right;
}
ul.socialicons li
{
	color: #ffffff;
	display: inline-block;
	text-transform: capitalize;
}
ul.socialicons li a
{
	background: transparent;
	color: #ffffff;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 40px;
}
.scrollup
{
	background: #069;
	bottom: -31px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	height: 61px;
	left: 50%;
	margin-left: -21px;
	moz-transform: rotate(45deg);
	moz-transition: all .3s;
	ms-transform: rotate(45deg);
	o-transform: rotate(45deg);
	o-transition: all .3s;
	padding:8px 26px 12px 5px;
	position: absolute;
	text-align: center;
	transform: rotate(45deg);
	transition: all .3s;
	webkit-transform: rotate(45deg);
	webkit-transition: all .3s;
	width: 61px;
}
.scrollup:hover
{
	background: #fff;
	color: #069;
}
.scrollup i
{
	moz-transform: rotate(-45deg);
	ms-transform: rotate(-45deg);
	o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
}
.blog-page-post
{
	padding: 120px 0px 80px;
}
.single-post-wrap,
.sidebar-wrap
{
	padding-bottom: 30px;
	padding-top: 22px;
}
.blog-page-post .blog-outer-wrap
{
	margin: 0;
}
.blog-page-post .single-post-wrap
{
	background: #FBFBFB;
	position: relative;
	webkit-box-shadow: 5px 0px 5px -3px #d1d1d1;
	z-index: 2;
}
.blog-page-media
{
	margin-top: 25px;
	overflow: hidden;
	position: relative;
}
.blog-page-media .figure
{
	background: rgba(25, 183, 189, 0.8);
	bottom: 0;
	filter: alpha(opacity=0);
	left: 0;
	moz-transition: all .6s ease-in-out;
	ms-transition: all .6s ease-in-out;
	opacity: 0;
	o-transition: all .6s ease-in-out;
	padding: 20px;
	position: absolute;
	top: 0;
	transition: all .6s ease-in-out;
	visibility: hidden;
	webkit-transition: all .6s ease-in-out;
	width: 100%;
}
.blog-page-media:hover > .figure
{
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}
.blog-page-media:hover > a.pop-up-link
{
	bottom: -50px;
}
.blog-page-media:hover a.tag-btn
{
	margin-left: 0;
}
.blog-page-media .figure .figure-inner
{
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
}
.blog-page-media .figure .figure-inner > p
{
	color: #ffffff;
	display: table-cell;
	font-family: 'Raleway', sans-serif;
	font-size: 26px;
	line-height: 42px;
	padding: 0px 31%;
	text-align: center;
	text-transform: capitalize;
	vertical-align: middle;
	width: 100%;
}
.blog-page-media .figure .figure-inner a.pop-up-link
{
	bottom: 0;
	bottom: -50px;
	left: 50%;
	margin-left: -30px;
	moz-transform: rotate(-45deg);
	ms-transform: rotate(-45deg);
	o-transform: rotate(-45deg);
	top: auto;
	transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
}
.blog-page-media > img
{
	max-height: 480px;
	width: 100%;
}
.blog-page-media .btn-wrap
{
	left: 0;
	position: absolute;
	top: 0;
}
.blog-page-media a.tag-btn,
.blog-page-media ul.socialicons-share
{
	display: inline-block;
	float: none;
}
.blog-page-media a.tag-btn
{
	margin-left: -175px;
	margin-right: 10px;
	margin-top: -1px;
	moz-transition: all .6s ease-in-out;
	ms-transition: all .6s ease-in-out;
	o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	webkit-transition: all .6s ease-in-out;
}
.blog-post .content
{
	margin-top: 30px;
}
.blog-post .content p del
{
	color: #069;
	font-style: italic;
}
.blog-post .content blockquote
{
	color: #525252;
	font-family: 'Noto Serif', serif;
	font-size: 14px;
	font-style: italic;
	line-height: 26px;
	text-transform: capitalize;
}
.blog-post .content blockquote.blocq-left
{
	padding-left: 140px;
	padding-right: 0;
	text-align: left;
}
.blog-post .content blockquote.blocq-left:before
{
	color: #069;
	left: 0;
	right: auto;
}
.blog-post .content blockquote.blocq-left:after
{
	background: #E6E8E8;
	left: 102px;
	right: auto;
}
ul.blog-tags
{
	border-bottom: 1px dotted #C1C1C1;
	border-top: 1px dotted #C1C1C1;
	margin-bottom: 20px;
	padding: 22px 0px;
}
ul.blog-tags li
{
	color: #181818;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 10px;
	margin-right: 5px;
	text-transform: uppercase;
}
ul.blog-tags li:first-child
{
	margin-right: 10px;
}
ul.blog-tags li a
{
	background: #069;
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: 42px;
	line-height: 42px;
	moz-transition: all .3s ease-in-out;
	ms-transition: all .3s ease-in-out;
	o-transition: all .3s ease-in-out;
	padding: 0px 20px 0px 24px;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
	webkit-transition: all .3s ease-in-out;
}
ul.blog-tags li a:hover
{
	background: #a7853d;
	text-decoration: none;
}
.author,
.comment-box
{
	display: table;
	position: relative;
}
.author-details,
.author-media,
.comment
{
	display: table-cell;
	vertical-align: middle;
}
.author-details
{
	border: 1px solid #E2E5E5;
	border-right: none;
	padding: 30px 70px 30px 30px;
}
.comment.comment-area
{
	border-top: 1px solid #E2E5E5;
	padding-top: 35px;
}
.comment-box .comment
{
	border: 1px solid #E2E5E5;
	border-left: none;
	padding: 30px;
}
.author-details .bannerheading,
.comment .bannerheading
{
	color: #069;
	padding-bottom: 25px;
}
.author-details p,
.comment p
{
	border-top: 1px solid #E2E5E5;
	padding-top: 20px;
}
.author-media
{
	background: #19B7BD;
}
.comment .author-media
{
	padding: 0px 15px;
}
.comment .replay-link
{
	color: #ffffff;
	display: block;
	line-height: 32px;
	margin-top: 5px;
	text-align: center;
	text-transform: capitalize;
}
.author img
{
	border: 2px solid #19B7BD;
	border-radius: 50%;
	height: 80px;
	margin-left: -50%;
	width: 80px;
}
.comment-box .avatar img
{
	border: 2px solid rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	height: 80px;
	width: 80px;
}
.comment-area ol,
.comment-area ul
{
	list-style: none;
	padding-left: 0;
}
.comment-box,
.children
{
	margin-bottom: 30px;
	position: relative;
}
.children .author-media
{
	background: #069;
}
.comment-box + .children:before
{
	background: #47B7BC;
	border-radius: 50%;
	content: "";
	height: 5px;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: -32px;
	width: 5px;
	z-index: 9;
}
.children:after
{
	background: #E2E5E5;
	content: "";
	height: 30px;
	left: 50%;
	position: absolute;
	top: -30px;
	width: 1px;
}
.posts-pagination
{
	clear: both;
	float: left;
	margin-top: 44px;
	width: 100%;
}
.post-prev,
.post-next
{
	display: inline-block;
	float: left;
	position: relative;
	width: 50%;
}
.post-prev > a:hover p,
.post-next > a:hover p
{
	text-decoration: underline;
}
.post-prev .figure .post-link,
.post-next .figure .post-link
{
	display: table;
	height: 100%;
	padding: 10px 27px 10px 34px;
	position: relative;
	width: 100%;
}
.post-prev .figure p,
.post-prev .figure span,
.post-next .figure p,
.post-next .figure span
{
	color: #ffffff;
	display: table-cell;
	vertical-align: middle;
}
.post-prev .figure p,
.post-next .figure p
{
	font-family: 'Raleway', sans-serif;
	font-size: 21px;
	line-height: 32px;
	padding-right: 15px;
}
.post-prev .figure p
{
	padding-left: 15px;
	padding-right: 0;
	text-align: right;
}
.post-prev .figure span,
.post-next .figure span
{
	font-size: 36px;
}
.post-prev > img,
.post-next > img
{
	max-height: 196px;
	width: 100%;
}
.figure
{
	background: rgba(25, 183, 189, 0.8);
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.comment_form .textarea
{
	padding: 20px 30px 30px 0px;
}
.replay-title
{
	border-bottom: 1px solid #E2E5E5;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin: 24px 0px 0px;
	padding-bottom: 12px;
	text-transform: uppercase;
}
.sidebar-wrap
{
	background: #EEEEEE;
	padding: 30px 0px;
}
.sidebar .widget
{
	display: block;
	float: left;
	padding: 0px 15px;
	position: relative;
	width: 100%;
}
.sidebar .widget .widget_title h2
{
	border-bottom: 3px solid #069;
	display: inline-block;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
	margin: 0;
	margin-bottom: -1px;
	padding: 0px 15px 25px 0px;
	text-transform: uppercase;
}
.sidebar .widget .widget_title
{
	border-bottom: 1px solid #E0E3E3;
	margin-bottom: 15px;
}
.sidebar .widget ul li
{
	border-bottom: 1px solid #E0E3E3;
	height: 50px;
	line-height: 50px;
	position: relative;
}
.sidebar .widget ul li a
{
	color: #525252;
	font-size: 14px;
	line-height: 26px;
	moz-transition: all .3s ease-in-out;
	ms-transition: all .3s ease-in-out;
	o-transition: all .3s ease-in-out;
	padding-left: 30px;
	position: relative;
	text-transform: capitalize;
	transition: all .3s ease-in-out;
	webkit-transition: all .3s ease-in-out;
}
.sidebar .widget ul li a > span
{
	color: #069;
	float: right;
	font-weight: 700;
	margin-top: 10px;
}
.sidebar .widget ul li:before
{
	color: #19B7BD;
	content: "\f105";
	font-family: fontAwesome;
	left: 10px;
	position: absolute;
	top: 0;
}
.sidebar .widget ul li a:hover
{
	color: #069;
}
.widget.widget_tags ul li
{
	border: 0;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.widget.widget_tags ul li a
{
	background: #069;
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: 42px;
	line-height: 42px;
	moz-transition: all .3s ease-in-out;
	ms-transition: all .3s ease-in-out;
	o-transition: all .3s ease-in-out;
	padding: 0px 20px 0px 24px;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
	webkit-transition: all .3s ease-in-out;
}
.widget.widget_tags ul li a:hover
{
	background: #19B7BD;
	color: #ffffff;
	text-decoration: none;
}
.sidebar .popular_feature_post
{
	padding-top: 23px;
}
.sidebar .popular_feature_post img
{
	max-height: 260px;
	width: 100%;
}
.sidebar .popular_feature_post .blog-title
{
	padding: 26px 0px;
}
.popular_feature_post .media
{
	position: relative;
}
.popular_feature_post .media .figure
{
	background: rgba(25, 183, 189, 0.8);
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.popular_post
{
	border-bottom: 1px solid #E0E3E3;
	display: table;
	padding: 33px 0px;
	position: relative;
}
.popular_post_wrap .popular_post:last-child
{
	border: none;
}
.popular_media,
.popular_text
{
	display: table-cell;
	position: relative;
	vertical-align: middle;
}
.popular_media
{
	height: 140px;
	overflow: hidden;
	width: 140px;
}
.popular_media:before
{
	background: #069;
	color: #ffffff;
	content: "+";
	font-size: 35px;
	height: 60px;
	line-height: 60px;
	moz-transform: rotate(-45deg);
	ms-transform: rotate(-45deg);
	o-transform: rotate(-45deg);
	padding-left: 5px;
	position: absolute;
	right: -30px;
	top: -30px;
	transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
	width: 60px;
}
.popular_post .blog-title
{
	border: none;
	padding: 0;
}
.widget_popular_post .blog-title a
{
	color: #181818;
}
.widget_popular_post .blog-title a:hover
{
	text-decoration: underline;
}
.popular_post .popular_text
{
	padding-left: 35px;
}
.sidebar .widget:not(:first-child)
{
	box-shadow: inset 3px 14px 10px -11px #DCDCDC, -6px -5px 5px -24px #DDDDDD;
	padding-bottom: 30px;
	padding-top: 35px;
}
.widget .form_wrap
{
	clear: both;
	display: block;
	float: left;
	margin-bottom: 40px;
	width: 100%;
}
.widget .form_wrap .input
{
	width: 100%;
}
.widget .form_wrap .textarea
{
	background: #EEEEEE;
	padding: 0px 0px 32px;
}
.widget .form_wrap .textarea .textarea_field
{
	background: url(../img/txt-pattern.png) repeat-y 0px 0px;
	background-position: 0px 39px;
	background-size: 100% 57%;
}
.widget .form_wrap .contact_form .submit_btn
{
	left: 0;
	margin-left: 0;
	width: 100%;
}
section.ggl-map
{
	padding: 0;
}
.ggl-map .map-holder
{
	height: 480px;
}
.ggl-map .map-holder .map
{
	height: 100%;
	width: 100%;
}
.preload
{
	background: #1E3D3F;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
.loader,
.loader:before,
.loader:after
{
	border-radius: 50%;
}
.loader:before,
.loader:after
{
	content: '';
	position: absolute;
}
.loader:before
{
	animation: load2 2s infinite ease 1.5s;
	background: #19B7BD;
	border-radius: 10.2em 0 0 10.2em;
	height: 10.2em;
	left: -0.1em;
	moz-animation: load2 2s infinite ease 1.5s;
	moz-transform-origin: 5.2em 5.1em;
	ms-animation: load2 2s infinite ease 1.5s;
	ms-transform-origin: 5.2em 5.1em;
	o-animation: load2 2s infinite ease 1.5s;
	o-transform-origin: 5.2em 5.1em;
	top: -0.1em;
	transform-origin: 5.2em 5.1em;
	webkit-animation: load2 2s infinite ease 1.5s;
	webkit-transform-origin: 5.2em 5.1em;
	width: 5.2em;
}
.loader
{
	box-shadow: none;
	color: #069;
	font-size: 11px;
	height: 10em;
	letter-spacing: 2px;
	line-height: 250px;
	margin: 5em auto;
	margin-top: -55px;
	moz-transform: translateZ(0);
	ms-transform: translateZ(0);
	o-transform: translateZ(0);
	position: relative;
	text-align: center;
	text-indent: 0px;
	top: 50%;
	transform: translateZ(0);
	webkit-transform: translateZ(0);
	width: 10em;
}
.loader:after
{
	animation: load2 2s infinite ease;
	background: #1E3D3F;
	border-radius: 0 10.2em 10.2em 0;
	height: 10.2em;
	left: 5.1em;
	moz-animation: load2 2s infinite ease;
	moz-transform-origin: 0px 5.1em;
	ms-animation: load2 2s infinite ease;
	ms-transform-origin: 0px 5.1em;
	o-animation: load2 2s infinite ease;
	o-transform-origin: 0px 5.1em;
	top: -0.1em;
	transform-origin: 0px 5.1em;
	webkit-animation: load2 2s infinite ease;
	webkit-transform-origin: 0px 5.1em;
	width: 5.2em;
}
@-webkit-keyframes load2
{
	0%
	{
		moz-transform: rotate(0deg);
		ms-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	100%
	{
		moz-transform: rotate(360deg);
		ms-transform: rotate(360deg);
		o-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
@keyframes load2
{
	0%
	{
		moz-transform: rotate(0deg);
		ms-transform: rotate(0deg);
		o-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	100%
	{
		moz-transform: rotate(360deg);
		ms-transform: rotate(360deg);
		o-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes hvr-wobble-skew
{
	16.65%
	{
		moz-transform: skew(-12deg);
		ms-transform: skew(-12deg);
		o-transform: skew(-12deg);
		transform: skew(-12deg);
		webkit-transform: skew(-12deg);
	}
	33.3%
	{
		moz-transform: skew(10deg);
		ms-transform: skew(10deg);
		o-transform: skew(10deg);
		transform: skew(10deg);
		webkit-transform: skew(10deg);
	}
	49.95%
	{
		moz-transform: skew(-6deg);
		ms-transform: skew(-6deg);
		o-transform: skew(-6deg);
		transform: skew(-6deg);
		webkit-transform: skew(-6deg);
	}
	66.6%
	{
		moz-transform: skew(4deg);
		ms-transform: skew(4deg);
		o-transform: skew(4deg);
		transform: skew(4deg);
		webkit-transform: skew(4deg);
	}
	83.25%
	{
		moz-transform: skew(-2deg);
		ms-transform: skew(-2deg);
		o-transform: skew(-2deg);
		transform: skew(-2deg);
		webkit-transform: skew(-2deg);
	}
	100%
	{
		moz-transform: skew(0);
		ms-transform: skew(0);
		o-transform: skew(0);
		transform: skew(0);
		webkit-transform: skew(0);
	}
}
@keyframes hvr-wobble-skew
{
	16.65%
	{
		moz-transform: skew(-12deg);
		ms-transform: skew(-12deg);
		o-transform: skew(-12deg);
		transform: skew(-12deg);
		webkit-transform: skew(-12deg);
	}
	33.3%
	{
		moz-transform: skew(10deg);
		ms-transform: skew(10deg);
		o-transform: skew(10deg);
		transform: skew(10deg);
		webkit-transform: skew(10deg);
	}
	49.95%
	{
		moz-transform: skew(-6deg);
		ms-transform: skew(-6deg);
		o-transform: skew(-6deg);
		transform: skew(-6deg);
		webkit-transform: skew(-6deg);
	}
	66.6%
	{
		moz-transform: skew(4deg);
		ms-transform: skew(4deg);
		o-transform: skew(4deg);
		transform: skew(4deg);
		webkit-transform: skew(4deg);
	}
	83.25%
	{
		moz-transform: skew(-2deg);
		ms-transform: skew(-2deg);
		o-transform: skew(-2deg);
		transform: skew(-2deg);
		webkit-transform: skew(-2deg);
	}
	100%
	{
		moz-transform: skew(0);
		ms-transform: skew(0);
		o-transform: skew(0);
		transform: skew(0);
		webkit-transform: skew(0);
	}
}
@-webkit-keyframes hvr-bob
{
	0%
	{
		moz-transform: translateY(-10px);
		ms-transform: translateY(-10px);
		o-transform: translateY(-10px);
		transform: translateY(-10px);
		webkit-transform: translateY(-10px);
	}
	50%
	{
		moz-transform: translateY(-4px);
		ms-transform: translateY(-4px);
		o-transform: translateY(-4px);
		transform: translateY(-4px);
		webkit-transform: translateY(-4px);
	}
	100%
	{
		moz-transform: translateY(-10px);
		ms-transform: translateY(-10px);
		o-transform: translateY(-10px);
		transform: translateY(-10px);
		webkit-transform: translateY(-10px);
	}
}
@keyframes hvr-bob
{
	0%
	{
		moz-transform: translateY(-10px);
		ms-transform: translateY(-10px);
		o-transform: translateY(-10px);
		transform: translateY(-10px);
		webkit-transform: translateY(-10px);
	}
	50%
	{
		moz-transform: translateY(-4px);
		ms-transform: translateY(-4px);
		o-transform: translateY(-4px);
		transform: translateY(-4px);
		webkit-transform: translateY(-4px);
	}
	100%
	{
		moz-transform: translateY(-10px);
		ms-transform: translateY(-10px);
		o-transform: translateY(-10px);
		transform: translateY(-10px);
		webkit-transform: translateY(-10px);
	}
}
@-webkit-keyframes hvr-bob-float
{
	100%
	{
		moz-transform: translateY(-10px);
		ms-transform: translateY(-10px);
		o-transform: translateY(-10px);
		transform: translateY(-10px);
		webkit-transform: translateY(-10px);
	}
}
@keyframes hvr-bob-float
{
	100%
	{
		moz-transform: translateY(-10px);
		ms-transform: translateY(-10px);
		o-transform: translateY(-10px);
		transform: translateY(-10px);
		webkit-transform: translateY(-10px);
	}
}
@-webkit-keyframes hvr-buzz-out
{
	10%
	{
		moz-transform: translateX(3px) rotate(2deg);
		ms-transform: translateX(3px) rotate(2deg);
		o-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
		webkit-transform: translateX(3px) rotate(2deg);
	}
	20%
	{
		moz-transform: translateX(-3px) rotate(-2deg);
		ms-transform: translateX(-3px) rotate(-2deg);
		o-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
		webkit-transform: translateX(-3px) rotate(-2deg);
	}
	30%
	{
		moz-transform: translateX(3px) rotate(2deg);
		ms-transform: translateX(3px) rotate(2deg);
		o-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
		webkit-transform: translateX(3px) rotate(2deg);
	}
	40%
	{
		moz-transform: translateX(-3px) rotate(-2deg);
		ms-transform: translateX(-3px) rotate(-2deg);
		o-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
		webkit-transform: translateX(-3px) rotate(-2deg);
	}
	50%
	{
		moz-transform: translateX(2px) rotate(1deg);
		ms-transform: translateX(2px) rotate(1deg);
		o-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
		webkit-transform: translateX(2px) rotate(1deg);
	}
	60%
	{
		moz-transform: translateX(-2px) rotate(-1deg);
		ms-transform: translateX(-2px) rotate(-1deg);
		o-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
		webkit-transform: translateX(-2px) rotate(-1deg);
	}
	70%
	{
		moz-transform: translateX(2px) rotate(1deg);
		ms-transform: translateX(2px) rotate(1deg);
		o-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
		webkit-transform: translateX(2px) rotate(1deg);
	}
	80%
	{
		moz-transform: translateX(-2px) rotate(-1deg);
		ms-transform: translateX(-2px) rotate(-1deg);
		o-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
		webkit-transform: translateX(-2px) rotate(-1deg);
	}
	90%
	{
		moz-transform: translateX(1px) rotate(0);
		ms-transform: translateX(1px) rotate(0);
		o-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
		webkit-transform: translateX(1px) rotate(0);
	}
	100%
	{
		moz-transform: translateX(-1px) rotate(0);
		ms-transform: translateX(-1px) rotate(0);
		o-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
		webkit-transform: translateX(-1px) rotate(0);
	}
}
@keyframes hvr-buzz-out
{
	10%
	{
		moz-transform: translateX(3px) rotate(2deg);
		ms-transform: translateX(3px) rotate(2deg);
		o-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
		webkit-transform: translateX(3px) rotate(2deg);
	}
	20%
	{
		moz-transform: translateX(-3px) rotate(-2deg);
		ms-transform: translateX(-3px) rotate(-2deg);
		o-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
		webkit-transform: translateX(-3px) rotate(-2deg);
	}
	30%
	{
		moz-transform: translateX(3px) rotate(2deg);
		ms-transform: translateX(3px) rotate(2deg);
		o-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
		webkit-transform: translateX(3px) rotate(2deg);
	}
	40%
	{
		moz-transform: translateX(-3px) rotate(-2deg);
		ms-transform: translateX(-3px) rotate(-2deg);
		o-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
		webkit-transform: translateX(-3px) rotate(-2deg);
	}
	50%
	{
		moz-transform: translateX(2px) rotate(1deg);
		ms-transform: translateX(2px) rotate(1deg);
		o-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
		webkit-transform: translateX(2px) rotate(1deg);
	}
	60%
	{
		moz-transform: translateX(-2px) rotate(-1deg);
		ms-transform: translateX(-2px) rotate(-1deg);
		o-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
		webkit-transform: translateX(-2px) rotate(-1deg);
	}
	70%
	{
		moz-transform: translateX(2px) rotate(1deg);
		ms-transform: translateX(2px) rotate(1deg);
		o-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
		webkit-transform: translateX(2px) rotate(1deg);
	}
	80%
	{
		moz-transform: translateX(-2px) rotate(-1deg);
		ms-transform: translateX(-2px) rotate(-1deg);
		o-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
		webkit-transform: translateX(-2px) rotate(-1deg);
	}
	90%
	{
		moz-transform: translateX(1px) rotate(0);
		ms-transform: translateX(1px) rotate(0);
		o-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
		webkit-transform: translateX(1px) rotate(0);
	}
	100%
	{
		moz-transform: translateX(-1px) rotate(0);
		ms-transform: translateX(-1px) rotate(0);
		o-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
		webkit-transform: translateX(-1px) rotate(0);
	}
}
.skilpart
{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.skilprogress
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.progress-bar
{
	background: none;
	color: #353537;
	padding-top: 65px;
	text-align: center;
	width: 100%;
}
.progress-bar h5
{
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 21px;
	margin: 20px 0 0 0;
	padding-bottom: 12px;
	text-transform: uppercase;
}
.progress-bar i
{
	background: #fff;
	color: #069;
	font-size: 24px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 30px;
	text-align: center;
	width: 80px;
}
.progress-bar:hover i
{
	background: #069;
	color: #fff;
	font-size: 30px;
	moz-transition: 1s all;
	ms-transition: 1s all;
	o-transition: 1s all;
	transition: 1s all;
	webkit-transition: 1s all;
}
.dt-sc-bar-text
{
	color: #1a1c19;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: -27px;
	position: relative;
}
.dt-sc-bar-text:after
{
	border-bottom: 7px solid #878787;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	bottom: -48px;
	content: "";
	position: absolute;
	right: -7px;
	width: 0;
}
.dt-sc-progress
{
	background: #878787;
	height: 15px;
	margin-top: 30px;
	padding: 0px 5px;
}
.dt-sc-progress .dt-sc-bar-text > span
{
	bottom: -60px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
}
.dt-sc-progress .dt-sc-bar
{
	background: #fff;
	background-repeat: repeat-x;
	box-sizing: border-box;
	float: left;
	height: 5px;
	left: 0;
	moz-box-sizing: border-box;
	moz-transition: width 0.6s ease;
	o-transition: width 0.6s ease;
	position: relative;
	top: 5px;
	transition: width 0.6s ease;
	webkit-box-sizing: border-box;
	webkit-transition: width 0.6s ease;
	width: 0%;
}
.dt-sc-one-fourth.column.progress-bar > p
{
	color: #fff;
}
.each-part
{
	text-align: center;
}

.icon-list-square h3
{
	color: #000000;
	font-size: 19px;
	font-weight: 500;
	line-height: 56px;
}
.icon-list-square i
{
	background: #ffffff none repeat scroll 0 0;
	color: #323232;
	display: inline-block;
	float: left;
	font-size: 20px;
	height: 58px;
	line-height: 58px;
	margin-right: 25px;
	position: relative;
	text-align: center;
	width: 58px;
}
.icon-list-square i::after
{
	border-color: rgba(237, 237, 237, 1) rgba(237, 237, 237, 1) #19aae3 #19aae3;
	border-style: none solid solid none;
	border-width: 0 11px 11px 0;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}
.icon-list, .icon-list1, .icon-list2, .icon-list3, .icon-list4, .icon-list5
{
	text-align: center;
	width: 120px;
}
.icon-list i, .icon-list1 i, .icon-list2 i, .icon-list3 i, .icon-list4 i, .icon-list5 i
{
	background: #fff none repeat scroll 0 0;
	border-radius: 50px;
	color: #1a1c19;
	display: block;
	font-size: 30px;
	height: 87px;
	line-height: 87px;
	text-align: center;
	width: 87px;
}
.icon-list i
{
	border: 3px solid #e44d26;
	margin: 0 auto;
}
.icon-list1 i
{
	border: 3px solid #0170ba;
	margin: 0 auto;
}
.icon-list2 i
{
	border: 3px solid #c11701;
	margin: 0 auto;
}
.icon-list3 i
{
	border: 3px solid #465692;
	margin: 0 auto;
}
.icon-list4 i
{
	border: 3px solid #fdb40f;
	margin: 0 auto;
}
.icon-list5 i
{
	border: 3px solid #768e2b;
	margin: 0 auto;
}
.icon-list h3, .icon-list1 h3, .icon-list2 h3, .icon-list3 h3, .icon-list4 h3, .icon-list5 h3
{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	margin-top: 15px;
	opacity: 0.8;
	text-transform: uppercase;
}
.icon-list h3
{
	background: #e44d26 none repeat scroll 0 0;
}
.icon-list1 h3
{
	background: #0170ba none repeat scroll 0 0;
}
.icon-list2 h3
{
	background: #c11701 none repeat scroll 0 0;
}
.icon-list3 h3
{
	background: #465692 none repeat scroll 0 0;
}
.icon-list4 h3
{
	background: #fdb40f none repeat scroll 0 0;
}
.icon-list5 h3
{
	background: #768e2b none repeat scroll 0 0;
}
.tab1
{
	background: url(../img/according.png) no-repeat -2px 0px;
	float: left;
	height: 50px;
	margin: -19px 0;
	padding: 0;
	width:50px;
}
.tab2
{
	background: url(../img/according.png) no-repeat -2px -46px;
	float: left;
	height: 50px;
	margin: -19px 0;
	padding: 0;
	width: 50px;
}
.tab3
{
	background: url(../img/according.png) no-repeat -3px -93px;
	float: left;
	height: 50px;
	margin: -19px 0;
	padding: 0;
	width: 50px;
}
.tab4
{
	background: url(../img/according.png) no-repeat -3px -142px;
	float: left;
	height: 50px;
	margin: -19px 0;
	padding: 0;
	width: 50px;
}
.tab5
{
	background: url(../img/according.png) no-repeat -2px -189px;
	float: left;
	height: 50px;
	margin: -19px 0;
	padding: 0;
	width: 50px;
}
.tab-info h3
{
	font-weight: normal;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 border:0;
}