article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block }
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden],
template { display: none }
a { background-color: transparent }
a:active,
a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: 700 }
dfn { font-style: italic }
mark {
	background: #ff0;
	color: #000
}
small { font-size: 80% }
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre { overflow: auto }
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button { overflow: visible }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled],
html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 0;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea { overflow: auto }
optgroup { font-weight: 700 }
table {
	border-collapse: collapse;
	border-spacing: 0
}
td,
th { padding: 0 }
h2,
h3,
h4 {
	color: #010101;
	letter-spacing: 2px;
	line-height: 1.6
}
h2 {
	font: 400 38px/1.8 RobotoDraft, Roboto, sans-serif;
	letter-spacing: normal;
	margin: 0 0 1em
}
.button-dark,
.button-color:hover,
.button-color:focus {
	border: 2px solid #a2a2a2;
	color: #050505
}
.button-color,
.button-dark:hover,
.button-dark:focus {
	border-color: #039be5;
	color: #2884ba
}
input {
	border: 1px solid #d4e0ea;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05) inset;
	box-sizing: border-box;
	color: #010101;
	font-size: 16px;
	font-weight: 400;
	height: 56px;
	line-height: 57px;
	margin: 0 10px;
	outline: 0 none;
	padding: 0 44px
}
input:focus {
	background: #fff;
	border: 1px solid #aaa9a2;
	outline: 0 none
}
::-webkit-input-placeholder {
color:#a6a6a6
}
::-moz-placeholder {
color:#a6a6a6
}
:-ms-input-placeholder {
color:#a6a6a6
}
input:-moz-placeholder {
color:#a6a6a6
}
.col-right-dark:after {
	background: #f0f2f3;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%
}
.col-left-dark:after {
	background: #f0f2f3;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%
}
.col-both-dark { background: #f0f2f3 }
.col-2 {
	float: left;
	padding: 0 95px 0 0;
	width: 50%
}
.col-2+.col-2 { padding: 0 0 0 95px }
#sign-up-now h2 span {
	display: block;
	font-size: 20px;
	text-transform: none
}
#sign-up-now p {
	float: left;
	margin: 0;
	width: 45%;
	text-align: justify
}
#sign-up-now p a { color: #2884ba }
#sign-up-now p a:hover { color: #010101 }
#sign-up-now p+p { margin: 0 0 0 9% }
#features { position: relative }
#header {
	background: url('../images/technews2.jpg') no-repeat 50% 0;
	background-size: cover;
	font-family: 'Josefin Sans', sans-serif;
	min-height: 850px;
	text-align: center
}
#header a.button+p {
	color: #999;
	font: 300 16px/1.6 RobotoDraft, Roboto, sans-serif;
	margin: 13em 0 0
}
#header a.button+p a { color: #ddd }
#header a.button+p a:hover { color: #fff }
#features .section { padding: 0 }
#features h2 {
	font: 500 18px/1.6 RobotoDraft, Roboto, sans-serif;
	letter-spacing: normal;
	margin: 75px 0 40px;
	text-transform: none
}
#clients-count {
	background: #000;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 48px;
	font-weight: 300;
	height: 150px;
	letter-spacing: -3px;
	line-height: 151px;
	margin: 80px auto 40px;
	text-align: center;
	width: 150px
}
#features small {
	display: block;
	font-size: 17px;
	font-style: italic;
	line-height: 1.6;
	margin: 0 0 50px;
	padding: 0 90px;
	text-align: center
}
#features small strong { color: #000 }
#features h3 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: normal;
	margin: 75px 0 40px
}
#features dt { float: left }
#features dt i {
	color: #010101;
	font-size: 50px;
	position: relative;
	top: -5px
}
#features dd { margin: 0 0 50px 100px }
#recent-header {
	max-width: 900px;
	padding-bottom: 80px;
	text-align: center
}
#recent-header ul {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	margin: 60px -114px 0;
	overflow: hidden;
	padding: 16px 0
}
#recent-header li {
	float: left;
	font: 400 12px/1.4 'Josefin Sans', sans-serif;
	letter-spacing: 1px;
	line-height: 1.4;
	list-style-type: none;
	margin-right: 4px;
	text-align: left
}
#recent-header li a,
#recent-header li span {
	color: #010101;
	display: block;
	padding: 10px 13px;
	text-transform: uppercase
}
#recent-header li a:hover,
#recent-header li .active {
	background: #f0f2f3;
	border-radius: 2px
}
#recommendation h3 {
	color: #757575;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: normal;
	text-align: center
}
#recommendation p {
	margin: 20px auto 0;
	text-align: center
}
#social-media-list dt {
	float: left;
	font-size: 24px;
	text-align: right;
	margin-left: 3%;
	position: relative;
	top: 3px;
	width: 4%
}
#social-media-list dd {
	color: #000;
	float: left;
	font-size: 36px;
	line-height: 1.2;
	margin: 0 3% 0 0;
	text-align: center;
	width: 15%
}
#social-media-list dd a { color: #000 }
#social-media-list dd a:hover { color: #2884ba }
#social-media-list dd small {
	display: block;
	font-size: 14px;
	text-transform: uppercase
}
#social-media-list .gkicon-fb { color: #3b5998 }
#social-media-list .gkicon-twitter { color: #55acee }
#social-media-list .gkicon-gplus { color: #de7568 }
#social-media-list .gkicon-pinterest { color: #cc2121 }
#blog {
	border: 5px solid #f0f2f3;
	border-left: 0;
	border-right: 0;
	position: relative
}
#blog .section { padding: 90px 0 }
#blog h2 { margin: 0 0 100px }
#blog small,
#blog dt {
	color: #989898;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase
}
#blog dd { margin: 15px 0 50px }
#blog h3 a,
#blog dd a {
	color: #010101;
	font-weight: 500;
	line-height: 1.4
}
#blog h3 a:hover,
#blog dd a:hover { color: #039be5 }
#blog h3 {
	letter-spacing: normal;
	margin: 0;
	padding: 15px 0 30px
}
#blog p {
	margin: 0;
	padding: 15px 0 50px
}
#blog .button { margin: 0 }
#newsletter label {
	display: block;
	float: left
}
#newsletter input { float: right }
#newsletter input[type="text"],
#newsletter input[type="email"] { width: 400px }
#system-message {
	background: #039be5;
	text-align: center
}
#footer {
	background: #181818;
	color: #636768;
	font-size: 14px;
	font-weight: 300;
	line-height: 2;
	overflow: hidden;
	padding: 0 0 60px;
	text-align: center
}
#footer p { margin: 0 }
#footer-nav { margin: 80px 0 56px }
#footer-nav>li {
	display: inline-block;
	line-height: 1;
	list-style-type: none;
	padding: 0 13px
}
#footer-nav>li>a {
	color: #fff;
	font-size: 18px
}
#footer-nav>li>a:hover { text-decoration: underline }
.small-text { font-size: 12px }
#footer>.separator {
	margin-top: 40px;
	position: relative
}
#footer>.separator:before {
	border-top: 1px solid #383838;
	content: "";
	left: 50%;
	margin: 0 0 0 -75px;
	position: absolute;
	top: -20px;
	width: 150px
}
#login-popup {
	background: #fff;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	font-family: "RobotoDraft", "Roboto", sans-serif;
	left: 50%;
	margin-left: -210px;
	padding: 20px;
	position: fixed;
	top: -550px;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 420px;
	z-index: 12
}
#login-popup.active {
	top: 30px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
