.badge-container {
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	width: 70px;
	height: 60px;
	margin: 0 auto;
	box-shadow: 0 0 4px #ddd;
	transition: linear 100ms width;
}
.badge-container:hover {
	width: 256px;
}

.aligncenter
{
	text-align: center;
}

:focus {
	outline: none
}

:-moz-any-link:focus {
	outline: none !important;
	text-decoration: none
}

::-moz-focus-inner {
	padding: 0;
	border: 0;
	outline: none
}

::selection {
	color: #fff
}

::-moz-selection {
	color: #fff
}

html, body {
	width: 100%;
	min-height: 100%
}

body {
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 400;
	letter-spacing: -.022em;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #2f2f2f;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%
}

a {
	transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out
}

a, a:hover, a:focus {
	cursor: pointer;
	text-decoration: none !important;
	outline: none !important
}

strong, b {
	font-weight: 700
}

img {
	max-width: 100%;
	height: auto
}

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

.icons-list {
	list-style: none
}

ul li, ol li, .icons-list li {
	padding: 5px 0;
	font-size: 16px;
	/* line-height: 60px; */
}

.icons-list i {
	font-size: 12px;
	margin-right: 8px;
	color: #444
}

.icons-list strong {
	color: #666
}

.dark-section .icons-list, .dark-section .icons-list i, .dark-section .icons-list strong {
	color: #2f2f2f
}

h1, h2, h3, h4, h5, h6 {
	color: #2f2f2f;
	margin: 0 0 10px;
	line-height: 1.08365;
	font-weight: 600;
	letter-spacing: -.003em;
	font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

p {
	color: #2f2f2f;
	margin: 0 0 10px
}

p strong {
	font-weight: 600
}

.light-text {
	color: #fff
}

.gray-text {
	color: #bbb
}

.uppercase {
	text-transform: uppercase
}

.dark-section .contant-form-bx label {
	color: #ddd
}

.contant-form-bx label:after {
	content: "*";
	color: #f23e1e
}

.name-missing, .email-missing, .message-missing {
	opacity: 0;
	filter: Alpha(Opacity=0);
	float: right;
	color: #f23e1e;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out
}

.mail_response {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out
}

.mail_response h4, .mail_response p {
	display: inline;
	color: #fff
}

input, textarea {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 15px;
	border-radius: 2px;
	outline: none;
	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
}

input[type="text"], input[type="text"]:hover, input[type="text"]:focus,
input[type="email"], input[type="email"]:hover, input[type="email"]:focus,
textarea, textarea:hover, textarea:focus {
	color: #444;
	padding: 6px 9px;
	background-color: #fff;
	border: 1px solid #ccc
}

blockquote {
	padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #FF007D;
    font-size: 17px;
	line-height: 1.47059;
}
 


.hr.border {
	height: 1px;
	background-color: #eee
}

.dark-section input[type="text"], .dark-section input[type="text"]:hover, .dark-section input[type="text"]:focus,
.dark-section input[type="email"], .dark-section input[type="email"]:hover, .dark-section input[type="email"]:focus,
 .dark-section textarea, .dark-section textarea:hover, .dark-section textarea:focus {
	color: #444;
	background-color: rgba(255, 255, 255, .05);
	border-color: transparent
}

textarea, textarea:hover, textarea:focus {
	padding: 8px 10px
}

input[type="text"]:hover, input[type="email"]:hover, textarea:hover {
	border-color: #d2d2d2
}

.dark-section input[type="text"]:hover,
.dark-section input[type="email"]:hover,
.dark-section textarea:hover {
	border-color: transparent
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
	color: #444;
	border-color: #FF007B;
	-webkit-box-shadow: 0 0 3px #FF007B inset;
	-moz-box-shadow: 0 0 3px #FF007B inset;
	-o-box-shadow: 0 0 3px #FF007B inset;
	box-shadow: 0 0 3px #FF007B inset
}

.dark-section input[type="text"]:focus,
.dark-section input[type="email"]:focus, 
.dark-section textarea:focus {
	color: #888;
	border-color: transparent;
	background-color: rgba(255, 255, 255, .04);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}

input[type="submit"] {
	font-weight: 600;
	overflow: hidden;
	position: relative;
	display: inline-block;
	letter-spacing: 1.5px;
	margin-bottom: 0;
	color: #fff;
	font-size: 11px;
	padding: 6px 20px;
	border: none;
	width: 100%
}

.light-section input[type="submit"]:hover {
	background-color: #2f2f2f
}

.dark-section input[type="submit"]:hover {
	color: #2f2f2f;
	background-color: #fff
}

.tooltip .tooltip-inner {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px
}

.parallax, .parallax-section, .parallax-bg, .parallax-full {
	background-position: 50% 0;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.section {
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	padding: 100px 0;
	background: #fff;
	display: block
}

.section .container {
	z-index: 36;
	position: relative
}

.dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
	color: #fff
}

.dark-section, .dark-section p {
	color: #fff
}

.section-overlay,
.section-overlay-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0,0,0,0.5);
}

#home.landing .section-overlay-video 
{
	background: #222;
}

body::after,
.header-bg::after
{
	border-top: solid 4px #FF007D;
	position: absolute;
	width: 100%;
	height: 4px;
	top: 0;
	left: 0;
	z-index:20;
	content: ' ';
}

.section-overlay-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: #f5f6f7;
	opacity: .92
}

.section-overlay-pink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .85;
	background: #FF007B
}

.section-overlay-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .8;
	background: #000
}

.light-section h1, .light-section h2, .light-section h3, .light-section h4, .light-section h5, .light-section h6 {
	color: #2f2f2f
}

.light-section .fit-text {
	color: #2f2f2f
}

.light-section, .light-section p {
	color: #2f2f2f;
	font-size: 2;
}

.light-section .section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .92;
	background: rgba(245, 246, 247, 1)
}

#container {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px
}

#container .title {
	margin-bottom: 12px
}

#container p {
	margin-bottom: 14px
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
	margin-bottom: 8px
}

.section-title {
	position: relative;
	margin-bottom: 10px
}

.section-title h2 span {
	font-weight: 900;
	color: #FF007B
}

.section-title p {
	position: relative;
}

.section-title h2 + .lead {
	padding-top: 18px
}

.section-title h2 + .lead::after {
	content: "";
	display: block;
	width: 75px;
	height: 1px;
	position: absolute;
	top: 0
}

.section-title h1 {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 4px;
	color: #2f2f2f;
	letter-spacing: 3px
}

.section-title h2 {
	position: relative;
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 6px;
	letter-spacing: 5px;
	font-weight: 600;
	color: #FF007B
}

.section-title .title-icon {
	margin-bottom: 15px;
	margin-left: 44px
}

.section-title.text-center .title-icon {
	margin-left: 0
}

.section-title .title-icon span {
	position: relative
}

.section-title .title-icon span::before, .section-title .title-icon span::after {
	content: "";
	display: block;
	width: 35px;
	height: 1px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	background-color: #ddd
}

.section-title .title-icon span::before {
	left: -44px
}

.section-title .title-icon span::after {
	right: -44px
}

.section-title .title-icon span i {
	font-size: 16px;
	color: #333
}

.page-header {
	position: relative;
	padding: 230px 0 150px;
	margin: 0;
	background-position: center center !important;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	border: none !important
}

.page-header p {
	font-size: 21px;
	letter-spacing: 0.011em;
	line-height: 1.38;
}

.page-header .container {
	z-index: 36;
	position: relative
}

.page-header h2 {
	font-size: 40px;
}

.page-header h2 span {
	font-weight: 700;
	color: #FF007B
}

.page-header .up {
	color: #fff;
	margin: 0 auto;
	width: 85%;
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: 5px;
	line-height: 15px;
	font-weight: 500
}

.page-header h6 {
	font-size: 11px;
	letter-spacing: 1px
}

.video-section {
	overflow: hidden;
	position: relative
}

.video-section .container {
	z-index: 32 !important;
	position: relative
}

.video-section .fullscreen-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	object-fit: cover;
}

.video-section video {
	min-width: 100% !important;
	height: auto;
	min-height: 100%;
}

.video-section .video-section-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 31
}

.video-section.dark-section .video-section-mask {
	background: url(../images/overlays/03.png) repeat rgba(0, 0, 0, .5)
}

.video-section.light-section .video-section-mask {
	background: rgba(245, 246, 247, 0.85)
}

.video-section.light-section p {
	color: #444
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}

}

@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4)
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0)
	}

}

#hidden-header {
	background-color: #fff
}

#header ul {
	list-style: none
}

#header .navbar-toggle {
	height: 100%;
	width: 60px;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
}

#header ul li .sub-menu:before
{
    position: absolute;
    width: 5000%;
    height: 100%;
    background-color: #2f2f2f;
    content: " ";
    left: 0px;
    top: 0px;
    z-index: -10;
}

#header ul li .sub-menu {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 100%;
	padding-top: 80px;
	z-index: -1;
	display: none;
}

#header ul li .sub-menu li
{
	display: block;
	width: 1170px;
	margin: 0px auto;
}

#header ul li .sub-menu,
#header ul li:hover .sub-menu,
#header ul li .sub-menu:hover 
{
	display: block;
}

.header-1 .navbar-toggle i {
	position: relative;
	top: 2px;
	font-size: 16px;
	color: #fff !important
}

.header-bg .navbar-toggle i {
	position: relative;
	top: 2px;
	font-size: 16px;
	color: #fff !important
}

#header.light-header .navbar-toggle {
	background: none
}

#header.light-header .navbar-toggle i {
	color: #2f2f2f
}

.header-1, .header-2 {
	height: 62px;
	line-height: 58px;
	z-index: 99
}

#logo img {
	max-height: 32px
}

.header-bg #logo img {
	max-height: 32px
}

.header-bg #logo .light-logo {
	display: none
}

.light-header #logo .dark-logo {
	display: none
}

.header-bg #logo .dark-logo {
	display: block
}

.header-1 #logo, .header-2 #logo {
	float: left;
	z-index: 10;
}

.header-1 #logo a, .header-2 #logo a {
	display: block
}

.header-bg .nav-menu ul > li > a {
	color: #fff !important;
	font-weight: b;
}

.header-1 .nav-menu ul > li:hover > a.lang:before, .header-1 .nav-menu ul > li.active > a.lang:before {
	border-bottom-color: transparent !important
}

.header-1 .nav-menu, .header-2 .nav-menu {
	line-height: 62px;
	float: right;
	z-index: 10;
}

.header-1 .nav-menu li, .header-2 .nav-menu li {
	line-height: 32px;
	padding: 0;
}

.header-1 .nav-menu > ul > li, .header-2 .nav-menu > ul > li {
	display: inline-block;
	/* position: relative; */
}

.header-1 .nav-menu .drop a::before, .header-2 .nav-menu .drop a::before {
	display: none
}

.header-1 .nav-menu .drop a::before, .header-2 .nav-menu .drop.active a::before {
	display: block
}

.header-1 .nav-menu .drop .dropdown, .header-2 .nav-menu .drop .dropdown {
	visibility: hidden;
	position: absolute;
	top: 53px;
	left: 0;
	opacity: 0;
	filter: Alpha(Opacity=0);
	width: 220px;
	margin-top: -1px;
	border-top: 1px solid;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.header-1 .nav-menu .drop:hover .dropdown, .header-2 .nav-menu .drop:hover .dropdown {
	visibility: visible;
	opacity: 1;
	filter: Alpha(Opacity=1)
}

.header-1 .nav-menu .drop .dropdown li a, .header-2 .nav-menu .drop .dropdown li a {
	color: rgba(255, 255, 255, 1) !important;
	padding: 10px 14px;
	background-color: #2f2f2f;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	text-transform: none;
	font-weight: 400
}

.header-1 .nav-menu .drop .dropdown li a img {
	float: left;
	margin: 3px 7px 0 0;
	display: block
}

.header-1 .nav-menu .drop .dropdown li:hover a, .header-2 .nav-menu .drop .dropdown li:hover a {
	background-color: #FF007B;
	padding-left: 20px
}

.header-1 {
	position: absolute;
	top: 25px;
	width: 100%;
	background-color: transparent
}

.header-1.header-bg-fix {
	-webkit-animation-duration: 0s !important;
	-moz-animation-duration: 0s !important;
	-o-animation-duration: 0s !important;
	animation-duration: 0s !important;
}

.header-1.header-bg {
	position: fixed;
	top: 0;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: headerFadeIn;
	-moz-animation-name: headerFadeIn;
	-o-animation-name: headerFadeIn;
	animation-name: headerFadeIn
}

.header-1.light-header .nav-menu ul > li > button.login {
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1px;
	margin: 0 0 0 10px;
	padding: 6px 20px;
	background: none;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 25px;
	text-transform: uppercase;
}

.header-1.header-bg .nav-menu ul > li > button.login:before {
	display: none
}

.header-1.light-header .nav-menu ul > li > button.login:before {
	display: none
}

.header-1.light-header .nav-menu ul > li > button.login i {
	margin-right: 3px
}

.header-1.light-header .nav-menu ul > li > button.login:hover, .header-1.light-header .nav-menu ul > li > button.login:focus {
	color: #fff;
	background: #FF007B;
	border-color: #FF007B
}

.header-bg.light-header .nav-menu ul > li > button.login:hover, .header-bg.light-header .nav-menu ul > li > button.login:focus {
	color: #fff !important;
	background: #FF007B !important;
	border-color: #FF007B !important
}

.header-bg .nav-menu ul > li > a.lang {
	background: none;
	color: #414243 !important;
	border: 1px solid rgba(0, 0, 0, .1) !important
}

.header-bg .nav-menu ul > li > a.lang:before {
	display: none
}

.header-1.light-header .nav-menu ul > li > a.lang {
	margin: 0 0 0 10px;
	padding: 6px 8px;
	background: none;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	width: auto;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0
}

.header-1.light-header .nav-menu ul > li > a.lang:before {
	display: none
}

.header-1.light-header .nav-menu ul > li > a.lang i {
	margin-right: 3px
}

.header-1.light-header .nav-menu ul > li > a.lang:hover, .header-1.light-header .nav-menu ul > li > a.lang:focus {
	color: #fff !important;
	background: #FF007B;
	border-color: #FF007B
}

.header-bg .nav-menu ul > li > a.lang:hover, .header-bg .nav-menu ul > li > a.lang:focus {
	color: #414243 !important;
	background: #FF007B;
	border-color: #FF007B;
	color: #fff !important
}

.header-1 .nav-menu ul > li:hover > a.lang:before, .header-1 .nav-menu ul > li.active > a.lang:before {
	border-bottom-color: transparent !important
}

@-webkit-keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		-webkit-animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		-webkit-animation-timing-function: ease-in
	}

}