#login-popup-overlay {
	background: rgba(0,0,0,.8);
	content: "";
	display: none;
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	width: 100%;
	z-index: 11
}
body[data-login-state="open"] #login-popup-overlay { display: block }
#login-popup.active+#login-popup-overlay { opacity: 1 }
#login-popup .login {
	border: 1px solid #e5eff6;
	border-radius: 1px;
	margin: 0 auto;
	padding: 30px;
	max-width: 380px
}
#login-popup label {
	color: #333;
	display: block;
	font-size: 15px;
	font-weight: 700
}
#login-popup .control-group {
	clear: both;
	margin: 0 0 12px
}
#login-popup input[type="text"],
#login-popup input[type="password"] {
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 20px;
	width: 100%
}
#login-popup input[type="checkbox"] { height: auto }
#login-popup .control-group.submit>span { font-size: 15px }
#login-popup .control-label {
	display: inline-block;
	float: left;
	padding: 0 20px 0 0;
	text-align: right;
	width: 200px
}
#login-popup .control-group.submit { margin: 30px 0 0 }
#login-popup #remember {
	min-width: inherit;
	margin: 0 6px 0 12px
}
#login-popup .login-registration {
	margin: 20px auto 0;
	width: 380px
}
#login-popup .login-registration a {
	background: #f0f2f3;
	border: 0;
	color: #555;
	height: 46px;
	line-height: 46px;
	margin: 0;
	width: 100%;
	text-align: center
}
#login-popup ul.login-links { padding: 0 0 30px }
#login-popup .login-links li {
	float: left;
	font-size: 13px;
	margin: 0 12px 0 0;
	list-style: none
}
#login-popup .login-links li a { color: #999 }
#login-popup .login-links li a:hover { color: #010101 }
#login-popup button:hover,
#login-popup .button:hover {
	background: #69abd8;
	border-color: #69abd8;
	color: #fff
}
#login-popup button {
	border: 0;
	border-radius: 1px;
	background: #039be5;
	color: #fff;
	display: inline-block;
	font: 14px/47px "Josefin Sans", sans-serif;
	height: 46px;
	margin: 0;
	padding: 0 34px;
	text-transform: uppercase;
	transition: all .3s ease-out 0
}
#main-menu-overlay {
	background: rgba(0,0,0,.95);
	display: none;
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 100%;
	z-index: 10000
}
#main-menu-overlay-content {
	display: none;
	left: 10%;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 80%;
	z-index: 10001
}
#main-menu-overlay.display-menu,
#main-menu-overlay-content.display-menu { display: block }
#main-menu-overlay.show-menu,
#main-menu-overlay-content.show-menu {
	display: block;
	opacity: 1
}
#main-menu-overlay-close {
	background: transparent;
	cursor: pointer;
	display: block;
	height: 32px;
	opacity: 0;
	position: absolute;
	right: 10px;
	top: 19px;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 32px;
	z-index: 10005
}
.show-menu #main-menu-overlay-close {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
#main-menu-overlay-close:after,
#main-menu-overlay-close:before {
	background: #fff;
	content: "";
	display: block;
	height: 3px;
	position: absolute;
	top: 15px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 32px
}
#main-menu-overlay-close:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#main-menu-overlay-content ul {
	margin: 0 auto;
	padding: 20px 0;
	width: 100%
}
#main-menu-overlay-content li { list-style-type: none }
#main-menu-overlay-content li a,
#main-menu-overlay-content li span {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: left
}
#main-menu-overlay-content .submenu { padding: 0 }
#main-menu-overlay-content .submenu li a,
#main-menu-overlay-content .submenu li span {
	font-size: 24px;
	padding: 5px 0
}
#main-menu-overlay-content .submenu li a:hover { color: #039be5 }
#main-menu-overlay-content #btn-login-wrap .submenu {
	margin-left: 0;
	width: 100%
}
.btn-account { padding-left: 6px }
#main-menu-overlay-content #login-form { text-align: center }
#main-menu-overlay-content #login-form .button { margin: 20px auto 0 }
#support { text-align: center }
#support span {
	border: 3px solid #039be5;
	border-radius: 50%;
	color: #039be5;
	display: block;
	font: 700 72px/150px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 150px;
	margin: 0 auto 92px;
	text-align: center;
	width: 150px
}
#support span sup {
	font-size: 24px;
	font-weight: 400;
	top: -4px;
	vertical-align: super
}
#support p {
	max-width: 840px;
	margin: 0 auto 5em
}

@media(max-width:1600px) {
#recent .section { padding: 130px 0 }
}

@media(max-width:1280px) {
#recent-header ul { margin: 80px 0 0 }
#recent-header li {
	margin: 0 2% 0 0!important;
	padding: 0 2% 0 0!important;
	width: 18%
}
#newsletter input[type="text"] { width: 300px }
}

@media(max-width:1040px) {
#main-menu-overlay-content li a,
#main-menu-overlay-content li span {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase
}
#main-menu-overlay-content .submenu li a,
#main-menu-overlay-content .submenu li span {
	font-size: 20px;
	font-weight: 300;
	text-transform: none
}
#main-menu-overlay-content .submenu li:last-child { margin-bottom: 30px }
#main-menu-overlay-content .logout-button>input {
	width: 100%;
	border-top: 0;
	padding: 0;
	height: auto;
	line-height: 1;
	font-size: 22px;
	letter-spacing: -1px
}
#main-menu-overlay-content .logout-button>input:hover {
	background: transparent;
	color: #039be5
}
.fixed #main-menu-mobile>span,
.fixed #main-menu-mobile>span:after,
.fixed #main-menu-mobile>span:before { background: #000 }
#sign-up-now>p {
	float: none;
	margin: 1em 0!important;
	width: 100%
}
#sign-up-button {
	position: static;
	margin: 50px 0 0
}
.col-2 { padding: 0 35px 0 0 }
.col-2+.col-2 { padding: 0 0 0 35px }
#features dd { margin: 0 0 32px 60px }
#features dt i {
	font-size: 32px;
	top: 0
}
#features small { padding: 0 20px }