@-moz-keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		-moz-animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		-moz-animation-timing-function: ease-in
	}

}

@-o-keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		-o-animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		-o-animation-timing-function: ease-in
	}

}

@keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		animation-timing-function: ease-in
	}

}

.header-1.header-bg.dark-header {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.header-1.header-bg.light-header {
	background-color: #2f2f2f;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.header-1 .nav-menu ul > li > a {
	outline: 0;
	position: relative;
	display: block;
	padding: 15px 0;
	margin: 0 10px;
	font-size: 15px;
}

.header-1 .nav-menu > ul > li > a::before {
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 0;
	border-bottom: 1px solid transparent;
	content: '';
}

.header-1 .nav-menu ul > li.active > a::before {
	width: 100%
}

.header-1.light-header .nav-menu ul > li > a {
	color: #fff;
	font-weight: bold;
	/* text-transform: uppercase; */
}

.header-1.light-header .nav-menu ul > li.active > a::before {
	border-bottom-color: #fff
}

.header-bg .nav-menu ul > li.active > a::before {
	border-bottom-color: #FF007B !important
}

.header-bg .nav-menu ul > li.active > a {
	color: #FF007B !important
}

.header-1.dark-header .nav-menu ul > li > a {
	color: #FF007B
}

.header-1.dark-header .nav-menu ul > li.active > a::before {
	border-bottom-color: #FF007B
}

.section-home.dark-section {
	background-color: #2f2f2f
}

.scroll-down-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	z-index: 37;
	-webkit-animation: scroll-down-icon 1.4s linear infinite;
	-moz-animation: scroll-down-icon 1.4s linear infinite;
	-ms-animation: scroll-down-icon 1.4s linear infinite;
	-o-animation: scroll-down-icon 1.4s linear infinite;
	animation: scroll-down-icon 1.4s linear infinite;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	text-align: center
}

.scroll-down-icon:hover {
	background: #FF007B
}

.scroll-down-icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .66);
	line-height: 50px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.scroll-down-icon:hover i {
	color: #fff
}

.scroll-up-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	z-index: 37;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	text-align: center
}

.scroll-up-icon:hover {
	background: #FF007B
}

.scroll-up-icon i {
	font-size: 20px;
	color: #FF007B;
	line-height: 50px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.scroll-up-icon:hover i {
	color: #fff
}

.section-home.light-section {
	background-color: #fff
}

.section-home.one-slide {
	overflow: hidden
}

.section-home.light-section p {
	color: #444
}

.section-home .container {
	z-index: 11;
	position: relative
}

.section-home .home-slider-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.home-slider-bg .item, .home-slider-bg .owl-wrapper-outer, .home-slider-bg .owl-wrapper, .home-slider-bg .owl-item {
	width: 100%;
	height: 100%
}

.home-slider-bg .item, .home-slider .item {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.home-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.section-home .home-slider .container {
	position: absolute;
	width: 100%
}

.home-slider .item, .home-slider .owl-wrapper-outer, .home-slider .owl-wrapper, .home-slider .owl-item {
	width: 100%;
	height: 100%
}

.home-slider .owl-pagination {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 12
}

.dark-section .home-slider .owl-pagination .owl-page span {
	border: 1px solid #fff
}

.dark-section .home-slider .owl-pagination .owl-page.active span, .dark-section .home-slider .owl-pagination .owl-page:hover span {
	background-color: #fff
}

.home-slider .owl-buttons div {
	position: absolute;
	width: 30%;
	top: 0;
	z-index: 1;
	margin: 0 !important;
	text-indent: 9999px;
	overflow: hidden;
	padding: 0 !important;
	opacity: 1 !important;
	filter: Alpha(Opacity=1) !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out
}

.light-section .home-slider .owl-buttons div {
	cursor: url(../images/icons/mouse-dark.png), auto !important;
	cursor: url(../images/icons/mouse-dark.png), auto !important
}

.dark-section .home-slider .owl-buttons div {
	cursor: url(../images/icons/mouse-light.png), auto !important
}

.home-slider .owl-buttons div.owl-prev {
	left: 0;
	height: 100%
}

.home-slider .owl-buttons div.owl-next {
	right: 0;
	height: 100%
}

.youtube-video.light-section .section-overlay {
	background-color: rgba(255, 255, 255, 0.6)
}

.yt-player-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.btn-sys {
	font-weight: 400;
	overflow: hidden;
	position: relative;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 15px;
	letter-spacing: 1.5px;
	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;
	text-transform: uppercase
}

.btn-sys i {
	position: relative;
	top: 1px
}

.btn-sys.btn-crv {
	border-radius: 25px
}

.btn-sys.btn-mini {
	font-size: 11px;
	padding: 4px 17px
}

.btn-sys.btn-mini i {
	font-size: 12px
}

.btn-sys.btn-mini.btn-border {
	padding: 3px 18px
}

.btn-sys.btn-small {
	font-size: 11px;
	padding: 6px 20px
}

.btn-sys.btn-small i {
	font-size: 12px
}

.btn-sys.btn-small.btn-border {
	padding: 5px 20px
}

.btn-sys.btn-medium {
	font-size: 13px;
	padding: 8px 22px
}

.btn-sys.btn-medium.btn-border {
	padding: 7px 22px
}

.btn-sys.btn-medium i {
	font-size: 14px
}

.btn-sys.btn-large {
	font-size: 13px;
	padding: 10px 26px
}

.btn-sys.btn-large.btn-border {
	padding: 9px 26px
}

.btn-sys.btn-large i {
	font-size: 14px
}

.btn-sys.btn-border {
	border: 1px solid;
	background-color: transparent
}

.btn-light {
	color: #2f2f2f;
	background-color: #fff
}

.btn-light:hover {
	color: #2f2f2f
}

.btn-border.btn-light {
	color: #fff;
	border-color: #fff
}

.btn-border.btn-light:hover {
	color: #2f2f2f;
	background-color: #fff
}

.btn-dark {
	color: #fff;
	background-color: #2f2f2f
}

.btn-dark:hover {
	color: #fff
}

.btn-border.btn-dark {
	color: #2f2f2f;
	border-color: #2f2f2f
}

.btn-border.btn-dark:hover {
	color: #fff;
	background-color: #2f2f2f
}

.btn-gray {
	color: #fff;
	background-color: #c2c2c2
}

.btn-gray:hover {
	color: #fff
}

.btn-border.btn-gray {
	color: #c2c2c2;
	border-color: #c2c2c2
}

.btn-border.btn-gray:hover {
	color: #fff;
	background-color: #c2c2c2
}

.btn-color {
	color: #fff
}

.btn-color:hover {
	color: #fff
}

.btn-border.btn-color:hover {
	color: #fff
}

ul.nav-tabs {
	list-style: none;
	border-bottom: 1px solid #f5f6f7
}

.dark-section ul.nav-tabs {
	border-bottom: 1px solid rgba(255,255,255,0.7);
}

ul.nav-tabs li {
	padding: 0;
	display: inline-block;
	float: inherit;
	position: relative;
}

ul.nav-tabs li a {
	display: block;
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 15px;
	border: 0 !important;
	color: #333;
	background-color: transparent !important;
	margin: 0 15px
}

.dark-section ul.nav-tabs li a
{ 
	color: #FFF;
}


ul.nav-tabs li a:hover {
	color: #2f2f2f
}

ul.nav-tabs li::after 
{
	content: ' ';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0px;
	bottom: 0px;
	/* background-color: #FF007D; */
	transition: all .3s ease-out;
	opacity: 0;
	z-index: 500001;
}

ul.nav-tabs li.active::after 
{
	height: 4px;
	opacity: 1;
}

#features ul.nav-tabs li.active::after
{
	content: '\e64b';
	height: 30px;
	opacity: 0;
	font-family: 'themify';
}

.studioxl .header-title h1
{
	font-size: 50px;
}

.studioxl .header-title p
{
	margin: 0px auto;
	width: 90%;
}

.services-tabs ul.nav-tabs li.active::after 
{
	content: '';
	display: none;
}

.wf ul.nav-tabs li.active a::after {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0px;
	bottom: -2px;
	background-color: #FF007D;
	z-index: 500000;
}

ul.nav-tabs li a i {
	font-size: 12px
}

.tab-pane {
	padding: 15px 0 0
}

.collapse-group .panel {
	padding: 15px 30px;
	border-bottom: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
	background: #f5f6f7;
	margin: 0 0 10px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}

.collapse-group .panel:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
	background: #fff
}

.collapse-group .panel-collapse .collapse-body {
	padding: 15px 15px 0 0
}

.collapse-group .collapse-heading h4 {
	font-size: 20px;
	margin-bottom: 0 !important;
	text-transform: none
}

.collapse-group .collapse-heading h4 a {
	display: block
}

.collapse-group .collapse-heading h4 a.collapsed {
	color: #333
}

.collapse-group .collapse-heading h4 a.collapsed:hover {
	color: #2f2f2f
}

.collapse-group .collapse-heading h4 a .toggle-icon {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-left: 30px;
	border-radius: 1px;
	line-height: 22px;
	width: 20px;
	height: 20px;
	color: #FF007B;
	top: 1px;
	font-size: 14px;
	background: none !important;
	float: right;
	right: -10px
}

.collapse-group .collapse-heading h4 a .toggle-icon i {
	display: block;
	line-height: 20px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.collapse-group .collapse-heading h4 a.collapsed .toggle-icon i {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0)
}

.collapse-group .collapse-heading h4 a.collapsed .toggle-icon {
	color: #2f2f2f
}

.collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon {
	background-color: none
}

.collapse-group table {
	width: 100%;
	margin: 26px 0
}

.collapse-group thead {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: 400
}

.collapse-group th {
	padding: 10px;
	font-weight: 700;
	color: #272727;
	text-align: left
}

.collapse-group tbody tr {
	border-bottom: 1px solid #ddd
}

.collapse-group tbody tr:nth-child(2n+1) td {
	background-color: #fafafa
}

.collapse-group td {
	padding: 10px
}

.collapse-group td strong {
	font-weight: 500
}

.container-portfolio {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	width: 1170px;
	z-index: 36;
	position: relative
}

.portfolio-filters {
	text-align: center;
	padding: 0;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.portfolio-filters a {
	display: inline-block;
	color: #000;
	font-size: 17px;
	letter-spacing: 0;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 30px;
	position: relative;
}

.portfolio-filters .active::before
{
	content: ' ';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #FF007D;
	bottom: -11px;
	left: 0px;
}

.portfolio-filters a:last-child:after {
	display: none
}

.cases .portfolio-filters a {
	color: #fff;
}

.cases .portfolio-filters a:after {
	color: #444 !important;
}

#portfolio-grid {
	width: 100%;
	margin: 0;
	padding: 0;		
}

.cases #portfolio-grid {
	background-color: #111;
}


#portfolio-grid .portolio-item {
	overflow: hidden;
	/*cursor: pointer;*/
	position: relative;
	/* border-radius: 25px; */
	padding: 15px;
	width: 33.32% !important;
	/* transition-property: none !important; */
	margin.: 1;
	padding: 2;
}