#blog h2 { margin: 0 0 50px }
#blog dd { margin: 5px 0 20px }
#newsletter label {
	margin-bottom: 20px;
	text-align: center;
	width: 100%
}
#newsletter label br { display: none }
#newsletter form { text-align: center }
#newsletter input { float: none }
#footer-nav {
	margin: 80px 0 40px;
	padding: 0
}
#footer-nav>li { padding: 20px }
}

@media(max-width:840px) {
#recent-header ul {
	max-width: 90%;
	margin: 30px auto
}
#recent:after { background-position: center center }
#social-media-list dd { font-size: 22px }
#social-media-list dd small { font-size: 11px }
#blog .section { padding: 45px 0 }
}

@media(max-width:640px) {
.col-2 {
	padding: 0;
	width: 100%
}
.col-left-dark:after { width: 100% }
#recent-header li {
	border-right: none!important;
	width: 48%
}
#recent:after { display: none }
#recommendation { text-align: center }
#recommendation li {
	display: inline-block;
	float: none;
	width: 31%
}
#social-media-list dt {
	margin-bottom: 20px;
	width: 10%
}
#social-media-list dd { width: 30% }
#social-media-list dt:nth-child(4n+1) { clear: both }
.col-right-dark:after { display: none }
#blog .col-2+.col-2 { padding: 50px 0 0 }
#newsletter input {
	margin: 20px 0;
	width: 300px
}
#main-menu-overlay-content {
	left: 15%;
	width: 70%
}
#main-menu-overlay-content li a,
#main-menu-overlay-content li span {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase
}
#main-menu-overlay-content .submenu li a,
#main-menu-overlay-content .submenu li span {
	font-size: 20px;
	font-weight: 300;
	text-transform: none
}
#main-menu-overlay-content .submenu li:last-child { margin-bottom: 30px }
}