#portfolio-grid .portolio-item .portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.portfolio-image img
{
	border-radius: 20px;
}
 

#portfolio-grid .portolio-item .portfolio-details {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 40px;
	width: 100%;
	text-shadow: 0px 2px 10px black;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	margin-top: -15px;
}

#portfolio-grid .portolio-item .portfolio-details h2 {
	position: relative;
	color: #FFF;
	margin-bottom: 10px;
}


#portfolio-grid .portolio-item .portfolio-details span {
	position: relative;
	color: white;
	font-weight: bold;
}

.blog-container {
	border-bottom: 1px solid #eee
}

.blog-container:last-child {
	border-bottom: none
}

.no-sidebar .pagination {
	width: 100%;
	text-align: center;
	margin-bottom: 55px;
	margin-top: 25px
}

.pagination {
	clear: both;
	display: block
}

.pagination a, .pagination span {
	font-size: 14px;
	padding: 0 10px;
	color: #2f2f2f;
	font-weight: 600;
	line-height: 40px;
	height: 40px;
	margin-right: 4px;
	text-align: center;
	display: inline-block;
	border-bottom: 3px solid #ddd;
	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;
	background: #f5f6f7
}

.pagination span {
	border-color: #FF007B;
	color: #FF007B !important;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10)
}

.pagination span.off {
	border-color: #eee;
	color: #ddd !important;
	background: #f5f6f7;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0)
}

.pagination a i {
	position: relative;
	font-size: 14px;
	top: 0
}

.pagination span {
	color: #888
}

.standard-layout .post {
	position: relative;
	margin-bottom: 70px
}

.post-thumb {
	margin-bottom: 18px;
	overflow: hidden
}

.standard-layout .post-head {
	margin-bottom: 18px
}

.standard-layout .post-head q {
	color: #2f2f2f;
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	margin-bottom: 4px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out
}

.standard-layout .post-head q::before {
	position: absolute;
	left: -12px;
	top: 0
}

.standard-layout .post-head q a {
	color: #2f2f2f
}

.post-head h3 {
	font-weight: 400;
	line-height: 32px;
	font-size: 25px;
	letter-spacing: 0
}

.post-head h3 a {
	color: #2f2f2f;
	font-weight: bold;
	font-size: 40px;
	line-height: 1.2;
}

.post-head .post-meta {
	list-style: none
}

.post-head .post-meta li {
	display: inline-block;
	font-size: 13px
}

.post-head .post-meta li a {
	color: #FF007B
}

.post-head .post-meta li:after {
	content: "/";
	margin: 0 6px 0 8px;
	color: #eee
}

.post-head .post-meta li:last-child:after {
	display: none
}

.standard-layout .post-head .post-meta li, .standard-layout .post-head .post-meta li a {
	color: #333
}

.date {
	background-color: #FF007B !important;
	color: #fff !important;
	padding: 1px 15px;
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px
}

.standard-layout .post-date {
	position: relative;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	background-color: #2f2f2f;
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	text-transform: uppercase
}

.standard-layout .post-date .day {
	font-size: 30px;
	line-height: 30px;
	display: block;
	font-weight: 600;
	padding: 10px;
	background: #FF007B
}

.standard-layout .post-date .month {
	font-size: 12px;
	line-height: 12px;
	display: block;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 10px
}

.standard-layout .post .more-link {
	margin-top: 12px
}

.post .read-more {
	letter-spacing: 1px;
	font-size: 11px;
	color: #2f2f2f
}

.standard-layout .pagination {
	position: relative;
	top: -30px;
	padding-left: 62px;
	margin-bottom: 25px
}

.post .gallery-slider {
	position: relative;
	overflow: hidden;
	cursor: grab !important;
	cursor: -moz-grab !important;
	cursor: -webkit-grab !important
}

.post .gallery-slider .owl-controls {
	margin: 0
}

.post .gallery-slider .owl-buttons > div {
	position: absolute;
	top: 50%;
	color: #2f2f2f;
	margin: 0;
	opacity: .9;
	margin-top: -17px;
	filter: Alpha(Opacity=90);
	background-color: #fff;
	transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
	-moz-transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
	-webkit-transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
	-o-transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out
}

.post .gallery-slider .owl-buttons > div i {
	font-size: 14px;
	position: relative;
	top: 2px
}

.post .gallery-slider .owl-buttons .owl-prev {
	left: -10px;
	padding: 6px 10px 6px 20px;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.post .gallery-slider .owl-buttons .owl-prev:hover {
	left: 0
}

.post .gallery-slider .owl-buttons .owl-next {
	right: -10px;
	padding: 6px 20px 6px 10px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.post .gallery-slider .owl-buttons .owl-next:hover {
	right: 0
}

.sidebar {
	padding-left: 0
}

.sidebar a {
	color: #666
}

.sidebar .widget {
	margin-bottom: 40px
}

.widget .widget-heading h4 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 10px
}

.widget .widget-heading h3 {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	font-size: 20px
}

.widget .widget-heading h3 span {
	padding-bottom: 7px;
	border-bottom: 1px solid #FF007B
}

.widget-categories ul, .widget-recent-posts ul {
	list-style: none
}

.sidebar .widget-categories ul li {
	font-size: 15px;
	padding: 7px 0 7px 15px;
	position: relative
}

.sidebar .widget-categories ul li:before {
	content: "\f105";
	font-family: 'FontAwesome';
	color: #FF007B;
	position: absolute;
	top: 7px;
	left: 0;
	font-size: 14px
}

.widget-recent-posts ul li {
	font-size: 15px;
	line-height: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #f4f4f4
}

.widget-recent-posts ul li:last-child {
	border-bottom: none
}

.widget-recent-posts ul li span {
	font-size: 11px;
	display: block;
	color: #aaa
}

.widget-categories ul li .icon-arrow-right11, .widget-recent-posts ul li .icon-arrow-right11 {
	position: relative;
	top: 1px;
	color: #2f2f2f;
	margin-right: 5px
}

.widget-search .search-box {
	position: relative
}

.widget-search .search-box input {
	margin-bottom: 0
}

.widget-search .search-box .search-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 100%;
	border: 0;
	padding: 0;
	color: #2f2f2f;
	outline: 0;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	background-color: transparent;
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out
}

.widget-tags a {
	border: 1px solid #eee;
	display: inline-block;
	border-radius: 15px;
	font-size: 13px;
	color: #888;
	padding: 3px 10px;
	margin: 0 2px 6px 0;
	text-transform: capitalize;
	transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
	-webkit-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
	-o-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
}

.widget-tags a:hover {
	color: #fff !important
}

.testimonials-carousel {
	padding: 0 45px
}

.testimonials-carousel .item {
	text-align: center
}

.clients-carousel, .testimonials-carousel {
	position: relative
}

.testimonials-carousel .owl-buttons div {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	display: block;
	margin: -20px 0 0 !important;
	padding: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	filter: Alpha(Opacity=0.25) !important;
	opacity: .25 !important;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.testimonials-carousel .owl-buttons div:hover {
	filter: Alpha(Opacity=1) !important;
	opacity: 1 !important
}

.dark-section .testimonials-carousel .owl-buttons div.owl-prev {
	left: 0;
	background: url(../images/icons/prev.png) no-repeat !important
}

.dark-section .testimonials-carousel .owl-buttons div.owl-next {
	right: 0;
	background: url(../images/icons/next.png) no-repeat !important
}

.light-section .testimonials-carousel .owl-buttons div.owl-prev {
	left: 0;
	background: url(../images/icons/prev-dark.png) no-repeat !important
}

.light-section .testimonials-carousel .owl-buttons div.owl-next {
	right: 0;
	background: url(../images/icons/next-dark.png) no-repeat !important
}

#footer {
	padding: 80px 0;
	text-align: right;
	overflow: hidden;
	background: #222
}

#goTop {
	display: block;
	position: absolute;
	bottom: -80px;
	right: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: rgba(255, 255, 255, .33);
	background-color: transparent;
	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;
	text-align: center;
}

#footer .logo-img {
	margin-bottom: 20px
}

#footer .logo-img img {
	max-height: 50px;
}

#footer a {
	color: #fff;
	margin: 0
}

#footer .copyright p {
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
}

#footer .copyright a:hover {
	color: #FF007B
}

#footer .footer-nav ul {
	list-style: none;
	margin-bottom: 10px
}

#footer .footer-nav ul li {
	display: inline-block;
	padding: 0;
}

#footer .footer-nav ul li a {
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 12px;
}

#footer .footer-nav ul li a:hover {
	color: #FF007B
}

#footer .footer-nav ul li:first-child:before {
	display: none
}

.section-home h3 {
	color: #fff;
	margin-bottom: 0;
	letter-spacing: 2px
}

.section-home img {
	max-height: 90px;
	margin-bottom: 30px
}

.section-home p {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 30px
}

.section-home h1 {
	font-size: 50px;
	color: #fff;
	margin-bottom: 5px;
}

.section-home .btn-sys {
	margin: 40px 0 0
}

.header-title {
	margin-bottom: 100px;
	text-align: center
}

.headersection-2 h1,
.header-title h1 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 18px;
	color: #2f2f2f;
}

.header-title p {
	color: #2f2f2f;
	margin-bottom: 0;
	font-size: 21px;
	letter-spacing: 0.011em;
	line-height: 1.38;
}

.header-title .up {
	color: #FF007B;
	margin-bottom: 10px;
	font-size: 13px;
	letter-spacing: 5px;
	line-height: 13px;
	font-weight: 500;
	text-transform: uppercase
}

.header-title p.lead {
	font-weight: 400;
	margin-bottom: 0;
	letter-spacing: 1px
}

.header-title-cta {
	margin-bottom: 60px;
	text-align: center;
	position: relative;
	z-index: 50
}

.header-title-cta h1 {
	font-size: 40px;
	color: #fff;
}

.header-title-cta h1 span {
	color: #FF007B
}

.header-title-cta p {
	color: #fff
}

.header-title-cta a {
	margin-bottom: 0
}

.header-title-white {
	margin-bottom: 100px;
	text-align: center
}

#cta .header-title-white {
	margin-bottom: 40px;	
}

.imposters .header-title,
.imposters .header-title-white 
{
	text-align: left;
}

.header-title-white h1 {
	font-size: 40px;
	margin-bottom: 18px;
	color: #fff;
}

.header-title-white p {
	color: #fff;
	margin-bottom: 0;
	font-size: 21px;
	letter-spacing: 0.011em;
	line-height: 1.38;
}

.header-title-white .up {
	color: #fff;
	margin-bottom: 10px;
	font-size: 13px;
	letter-spacing: 5px;
	line-height: 13px
}

.header-title-red {
	margin-bottom: 60px;
	text-align: center
}

.header-title-red h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 200;
	margin-bottom: 5px;
	color: #fff
}

.header-title-red h1:before {
	background: url(../images/sign-red.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
	content: " ";
	margin: 0 auto 15px
}

.header-title-red h1 span {
	color: #FF007B
}

.header-title-red p {
	color: #fff;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 25px
}

.news-frame .news {
	background: #f5f6f7 !important;
	border: solid 1px #eee;
}

.news-frame .news:hover {
}

.news {
	position: relative;
	padding: 0 !important;
	margin: 0;
	background: #f2f2f2;
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
}

.news:hover {
}

.news .news-img {
	overflow: hidden !important;
	background: #2f2f2f;
	/* position: relative */
}

.news .news-img .date {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: auto;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	margin: 0;
	letter-spacing: 0;
	color: #fff !important;
	background-color: #888 !important;
	border: 1px solid #888;
	padding: 5px 15px;
	display: block;
	border-radius: 20px;
	opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.news:hover .news-img .date {
	opacity: 0.9;
}

.news .news-img img {
}

.news:hover .news-img img {
}

.news:hover .news-info {
}

.news .news-info {
	padding: 15px;
	min-height: 225px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.news .news-info h3 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 10px
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.news .news-info p {
	margin-bottom: 0
}

.news:hover .news-info h3 {
	color: #FF007B
}

.licensing {
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 0;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
}

.licensing table {
	width: 100%;
	margin: 0;
	font-size: 15px;
	border-radius: 15px !important;
	line-height: 21px;
}

.licensing table thead {
	border-bottom: 1px solid #f5f6f7;
	border-top: 1px solid #f5f6f7;
	font-weight: 400
}

.licensing table th {
	padding: 15px 25px;
	font-weight: 600;
	color: #272727;
	text-align: center;
	background: #fff;
	border-bottom: 3px solid #FF007B;
	font-size: 20px;
	line-height: 24px
}

.licensing table th:first-child {
	text-align: left;
	text-transform: none
}

.licensing table tr {
	border-bottom: 1px solid #eee;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
}

.licensing table tr:last-child {
	border: none
}

.licensing table td {
	padding: 7px 25px;
	text-align: center
}

.licensing table td i {
	font-size: 16px;
	color: #FF007B
}

.licensing table td:first-child i {
	font-size: 9px;
	color: #ccc;
	margin: 0 8px;
	top: -2px;
	position: relative
}

.licensing table td span:after {
	content: "*";
	color: #FF007B
}

.licensing table td:first-child {
	text-align: left;
	color: #777
}

.licensing table td strong {
	font-weight: 500
}

.licensing .btn-sys {
	margin: 10px 0
}

.licensing table td:nth-child(2) {
	background: #f5f6f7
}

.licensing table th:nth-child(2) {
	background: #f5f6f7
}

.licensing table th:first-child {
	font-size: 16px;
	padding: 15px 25px;
	font-weight: 600
}

.licensing table tr.title td {
	font-size: 16px;
	padding: 15px 25px;
	font-weight: 600;
	color: #2f2f2f
}

.licensing table tr:nth-child(2n+1) td:nth-child(1) {
	background-color: #fff
}

.licensing table tr:nth-child(2n+1) td:nth-child(2) {
	background-color: #f7f8f9
}

.licensing table tr:nth-child(2n+1) td:nth-child(3) {
	background-color: #333
}

.licensing table tr:last-child td {
	padding: 15px 25px
}

.licensing table td:nth-child(3) {
	background: #2f2f2f;
	color: #fff;
	border-bottom: 1px solid #3f3f3f
}

.licensing table th:nth-child(3) {
	background: #FF007B;
	color: #fff
}

.note {
	border-left: 3px solid #FF007B;
	padding: 15px
}

.center-col {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important
}

.serv {
	display: block;
	position: relative;
	margin: 0;
	background: rgba(255, 255, 255, .5);
	text-align: center;
	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;
	margin-bottom: 30px;
	border-bottom: 3px solid #ddd
}

.serv:hover {
	border-bottom: 3px solid #FF007B !important
}

.serv .serv-front {
	padding: 0;
	padding: 25px;
	position: relative;
	height: 220px
}

.serv .serv-front h3 {
	opacity: 1;
	font-size: 20px;
	line-height: 20px;
	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;
	position: absolute;
	padding: 0 15px;
	left: 0;
	width: 100%;
	top: 62%;
	color: #2f2f2f
}

.serv:hover .serv-front h3 {
	opacity: 0
}

.serv .serv-front p {
	opacity: 0;
	font-size: 15px;
	line-height: 20px;
	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;
	position: absolute;
	top: 0;
	padding: 0 15px;
	left: 0;
	width: 100%;
	margin-bottom: 0
}

.serv:hover .serv-front p {
	opacity: 1;
	top: 35%
}

.serv .serv-front img {
	max-height: 55px;
	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;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: absolute;
	top: calc(50% - 45px);
	left: 0;
	right: 0;
	margin: 0 auto
}

.serv:hover .serv-front img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	max-height: 40px;
	top: 10%
}

.serv:hover {
	border-color: #eee;
	background: #fff;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.serv .serv-front i {
	display: none;
	position: absolute;
	bottom: 15px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #2f2f2f;
	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;
	width: 32px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #eee;
	border-radius: 50%
}

.serv:hover .serv-front i {
	display: block
}

.serv .serv-front i:hover {
	background: #FF007B;
	border-color: #FF007B;
	color: #fff
}

p.lead {
	margin-bottom: 10px;
	font-size: 17px
}

.bg-gray-light {
	background-color: #f9f9f9 !important
}

.border-top {
	border-top: 1px solid rgba(0, 0, 0, .05)
}

.mt60 {
	margin-top: 60px
}

.mt50 {
	margin-top: 50px
}

.mt40 {
	margin-top: 40px
}

.mt30 {
	margin-top: 30px
}

.mt20 {
	margin-top: 20px
}

.mt10 {
	margin-top: 10px
}

.bg-gray {
	background: #f6f6f6 !important
}

.mfp-bg {
	background: #2f2f2f !important
}

.post-share span {
	margin-right: 10px;
	font-size: 13px;
	color: #888
}

.post-share a {
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.post-share a.facebook {
	background-color: #507CBE
}

.post-share a.facebook:hover {
	background-color: #3E68A8
}

.post-share a.twitter {
	background-color: #63CDF1
}

.post-share a.twitter:hover {
	background-color: #36BFED
}

.post-share a.gplus {
	background-color: #F16261
}

.post-share a.gplus:hover {
	background-color: #EF4545
}

.post-share a.linkedin {
	background-color: #90CADD
}

.post-share a.linkedin:hover {
	background-color: #72BBD3
}

.post-share a.mail {
	background-color: #FFA803
}

.post-share a.mail:hover {
	background-color: #FF5E00
}

.post-share a i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 1em
}

.post-content ul {
	list-style: none
}

.post-content ul li {
	padding: 0 0 5px 25px;
	font-size: 15px;
	position: relative
}

.post-content ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #FF007B;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.post-content ol {
	margin-bottom: 10px
}

.post-content ol li {
	padding: 0 0 5px 10px;
	font-size: 15px;
	position: relative;
	margin-left: 15px
}

.post-content p 
{
	margin: 0 0 20px;
}

.post-content h2 {
	margin-bottom: 15px
}

.pro-carousel {
	padding: 0 30px
}

.pro-carousel .item {
	opacity: 1;
	filter: Alpha(Opacity=1);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	padding: 0 10px
}

.pro-carousel {
	position: relative
}

.pro-carousel .owl-buttons div {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	display: block;
	margin: -20px 0 0 !important;
	padding: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	filter: Alpha(Opacity=0.25) !important;
	opacity: .25 !important;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.pro-carousel .owl-buttons div:hover {
	filter: Alpha(Opacity=1) !important;
	opacity: 1 !important
}

.pro-carousel .owl-buttons div.owl-prev {
	left: 0;
	background: url(../images/icons/prev-dark.png) no-repeat !important
}

.pro-carousel .owl-buttons div.owl-next {
	right: 0;
	background: url(../images/icons/next-dark.png) no-repeat !important
}

.pro-carousel .owl-pagination {
	bottom: auto !important;
	top: 500px
}

.pro-carousel .owl-controls .owl-page span {
	border: 1px solid #2F2F2F !important
}

.pro-carousel .owl-controls .owl-page.active span, .pro-carousel .owl-controls.clickable .owl-page:hover span {
	background: #2F2F2F !important
}

.performance {
	text-align: center;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	padding: 20px 15px;
	border-radius: 5px
}

.performance:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.20);
	background: rgba(255, 255, 255, .33);
	background: #f5f6f7
}

.performance h3 {
	font-size: 20px;
	color: #2f2f2f;
	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
}

.performance:hover h3 {
	color: #FF007B
}

.performance .performance-img {
	text-align: center;
	width: 86px;
	height: 86px;
	line-height: 80px;
	display: block;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: none;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	border: 2px solid transparent;
	position: relative
}

.performance:hover .performance-img {
	background: #fff;
	border: 2px solid #FF007B
}

.performance .btn-sys {
	margin: 0
}

.performance .performance-img span {
	width: 36px;
	height: 36px;
	background: #2f2f2f;
	position: absolute;
	top: -30px;
	right: -30px;
	line-height: 32px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-style: itallic;
	color: #fff;
	border: 2px solid transparent;
	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
}

.performance:hover .performance-img span {
	background: #FF007B;
	color: #fff;
	border-color: #FF007B;
	top: -5px;
	right: -10px
}

.performance p {
	margin-bottom: 0
}

.performance .performance-img img {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	height: 64px;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: transform
}

.performance:hover .performance-img img {
	height: 40px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.performance p {
	min-height: 120px
}

.address {
	padding: 0 10px;
	text-align: center
}

.address h4 {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 2px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	color: #2f2f2f
}

.address:hover h4 {
	color: #FF007B
}

.address p {
	font-size: 17px;
	line-height: 25px
}

.address:hover a {
	color: #2f2f2f0;
	color: #2f2f2f
}

.address i {
	display: block;
	font-size: 28px !important;
	font-weight: 300 !important;
	line-height: 86px;
	width: 86px;
	border-radius: 50%;
	height: 86px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
	color: #2f2f2f;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff
}

.address:hover i {
	color: #fff;
	background: #FF007B;
}

.col-md-20 {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 20%
}

.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden
}

.no-padding {
	padding: 0
}

.opacity-full {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: .9;
	z-index: 1;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .66)
}

.service-filters {
	text-align: center;
	padding: 0 0 30px
}

.service-filters a {
	display: inline-block;
	color: #000;
	font-size: 20px;
	letter-spacing: 0;
	font-weight: 400;
	padding: 0 15px 0 0;
	line-height: 30px
}

.service-filters a:after {
	content: "/";
	color: #ddd;
	margin: 0 0 0 15px
}

.service-filters a:last-child:after {
	display: none
}

.services-tabs ul.nav-tabs {
	width: 100%;
	border-bottom: none;
	display: block;
	margin-bottom: 60px
}

.services-tabs ul.nav-tabs li {
	width: 19.5%;
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
	outline: none;
	/* border-radius: 15px; */
}

.services-tabs ul.nav-tabs li a {
	position: relative;
	border: 2px solid transparent !important;
	background: rgba(255, 255, 255, .5) !important;
	text-align: center;
	padding: 20px 0;
	letter-spacing: 0 !important;
	border-radius: 0;
	font-weight: 400;
	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;
	margin: 5px !important;
	display: block;
	border-radius: 15px;
	top: 0px;
	margin-top: 30px !important;
}

.services-tabs ul.nav-tabs li a h3 {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
	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;
	margin: 0;
	height: 40px;
	display: block
}

.services-tabs ul.nav-tabs li a h3 span {
	opacity: 0
}

.services-tabs ul.nav-tabs li a i {
	display: none;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #FF007B;
	margin-top: 15px;
	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;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 30px;
	border-radius: 50%
}

.services-tabs ul.nav-tabs li a i:hover {
	background: #FF007B;
	border-color: #FF007B;
	color: #fff
}

.services-tabs {
	margin-top: -30px;
}

.services-tabs ul.nav-tabs li a.resources i {
	border: 1px solid rgba(255, 255, 255, .1);
	color: #fff
}

.services-tabs ul.nav-tabs li a img {
	height: 50px;
	margin: 0 auto 10px;
	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;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .33;
	display: block
}

.services-tabs ul.nav-tabs li.active a i, .services-tabs ul.nav-tabs li:hover a i {
	display: block
}

.services-tabs ul.nav-tabs li:hover a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.services-tabs ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}


.services-tabs ul.nav-tabs li:hover a {
	background: #fff !important;
}

.services-tabs ul.nav-tabs li.active a {
	border: 2px solid transparent !important;
	background: #fff !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	top: -17px !important;
}

.services-tabs .tab-content {
	padding: 0;
	margin: 0;
	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
}

.services-tabs .tab-content img {
    border-radius: 15px;
}

.services-tabs .tab-pane {
	padding: 0;
	margin: 0;
	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;
	position: relative
}

.services-tabs .tab-pane h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px
}


.services-tabs .tab-pane .soon {
	position: absolute;
	top: -5px;
	right: 15px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 7px 20px;
	background: #FF007B;
	display: block;
	color: #fff
}

.services-tabs-info {
	margin-left: 15px
}

.services-tabs .tab-pane .btn-sys {
	margin: 10px 0 0
}

.services-tabs .tab-pane i.ti-close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 50
}

.services-tabs .tab-pane ul {
	list-style: none;
	display: block
}

.services-tabs .tab-pane ul li {
	display: inline-block;
	margin: 5px 3px;
	padding: 10px;
	border: 1px solid #ddd;
	background: none;
	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
}

.services-tabs .tab-pane:hover ul li {
	background: #fff
}

.services-tabs .tab-pane ul li img {
	height: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .66;
	margin: 0;
	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
}

.services-tabs .tab-pane:hover ul li img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

@media (max-width:1023px) {

	.services-tabs ul.nav-tabs li a {
		padding: 25px 0 !important
	}

	.services-tabs ul.nav-tabs li a i {
		bottom: 5px !important
	}

	.services-tabs .tab-pane {
		padding: 15px !important
	}

	html .features .tab-pane .features-img
	{
		padding: 0;
	}

	html .services-tabs-info
	{
		margin: 0;
		margin-top: 20px;
	}

	html .header-title p,
	html .header-title-white p
	{
		text-align: left;
	}
}

@media (max-width:768px) {
	.services-tabs ul.nav-tabs li {
		width: 24% !important
	}

	.services-tabs ul.nav-tabs li a {
		padding: 10px 0 !important
	}

	.services-tabs ul.nav-tabs li a h3 {
		font-size: 15px !important;
		margin: 0
	}

	.services-tabs ul.nav-tabs li a img {
		height: 30px;
	}

	.services-tabs ul.nav-tabs li.active a i, .services-tabs ul.nav-tabs li:hover a i {
		display: none !important
	}

}