@media(max-width:440px) {
#newsletter input { margin: 20px 0 }
#footer-nav { margin: 40px 0 20px }
#footer>p { padding: 0 10px }
#features .col-2+.col-2 { padding: 0 }
}
#main-menu>li { height: 70px!important }
#main-menu .submenu { z-index: 11 }
#btn-login-wrap .submenu {
	margin-left: -170px;
	top: 5px
}
.gk-account-icon-link {
	background-size: 100% 100%;
	display: block!important;
	float: left;
	height: 28px;
	margin: 0 4px 19px!important;
	padding: 0!important;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	width: 28px
}
.gk-account-icon {
	display: block;
	float: left;
	height: auto;
	max-width: 24px
}
.gk-account-icon-bell {
	background: #252525;
	border-radius: 50%;
	color: #fff!important;
	font-size: 12px!important;
	font-weight: 700;
	line-height: 29px;
	margin: 0 0 19px 32px!important;
	text-align: center;
	text-indent: 2px
}
.gk-account-icon-bell.active { background: url(../../shared-parts/images/bell-active.svg) no-repeat center center }
.gk-account-icon-account { background: url(../../shared-parts/images/account.svg) no-repeat center center }
.btn-account .submenu { margin-top: 30px }
#page-nav .wrap { position: relative }
#gk-messages-popup {
	background: #fff;
	-webkit-box-shadow: 0 1px 1px #a3b9c9;
	-moz-box-shadow: 0 1px 1px #a3b9c9;
	-ms-box-shadow: 0 1px 1px #a3b9c9;
	-o-box-shadow: 0 1px 1px #a3b9c9;
	box-shadow: 0 1px 1px #a3b9c9;
	opacity: 0;
	padding: 40px 30px 20px;
	position: absolute;
	right: 0;
	top: 50px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 500px;
	z-index: 10
}
#gk-messages-popup.active {
	display: block!important;
	opacity: 1;
	top: 70px
}
#gk-messages-popup-close {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	height: 16px;
	position: absolute;
	right: 25px;
	top: 20px;
	width: 16px
}
#gk-messages-popup-close:before,
#gk-messages-popup-close:after {
	background: #000;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	pointer-events: none;
	top: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 16px
}
#gk-messages-popup-close:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#gk-messages-popup-close:hover:before,
#gk-messages-popup-close:hover:after { background: #69abd8 }
#gk-messages-popup-list {
	margin: 0;
	padding: 0
}
#gk-messages-popup-list li {
	border-top: 1px solid #e5e5e5;
	list-style-type: none;
	padding: 25px 0;
	text-align: left
}
#gk-messages-popup-list li:first-child {
	border-top: 0;
	padding-top: 0
}
#gk-messages-popup-list li img {
	float: left;
	height: auto;
	margin: 0 25px 0 0;
	width: 90px
}
#gk-messages-popup-list li h3 {
	font-size: 16px;
	font-family: "RobotoDraft", "Roboto", sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	text-transform: none
}
#gk-messages-popup-list li p {
	color: #777;
	font-size: 14px;
	font-family: "RobotoDraft", "Roboto", sans-serif;
	line-height: 1.6;
	margin: 8px 0 0;
	max-height: 45px;
	overflow: hidden
}
#gk-messages-popup-list li h3>a { color: #2884ba }
#gk-messages-popup-list li h3>a:active,
#gk-messages-popup-list li h3>a:focus,
#gk-messages-popup-list li h3>a:hover { color: #010101 }

@media(max-width:560px) {
body #gk-messages-popup,
body #gk-messages-popup.active { display: none!important }
#recent-products figure {
	
	clear: both;
	float: none;
	width: 100% !important
	
	
}
}
#newsletter input { max-width: 99%!important }
#recent-products.section { padding-top: 30px }
#recent-products figure {
	float: left;
	font-size: 16px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	width: 32%
}
#recent-products figure:nth-child(2) { margin: 0 2% }
#recent-products figure img {
	height: auto;
	width: 100%;
	max-width: 375px
}
#recent-products figure figcaption div>a {
	color: #010101;
	background: #039be5;
	height: 255px;
	line-height: 255px;
	left: -50%;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 50%
}
#recent-products figure figcaption div>a i {
	color: #222;
	font-size: 40px;
	height: 40px;
	left: 50%;
	line-height: 52px;
	margin: -24px 0 0 -24px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 40px
}
#recent-products figure figcaption div>a i.icon-joomla {
	background: url('../images/joomla-logo.svg') no-repeat center center;
	background-size: 100% 100%
}
#recent-products figure figcaption div>a:first-child {
	background: #f0f2f3;
	left: auto;
	right: -50%
}
#recent-products figure:hover figcaption div>a { left: 0 }
#recent-products figure:hover figcaption div>a:first-child {
	left: auto;
	right: 0
}
#recent-products figure strong {
	color: #010101;
	font-weight: 500;
	display: block;
	font-size: 17px;
	margin: 32px 0 6px
}
#recent-products figure p {
	width: 95%;
	margin: 16px auto 52px
}