@media (max-width:639px) {
	.services-tabs ul.nav-tabs li {
		width: 32% !important
	}

}

@media (max-width:479px) {
	.services-tabs ul.nav-tabs li {
		width: 49% !important
	}

}

@media (max-width:319px) {
	.services-tabs ul.nav-tabs li {
		width: 49% !important
	}

}

@media (max-width:1023px) {
	.app-tabs ul.nav-tabs li {
		width: 25% !important
	}

	.app-tabs ul.nav-tabs li a {
		padding: 25px 0 !important
	}

	.app-tabs ul.nav-tabs li a i {
		bottom: 5px !important
	}

	.app-tabs .tab-pane {
		padding: 15px !important
	}

	.app-tabs .tab-pane h4 {
		text-align: center
	}

	.app-tabs .tab-pane p {
		text-align: center
	}

}

@media (max-width:768px) {
	.app-tabs ul.nav-tabs li {
		width: 24.9% !important
	}

	.app-tabs ul.nav-tabs li a {
		padding: 5px 0 !important
	}

	.app-tabs ul.nav-tabs li a h3 {
		font-size: 15px !important;
		margin: 0
	}

	.app-tabs ul.nav-tabs li a img {
		display: none
	}

	.app-tabs ul.nav-tabs li.active a i, .app-tabs ul.nav-tabs li:hover a i {
		display: none !important
	}

}

@media (max-width:639px) {
	.app-tabs ul.nav-tabs li {
		width: 33% !important
	}

}

@media (max-width:479px) {
	.app-tabs ul.nav-tabs li {
		width: 49.9% !important
	}

}

@media (max-width:319px) {
	.app-tabs ul.nav-tabs li {
		width: 49.9% !important
	}

}

.app-tabs ul.nav-tabs {
	width: 100%;
	border-bottom: none
}

.app-tabs ul.nav-tabs li {
	width: 33.3333%;
	display: inline-block;
	margin: 0;
	padding: 0
}

.app-tabs ul.nav-tabs li a {
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1) !important;
	background: #f5f6f7 !important;
	text-align: center;
	padding: 25px 0;
	letter-spacing: 0 !important;
	border-radius: 0;
	font-weight: 400;
	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;
	margin: 3px !important;
	display: block
}

.app-tabs ul.nav-tabs li a h3 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	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;
	margin: 0
}

.app-tabs ul.nav-tabs li a i {
	display: none;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #FF007B;
	margin-top: 15px;
	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;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 30px;
	border-radius: 50%
}

.app-tabs ul.nav-tabs li a i:hover {
	background: #FF007B;
	border-color: #FF007B;
	color: #fff
}

.app-tabs ul.nav-tabs li a.resources i {
	border: 1px solid rgba(255, 255, 255, .1);
	color: #fff
}

.app-tabs ul.nav-tabs li a img {
	max-height: 40px;
	margin: 0 auto 7px;
	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;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .33
}

.app-tabs ul.nav-tabs li.active a i, .app-tabs ul.nav-tabs li:hover a i {
	display: block
}

.app-tabs ul.nav-tabs li:hover a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.app-tabs ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.app-tabs ul.nav-tabs li.active a, .app-tabs ul.nav-tabs li:hover a {
	border-color: #FF007B !important;
	background: #fff !important
}

.app-tabs ul.nav-tabs li.active h3 {
	color: #FF007B
}

.app-tabs .tab-content {
	padding: 0;
	margin: 0;
	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
}

.app-tabs .tab-pane {
	border: 1px solid #FF007B !important;
	background: #fff !important;
	padding: 40px;
	margin: 3px;
	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;
	position: relative
}

.app-tabs .tab-pane h4 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #2f2f2f
}

.app-tabs .tab-pane .soon {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 7px 20px;
	background: #FF007B;
	display: block;
	color: #fff
}

.app-tabs .tab-pane .btn-sys {
	margin: 10px 0 0
}

.app-tabs .tab-pane i.ti-close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 50
}

.app-tabs .tab-pane img {
	max-height: 150px
}

.app-tabs ul.nav-tabs li a.resources {
	background: #FF007B !important
}

.app-tabs ul.nav-tabs li a.resources:hover, .app-tabs ul.nav-tabs li.active a.resources {
	background: #2f2f2f !important;
	border-color: #2f2f2f !important
}

.app-tabs ul.nav-tabs li a.resources h3 {
	color: #fff
}

.app-tabs ul.nav-tabs li a.resources:hover h3, .app-tabs ul.nav-tabs li.active a.resources h3 {
	color: #FF007B
}



.contact {
	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;
	background-color: #f5f6f7;
	border-radius: 20px;
	overflow: hidden;
}


.contact:hover input, .contact:hover textarea {
}

.contact input[type="text"], .contact input[type="email"], .contact textarea {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
	border-radius: 15px;
	outline: none;
	width: 100%;
	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: 1px solid;
	border-width: 0 0 0px !important;
	border-color: #e5e6e7;
	padding: 12px;
	color: #393939 !important;
	min-width: 100%;
}

.contact input[type="text"]:hover, .contact input[type="text"]:focus,
.contact input[type="email"]:hover, .contact input[type="email"]:focus,
.contact textarea:hover, .contact textarea:focus {
	color: #FF007B;
	border-color: #FF007B;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	padding: 12px;
}

.contact button {
	border: none;
	margin: 10px 5px 0 0
}

.contact .col-md-6 {
	padding: 0
}

.contact .row {
	margin: 0
}

.contact-form {
	padding: 5% !important
}

.contact-frame {
	position: relative;
	background: #102c60;
	height: 620px;
	overflow: hidden;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.contact-frame i {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 28px;
	display: block;
	color: #fff;
	top: calc(50% - 36px);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 72px;
	height: 72px;
	line-height: 70px;
	border: 2px solid #fff;
	text-align: center;
	border-radius: 50%;
	z-index: 50;
	-webkit-animation: scroll-down-icon 1.4s linear infinite;
	-moz-animation: scroll-down-icon 1.4s linear infinite;
	-ms-animation: scroll-down-icon 1.4s linear infinite;
	-o-animation: scroll-down-icon 1.4s linear infinite;
	animation: scroll-down-icon 1.4s linear infinite
}

.contact-frame:hover i {
	display: none
}

.contact-frame img {
	opacity: .66;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}

.contact-frame:hover img {
	opacity: 0
}

.contact-frame iframe {
	opacity: 0;
	width: 100%;
	height: inherit;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	position: absolute;
	margin: 0 auto;
	left: 0;
	top: 0
}

.contact-frame:hover iframe {
	opacity: 1
}

.features ul.nav-tabs {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	border-bottom: none;
    display: flex;
    justify-content: space-between;
}

.features ul.nav-tabs > li {
	float: none;
	position: relative;
	padding: 15px;
	margin: 0;
	background-color: #eee;
	top: 0px;
	border: solid 2px #eee;
	border-radius: 15px;
	transition: all 0.25s ease-out;
}

.features ul.ut25 > li {
	width: 25% !important;
}

.features ul.nav-tabs li a {
	padding: 0;
	margin: 0;;
}

.features ul.nav-tabs li a:focus {
	outline: none
}

.features ul.nav-tabs li a h4 {
	margin: 0;
	opacity: 1;
	color: #75;
}

.features ul.nav-tabs li a h4 span {
	opacity: 0;
}

.features ul.nav-tabs li a .tab-img {
	width: 92px;
	height: 92px;
	line-height: 86px;
	border-radius: 10px;
	display: block;
	text-align: center;
	margin: 0 auto 25px;
	position: relative;
} 

.features ul.nav-tabs li.active  {
	 border-color: #FF007B;
	 background: #fff;
	 -webkit-box-shadow: none;
	 top: -20px;
	 /*box-shadow: 0 0 20px 1px #FF007B;*/
	 /* box-shadow: none; */
}

.features ul.nav-tabs li.active h4  {
	color: #FF007B;
}

.features ul.nav-tabs li:hover {
	border-color: #FF007B
}



.features ul.nav-tabs li a:hover, .features ul.nav-tabs li a:focus {
	color: #2f2f2f
}

.features ul.nav-tabs li.active a {
	border-bottom: none !important;
	color: #2f2f2f;
	opacity: 1
}

.features ul.nav-tabs li a img {
	max-height: 60px;
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	opacity: 0.5;
	overflow: hidden;
}

.features ul.nav-tabs li a:hover {
	color: #2f2f2f
}

.features ul.nav-tabs li a:focus {
	color: #2f2f2f !important
}

.features ul.nav-tabs li:hover a img {
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	opacity: 1
}

.features ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0%);
	opacity: 1
}

/*
.features .nav-tabs > li.active:before {
	content: "\e64b";
	font-family: 'themify';
	position: absolute;
	bottom: -30px;
	font-size: 14px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fd2e8d;
}*/

.features .tab-content {
	padding: 0
}

.features .tab-pane {
	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;
	position: relative
}

.features .tab-pane .features-info {
	padding: 0;
	text-align: left;
	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;
	position: relative;
	min-height: 460px;
}


.features .tab-pane img {
	border-radius: 3px;
	position: absolute;
	/*box-shadow: 0px 3px 10px rgba(0,0,0,0.3);*/
	/* width: 100%; */
	/* height: 100%; */
	right: -140px;
	top: 20px;
	width: inherit;
	max-width: none;
	z-index: -1;
}

/*
.features .tab-pane .features-img::after {
	position: absolute;
content: ' ';
width: calc(100% - 6px);
top: 0;
left: 3px;
height: 1px;
background-color: rgba(255,255,255,0.5);
z-index: 100;
}*/

.features .tab-pane .features-img {
	padding-left: 10%;
}

.features .tab-pane .features-info hr {
	margin: 10px 0
}

.features .tab-pane .features-info:hover .features-img img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0%);
	opacity: 1
}

.features .tab-pane .features-info h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #2f2f2f;
}

.features .tab-pane .features-info p,
.features .tab-pane .features-info ul {
	margin-bottom: 30px;
}

.features .tab-pane .features-info h4 {
	color: #fd2e8d;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px
}

.features .tab-pane .features-info ul {
	list-style: none;
	margin-top: 15px
}

.features .tab-pane .features-info ul li {
	padding: 0 0 7px 25px;
	position: relative;
	font-weight: bold;
}



.features h2::after,
.services-tabs-info h2::after,
.about h2::after,
.feat h2::after,
.imposters h2::after,
.avail-desc h2::after,
.availability-info h2::after,
.cadimport h2::after,
#portfolio-grid .portolio-item .portfolio-details h2::after,
.highlight-line
{
    content: ' ';
    height: 2px;
    width: 100%;
    display: block;
    margin-top: 10px;
    background: linear-gradient(to right, #FF007B, #8127f3);
}

.avail-desc h2::after,
.availability-info h2::after
{
    margin-top: 20px;
}

.features .tab-pane .features-info ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #fd2e8d;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: normal;
}

.features .tab-pane .features-info .col-md-6 {
	padding: 0
}

.features .tab-pane .features-info .row {
	margin: 0
}

.features .tab-pane .features-info .btn-sys {
	margin: 10px 0 0 !important
}

.features .tab-pane .features-info .features-desc {
	padding: 0px 8% 8% 0px;
}

@media (max-width:1199px) {
	.features ul.nav-tabs li a h4 {
		line-height: 20px;
		font-size: 16px;
		height: 60px !important;
		position: relative;
		top: 0;
		display: block
	}

	.features ul.nav-tabs li a img {
		max-height: 35px;
	}

	.features ul.nav-tabs li a .tab-img {
		width: 74px;
		height: 74px;
		line-height: 70px;
	}

	.features .features-info .features-img {
		width: 950px;
		right: 0px;
		top: 0px;
		position: absolute;
	}
}

@media (max-width:991px) {
	.features .nav-tabs > li.active:before {
		bottom: -15px;
	}

	.features ul.nav-tabs li.active a .tab-img:after {
		display: none;
	}

	.features ul.nav-tabs li {
		width: 10%;
		padding: 0px
	}

	.features ul.nav-tabs li a h4 {
		display: none
	}

	.features .features-info .features-img {
		display: none;
	}
	.features .tab-pane h2 {
		text-align: center;
		font-size: 40px !important;
		line-height: 50px !important;
	}
	.features .tab-pane h2::after {
		display: none;
	}

	.features .tab-pane .features-info .features-desc
	{
		padding: 0;
	}

	#features ul.nav-tabs li.active::after {
        content: '\e64b';
        height: 30px;
        opacity: 1;
        bottom: -50px;
        font-family: 'themify';
        color: #FF007B;
    }
}

@media (max-width:768px) {
	.features .tab-pane h2 span {
		border-bottom: none
	}

	.features .tab-pane h2 {
		line-height: 20px
	}

	.features .nav-tabs > li.active:before {
		bottom: 0;
	}

	.features ul.nav-tabs 
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.features ul.nav-tabs li {
	}

	.features ul.nav-tabs li a h4 {
		display: none
	}

	.features ul.nav-tabs li a .tab-img {
		width: 36px;
		height: 64px;
		line-height: 64px;
		background: none;
		border: none;
	}

	.features ul.nav-tabs li a .tab-img
	.features ul.nav-tabs li a img {
		max-height: 36px
	}

	.features ul.nav-tabs {
	}

	.features .tab-pane img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0%);
		opacity: 1
	}

	.features ul.nav-tabs li.active a .tab-img:after {
		display: none;
	}

	.features .tab-pane .features-info {
		margin: 0 15px
	}


}

@media only screen and (max-width:479px) {
	.features ul.nav-tabs {
		margin-bottom: 0
	}

	.features ul.nav-tabs li a span {
		display: none
	}

	.features ul.nav-tabs li a img {
		max-height: 30px
	}

}

@media only screen and (max-width:419px) {
	.features ul.nav-tabs li a .tab-img {
		width: auto;
		height: auto;
		line-height: 30px !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none
	}

}

.workflow ul.nav-tabs {
	width: 100%;
	text-align: center;
	margin: 0 0 30px;
	border-bottom: none;
	position: relative;
	padding: 0
}

.workflow ul.nav-tabs:before {
	background: #FF007B;
	content: " ";
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 46px;
	z-index: -1
}

.workflow ul.nav-tabs > li {
	float: none;
	width: 20%;
	position: relative
}

.workflow ul.nav-tabs li a {
	margin: 0;
	line-height: 200px;
	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;
	display: block
}

.workflow ul.nav-tabs li a:focus {
	outline: none
}

.workflow ul.nav-tabs li a .tab-img {
	width: 92px;
	height: 92px;
	line-height: 86px;
	border-radius: 50%;
	display: block;
	background: #000;
	text-align: center;
	margin: 0 auto 25px;
	border: 2px solid #FF007B;
	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;
	position: relative;
	z-index: 0
}

.workflow ul.nav-tabs li .tab-img-il {
	width: 92px;
	height: 92px;
	line-height: 88px;
	border-radius: 50%;
	display: block;
	background: #fff;
	text-align: center;
	margin: 0 auto 25px;
	border: none;
	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;
	position: relative;
	z-index: 0
}

.workflow ul.nav-tabs li .tab-img-il:after {
	display: block;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	border: 2px solid #FF007B;
	position: absolute;
	margin: 0 auto;
	top: calc(50% - 61px);
	left: calc(50% - 61px);
	content: "";
	background: none;
	z-index: -1
}

.workflow ul.nav-tabs li .tab-img-il img {
	height: 60px;
	z-index: 100
}

.workflow ul.nav-tabs li.active a .tab-img:after {
	display: block;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	border: 2px solid #FF007B;
	position: absolute;
	margin: 0 auto;
	top: calc(50% - 61px);
	left: calc(50% - 61px);
	content: "";
	background: none;
	z-index: -2;
	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
}

.workflow ul.nav-tabs li a .tab-img img {
	max-height: 40px;
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	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;
	transition-duration: .4s;
	opacity: .66
}

.workflow ul.nav-tabs li h4 {
	font-size: 20px;
	color: #fff
}

.workflow ul.nav-tabs li.active a h4 {
	color: #FF007B
}

.workflow ul.nav-tabs li.active a .tab-img {
	border-color: #FF007B;
	background: #FF007B;
	-webkit-box-shadow: none;
	box-shadow: none
}

.workflow ul.nav-tabs li a:hover .tab-img {
	border-color: #FF007B
}

.workflow ul.nav-tabs li a:focus .tab-img {
	border-color: #FF007B
}

.workflow ul.nav-tabs li a:hover, .workflow ul.nav-tabs li a:focus {
	color: #2f2f2f
}

.workflow ul.nav-tabs li.active a {
	border-bottom: none !important;
	color: #FF007B;
	opacity: 1
}

.workflow ul.nav-tabs li a:hover {
	color: #FF007B
}

.workflow ul.nav-tabs li a:focus {
	color: #FF007B !important
}

.workflow ul.nav-tabs li a:hover img {
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	opacity: 1
}

.workflow ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0%);
	opacity: 1
}

.workflow .nav-tabs > li.active:before {
	content: "\e64b";
	font-family: 'themify';
	position: absolute;
	bottom: -25px;
	font-size: 14px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fd2e8d;
}

.workflow .tab-content {
	padding: 0
}

.workflow .tab-pane {
	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;
	position: relative
}

.workflow .tab-pane ul {
	list-style: none;
	display: block;
	margin-top: 10px;
}

.workflow .tab-pane ul li {
	display: inline-block;
	margin: 7px;
	padding: 15px 25px;
	border: 1px solid rgba(255, 255, 255, .15);
	background: rgba(0, 0, 0, .66);
	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
}

.workflow .tab-pane ul li h4 {
	margin: 10px 0 0;
	color: #959595
}

.workflow .tab-pane ul li:hover h4 {
	color: #fff
}

.workflow .tab-pane ul li:hover {
	border: 1px solid #FF007B;
	background: #FF007B
}

.workflow .tab-pane ul li img {
	height: 35px;
	margin: 0;
	margin: 0 auto;
	opacity: .66;
	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
}

.workflow .tab-pane ul li:hover img {
	opacity: 1
}

@media (max-width:991px) {
	.workflow .tab-pane .workflow-img {
		height: 300px;
		overflow: hidden;
		text-align: center
	}

	.workflow .tab-pane .workflow-img img {
		position: relative;
		bottom: 0
	}

}

@media (max-width:768px) {
	.workflow .tab-pane h2 span {
		border-bottom: none
	}

	.workflow .tab-pane h2 {
		line-height: 20px
	}

	.workflow ul.nav-tabs li a span {
		display: none
	}

	.workflow ul.nav-tabs li a .tab-img {
		width: 72px;
		height: 72px;
		line-height: 66px
	}

	.workflow ul.nav-tabs li a .tab-img img {
		max-height: 30px
	}

	.workflow ul.nav-tabs {
		margin-bottom: 0
	}

	.workflow .tab-pane img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0%);
		opacity: 1
	}

	.workflow .nav-tabs > li:before {
		display: none
	}

	.workflow ul.nav-tabs li.active a .tab-img:after {
		display: none;
	}

	.workflow ul.nav-tabs:before {
		top: 36px;
	}

	.workflow ul.nav-tabs li h4 {
		font-size: 16px;
	}

	.workflow ul.nav-tabs > li {
		width: 24%;
	}

	.workflow .tab-pane ul li {
		margin: 3px;
		padding: 10px;
	}

	.workflow .tab-pane ul li img {
		height: 25px;
	}

}

@media only screen and (max-width:479px) {
	.workflow ul.nav-tabs {
		margin-bottom: 0
	}

	.workflow ul.nav-tabs li a span {
		display: none
	}

	.features ul.nav-tabs li a .tab-img {
		width: 62px;
		height: 62px;
		line-height: 56px
	}

	.features ul.nav-tabs li a img {
		max-height: 30px
	}

}

@media only screen and (max-width:419px) {
	.features ul.nav-tabs li a .tab-img {
		width: auto;
		height: auto;
		line-height: 30px !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none
	}

}

.edu {
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: center;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.edu h3 {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 400;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.edu:hover h3 {
	letter-spacing: 7px
}

.edu .edu-img {
	text-align: center;
	width: 86px;
	height: 86px;
	line-height: 82px;
	border-radius: 50%;
	border: 3px solid #fff;
	display: block;
	margin: 0 auto 15px;
	position: relative;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.edu:hover .edu-img {
	background: #fff
}

.edu .edu-img img {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 20px
}

.edu .edu-img .img-active {
	opacity: 1
}

.edu .edu-img .img-hover {
	opacity: 0
}

.edu:hover .edu-img .img-active {
	opacity: 0
}

.edu:hover .edu-img .img-hover {
	opacity: 1
}

.popup-form {
	background: #fff;
	margin: 0 12%;
	padding: 0;
	border: none;
	border-radius: 20px;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.popup-form h2 {
	font-size: 50px;
	color: white;
	margin-bottom: 10px;
}

.popup-form h4 {
	color: white;
	margin-bottom: 10px;
}

.popup-form p {
	color: white;
	margin-bottom: 15px
}

.white-popup-block .mfp-close
{
	color: white !important;
}

.popup-form textarea,
.popup-form input[type="text"],
.popup-form input[type="email"],
.popup-form select {
	font-size: 15px;
	font-weight: 400;
	margin: 0 10px 10px 0;
	border-radius: 15px;
	outline: none;
	width: 100%;
	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: 1px solid;
	border-width: 0 0 0px !important;
	border-color: #eee;
	padding: 12px;
	color: #2f2f2f !important;
}

.popup-form textarea:focus, 
.popup-form input[type="text"]:focus, 
.popup-form input[type="email"]:focus, 
.popup-form select:focus {
	color: #FF007B;
	min-width: 100%;
	background-color: none;
	border-color: #FF007B;
	padding: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	border-bottom-width: 0px !important;
}

.popup-form button {
	border: none;
	margin: 10px 0 0
}

.popup-form label {
	font-weight: 400
}

.popup-form .row {
	margin: 0
}

.popup-form .col-md-6, .popup-form .col-md-4, .popup-form .col-md-8, .popup-form .col-md-12 {
	padding: 0
}

.popup-field {
	padding: 6%;
	border-top-right-radius: 20px;
	background: rgba(0,0,0,0.7);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	border-bottom-right-radius: 20px;
}


.popup-field:hover input {
	background: #fff
}

.popup-form .size label {
	margin-right: 15px
}

.model-form {
	background: #fff;
	margin: 0 15%;
	padding: 40px;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.model-form iframe {
	width: 100%;
	height: 460px;
	margin: 0
}

.sdk-form {
	background: #fff;
	margin: 0 12%;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.sdk-form h2 {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px
}

.sdk-form p {
	margin-bottom: 15px
}

.sdk-form .row {
	margin: 0
}

.sdk-form .col-md-6, .sdk-form .col-md-4, .sdk-form .col-md-8, .sdk-form .col-md-12 {
	padding: 0
}

.sdk-field {
	padding: 6%;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.sdk-form iframe {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0
}

.portfolio-form {
	background-color: #fff !important;
	margin: 0 10%;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.portfolio-form h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 400
}

.portfolio-form .row {
	margin: 0
}

.portfolio-form .col-md-6 {
	padding: 0
}

.portfolio-field {
	padding: 10%;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.portfolio-img {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.portfolio-img img {
}

.portfolio-form .portfolio-field ul {
	list-style: none
}

.portfolio-form .portfolio-field ul li {
	padding: 0 0 5px 25px;
	font-size: 16px;
	position: relative
}

.portfolio-form .portfolio-field ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #FF007B;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.portfolio-form .gallery-slider {
	margin: 0
}

.portfolio-form .portfolio-info {
	z-index: 50;
	position: relative;
	padding: 10% !important;
	background: #f5f6f7
}

.mac {
	position: relative;
	background-image: url(../images/mac.png);
	padding: 3.4% 11.8% 8%;
	background-position: top left;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin: 0 0 30px;
	width: 100%;
	height: 100%
}

.feat-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.po .feat-img {
    border-radius: 3px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.25);
}

.feat-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.feat-img-hover:hover img {
	opacity: .33 !important
}


.feat-img .play-icon {
	display: none;
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.feat-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.feat-img:hover .play-icon {
	display: block
}

.feat-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.feat-img .play-icon:hover i {
	color: #FF007B
}

.feat-video video
{
	max-width: 100%;
	border-radius: 15px;
}

.portfolio-form .portfolio-info ul {
	list-style: none
}

.portfolio-form .portfolio-info ul li {
	display: inline-block;
	width: 30%
}

.portfolio-form .portfolio-info ul li i {
	display: block;
	font-size: 20px !important;
	line-height: 62px;
	width: 66px;
	border: 2px solid #FF007B;
	border-radius: 50%;
	height: 66px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
	background: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	background: #fff
}

.test {
	position: realtive;
	background: #2f2f2f;
	overflow: hidden;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.test img {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.test:hover img {
	opacity: .1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: grayscale(100);
	filter: grayscale(100%)
}

.model-form {
	background: #fff;
	margin: 0 15%;
	padding: 40px;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.model-form iframe {
	width: 100%;
	height: 460px;
	margin: 0
}

.story {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0;
	text-align: left
}

.drawcalls .about
{
	padding: 0 !important;
}

.story-gray {
	background: rgba(255, 255, 255, .5) !important
}

.story-gray:hover {
	background: #fff
}

.story:hover {
}

.story .col-md-6,.story .col-md-5, .story .col-md-4, .story .col-md-8 {
	padding: 0
}

.story .row {
	margin: 0
}

.about {
	padding: 40px !important
}

.about h2 {
	font-size: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px
}

.dark-section .about h2 {
	color: white;
}

.about h2 span {
	border-bottom: 1px solid #fd2e8d;
	padding-bottom: 18px
}

.story h4 {
	color: #2fb8d4;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px
}

.story .feat-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center
}

.story .feat-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.story .feat-img-hover:hover img {
	opacity: .33 !important
}


.story .play-icon {
	display: none
}

.story .feat-img .play-icon {
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.story .feat-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.story:hover .feat-img .play-icon {
	display: block
}

.story .feat-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.story .feat-img .play-icon:hover i {
	color: #FF007B
}

.story ul {
	list-style: none;
	margin-top: 15px
}

.story ul li {
	padding: 0 0 7px 25px;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	font-weight: 400
}

.story ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #fd2e8d;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.evaluate-form
{
	margin-bottom: 30px;
}
 
 .row-eq-height
 {
 	display: flex;
 }

.evaluate .header .highlight-line
{
	margin-bottom: 10px;
}
.evaluate .header 
{
	margin-bottom: 50px;
}

.evaluate input::placeholder,
.evaluate textarea::placeholder,
.popup-form input::placeholder,
.popup-form textarea::placeholder
{
	text-transform: uppercase;
	color: #ccc;
}

.evaluate input[type="text"], 
.evaluate input[type="email"],
.evaluate select,
.evaluate textarea {
	font-size: 15px;
	font-weight: 400;
	margin: 0 0 15px;
	border-radius: 0;
	outline: none;
	width: 100%;
	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: 1px solid;
	border-width: 1px 1px 2px !important;
	border-color: #fff #fff #ddd;
	padding: 12px;
	color: #2f2f2f !important;
	background: #fff
}

.evaluate textarea:focus,
.evaluate input[type="text"]:hover, .evaluate input[type="text"]:focus,
.evaluate input[type="email"]:hover, .evaluate input[type="email"]:focus,
 .evaluate select:hover, .evaluate select:focus {
	color: #FF007B;
	min-width: 100%;
	background: #fff;
	border-color: #eee #eee #FF007B;
	padding: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1
}

.evaluate button {
	border: none
}

.evaluate label {
	font-weight: 400
}

.evaluate .size label {
	margin-right: 15px
}


.product-frame {
	position: fixed
}

.product-section h2 {
	font-size: 30px;
	line-height: 38px
}

.product-section h3 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 40px
}

.product-section hr.hr2 {
	margin: 40px 0
}

.product-section table {
	width: 100%;
	margin: 0 0 20px
}

.product-section thead {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-weight: 400
}

.product-section th {
	padding: 10px;
	font-weight: 700;
	color: #272727;
	text-align: left
}

.product-section tbody tr {
	border-bottom: 1px solid #eee
}

.product-section tbody tr:nth-child(2n+1) td {
	background-color: #f5f6f7
}

.product-section td {
	padding: 10px
}

.product-section td strong {
	font-weight: 500
}

.team-testimonial {
	padding: 30px;
	background: #f5f6f7;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	overflow: hidden;
	border-radius: 15px;
	text-align: center;
}


.team-testimonial img {
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 0 auto 10px;
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.team-testimonial h2 {
	margin: 0;
	font-size: 24px;
	line-height: 30px
}

.openings {
	padding: 25px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	min-height: 300px;
	border: 1px solid #eee;
	position: relative;
	background: #f5f6f7;
	display: block;
	border-bottom: 3px solid transparent;
	margin: 10px;
	border-radius: 15px;
}

.openings a:hover h3 {
	color: #FF007B;
}

.openings .openings-img img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .33;
	max-height: 40px;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease
}

.openings a:hover .openings-img img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.openings-img {
	margin-bottom: 10px;
	height: 40px;
	line-height: 40px;
	display: block;
}

.openings p {
	line-height: 21px;
	font-weight: 400;
	margin-bottom: 0;
}

.openings h3 {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -1px;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease
}

.openings:hover p {
	opacity: 1
}

.openings span {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 11px;
	color: #ddd;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.openings:hover span {
	color: #0e2a4c
}

.openings i {
	display: none;
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 16px
}

.openings:hover i {
	display: block
}

.openings .job-facts {
	margin-bottom: 0;
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	bottom: 10px;
	position: absolute;
}

.openings .job-facts .spec {
	background: #fff;
	border-radius: 15px;
	color: #2f2f2f;
	display: inline-block;
	font-size: 10px;
	line-height: 24px;
	font-weight: 400;
	padding: 0 10px;
	text-transform: uppercase;
	margin: 0 3px 3px 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	border: 1px solid #eee
}

.openings .job-facts .spec:hover {
	background: #FF007B !important;
	color: #fff !important
}

.openings:hover .job-facts .spec {
}

.service {
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	background-color: white;
	border-radius: 15px;
	min-height: 200px;
}

.service h3 {
	margin-bottom: 10px;
	font-size: 24px;
	letter-spacing: 0;
	text-transform: capitalize
}

.service .icon {
	display: block;
	font-size: 40px !important;
	line-height: 100px;
	width: 100px;
	border-radius: 50%;
	height: 86px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	background: #fff;
}


.service .icon i {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	display: block;
	font-size: 45px;
	line-height: 100px;
	color: #2f2f2e;
}

.service .icon span {
	width: 36px;
	height: 36px;
	background: #FF007B;
	position: absolute;
	top: -5px;
	right: -10px;
	line-height: 36px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-style: itallic;
	color: #fff
}

.service p {
	font-weight: 400;
	font-weight: bold;
	/* color: #777; */
	/* display: none; */
}

.availability h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px;
	clear: both;
}

.availability h2 img {
	max-height: 50px;
	margin: 0 15px 0;
	display: inline-block;
}

.availability .soon {
	position: absolute;
	top: 7px;
	right: 15px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 7px 20px;
	background: #FF007B;
	display: block;
	color: #fff
}

.availability .btn-sys {
	margin: 10px 0 0
}

.availability-info {
	padding-right: 15px
}

.availability ul {
	list-style: none;
	display: block
}

.availability ul li {
	display: inline-block;
	margin: 5px 3px;
	padding: 10px;
	border: 1px solid #ddd;
	background: none;
	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
}

.availability:hover ul li {
	background: #fff
}

.availability ul li img {
	height: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .66;
	margin: 0;
	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
}

.availability:hover ul li img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.availability-img .item img
{
	border-radius: 15px;
}

.affix {
	position: fixed !important
}

.widget.affix {
	top: 80px;
	width: 100%
}

#product ul,
ul.category-list {
	list-style-type: disc;
	list-style-position: inside;
}

#product ol {
	list-style-position: inside;
}


#product ol li,
#product ul li,
ul.category-list li {
	padding: 5px 0px 0px 15px;
	font-size: 16px;
	position: relative
}


#product ol li ul,
#product ul li ul,
ul.category-list li ul {
	list-style: none;
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 10px;
}

#product h2
{
	margin-top: 50px;
}

#product blockquote
{
	margin-top: 20px;
}

#t6 .story
{
	border-radius: 15px;
	border: 1px solid #eee;
}


.feat {
	border: 1px solid #eee;
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
}

.imposters .note-white
{
	border-radius: 15px;
}

.feat .feat-desc {
	padding: 20px
}

.feat .feat-desc h2 {
	margin-bottom: 15px
}

.feat .feat-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center
}

.feat .feat-img img {
	width: 100%
}

.feat .feat-img-hover:hover img {
	opacity: .33 !important
}

.feat .feat-img:hover img {
	opacity: 1;
}

.feat .feat-img .play-icon {
	display: none;
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.feat .feat-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.feat:hover .feat-img .play-icon {
	display: block
}

.feat .feat-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.feat .feat-img .play-icon:hover i {
	color: #FF007B
}

.feat h2
{
	line-height: 1.3em;
}
.drawcalls
{
	overflow: hidden;
}

.drawcalls .col-md-6 
{
	background-color: white;
}
.section-image
{
	position: absolute;
	left: -100px;
	bottom: -150px;
	max-width: 50%;
}

.note-gray {
	background: #f5f6f7;
	padding: 30px;
	min-height: 325px;
}

.dark-section .note-gray
{
	background-color: rgb(0,0,0,0.25);
} 

.note-white {
	background: rgba(255, 255, 255, 1);
	padding: 30px;
	min-height: 325px;
	/* border-radius: 20px; */
	/* overflow: hidden; */
}

.auto-heigh {
	min-height: auto !important;
}

.bg-dark {
	background: #111
}

.enter {
	overflow: hidden;
	padding: 0;
	text-align: left
}


.enter .col-md-6, .enter .col-md-4, .enter .col-md-8, .enter .col-md-12 {
	padding: 0
}

.enter .row {
	margin: 0
}

.enter-info {
	padding: 0px 40px 0px 0px !important
}

.enter-info.enter-full
{
	padding: 0px !important	
}

.enter-info h2 {
	font-size: 40px;
	color: #fff;
	line-height: 1.1em;
	margin-bottom: 50px
}


.enter h4 {
	color: #FF007B;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px
}

.enter ul {
	list-style: none;
	margin-top: 15px
}

.enter ul li {
	padding: 0 0 7px 25px;
	position: relative;
	font-weight: bold;
}

.enter ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #FF007B;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: normal;
}

.enter .item img
{
	border-radius: 15px;
}

.staging {
	text-align: center
}

.staging ul {
	list-style: none;
	display: block
}

.staging ul li {
	display: inline-block;
	margin: 7px;
	padding: 15px 25px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(0, 0, 0, .1);
	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
}

.staging ul li:hover {
	border: 1px solid #FF007B;
	background: rgba(0, 0, 0, .9)
}

.staging ul li img {
	height: 40px;
	margin: 0;
	margin: 0 auto;
	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
}

.staging ul li:hover img {
	opacity: 1
}

.bg-white {
	background: #fff
}

.sdk {
	background: #f5f6f7;
	overflow: hidden;
	margin: 15px;
	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-bottom: 3px solid #eee
}

.sdk:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff;
	border-bottom: 3px solid #FF007B
}

.sdk .sdk-desc {
	padding: 20px
}

.sdk .sdk-desc .sdk-on {
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk .sdk-desc .sdk-off {
	display: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk .sdk-desc:hover .sdk-on {
	display: none
}

.sdk .sdk-desc:hover .sdk-off {
	display: block
}

.sdk .sdk-desc h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 30px;
	margin-bottom: 15px
}

.sdk .sdk-desc h2 img {
	max-height: 50px;
	margin-right: 15px
}

.sdk .sdk-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
	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
}

.sdk .sdk-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.sdk .sdk-img-hover:hover img {
	opacity: .33 !important
}

.sdk:hover .sdk-img img {
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.sdk .sdk-img .play-icon {
	display: none;
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.sdk .sdk-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.sdk:hover .sdk-img .play-icon {
	display: block
}

.sdk .sdk-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.sdk .sdk-img .play-icon:hover i {
	color: #FF007B
}

.sdk2 {
	background: #f5f6f7;
	overflow: hidden;
	margin: 15px;
	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-bottom: 3px solid #eee
}

.sdk2:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff;
	border-bottom: 3px solid #FF007B
}

.sdk2 .sdk2-desc {
	padding: 20px
}

.sdk2 .sdk2-desc .sdk2-on {
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk2 .sdk2-desc .sdk2-off {
	display: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk2 .sdk2-desc:hover .sdk2-on {
	display: none
}

.sdk2 .sdk2-desc:hover .sdk2-off {
	display: block
}

.sdk2 .sdk2-desc h2 {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	min-height: 60px
}

.sdk2 .sdk2-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
	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
}

.sdk2 .sdk2-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.sdk2 .sdk2-img:hover img {
	opacity: .33 !important
}

.sdk2 .sdk2-img i {
	width: 64px;
	height: 64px;
	line-height: 64px;
	display: block;
	position: absolute;
	margin: 0 auto;
	right: 0;
	left: 0;
	background: #fff;
	border-radius: 50%;
	top: calc(50% - 32px);
	text-align: center;
	font-size: 22px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	color: #FF007B;
	z-index: 100;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
	opacity: 0
}

.sdk2:hover .sdk2-img i {
	opacity: 1;
	background: #FF007B;
	color: #fff
}

.sdk2:hover .sdk2-img img {
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.sdk-form {
	background: #fff;
	margin: 0 12%;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.sdk-form h2 {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px
}

.sdk-form p {
	margin-bottom: 15px
}

.sdk-form .row {
	margin: 0
}

.sdk-form .col-md-6, .sdk-form .col-md-4, .sdk-form .col-md-8, .sdk-form .col-md-12 {
	padding: 0
}

.sdk-form .sdk-field {
	padding: 6%;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.sdk-form .sdk-iframe {
	overflow: hidden
}

.sdk-form .sdk-iframe iframe {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	display: block
}

.sdk-form .sdk-iframe img {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block
}

.avail {
	background: rgba(255, 255, 255, .75);
	overflow: hidden;
	margin: 0;
	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: 1px solid #eee;
	min-height: 700px;
	border-radius: 15px;
}

.avail-desc::after
{
	display: block;
	height: 40px;
	content: ' ';
	background-color: white;
	visibility: hidden;
}

/*
.avail:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff;
	border-bottom: 3px solid #FF007B
}
*/

.avail .avail-desc {
	padding: 20px;
}

.avail .avail-desc h2 {
	font-size: 24px; 
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px
}

.avail .avail-desc h2 img {
	max-height: 40px;
	margin-right: 10px
}

.avail .avail-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
	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
}

.avail .avail-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

/*

.avail .avail-img-hover:hover img {
	opacity: .33 !important
}

.avail:hover .avail-img img {
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
*/

.avail-desc a
{
	position: absolute;
	bottom: 20px;
}

.wf ul.nav-tabs {
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0 !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	position: relative;
	padding: 0;
	display: block;
}

.wf ul.nav-tabs > li {
	float: none;
	width: 25%;
	position: relative;
	display: inline-block;
	margin: 0 -2px;
	padding: 0;
}

.wf ul.nav-tabs > li a {
	margin: 0;
	padding: 0;
}

.wf ul.nav-tabs > li a img {
	opacity: .75;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
}

.wf ul.nav-tabs > li a h4 {
	font-size: 24px;
	color: rgba(255, 255, 255, .5);
	margin: 50px 0 20px 0;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
}

.wf ul.nav-tabs > li.active a h4 {
	color: #FF007D;
}

.wf ul.nav-tabs > li.active a img {
	opacity: 1;
}

.wf  .tab-content {
	text-align: center;
}

.wf .tab-pane {
	padding: 0;
}

.po {
	position: relative;
}

.po ul.nav-tabs {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 30px !important;
}
.cadimport .tab-content
{
	
}

.po .tab-content .tab-pane {
	padding: 0;
}

.cadimport .tab-content,
.po .tab-content {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.oc ul.nav-tabs {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	margin-bottom: 30px !important;
}

.oc ul.nav-tabs > li a {
	color: #fff;
}

.oc .tab-pane {
	text-align: left;
	padding: 0;
	margin: 0;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.feature-remeshing .header-title,
.feature-occlusion .header-title
{
	text-align: left;
}

.enterprise
{
	background: radial-gradient(circle 500px at 50%, #222, #111);
}

#onlineshop .nav-tabs .label
{
	font-size: 65%;
	transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out
}

#onlineshop ul.nav-tabs li.active::after
{
	height: 3px;
	bottom: -2px;
}

#onlineshop ul.nav-tabs li.active .label
{
	background-color: #FF007B;
}

#onlineshop .po ul.nav-tabs
{
	border-bottom-width: 3px;
}

#onlineshop .news:hover .news-img img
{
	opacity: 1;
}

#onlineshop .news-frame .news:hover
{
	background-color: #fcfcfc !important;
}

#onlineshop .features-info
{
	margin-top: 20px;
}

#onlineshop .features-info ul li
{
	padding: 0 0 7px 25px;
	position: relative;
	list-style: none;
	font-weight: bold;
}

#onlineshop .options
{
	margin-bottom: 5px;
}

#onlineshop .features-info ul li:before 
{
	content: "\e64d";
	font-family: 'themify';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: normal;
}

#onlineshop .news h3::after 
{
	content: ' ';
	height: 2px;
	width: 100%;
	display: block;
	margin-top: 10px;
	background: linear-gradient(to right, #FF007B, #8127f3);
}

#onlineshop .features-info a
{
	color: #5bc0de;
}

#onlineshop .ggpopover
{
	max-width: 450px;
	margin-left: 15px;
	z-index: 9999;
}

#onlineshop .ggpopover blockquote
{
	font-size: 100%;
	padding: 5px 10px;
	margin: 10px 0px;
}

#onlineshop .feat-video
{
	max-width: 80%;
	margin: 30px auto;
}

html .licensing table td:nth-child(1)
{
	padding-left: 50px;
}

html .licensing table tr.title td
{
	padding: 7px 25px;
}

#onlineshop .licensing table td.gridClient i
{
	color: #5bc0de;
}

#onlineshop .licensing table td:nth-child(3) {
	background-color: transparent;
}

#onlineshop .licensing table tr:nth-child(2n+1) td:nth-child(3) {
	background-color: transparent;
}

#onlineshop .licensing table td:nth-child(3) {
	border-bottom-color: #eee;
}

#onlineshop .licensing table th:nth-child(3) {
	background: transparent;
	color: inherit;
}

#onlineshop .licensing table tr:nth-child(2n+1) td:nth-child(5) {
	background-color: #333
}

#onlineshop .licensing table td:nth-child(5) {
	background: #2f2f2f;
	color: #fff;
	border-bottom: 1px solid #3f3f3f
}

#onlineshop .licensing table th:nth-child(5) {
	background: #FF007B;
	color: #fff
}

#onlineshop ul.nav-tabs li a
{
	font-size: 20px;
}


@media (max-width:1200px) {
	header .container {
		width: 100% !important
	}

	html .about
	{
		padding: 20px 10px !important;
	}

	header .evaluate-button
	{
		display: none !important;
	}

	.row-eq-height
	{
		display: block;
	}

	.container-portfolio {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden
	}

	html .availability-info {
		margin-bottom: 20px;
	}

	#onlineshop ul.nav-tabs li.active::after
	{
		content: '';
		display: none;
	}
	#onlineshop .nav-tabs .label
	{
		font-size: 10px;
	}
	#onlineshop ul.nav-tabs li a
	{
		font-size: 17px;
	}

}

@media (max-width:990px) {
	.navbar-header {
		float: none
	}
	#onlineshop .nav-tabs .label
	{
		display: none;
	}

	.navbar-toggle {
		display: block
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}

	.navbar-collapse.collapse {
		display: none !important
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px
	}

	.navbar-nav>li {
		float: none
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.header-1 .nav-menu, .header-2 .nav-menu {
		line-height: normal;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background: #fff;
		z-index: 98;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12)
	}

	.header-1.light-header .nav-menu, .header-2.light-header .nav-menu {
		background-color: #000
	}

	.header-1 .nav-menu > ul > li, .header-2 .nav-menu > ul > li {
		width: 100%
	}

	.header-1 .nav-menu ul > li a::before, .header-2 .nav-menu ul > li a::before {
		left: 0;
		margin: 0;
		width: 0;
		opacity: .4
	}

	.header-1 .nav-menu ul > li:hover > a::before, .header-1 .nav-menu ul > li.active > a::before, .header-2 .nav-menu ul > li:hover > a::before, .header-2 .nav-menu ul > li.active > a::before {
		display: none
	}

	.header-1 .nav-menu ul li.active a, .header-2 .nav-menu ul li.active a {
		background-color: #111;
		color: #fff
	}

	.header-1 .nav-menu ul li:hover a, .header-2 .nav-menu ul li:hover a {
		color: #FD9800
	}

	.header-1 .nav-menu ul li.active:hover a, .header-2 .nav-menu ul li.active:hover a {
		color: #fff
	}

	.header-1 .nav-menu > ul > li:first-child, .header-2 .nav-menu > ul > li:first-child {
		margin-top: 0
	}

	.header-1 .nav-menu > ul > li:last-child, .header-2 .nav-menu > ul > li:last-child {
		margin-bottom: 10px
	}

	.header-1 .nav-menu ul li a, .header-2 .nav-menu ul li a {
		padding: 10px 15px
	}

	.header-1 .nav-menu .drop .dropdown, .header-2 .nav-menu .drop .dropdown {
		visibility: visible;
		position: relative;
		top: 0;
		opacity: 1;
		filter: Alpha(Opacity=1);
		width: 100%;
		margin-top: 0;
		border-top: none
	}

	.header-1 .nav-menu .drop:hover .dropdown, .header-2 .nav-menu .drop:hover .dropdown {
		margin-top: 0
	}

	.header-1 .nav-menu .drop .dropdown li a, .header-2 .nav-menu .drop .dropdown li a {
		color: inherit;
		padding: 10px 15px;
		background-color: transparent;
		border-bottom: none;
		padding-left: 30px
	}

	.header-1 .nav-menu li.active .dropdown li a, .header-2 .nav-menu li.active .dropdown li a {
		color: inherit
	}

	.header-1 .nav-menu .drop .dropdown li:hover a, .header-2 .nav-menu .drop .dropdown li:hover a {
		background-color: transparent;
		padding-left: 40px;
		color: #FD9800
	}

	.header-1 .nav-menu ul li a.login {
		width: auto;
		float: left;
		margin-top: 5px
	}

	#portfolio-grid .portolio-item {
		width: 33.3% !important
	}

	.header-1.light-header .nav-menu ul > li > button.login {
		margin: 10px 30px !important;
	}

	.section-home h1 br {
		display: none !important;
	}

	.section-home h1 {
		font-size: 40px;
		line-height: 45px
	}

}

@media (max-width:768px) {
	#container div[class*='col-md-'] {
		margin-bottom: 20px
	}

	.header-title h1,
	.header-title-white h1,
	#enterprise2 h2.text-center,
	.enter-info h2,
	html .studioxl .header-title h2 {
		font-size: 30px;
		line-height: 1.2em;
		text-align: left;
	}

	html .studioxl .header-title h1
	{
		font-size: 40px;
		line-height: 1.2em;
		text-align: left;
	}
	html .studioxl .header-title p
	{
		width: 100%;
	}


	.header-title p br {
		display: none
	}

	.section {
		padding: 50px 0 !important;
		padding-top: 75px !important;
	}

	.section-home p {
		font-size: 15px !important
	}

	.section-home p br {
		display: none
	}

	.section-home img {
		max-height: 50px !important;
		margin-bottom: 20px
	}

	.popup-form {
		margin: 0 3% !important
	}

	.sdk-form {
		margin: 0 3% !important
	}

	.sdk-form .mfp-close {
		color: #fff !important;
	}

	.model-form {
		margin: 0 !important;
		padding: 0;
	}

	.model-form .mfp-close {
		color: #fff !important;
	}

	.popup-form .col-md-6:first-child {
		display: none;
	}

	.portfolio-form {
		margin: 0 3% !important
	}

	.fullscreen-video {
		display: none
	}

	#portfolio-grid .portolio-item {
		width: 49.9999% !important
	}

	.page-header h2, .page-header h2 span {
		font-size: 30px;
		line-height: 35px
	}

	.page-header p {
		width: 100%
	}

	.sidebar {
		padding-left: 15px
	}

	.header-bg .nav-menu ul > li > a {
		color: #fff !important
	}

	.page-header p br {
		display: none
	}

	.page-header {
		padding: 180px 0 100px;
	}

	.news .news-info {
		min-height: auto;
	}

	#footer .footer-nav ul li:before {
		display: none;
	}

	#footer .footer-nav ul li a {
		padding: 0 5px;
	}

	#footer .logo-img img {
		max-height: 40px;
	}

	#footer .copyright p a:before {
		display: none;
	}

	#footer .copyright p {
		margin-bottom: 10px;
	}

	.avail {
		margin-bottom: 15px;
	}

	.availability h2 img {
		max-height: 30px;
		float: left;
	}

	.team-testimonial {
		margin-bottom: 15px;
	}

	.address {
		margin-bottom: 15px;
	}

	.wf ul.nav-tabs > li {
		width: 24.8% !important
	}

	.wf ul.nav-tabs > li a h4 {
		font-size: 16px !important
	}

}

@media only screen and (max-width:479px) {
	.section-title {
		font-size: 32px
	}

	#logo img {
		max-height: 32px
	}

	.section-home img {
		max-height: 60px
	}

	#footer .logo-img img {
		max-height: 40px;
		margin-bottom: 20px
	}

	#footer .copyright a:after {
		margin: 0 3px !important
	}

	#portfolio-grid .portolio-item {
		width: 99.999% !important
	}

	.standard-layout .post-right {
		padding-left: 0
	}

	.standard-layout .post-date {
		top: -60px
	}

	.standard-layout .pagination {
		padding-left: 0
	}

	.header-title-cta h1 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.header-title h1 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.header-title-white h1 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.section-home p br {
		display: none
	}

	.section-home img {
		max-height: 100px
	}

	.section-home p {
		line-height: 20px;
		font-size: 14px
	}

	.section-home h1 {
		font-size: 30px;
		line-height: 35px
	}

	.section-home .btn-sys {
		margin: 20px 0 0
	}

	.sdk2 .sdk2-desc h2 {
		min-height: auto;
	}
}

/**
 * NOTE: This fixes an issue in the gs_logo_slider images being too big.
 */
html .gs_logo_single--wrapper img
{
	max-height: 100px !important;
	width: auto;
	margin: 0px auto;
	display: block !important;
}