/* Font */
@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-RegularItalic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/fonts/Poppins-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.span_3_of_12 {
  	width: 23.8%;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

/* Softagram Template Style */
/* VL vaihdettu margin 0 3% kun oli 0 8.466%, palautettu.. 0.466 hack (oli 8.466) */
body {
	background: #fff;
	margin: 0 8.4669% !important;
	font-family: Poppins !important;
}

a:focus, 
button:focus {
	outline: none;	
}
/* Header */
.head_inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 16px 0;
}
.logo {
	flex: 1;
}
.logoimga {
	display: flex;
	align-items: center;
}

.logoimga img {
	width: 232.64px;
}

.logoimg_desc {
	display:none;
}

.toggle_btn {
	display: none;
}

/*#menu-softagram-menu {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
}*/
#menu-softagram-menu {
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 16px;
}

#menu-softagram-menu li {
	display: inline-block;
}

#menu-softagram-menu li a {
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 400;
}

#menu-softagram-menu li:last-child a {
	color: #E4232C;
}

#menu-softagram-menu li a,
#menu-softagram-menu li a:after,
#menu-softagram-menu li a:before,
.sg-footer-menu li a,
.sg-footer-menu li a:after,
.sg-footer-menu li a:before,
footer .social-group a,
footer .social-group a:after,
footer .social-group a:before,
.sg-single-blog .social-btn a,
.sg-single-blog .social-btn a:after,
.sg-single-blog .social-btn a:before {
  transition: all .5s;
}

#menu-softagram-menu li a,
.sg-footer-menu li a {
	position: relative;
	text-decoration: none;
}

#menu-softagram-menu li a:hover,
.sg-footer-menu li a:hover,
footer .social-group a:hover,
.sg-single-blog .social-btn a:hover {
	color: #E4232C;
}

#menu-softagram-menu li:last-child a:hover {
	color: #2f3235;
}

#menu-softagram-menu li a:after,
.sg-footer-menu li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #E4232C;
  height: 1px;
}

#menu-softagram-menu li a:hover:after,
.sg-footer-menu li a:hover:after {
  width: 100%;
}



/* Footer */
footer {
	box-shadow: 0px -10px 40px 0px rgba(0, 0, 0, 0.16);
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
	margin: 130px -50vw 0 -50vw;
}

#sg-blog-page-footer {
	margin-top: 242px;
}

footer .section {
	margin: 0 8.4661%;
	padding-top: 2%;
}

.sg-footer-info a img {
	width: 232.64px;
}

.sg-info-section {
	margin-bottom: 5%;
    border-bottom: 1px solid #D6D6D6;
}

.sg-info-section > li {
	display: flex;
	align-content: center;
}

.sg-info-section > li:first-child {
	margin-bottom: 8px;
}

.sg-info-section > li > img {
	margin-right: 10px;
}

.address {
	list-style-type: none;
	padding: 0 0 5% 0;
	font-size: 15px;
	font-weight: 200;
	margin-top: 28px;
}

.contact {
	list-style-type: none;
	padding: 0 0 5% 0;
	font-size: 15px;
	font-weight: 200;
}

.sg-info-section a{
	text-decoration: none!important;
}

.contact li a img {
	width: 22px;
}

.sg-footer-info > p {
	font-size: 15px;
	font-weight: 200;
}

.sg-footer-menu {
	display: flex;
	justify-content: space-between;
}

.sg-menu-title {
	color: #E5242D;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 28px;
}

.sg-footer-menu-list {
	font-size: 15px;
	font-weight: 400;
}

.sg-footer-menu-list > ul > li {
	margin: 10px 0;
}

.sg-footer-company {
	margin-right: 25px;
}

#menu-sg-footer-company {
	list-style-type: none;
	padding: 0;
}

#menu-sg-footer-product {
	list-style-type: none;
	padding: 0;
}

.sg-footer-rewards {
	display: flex;
    align-items: flex-start;
}

.sg-footer-rewards > p {
	margin: 0 0 0 2%;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
}

footer .social-btn {
	padding: 1% 0 5% 0;
    margin: 0 8.4662%;
    border-top: 2px solid #E5242D;
    text-align: center;
}

/* social-group width nostettu 130pxaan ja lisatty font-size 23px */
.social-group { 
	width: 130px;
	font-size: 23px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

/* Frontpage */
#panel-4056-0-0-0 > .panel-widget-style {
	margin-bottom: 30px;
}

.sg-event-content {
	width: 90%;
}

.sg-event-img {
	width: 100%;
}

#panel-4056-0-0-9 {
	display: none;
}

.softagram-text-title {
	font-family: "Poppins", sans-serif;
	font-size: 30px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 17px;
}

.softagram-text-title h1{
	font-size: 30px;
	font-weight: 600;
	margin: 0;
}

.softagram-text {
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
}

.softagram-text p{
	margin:0;
}

.version-control-button {
	cursor: pointer;
    justify-content: center;
    position: relative;
    width: 202.92px;
    height: 43.58px;
    border-radius: 43.79px!important;
    border: 0;
/*     z-index: -2; */
	z-index: 0;
    display: flex!important;
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #FFFFFF!important;
	padding: 0;
	text-decoration: none;
	transition: .5s;
}

.version-control-button-icon{
	width: 30px;
	height: 30px
}

#github-btn {
	background: #24292D;
/* 	z-index: -2; */
}

#github-btn:hover{
	box-shadow: 0px 0px 25px rgba(35,51,78,0.7);
}

#azure-btn {
	background: #37A8E1;
}

#azure-btn:hover{
	box-shadow: 0px 0px 25px rgba(55,168,225,0.7);
}

.version-control-button-text {
	width: 70%;
}

.fill-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 150% 150%;
	border-radius: 43.79px;
	z-index: -2;
}

#bitbucket-btn {
	background-image: linear-gradient(to right, #004DCF, #1C80FF, #1C80FF);
}

#bitbucket-btn:hover{
	box-shadow: 0px 0px 25px rgba(26,123,251,0.7);
}

#gitlab-btn {
	background-image: linear-gradient(to right, #E24328, #FC6D25, #FCA326);
}

#gitlab-btn:hover{
	box-shadow: 0px 0px 25px rgba(252,116,36,0.7);
}

#gerrit-btn {
	background-image: linear-gradient(to right, #fdbb2d 0%, #e48828 15%, #c03c21 38.93%, #b21f1f 50%, #1a2a6c 100%);
}

#gerrit-btn:hover{
	box-shadow: 0px 0px 25px rgba(164,32,38,0.7);
}


/* #panel-4056-0-0-3, #panel-4056-0-0-4, #panel-4056-0-0-5, #panel-4056-0-0-6, #panel-4056-0-0-7 {
	display: inline-block;
} */

#panel-4056-0-0-3,
#panel-4056-0-0-5 {
	float: left;
}

#panel-4056-0-0-8 {
	margin-top: 15%;
}

#panel-4056-0-0-8  .custom-html-widget {
    position: relative;
    z-index: -2;
	display: flex;
	height: 46px;
}

.slide_1 {
	padding-right: 100px;
	-webkit-animation: sliderImages 18s linear infinite;
}

.slide_2 {
	padding-right: 100px;
	-webkit-animation: sliderImages1 18s linear infinite;
}

.lang-sp-list-1 {
	width: 598px;
	height: 46px;
	display: flex;
}

.lang-sp-list-1 img {
	height: 35px;
	margin: 0 30px;
	-webkit-animation: moving-12 20s infinite 0s linear;
			animation: moving-12 20s infinite 0s linear;
}

.fill-bg {
	display: none;
}


/* Animations */
@-webkit-keyframes moving-12 {
	from { -webkit-transform: translateX(-130vw); transform: translateX(-130vw); -moz-transform: translateX(-130vw); }
  	to   { -webkit-transform: translateX(50vw); transform: translateX(50vw); -moz-transform: translateX(50vw);  }
}

@-moz-keyframes moving-12 {
	from { -webkit-transform: translateX(-130vw); transform: translateX(-130vw); -moz-transform: translateX(-130vw); }
  	to   { -webkit-transform: translateX(50vw); transform: translateX(50vw); -moz-transform: translateX(50vw);  }
}

#pgc-4056-0-1 {
	position: relative;
}

.sg-frontpage-img {
	position: absolute;
	top: -260px;
	right: -41.466%;
	z-index: -1;
}

#pg-4056-1 {
	position: absolute;
	width: 705.77px;
    left: 50%;
/*     top: 1245px; */
	top: 1275px;
	margin-left: 0;
	z-index: -1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}

#pg-4056-2 .panel-row-style-for-4056-2 {
	margin-top: 225px;
}

#pg-4056-2,
#pg-4056-3,
#pg-4056-4 {
	width: 996.84px;
	margin: auto;
}

#panel-4056-2-0-0 .sg-work-img {
	cursor: pointer;
}

.sg-work-img {
	width: 100%;
}

#sg-work-video,
#sg-help-btn {
	cursor: pointer;
	font-weight: 500;
	color: #e5242d;
}

  /*********************/
 /* SECTION WORKFLOW  */
/*********************/

#pgc-4056-6-0 {
	display: inline-flex;
}

.sg-workflow-item {
	margin: 0 35px;
}

.sg-workflow-img {
	display: flex;
	justify-content: center;
	height: 178.24px;
}

.sg-workflow-text {
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 500;
	height: 40px;
	margin-top: -25px;
}


#pg-4056-7.panel-has-style > .panel-row-style, #pg-4056-7.panel-has-style > .workflow--btn__group {
	display:flex;
	align-items: center;
}

.workflow--btn {
	border: none;
    padding: .7rem 1.5rem;
    border-radius: 10rem;
    color: white;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 300;
	cursor:pointer;
}

.workflow--btn__red {
    background-image: linear-gradient(to right, #453A94, #F43B47);
}

.workflow--btn__blue {
    background-image: linear-gradient(to right, #243949, #517FA4);
}

#pgc-4056-7-0,
#pgc-4056-7-2{
	align-self: flex-end !important;
}

#pgc-4056-7-0 {
	padding-right: 2%;
}

#pgc-4056-7-2 {
	padding-left: 2%;
}

.panel-grid-cell .btn--divider {
    background-image: url(/wp-content/uploads/2019/06/btn_divider.svg);
	background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    background-position: center;
}

/* The Modal (background) */
.modal, 
.sg-register-layout {
  	display: none; /* Hidden by default */
  	position: fixed; /* Stay in place */
  	z-index: 999999; /* Sit on top */
  	padding-top: 2%; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
	background: transparent; /* Note: currently only Safari supports backdrop-filter */ 
	backdrop-filter: blur(26.262800216674805px); 
/* 	--webkit-backdrop-filter: blur(26.262800216674805px);  */
	background-color: rgba(0, 0, 0, 0.16);
}
 
/* Modal Content */
.modal-content {
  	margin: auto;
  	display: block;
  	width: 60vw;
	height: 65vh;
  	max-width: 700px;
}
 
/* Add Animation */
.modal-content { 
  	-webkit-animation-name: zoom;
  	-webkit-animation-duration: 0.6s;
  	animation-name: zoom;
  	animation-duration: 0.6s;
}
 
@-webkit-keyframes zoom {
  	from {-webkit-transform:scale(0)}
  	to {-webkit-transform:scale(1)}
}
 
@keyframes zoom {
  	from {transform:scale(0)}
	to {transform:scale(1)}
}
 
/* The Close Button */
.closeModal {
  	position: absolute;
  	color: #f1f1f1;
  	transition: 0.3s;
  	background: url("/wp-content/uploads/2019/07/back-btn.svg");
	width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
}
 
.closeModal:hover,.closeModal:focus {
  	color: #bbb;
  	text-decoration: none;
  	cursor: pointer;
}

  /*********************/
 /* SECTION TESTIMONY */
/*********************/

#pgc-4056-9-0{
  display: flex;
  justify-content: space-between;
  margin: 7% 8.4663%;
  height: 320px;
}

#pgc-4056-9-0 > *:nth-child(even) {
	align-self: flex-end;
}

#pg-4056-8{
	margin-left: calc(50% - 50vw);
    width: 100vw;
	margin-bottom: -6%;
}

#pgc-w5d1220cf6ed06-0-0,
#pgc-w5d1220cf6ed06-0-1,
#pgc-w5d1220cf6ed06-0-2{
	margin: 30px 10px 10px;
}

/* .sg-testimony-img {
	width: 30%;
	margin: auto;
} */

.sg-capterra-img img {
	width: 40%;
}

  /*********************/
 /* SECTION FORM      */
/*********************/
#pg-4056-11{
	margin-bottom:64px!important;
}

.section-form {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  	background-image: url(/wp-content/uploads/2019/09/sg-sign-up-form-bg.jpg);
  	background-size: 115%;
  	background-position: center;
  	width: 976px;
  	height: 655.78px;
  	border-radius: 30px;
  	margin: auto;
}

.form--container {
  	display: flex;
}

.col-left {
  	display: inline-block;
  	margin-top: 65px;
  	width: 35%;
	height: 527px;
  	text-align: center;
}

.form--btn__group {
  	margin-top: 29px;
	position: relative;
	z-index: 1;
}

.form--btn__group button {
  	margin: 20px auto;
}

.form--btn__group .version-control-button-icon,
.form--btn__group .version-control-button-text {
  	z-index: 1;
}

.form--contact__group {
  	margin: 20px 0 0 0;
  	font-family: "Poppins", sans-serif;
  	color: #ffffff;
  	text-align: center;
}

.form--contact__group h3 {
  	font-size: 20px;
  	font-weight: 600;
}

.form--contact__group div {
  	font-size: 12px;
  	font-weight: 400;
}

.form--contact__group a {
	color: white!important;
	text-decoration: none;
}

.form--contact__group .sg-telephone {
  	margin-top: 12px;
  	margin-bottom: 24px;
}

.form--contact__group .sg-email > img,
.form--contact__group .sg-telephone > img {
  	margin-right: 5px;
}

.form--contact__icons > a {
  	text-decoration: none;
}

.form--contact__icons > a > img {
  	margin-right: 10px;
  	margin-left: 10px;
}

.col-right {
  	display: inline-block;
  	margin-top: 65px;
  	margin-right: 5%;
  	width: 60%;
}

.sg-sign-up-form {
  	background: #ffffff;
  	border-radius: 30px;
  	font-family: "Poppins", sans-serif;
  	padding: 0 5%;
  	height: 100%;
}

.sg-sign-up-form .nf-field-label {
	display: none;
}

.sg-sign-up-form .form-title {
  	font-size: 20px;
  	font-weight: 600;
  	color: #000000;
  	text-align: center;
  	margin: 0;
  	padding: 26px 0;
}

.sg-sign-up-form > .name {
  	display: flex;
}

.sg-sign-up-form #ninja_forms_required_items, 
.sg-sign-up-form .nf-field-container {
	margin-bottom: 0 !important;
}

.sg-sign-up-form .first-name,
.sg-sign-up-form .last-name,
.sg-sign-up-form .email,
.sg-sign-up-form .time {
  	width: 100%;
  	height: 25.5px;
  	font-size: 15px;
  	font-family: "Poppins", sans-serif;
  	font-weight: 400;
  	border: 0;
  	border-bottom: 1px solid #b7b7b9;
	text-align: center;
}

.nf-error .ninja-forms-field.first-name,
.nf-error .ninja-forms-field.last-name,
.nf-error .ninja-forms-field.email {
	border: 0;
	border-bottom: 1px solid #e80000;
	background: url(/wp-content/uploads/2019/08/Group-773.svg);
    background-repeat: no-repeat;
    background-position: 28% center;
}

.nf-error .ninja-forms-field.email {
	background-position: 43% center;
}

.sg-sign-up-form input:focus,
.sg-sign-up-form textarea:focus {
	outline: none;
}

.sg-sign-up-form .nf-response-msg {
	text-align: center;
}

.sg-sign-up-form .first-name > input::-webkit-input-placeholder,
.sg-sign-up-form .last-name > input::-webkit-input-placeholder,
.sg-sign-up-form .email > input::-webkit-input-placeholder,
.sg-sign-up-form .time > input::-webkit-input-placeholder {
  	text-align: center;
}

.sg-sign-up-form .email {
  	margin-top: 15px;
}

.sg-sign-up-form .message {
  	border-radius: 10px;
  	width: 100%;
  	height: 173px;
  	font-size: 15px;
  	font-family: "Poppins", sans-serif;
  	font-weight: 400;
  	border: 1px solid #b7b7b9;
	resize: none;
	padding-left: 15px;
	margin-top: 33px;
}

.sg-sign-up-form .time {
  	margin-top: 15px;
}

.sg-form-button {
	text-align: center;
	margin-top: 25px;
}

.sg-sign-up-form .submit-btn {
  	background: #e5242d;
  	border-radius: 43.79px;
  	width: 195.92px !important;
  	height: 43.58px;
  	font-family: "Poppins", sans-serif;
  	font-size: 15px;
  	color: #ffffff;
  	font-weight: 300;
	border: transparent;
}

.sg-sign-up-form .nf-after-field {
	display: none;
}

/* Blog List */
.blog-list .slick-slide {
	border-radius: 30px;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.19);
	margin: 14px !important;
}

.sg-post-type {
	height: 500px !important;
}

.blog-list .slick-prev::before {
	content: url("/wp-content/uploads/2019/06/previous-btn.svg") !important;
}

.blog-list .slick-next::before {
	content: url("/wp-content/uploads/2019/06/next-btn.svg") !important;
}

.sg-post-type {
	position: relative;
}

.sg-post-type .wcp-img-wrap a .fixed-height-image {
	border-top-left-radius: 30px;
    border-top-right-radius: 30px;
	height: 250px;
	object-fit: cover;
}

.wcp-content-wrap {
	text-align: center;
	height: 168px;
}

.wcp-content-wrap a {
	text-decoration: none;
}

.wcp-content-wrap h3 {
	margin: 11px 18px;
	font-weight: 500;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	text-align: center;
}

.wcp-post-date {
	font-size: 15px;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
}

.read-more-btn img {
	margin-left: auto;
	margin-right: auto;
}

/* Single Blog Page - Duy Anh */
.sg-single-blog {
	width: 996px;
	margin: auto;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.16);
    border-radius: 30px;
	position: relative;
}

.sg-blog-featured-img-section {
	width: 996px;
    height: 498px;
    margin: auto;
}

.sg-blog-fetured-img {
	position: relative;
	z-index: -1;
	width: 100%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.sg-blog-layout {
	background: #ffffff;
	padding-left: 43px;
	padding-right: 45px;
}

.sg-blog-title {
	padding-top: 23px;
	margin-bottom: 8px;
	font-family: "Poppins", sans-serif;
	font-size: 30px;
	font-weight: 400;
}

.sg-blog-info {
	font-family: "Poppins", sans-serif;
	font-style: italic;
	font-size: 15px;
	font-weight: 200;
}

.sg-blog-author {
	font-weight: 400;
	color: #E5242D;
}

.sg-blog-date {
	font-weight: 200;
	color: #000000;
}

.sg-single-blog .btn-group {
	border-top: 2px solid #E5242D;
	margin-right: 45px;
	margin-left: 43px;
}

.sg-single-blog .btn-group .social-btn {
	width: 109px;
    margin: auto;
    display: flex;
    justify-content: space-between;
	padding-top: 23.5px;
	padding-bottom: 29.1px;
}

/* Single Blog Content */
.sg-blog-content {
	margin-top: 30px;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
}

.sg-blog-content span {
	font-weight: 300 !important;
	font-size: 18px;
	line-height: 28px;
}

.sg-blog-content strong {
	font-weight: 600;
}

.sg-blog-content h2 {
	margin-top: 28px;
	margin-bottom: 18px;
	color: #E5242D;
}

.sg-blog-content h2 span {
	font-size: 25px;
}

.wp-caption-text span {
	font-size: 14px;
	font-weight: 300;
}

.social-btn {
	margin-right: 45px;
	margin-left: 43px;
}

.back-btn {
	position: absolute;
    top: 0;
    left: -7%;
	width: 46.1px;
    height: 46.1px;
    background: url(/wp-content/uploads/2019/07/back-btn.svg);
	cursor: pointer;
}

/* Blog Pagination */
.sg-pagination {
	width: 996px;
	margin: 84px auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sg-pagination-post {
	width: 312px;
	height: 156px;
	position: relative;
}


.sg-pagination-post-title {
	position: absolute;
    height: 80px;
	padding: 0 10px;
    bottom: -2px;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: Poppins;
    line-height: 20px;
    text-align: left;
    color: #fff;
    text-shadow: 0px 0px 15px #000;
    box-shadow: 0px 80px 0px 0px rgba(0, 0, 0, 0.5) inset;
}

.sg-pagination-post-position {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
	margin: 5px 0;
}

.sg-pagination-post-title a {
	color: #ffffff !important;
    font-size: 15px;
    font-weight: 400;
}

.sg-pagination-post-image {
	position: absolute;
	opacity: 0.9;
    width: 100%;
    height: 156px;
    z-index: -1;
    overflow: hidden;
}

.sg-pagination-post-image img {
	width: 312px;
}

.sg-blogs {
	width: 195.92px;
    height: 43.58px;
    border-radius: 43.79px;
    background: #e5242d;
	display: flex;
    justify-content: center;
    align-items: center;
}

.sg-blogs a {
	font-weight: 300;
    font-size: 15px;
    color: #ffffff !important;
}

.sg-single-blog-list-title {
	font-weight: 600;
	text-align: center;
	margin: 65px 0 35px 0;
}

/* Blog List Page Tempplate - Duy Anh */
.sg-posts-list-content {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
}

.sg-posts-first {
	display: flex;
	justify-content: space-between;
}

.sg-blog-page-info {
	margin-top: 80px;
	text-align: right;
}

.sg-blog-page-title {
	font-size: 30px;
	font-weight: 600;
}

.sg-blog-page-desc {
	font-size: 15px;
	font-weight: 300;
}

.sg-featured-posts {
	width: 647px;
	height: 500px;
	border-radius: 30px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.16);
	background: url("/wp-content/uploads/2019/07/bg-featured-blog.svg");
}

.sg-featured-posts.slick-initialized.slick-slider.slick-dotted {
	margin-bottom: 0;
}

.sg-featured-post-title {
	font-size: 30px;
    font-weight: 300;
    padding: 27px 39px 0 39px;
    line-height: 46px;
}

.sg-featured-post-title a{
	text-decoration: none;
}

.sg-featured-post-content {
	display: flex;
    padding: 0 39px;
}

.sg-featured-post-content-left {
	width: 50%;
}

.sg-featured-post-author {
	font-weight: 200;
    font-size: 15px;
    font-style: italic;
    display: flex;
    margin: 18px 0;
}

.sg-featured-post-author-name {
	font-weight: 400;
    color: #E5242D;
}

.sg-featured-post-text {
	font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 32.8px;
    margin-right: 28px;
}

.sg-featured-post-btn {
	width: 46.09px;
    height: 46.09px;
}

.sg-featured-post-content-right {
	width: 280px;
	height: 233px;
    margin-top: 29px;
}

.sg-featured-post-thumb {
	height: 100%;
}

.sg-featured-post-thumb img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
}

.sg-featured-posts > .slick-dots {
	bottom: 30px;
}

.sg-featured-posts > .slick-dots li.slick-active button:before {
    color:white !important;
	font-size: 10px !important;
}

.sg-posts-contact {
	width: 300px;
	height: 227px;
	background: url("/wp-content/uploads/2019/07/sg-posts-contact-bg.svg");
	box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.16);
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 48px 0 0 0;
    border-radius: 30px;
}

.grid {
	width: 995px;
}

.sg-posts > .row {
	display: flex;
}

.sg-posts > .row:first-child {
	margin-top: -545px;
}

.sg-posts > .row:first-child > .sg-post-layout:nth-of-type(1) {
	margin-top: 593px;
}

.sg-posts > .row:first-child > .sg-post-layout:nth-of-type(2) {
	margin-top: 320px;
}

.sg-posts > .row:first-child > .sg-post-layout:nth-of-type(3) {
	margin-top: 0px;
}

.grid-item {
/* 	float: left; */
	margin-right: 48px;
}

.grid-item:nth-of-type(3n) {
	margin-right: 0;
	margin-top: -545px;
}

.grid-item:nth-of-type(3n-1) {
	margin-top: -225px;
}

.grid-item:nth-of-type(3n-2) {
	margin-top: 48px;
}

.sg-post-layout {
	width: 300px;
	height: 500px;
	background: #fff;
	filter: drop-shadow(10px 10px 40px rgba(0, 0, 0, 0.16));
	border-radius: 30px;
}

.sg-post-thumb {
	width: 300px;
	height: 250px;
	position: relative;
}

.sg-post-thumb img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.sg-post-content {
	text-align: center;
	height: 250px;
}

.sg_post-title {
	line-height: 30px;
    font-size: 20px;
    font-weight: 500;
	margin: 11px 18px;
}

.sg_post-title a {
	text-decoration: none;
}

.sg-post-date {
	font-size: 15px;
	font-weight: 300;
}

.sg-post-btn {
	width: 100%;
	position: absolute;
	bottom: 2%;
}

.sg-posts-loadmore {
	width: 195.92px;
	height: 43.58px;
	border-radius: 21.79px;
	background: #e5242d;
	color: #ffffff;
	font-size: 15px;
	font-weight: 300;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
	margin: -198px auto auto auto;
}

/* Register Form */
#sg-reg-modal {
	width: 525.05px;
    height: 622px;
}

.sg-register-form {
	width: 525.05px;
    height: 622px;
    display: flex;
/*     margin: auto; */
	background: #ffffff;
}

.sg-register-form-left img {
	width: 127px;
	height: 622px;
}

.sg-register-form-right {
	margin-left: 20px;
    margin-top: 90px;
}

.sg-register-form-title {
	font-size: 30px;
    font-weight: 300;
    font-family: "Poppins",sans-serif;
	color: #000000;
}

.sg-register-form-content {
	margin-top: 75px;
}

.sg-register-form-content > .title {
	font-size: 20px;
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    margin-bottom: 18px;
	color: #000000;
} 

.sg-register-form-content > .email {
	margin-bottom: 20px;
}

.sg-register-form-content > .email > input {
	width: 357.39px;
    border: 0;
    border-bottom: 1px solid #B7B7B9;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.sg-register-form-content > .email > input:focus {
	outline: none;
}

.sg-register-form-terms {
	display: flex;
}

.sg-register-form-terms .checkbox-button {
  cursor: pointer;
}

.sg-register-form-terms .checkbox-button .checkbox-button__input {
	box-sizing: border-box;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    background-color: transparent;
	opacity: 0;
    position: absolute;
}

.sg-register-form-terms .checkbox-button .checkbox-button__input:focus {
	outline: 0;
}

.sg-register-form-terms .checkbox-button .checkbox-button__control {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    background-color: inherit;
    border: 1.5px solid #B7B7B9;
	border-radius: 4px;
	transform: scale(0.75);
}

.sg-register-form-terms .checkbox-button .checkbox-button__input:checked+.checkbox-button__control:after {
    content: "";
    display: block;
    position: absolute;
    top: 3.5px;
    left: 3.5px;
    width: 7px;
    height: 7px;
    background-color: #E5242D;
}

.sg-register-form-terms .checkbox-button .checkbox-button__input:checked+.checkbox-button__control {
    border-color: #E5242D;
}

.sg-register-form-terms .checkbox-button__label {
	font-size: 12px;
	font-family: "Poppins", sans-serif;
	font-weight: 400px;
	color: #B7B7B9;
}

.sg-register-form-terms .checkbox-button__label a {
	color: #42BFF2;
}

.sg-register-form-content .button {
	cursor: pointer;
	margin-top: 22px;
	width: 195.92px;
    height: 43.58px;
    background: #e5242d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 43.79px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    font-family: "Poppins", sans-serif;
}

#sg-register-noti {
	display: none;
}

#sg-register-noti .content {
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #000000;
	line-height: 23px;
	margin-bottom: 18px;
}

#sg-register-noti #close-sg-reg-modal {
	cursor: pointer;
}

/* SG Open source */
#pl-5961 {
	margin-top: 40px;
}

.sg-opensource-title {
	margin-bottom: 21px;
}

#sg-opensource-intro {
	width: 85%;
}

.sg-opensource-register-btn {
	margin-top: 35px;
	width: 195.92px;
	height: 43.58px;
	border-radius: 21.79px;
	background: #e5242d;
	color: #ffffff;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-size: 15px;
	cursor: pointer;
	border: 0px;
}

.sg-opensource-video iframe {
	width: 100%;
	height: 292px;
	box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.16);
}

.sg-opensource-usecase {
	width: 294px;
	height: 155px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.16);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sg-opensource-usecase-text {
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 300;
	margin: 21px 27px 0 27px;
}

#pg-5961-1 {
	margin-top: 97px;
	position: relative;
}

#pgc-5961-1-1 {
	position: absolute;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.sg-opensource-usecase-2 {
	margin-top: 62px;
}

#pgc-w5d55472bd4432-0-0,
#pgc-w5d55472bd4432-1-0 {
	margin-right: 73px;
}

.sg-opensource-usecase-title {
	width: 85%;
	text-align: right;
	margin-left: auto;
}

.sg-opensource-border {
	width: 107.23px;
    height: 4px;
    background: #E5242D;
    margin-left: auto;
    margin-top: 5px;
}

.sg-analytics-title {
	margin: 91px 0 52px 0;
}

.sg-analytics-row-2 {
	margin-top: 20px;
}

.sg-analytics-row-1 .panel-grid-cell,
.sg-analytics-row-2 .panel-grid-cell {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.sg-opensource-analytics {
	width: 319px;
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.16);
    padding: 20px 0px;
}

.sg-opensource-analytics-blank {
	width: 319px;
}

.sg-opensource-analytics .textwidget {
	margin-left: 20px;
}

.sg-analytics-border {
	width: 40px;
	height: 4px;
	background: #E5242D;
	margin-top: 15px;
}

.sg-analytics-note {
	margin: 37px 0 72.6px 0;
}

.sg-analytics-logo-row-1 .textwidget {
	width: 545px;
	margin: 0 auto 30.4px auto;
	display: flex;
	justify-content: space-between;
}

.sg-analytics-logo-row-2 .textwidget {
	width: 415px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.sg-opensource-faq {
	margin: 107.4px auto 0 auto;
	border: 2px solid #000000;
	width: 144px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

.sg-opensource-question {
	margin-top: 44px;
	margin-bottom: 21px;
	font-size: 22px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}

.sg-opensource-answer {
	font-size: 15px;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
}

.sg-opensource-answer-1 {
	margin-bottom: 15px;
}

.sg-opensource-answer-1:last-child {
	margin-bottom: 0;
}

#pg-5961-8 {
	margin-top: 80px;
	margin-bottom: 80px;
}

#pgc-5961-8-1 {
	position: relative;
	height: 137px;
    display: flex;
    align-items: center;
}

#panel-5961-8-1-0 {
	position: absolute;
    z-index: -1;
    top: -10px;
	left: -20px;
}

#panel-5961-8-1-1 a {
	color: #E5242D;
	font-weight: 500;
}

/* Softagram Desktop */
.sg-desktop-center {
	text-align: center;
}

.sg-desktop-img {
	margin-top: 45px;
}

.sg-desktop-title {
	width: 85%;
	font-size: 30px;
	text-align: center;
	margin: 33px auto;
}

.sg-desktop-list .panel-grid-cell {
	display: flex;
	justify-content: space-between;
}

.sg-desktop-download {
	width: 296.82px;
	height: 98.94px;
	background: #fff;
	box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.16);
	display: flex;
	flex-direction: row;
}

.sg-desktop-left {
	background: #E5242D;
	width: 98.94px;
	display: flex;
	align-content: center;
	justify-content: center;
}

.sg-desktop-right {
	margin-left: 13.1px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sg-desktop-env-title {
	font-size: 10px;
    font-weight: 700;
    color: #B7B7B9;
}

.sg-desktop-env-text {
	font-size: 28px;
    font-weight: 300;
    color: #000000;
}

.sg-desktop-desc {
	width: 296.82px;
	margin-top: 33px;
	margin-bottom: 59.5px;
	font-weight: 300;
	font-size: 10px;
	font-style: italic;
}

.sg-desktop-line {
	width: 107.23px;
	margin: 0 auto 22.5px auto;
	border-top: 4px solid #E5242D;
}

.sg-desktop-link {
	color: #E5242D !important;
	font-weight: 500;
}

/* Softagram Register Page */
#panel-6174-0-0-0 {
	width: 525.05px;
    height: 622px;
	display: block;
	margin: auto;
	position: unset;
	overflow: unset;
	background: transparent;
	padding-top: 0;
}

#panel-6174-0-0-0  .sg-register-form {
	background: #fff;
    filter: drop-shadow(10px 10px 40px rgba(0, 0, 0, 0.16));
}

/* Softagram FAQ Page */
#pl-4013 {
	width: 1200px;
	margin: auto;
}

.sg-faq-title {
	margin-top: 30px;
}

.sg-contact-link:hover {
	color:red;
	transition: all .5s;
	text-decoration: underline !important;
}

/*  GO FULL WIDTH WHEN 1199 PIXELS WIDE or less */
@media only screen and (max-width: 1199px) {
	/* Dev */
	#wpadminbar {
		display: none;
	}
	
	/* Header */
	body {
		margin: 0 !important;
		position: relative;
	}
	/* prodissa oli valissa ilman sg-logon padding 3% */
	/*	padding: 3%; */

	#sg-logo {
		display:flex;
		z-index: 10;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
		margin: 0;
		height: 62px;
		align-items: center;
		justify-content: center;
	}
	
	#sg-logo > .logoimga > img {
		width: 50%;
		margin: 0 auto 0 15px;
	}
	
	.sg-header{
		z-index: 10000;
   		position: fixed;
   		top: 0px;
   		width: 100vw;
		background: #ffffff;
	}
	
	.head_inner > .logoimga {
		margin-right: 3%;
	}
	
	.toggle_btn {
		display: flex;
		margin-left: auto;
    	align-items: center;
		cursor: pointer;
		width: 15px;
		height: 23px;
		margin-right:20px;
	}
	
	.sg-menu {
		margin: 0 !important;
	}
	
	#menu-softagram-menu{
		flex-direction: column;
		align-items: center;
		display: none;
		margin: 0;
		background: #272E33;
		padding: 10px 0px;
	}
	
	#menu-softagram-menu > li {
		padding: 12px 0;
		border: 1px solid transparent;
		width: 100%;
    	text-align: center;
	}
	
	#menu-softagram-menu > li > a {
		color: #ffffff;
	}
	
	#menu-softagram-menu > li:hover {
		background: #fff;
    	width: 100%;
    	border: 1px solid #707070;
    	text-align: center;
	}
	
	#menu-softagram-menu > li:hover > a {
		color: #000000;
	}
	
	#menu-softagram-menu > li:last-child:hover > a{
		color: red;
	}
	
	#pg-4056-13 {
		width: 345px;
		margin: auto;
	}
	
	.slick-prev {
		left: -5px !important;
		z-index: 1;
	}
	
	.slick-next {
		right: 0 !important;
	}
	
	#sg-reg-modal {
		width: 80%;
		height: auto;
	}
	
	.sg-register-form {
		width: 100%;
		height: auto;
		padding: 30% 0;
	}
	
	.sg-register-form-left {
		display: none;
	}
	
	.sg-register-form-right {
		margin-top: 0;
	}
	
	.sg-register-form-title {
		font-size: 25px;
	}
	
	#sg-register-form-content {
		margin-top: 5%;
	}
	
	#sg-register-form-content .title {
		font-size: 15px;
	}
	
	#sg-register-form-content .email {
		width: 85%;
	}
	
	#sg-register-form-content .email input {
		width: 100%;
		font-size: 12px;
	}
	
	.sg-register-form-terms {
		width: 85%;
	}
	
	.sg-register-form-terms .checkbox-button__label {
		font-size: 9px;
	}
	
	#sg-register-form-button {
		font-size: 12px;
	}
	
	/* Footer */
	footer {
		margin: 122px 0 0 0;
		width: 100%;
		position: unset;
	}
	
	footer .social-btn {
		margin: 35px 25px 0 25px;
	}
	
	.sg-footer-info {
		text-align: center;
		border-bottom: 1px solid #D6D6D6;
		margin-top: 23px !important;
	}
	
	.sg-info-section {
		padding: 2%;
		margin: 0;
	}
	
	.sg-info-section > li {
		justify-content: center;
	}
	
	.address {
		border-top: 1px solid #D6D6D6;
		margin-top: 16px;
	}
	
	.sg-footer-menu {
		flex-direction: column;
		text-align: center;
		border-bottom: 1px solid #D6D6D6;
	}
	
	.sg-footer-company {
		margin-bottom: 35px;
		margin-right: 0px;
	}
	
	/* 12 Grid */
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	
	#panel-4056-0-0-3, #panel-4056-0-0-4, #panel-4056-0-0-5, #panel-4056-0-0-6, #panel-4056-0-0-7 {
		display: inline-block;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-5 {
		float: unset;
	}
	
	.sg-event-content {
		width: 100%;
	}
	
	/* Old */
	#pgc-4056-5-0 {
		display: flex;
		justify-content: center;
		flex-direction: column-reverse;
	}
	
	#panel-4056-5-0-0 .softagram-text {
		font-size: 19px;
		font-weight: 300;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.break-line-mobile {
		height: 3px;
		background: red;
		width: 18%;
		margin: auto;
	}

	#pg-4056-6.panel-has-style > .panel-row-style{
		width: 100%;
	}
	
	#pgc-4056-6-0{
		display: block;
		position: relative;
		background-image: url(/wp-content/uploads/2019/07/workflow-line-mobile.svg);
		background-repeat: no-repeat;
		background-position: 50% 35%;
		height: 432px;
		width: 360px !important;
		margin: auto !important;
	}
	
	.sg-workflow-item {
		margin: 0;
	}
	
	#panel-4056-6-0-0 .textwidget,
	#panel-4056-6-0-1 .textwidget {
		display: flex;
		flex-direction: column-reverse;
	}
	
	#panel-4056-6-0-0 .sg-workflow-img,
	#panel-4056-6-0-1 .sg-workflow-img,
	#panel-4056-6-0-3 .sg-workflow-img,
	#panel-4056-6-0-4 .sg-workflow-img {
		height: 64.42px;
    	justify-content: unset;
	}
	
	#panel-4056-6-0-0 .sg-workflow-text {
		margin-top: 0px;
		margin-left: 20px;
		text-align: left;
		height: auto;
	}
	
	#panel-4056-6-0-0 .sg-workflow-img {
		margin-left: 20px;
	}
	
	#panel-4056-6-0-0 .sg-workflow-text {
		margin-left: 40px;
	}
	
	#panel-4056-6-0-1 {
		position: absolute;
		top: 32px;
		right: 42%;
	}
	
	#panel-4056-6-0-1 .sg-workflow-text {
		width: 78px;
		text-align: center;
		margin-left: 4px;
		height: auto;
	}
	
	#panel-4056-6-0-2 {
		margin-top: -8px;
	}
	
	#panel-4056-6-0-2 .textwidget {
		display: flex;
		flex-direction: column-reverse;
		position: relative;
	}
	
	#panel-4056-6-0-2 .sg-workflow-img {
		height: 160.24px;
		justify-content: flex-end;
		margin-top: 40px;
	}
	
	#panel-4056-6-0-2 .sg-workflow-text {
		margin-top: 0px;
		text-align: right;
		height: auto;
		position: absolute;
		top: 50%;
		margin-left: 10px;
	}
	
	#panel-4056-6-0-3 .textwidget,
	#panel-4056-6-0-4 .textwidget {
		display: flex;
		flex-direction: column;
	}
	
	#panel-4056-6-0-3 {
		margin-top: 18px;
		margin-left: 130px;
	}
	
	#panel-4056-6-0-3 .sg-workflow-text,
	#panel-4056-6-0-4 .sg-workflow-text {
		margin-top: 0px;
		text-align: left;
		height: auto;
	}
	
	#panel-4056-6-0-4 {
		margin-top: -58px;
		margin-left: 20px;
	}
	
	#pg-4056-7 {
		margin-bottom: 50px !important;
	}
	
	.workflow--btn__group {
		margin-top: 0 !important;
	}
	
	.workflow--btn {
		padding: 0;
		width: 284.22px;
		height: 39.52px;
	}
	
	#pgc-4056-7-0 {
		margin-bottom: 31.5px !important;
	}
	
	#panel-4056-7-0-0 .widget_text,
	#panel-4056-7-2-0 .widget_text {
		width: 100%;
		text-align: center;
	}

	#pgc-4056-9-0 {
		height: 262px;
	}
	
	.sg-testimony-img {
		width: 62.8px;
	}
	
	.sg-testimony-img img {
		width: 100%;
	}
	
	#pg-4056-8 > .panel-row-style {
		margin-bottom: -9% !important;
	}
	
	#panel-4056-8-0-0 > .panel-widget-style {
		margin: -5px 0 0 0 !important;
	}
	
	.panel-row-style-for-4056-9 {
		padding: 0 20px;
	}
	
	#pgc-4056-9-0 {
		margin: 0;
	}
	
	#pg-4056-9 > .panel-row-style {
		margin-left: 0 !important;
		width: auto !important;
	}
	
	#panel-4056-9-0-0,
	#panel-4056-9-0-2,
	#panel-4056-9-0-4 {
		padding-top: 40px;
	}
	
	#pgc-4056-9-0 > *:nth-child(even) {
		padding-bottom: 60px;
	}
	
	.sg-capterra-img img {
		width: 70%;
	}
	
	#pg-4056-10> .panel-row-style {
		margin-top: -22% !important;
	}
	
	.widget_sg_form_widget {
		margin: 0 20px;
	}
	
	.section-form {
		width: 100%;
		height: auto;
		background: unset;
		box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.16);
	}
	
	.form--container {
		flex-direction: column-reverse;
	}
	
	.col-left {
		display: block;
		width: 100%;
		height: 545px;
		background-image: url(/wp-content/uploads/2019/09/sg-sign-up-form-bg.jpg);
		background-repeat: no-repeat;
		background-size: 300%;
		background-position: -100px -40px;
		position: relative;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		z-index: 0;
		margin-top: 25px;
	}
	
	.col-left > img {
		padding-top: 20px;
    	width: 247.94px;
	}
	
	.col-right {
		margin-bottom: 20px;
	}
	
	.form--btn__group {
		margin-top: 0;
	}
	
	.form--contact__group {
		margin: 0 0 30px 0;
	}
	
	.col-right {
		width: 100%;
		display: block;
		margin: 0;
	}
	
	.sg-sign-up-form .message > textarea {
		width: 94%;
	}
	
	.submit-btn {
		margin-bottom: 25px;
	}
	
	/* New */
	#pg-4056-0 {
		flex-direction: column;
	}
	
	#pgc-4056-0-0,
	#pgc-4056-0-1 {
		width: 100% !important;
	}
	
	#pgc-4056-0-0 {
		position: relative;
	}
	
	#panel-4056-0-0-0 > .panel-widget-style {
		margin-top: 50px !important;
	}
	
	.sg-event-img {
		width: 100%;
	}
	
	.softagram-text-title h1 {
		font-size: 19px;
		font-weight: 600;
	}
	
	#pgc-4056-0-1 {
		position: unset;
	}
	
	#panel-4056-0-0-1 > .softagram-text-title,
	#panel-4056-0-0-1 > .softagram-text-title > div {
		width: 100% !important;
		text-align: center;
		margin-top: 5px;
	}
	
	#panel-4056-0-0-2> .panel-widget-style {
		margin: 0 20px 25px 20px !important;
		text-align: center;
	}
	
	#pg-4056-2, #pg-4056-3, #pg-4056-4 {
		width: 100%;
	}
	
	#panel-4056-0-0-0,
	#panel-4056-0-0-1,
	#panel-4056-0-0-2,
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6,
	#panel-4056-0-0-7 {
		position: relative;
		z-index: 1;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6 {
		width: 20%;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-5 {
		margin-left: 30%;
	}
	
	#panel-4056-0-0-4,
	#panel-4056-0-0-6 {
		margin-right: 30%;
	}
	
	#panel-4056-0-0-3 > .panel-widget-style, 
	#panel-4056-0-0-5 > .panel-widget-style {
		margin: 0 !important;
	}
	
	#panel-4056-0-0-7 {
		width: 100%;
		margin-bottom: 12px !important;
	}
	
	.version-control-button {
		width: 170.16px;
		height: 35.4px;
		font-size: 13px;
		margin: auto;
	}
	
	#panel-4056-0-0-7 .version-control-button {
		margin: auto;
	}
	
	.version-control-button-icon {
		width: 26.29px;
		height: 25.64px;
	}
	
	#panel-4056-0-0-8 {
		display: none;
	}
	
	#panel-4056-0-0-9 {
		display: block;
		position: absolute;
		top: -10px;
		width: 100%;
		height: 103%;
		box-shadow: inset 0 0 0 200px rgba(255,255,255,0.8);
	}
	
	#panel-4056-0-0-9:before {
		width: 100%;
		height: 103%;
		background: inherit;
		position: absolute;
		filter: blur(10px);
	}
	
	#panel-4056-0-1-0 .textwidget {
		width: 100%;
    	height: 500px;
	}
	
	.sg-frontpage-img {
		display: block;
    	width: 400%;
		top: 400px;
    	right: 0;
	}
	
	#panel-4056-1-0-0 {
		display: none;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 450px;
		flex-direction: column;
	}
	
	#pg-4056-4 .panel-row-style-for-4056-4 {
		flex-direction: column;
	}
	
	#pgc-4056-2-0 > .panel-cell-style, 
	#pgc-4056-4-0 > .panel-cell-style {
		margin-left: 0 !important;
	}
	
	#panel-4056-2-1-0 .softagram-text-title,
	#panel-4056-3-0-0 .softagram-text-title,
	#panel-4056-4-1-0 .softagram-text-title {
		margin-left: 20px;
    	margin-bottom: 5px;
	}
	
	#panel-4056-2-0-0 .textwidget,
	#panel-4056-3-1-0 .textwidget,
	#panel-4056-4-0-0 .textwidget {
		text-align: center;
	}
	
	#pg-4056-5 > .panel-row-style {
		margin-top: 5% !important;
	}
	
	#panel-4056-5-0-0 .softagram-text {
		margin-bottom: 30px;
	}
	
	.sg-work-img {
		width: 280px;
	}
	
	#pgc-4056-2-1 > .panel-cell-style, 
	#pgc-4056-3-1 > .panel-cell-style, 
	#pgc-4056-4-1 > .panel-cell-style {
		padding-left: 0 !important;
	}
	
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		margin-left: 20px;
    	margin-right: 25px;
	}
	
	#pg-4056-3 .panel-row-style-for-4056-3 {
		display: flex;
    	flex-direction: column-reverse !important;
	}
	
	#panel-4056-2-1-0 .textwidget,
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-4-1-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		text-align: center;
	}
	
	#panel-4056-3-0-1 .widget_text {
		width: 100% !important;
	}
	
	#panel-4056-4-1-0 .softagram-text-title {
		margin-right: 30px;
	}
	
	#pg-4056-7 {
		margin-bottom: 75px !important;
	}
	
	#pg-4056-7 > .panel-row-style-for-4056-7 {
		flex-direction: column;
	}
	
	#pgc-4056-7-0,
	#pgc-4056-7-2 {
		width: 100% !important;
		padding: 0;
	}
	
	#pgc-4056-7-1 {
		display: none;
	}
	
	.break-line-mobile {
		width: 65px;
	}
	
	#pg-4056-8 > .panel-row-style {
		margin-bottom: -4% !important;
	}
	
	#panel-4056-9-0-0, 
	#panel-4056-9-0-2, 
	#panel-4056-9-0-4 {
		padding-top: 50px;
	}
	
	.sg-capterra-img {
		margin-top: 11%;
	}
	
	.sg-capterra-img img {
		width: 35%;
	}
	
	.col-left {
		background-size: 150%;
	}
	
	.col-left > img {
		padding-top: 30px;
	}
	
	#pg-4056-13 {
		width: 95%;
	}
	
	/* Blogs Page */
	.sg-posts-list-content {
		width: 100%;
	}
	
	.sg-posts-first {
		flex-direction: column-reverse;
	}
	
	.sg-blog-page-info {
		margin-top: 72px; /* Muutos: 22px -> 72px */
		margin-right: 19px;
		margin-bottom: 19px;
		text-align: right;
	}
	
	.sg-featured-posts {
		background-repeat: no-repeat;
		background-size: 200%;
		background-position: 20% -50%;
		border-radius: unset;
	}
	
	.sg-featured-posts.slick-initialized.slick-slider.slick-dotted {
		width: 100%;
		height: auto;
	}
	
	.sg-featured-post-layout {
		height: 600px !important; /* featured post layout oli aikaisemmin 587px */
	}
	
	.sg-featured-post-content {
		flex-direction: column;
		height: 449px;
	}
	
	.sg-featured-post-content-left,
	.sg-featured-post-content-right {
		width: 100%;
	}
	
	.sg-featured-post-content-left {
		height: 147px;
		align-self: flex-start;
		position: relative;
	}
	
	.sg-featured-post-content-right {
		height: 312px;
		align-self: flex-end;
	}
	
	.sg-featured-post-title {
		padding: 0;
		margin: 41px 17px 0 18px;
		text-align: left;
		font-size: 22px;
		line-height: 33px;
	}
	
	.sg-featured-post-content {
		padding: 0;
	}
	
	.sg-featured-post-author {
		margin: 11px 17px 14px 18px;
	}
	
	.sg-featured-post-text {
		margin: 0 17px 19px 18px;
		text-align: left;
	}
	
	.sg-featured-post-thumb img {
		width: 100%;
		height: 312px;
	}
	
	.sg-featured-post-btn {
		position: absolute;
		bottom: -90px;
		left: 18px;
	}
	
	.sg-featured-posts > .slick-dots {
		top: 18px;
		transform: translateX(-50%);
	}
	
	.sg-featured-posts > .slick-dots li button {
		border: 2px solid #ffffff !important;
		filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.16));
	}
	
	.sg-featured-posts > .slick-dots li.slick-active button:before {
		color: #ffffff !important;
		background: #ffffff;
	}
	
	.sg-posts-contact {
		margin: 38px auto 38px auto !important;
	}
	
	.grid {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.sg-posts > .row {
		flex-direction: column;
	}
	
	.sg-posts > .row:first-child {
		margin-top: 0;
	}
	
	.sg-posts > .row:first-child > .sg-post-layout:nth-of-type(1),
	.sg-posts > .row:first-child > .sg-post-layout:nth-of-type(2),
	.sg-posts > .row:first-child > .sg-post-layout:nth-of-type(3) {
		margin-top: 0;
	}
	
	.grid-item:nth-of-type(3n-2),
	.grid-item:nth-of-type(3n-1),
	.grid-item:nth-of-type(3n) {
		margin: 0 auto 22px auto;
	}
	
	.sg-posts-loadmore {
		margin-top: 56px;
		margin-bottom: 70px;
	}
	
	#sg-blog-page-footer {
		margin-top: 0;
	}
	
	.sg-single-blog {
		width: 100%;
		border-radius: unset;
	}
	
	.sg-blog-featured-img-section {
		width: 100%;
		height: 200px;
	}
	
	.sg-blog-fetured-img {
		border-radius: unset;
	}
	
	.sg-pagination {
		margin-top: 35px;
		flex-direction: column;
		width: 100%;
	}
	
	.sg-blogs {
		margin: 20px 0;
	}
	
	.sg-single-blog-list-title {
		padding-top: 0;
		margin-top: 35px;
	}
	
	.blog-list .slick-slide {
		margin-top: 0px !important;
	}
	
	.blog-list .slick-arrow {
		display: none !important;
	}
	
	/* Softagram Open Source */
	#pl-5961 {
		margin-top: 40px;
	}
	
	.sg-opensource-title {
		text-align: center;
		margin-top: 30px;
		width: 196px;
		margin: 30px auto 10px auto;
		font-size: 30px;
	}
	
	#sg-opensource-intro {
		width: 96%;
		margin: auto;
		text-align: center;
	}
	
	#panel-5961-0-0-2 {
		text-align: center;
	}
	
	.sg-opensource-register-btn {
		margin: 15px auto;
	}
	
	#pg-5961-1 {
		flex-direction: column-reverse !important;
		margin-top: 72px;
	}
	
	.sg-opensource-usecase-2 {
		margin-top: 0;
	}
	
	.sg-opensource-usecase {
		margin: 0 auto 32px auto;
	}
	
	#pgc-5961-1-1 {
		position: unset;
		display: block;
	}
	
	.sg-opensource-usecase-title {
		width: 100%;
		text-align: center;
	}
	
	.sg-opensource-border {
		display: none;
	}
	
	.sg-analytics-title {
		margin-top: 44px;
		margin-bottom: 32px;
		text-align: center;
	}

	.sg-analytics-row-1 .panel-grid-cell,
	.sg-analytics-row-2 .panel-grid-cell {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.sg-opensource-analytics {
		margin-bottom: 32px;
	}
	
	.sg-analytics-note {
		width: 319px;
		margin: 4px auto 59.4px auto;
	}
	
	.sg-analytics-logo-row-1 .textwidget {
		width: 319px;
		margin: 0 auto 18.4px auto;
	}
	
	.sg-analytics-logo-row-2 .textwidget {
		width: 255.05px;
		margin: auto;
	}
	
	.sg-analytics-logo-row-1 .textwidget img {
		width: 15%;
	}
	
	.sg-analytics-logo-row-2 .textwidget img {
		width: 40%;
	}
	
	.sg-opensource-faq {
		margin: 66px auto 0 auto;
	}
	
	.sg-opensource-question {
		margin: 32px auto 12px auto;
		width: 92%;
	}
	
	.sg-opensource-answer {
		margin: auto;
		width: 92%;
	}
	
	#pg-5961-8 {
		flex-direction: row !important;
		justify-content: center !important;
		margin-bottom: 0;
		margin-top: 66px;
	}
	
	#pgc-5961-8-0 {
		width: 40% !important;
	}
	
	#pgc-5961-8-0 img {
		width: 137px;
	}
	
	#pgc-5961-8-1 {
		width: 51% !important;
	}
	
	#panel-5961-8-1-0 {
		top: -28px;
	}
	
	#panel-5961-8-1-1 .textwidget {
		font-size: 10px;
	}
	
	/* FAQ Page	*/
	#pl-4013 {
		width: 100%;
	}
}


/* Mobile View */
@media only screen and (max-width: 1024px) {
	#pg-4056-0 {
		flex-direction: column;
	}
	
	#pgc-4056-0-0,
	#pgc-4056-0-1 {
		width: 100% !important;
	}
	
	#pgc-4056-0-0 {
		position: relative;
	}
	
	#panel-4056-0-0-0 > .panel-widget-style {
		margin-top: 50px !important;
	}
	
	.sg-event-img {
		width: 100%;
	}
	
	.softagram-text-title {
		font-size: 19px;
	}
	
	#pgc-4056-0-1 {
		position: unset;
	}
	
	#panel-4056-0-0-1 > .softagram-text-title,
	#panel-4056-0-0-1 > .softagram-text-title > div {
		width: 100% !important;
		text-align: center;
		margin-top: 5px;
	}
	
	#panel-4056-0-0-2> .panel-widget-style {
		margin: 0 20px 25px 20px !important;
		text-align: center;
	}
	
	#pg-4056-2, #pg-4056-3, #pg-4056-4 {
		width: 100%;
	}
	
	#panel-4056-0-0-0,
	#panel-4056-0-0-1,
	#panel-4056-0-0-2,
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6,
	#panel-4056-0-0-7 {
		position: relative;
		z-index: 1;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6 {
		width: 20%;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-5 {
		margin-left: 30%;
	}
	
	#panel-4056-0-0-4,
	#panel-4056-0-0-6 {
		margin-right: 30%;
	}
	
	#panel-4056-0-0-3 > .panel-widget-style, 
	#panel-4056-0-0-5 > .panel-widget-style {
		margin: 0 !important;
	}
	
	#panel-4056-0-0-7 {
		width: 100%;
		margin-bottom: 12px !important;
	}
	
	.version-control-button {
		width: 170.16px;
		height: 35.4px;
		font-size: 13px;
		margin: auto;
	}
	
	#panel-4056-0-0-7 .version-control-button {
		margin: auto;
	}
	
	.version-control-button-icon {
		width: 26.29px;
		height: 25.64px;
	}
	
	#panel-4056-0-0-8 {
		display: none;
	}
	
	#panel-4056-0-0-9 {
		display: block;
		position: absolute;
		top: -10px;
		width: 100%;
		height: 103%;
		box-shadow: inset 0 0 0 200px rgba(255,255,255,0.8);
	}
	
	#panel-4056-0-0-9:before {
		width: 100%;
		height: 103%;
		background: inherit;
		position: absolute;
		filter: blur(10px);
	}
	
	#panel-4056-0-1-0 .textwidget {
		width: 100%;
    	height: 500px;
	}
	
	.sg-frontpage-img {
		display: block;
    	width: 400%;
		top: 400px;
    	right: 0;
	}
	
	#panel-4056-1-0-0 {
		display: none;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 450px;
		flex-direction: column;
	}
	
	#pg-4056-4 .panel-row-style-for-4056-4 {
		flex-direction: column;
	}
	
	#pgc-4056-2-0 > .panel-cell-style, 
	#pgc-4056-4-0 > .panel-cell-style {
		margin-left: 0 !important;
	}
	
	#panel-4056-2-1-0 .softagram-text-title,
	#panel-4056-3-0-0 .softagram-text-title,
	#panel-4056-4-1-0 .softagram-text-title {
		margin-left: 20px;
    	margin-bottom: 5px;
	}
	
	#panel-4056-2-0-0 .textwidget,
	#panel-4056-3-1-0 .textwidget,
	#panel-4056-4-0-0 .textwidget {
		text-align: center;
	}
	
	#pg-4056-5 > .panel-row-style {
		margin-top: 5% !important;
	}
	
	#panel-4056-5-0-0 .softagram-text {
		margin-bottom: 30px;
	}
	
	.sg-work-img {
		width: 280px;
	}
	
	#pgc-4056-2-1 > .panel-cell-style, 
	#pgc-4056-3-1 > .panel-cell-style, 
	#pgc-4056-4-1 > .panel-cell-style {
		padding-left: 0 !important;
	}
	
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		margin-left: 20px;
    	margin-right: 25px;
	}
	
	#pg-4056-3 .panel-row-style-for-4056-3 {
		display: flex;
    	flex-direction: column-reverse !important;
	}
	
	#panel-4056-2-1-0 .textwidget,
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-4-1-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		text-align: center;
	}
	
	#panel-4056-3-0-1 .widget_text {
		width: 100% !important;
	}
	
	#panel-4056-4-1-0 .softagram-text-title {
		margin-right: 30px;
	}
	
	#pg-4056-7 {
		margin-bottom: 75px !important;
	}
	
	#pg-4056-7 > .panel-row-style-for-4056-7 {
		flex-direction: column;
	}
	
	#pgc-4056-7-0,
	#pgc-4056-7-2 {
		width: 100% !important;
		padding: 0;
	}
	
	#pgc-4056-7-1 {
		display: none;
	}
	
	.break-line-mobile {
		width: 65px;
	}
	
	#pg-4056-8 > .panel-row-style {
		margin-bottom: -4% !important;
	}
	
	#panel-4056-9-0-0, 
	#panel-4056-9-0-2, 
	#panel-4056-9-0-4 {
		padding-top: 50px;
	}
	
	.sg-capterra-img {
		margin-top: 11%;
	}
	
	.sg-capterra-img img {
		width: 35%;
	}
	
	.col-left {
		background-size: 150%;
	}
	
	.col-left > img {
		padding-top: 30px;
	}
	
	#pg-4056-13 {
		width: 95%;
	}
}

@media only screen and (max-width: 767px) {
	#pgc-4056-0-0 {
		position: relative;
	}
	
	#panel-4056-0-0-0 > .panel-widget-style {
		margin-top: 50px !important;
	}
	
	.sg-event-img {
		width: 100%;
	}
	
	.softagram-text-title {
		font-size: 19px;
	}
	
	#pgc-4056-0-1 {
		position: unset;
	}
	
	#panel-4056-0-0-1 > .softagram-text-title,
	#panel-4056-0-0-1 > .softagram-text-title > div {
		width: 100% !important;
		text-align: center;
		margin-top: 5px;
	}
	
	#panel-4056-0-0-2> .panel-widget-style {
		margin: 0 20px 25px 20px !important;
		text-align: center;
	}
	
	#pg-4056-2, #pg-4056-3, #pg-4056-4 {
		width: 100%;
	}
	
	#panel-4056-0-0-0,
	#panel-4056-0-0-1,
	#panel-4056-0-0-2,
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6,
	#panel-4056-0-0-7 {
		position: relative;
		z-index: 1;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6 {
		width: 35%;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-5 {
		margin-left: 15%;
	}
	
	#panel-4056-0-0-4,
	#panel-4056-0-0-6 {
		margin-right: 15%;
	}
	
	#panel-4056-0-0-3 > .panel-widget-style, 
	#panel-4056-0-0-5 > .panel-widget-style {
		margin: 0 !important;
	}
	
	#panel-4056-0-0-7 {
		width: 100%;
		margin-bottom: 12px !important;
	}
	
	.version-control-button {
		width: 170.16px;
		height: 35.4px;
		font-size: 13px;
		margin: auto;
	}
	
	#panel-4056-0-0-7 .version-control-button {
		margin: auto;
	}
	
	.version-control-button-icon {
		width: 26.29px;
		height: 25.64px;
	}
	
	#panel-4056-0-0-8 {
		display: none;
	}
	
	#panel-4056-0-0-9 {
		display: block;
		position: absolute;
		top: -10px;
		width: 100%;
		height: 103%;
		box-shadow: inset 0 0 0 200px rgba(255,255,255,0.8);
	}
	
	#panel-4056-0-0-9:before {
		width: 100%;
		height: 103%;
		background: inherit;
		position: absolute;
		filter: blur(10px);
	}
	
	#panel-4056-0-1-0 .textwidget {
		width: 100%;
    	height: 500px;
	}
	
	.sg-frontpage-img {
		display: block;
    	width: 400%;
		top: 400px;
    	right: 0;
	}
	
	#panel-4056-1-0-0 {
		display: none;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 200px;
	}
	
	#pgc-4056-2-0 > .panel-cell-style, 
	#pgc-4056-4-0 > .panel-cell-style {
		margin-left: 0 !important;
	}
	
	#panel-4056-2-1-0 .softagram-text-title,
	#panel-4056-3-0-0 .softagram-text-title,
	#panel-4056-4-1-0 .softagram-text-title {
		margin-left: 20px;
    	margin-bottom: 5px;
	}
	
	#panel-4056-2-0-0 .textwidget,
	#panel-4056-3-1-0 .textwidget,
	#panel-4056-4-0-0 .textwidget {
		text-align: center;
	}
	
	.sg-work-img {
		width: 280px;
	}
	
	#pgc-4056-2-1 > .panel-cell-style, 
	#pgc-4056-3-1 > .panel-cell-style, 
	#pgc-4056-4-1 > .panel-cell-style {
		padding-left: 0 !important;
	}
	
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		margin-left: 20px;
    	margin-right: 25px;
	}
	
	#pg-4056-3 .panel-row-style-for-4056-3 {
		display: flex;
    	flex-direction: column-reverse !important;
	}
	
	#panel-4056-2-1-0 .textwidget,
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-4-1-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		text-align: center;
	}
	
	#panel-4056-3-0-1 .widget_text {
		width: 100% !important;
	}
	
	#panel-4056-4-1-0 .softagram-text-title {
		margin-right: 30px;
	}
	
	#pg-4056-7 {
		margin-bottom: 75px !important;
	}
	
	.break-line-mobile {
		width: 65px;
	}
	
	#pg-4056-8 > .panel-row-style {
		margin-bottom: -6% !important;
	}
	
	.sg-capterra-img {
		margin-top: 9%;
	}
	
	.sg-capterra-img img {
		width: 40%;
	}
	
	.col-left > img {
		padding-top: 30px;
	}
}

@media only screen and (max-width: 480px) {
	#pgc-4056-0-0 {
		position: relative;
	}
	
/* 	#panel-4056-0-0-0 > .panel-widget-style {
		margin-top: 30px !important;
	} */
	
	.sg-event-img {
		width: 100%;
	}
	
	.softagram-text-title {
		font-size: 19px;
	}
	
 	#pgc-4056-0-1 {
		position: unset;
	}
	

	#panel-4056-0-0-1 > .softagram-text-title,
	#panel-4056-0-0-1 > .softagram-text-title > div {
		width: 100% !important;
		text-align: center;
		margin-top: 5px;
	}
	
 	#panel-4056-0-0-2> .panel-widget-style {
		margin: 0 20px 25px 20px !important;
		text-align: center;
	}
	
	#panel-4056-0-0-0,
	#panel-4056-0-0-1,
	#panel-4056-0-0-2,
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6,
	#panel-4056-0-0-7 {
		position: relative;
		z-index: 1;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6 {
		width: 45%;
	}
	
	#panel-4056-0-0-3,
	#panel-4056-0-0-5 {
		margin-left: 5%;
	}
	
	#panel-4056-0-0-4,
	#panel-4056-0-0-6 {
		margin-right: 5%;
	}
	
	#github-btn,
	#panel-4056-0-0-5 button {
		margin-bottom: 5%;
	}
	
	#panel-4056-0-0-3 > .panel-widget-style, 
	#panel-4056-0-0-5 > .panel-widget-style {
		margin: 0 !important;
	}
	
	#panel-4056-0-0-7 {
		width: 100%;
		margin-bottom: 12px !important;
	}
	
	.version-control-button {
		width: 159.16px;
		height: 35.4px;
		font-size: 13px;
		margin: auto;
	}
	
	#panel-4056-0-0-7 .version-control-button {
		margin: auto;
	}
	
	.version-control-button-icon {
		width: 26.29px;
		height: 25.64px;
	}
	
	#panel-4056-0-0-8 {
		display: none;
	}
	
	#panel-4056-0-0-9 {
		display: block;
		position: absolute;
		top: -10px;
/* 		width: 110%; */
		width: 100%;
		height: 103%;
		box-shadow: inset 0 0 0 200px rgba(255,255,255,0.8);
	}
	
	#panel-4056-0-0-9:before {
		width: 100%;
		height: 103%;
		background: inherit;
		position: absolute;
		filter: blur(10px);
	}
	
	#panel-4056-0-1-0 .textwidget {
		width: 100%;
    	height: 500px;
	}
	
	.sg-frontpage-img {
		display: block;
    	width: 500%;
		top: 400px;
    	right: -35px;
	}
	
	#panel-4056-1-0-0 {
		display: none;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 0px;
	}
	
	#pgc-4056-2-0 > .panel-cell-style, 
	#pgc-4056-4-0 > .panel-cell-style {
		margin-left: 0 !important;
	}
	
	#panel-4056-2-1-0 .softagram-text-title,
	#panel-4056-3-0-0 .softagram-text-title,
	#panel-4056-4-1-0 .softagram-text-title {
		margin-left: 20px;
    	margin-bottom: 5px;
	}
	
	#panel-4056-2-0-0 .textwidget,
	#panel-4056-3-1-0 .textwidget,
	#panel-4056-4-0-0 .textwidget {
		text-align: center;
	}
	
	.sg-work-img {
		width: 280px;
	}
	
	#pgc-4056-2-1 > .panel-cell-style, 
	#pgc-4056-3-1 > .panel-cell-style, 
	#pgc-4056-4-1 > .panel-cell-style {
		padding-left: 0 !important;
	}
	
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		margin-left: 20px;
    	margin-right: 25px;
	}
	
	#pg-4056-3 .panel-row-style-for-4056-3 {
		display: flex;
    	flex-direction: column-reverse !important;
	}
	
	#panel-4056-2-1-0 .textwidget,
	#panel-4056-2-1-1 .textwidget,
	#panel-4056-3-0-0 .textwidget,
	#panel-4056-3-0-1 .textwidget,
	#panel-4056-4-1-0 .textwidget,
	#panel-4056-4-1-1 .textwidget {
		text-align: center;
	}
	
	#panel-4056-3-0-1 .widget_text {
		width: 100% !important;
	}
	
	#panel-4056-4-1-0 .softagram-text-title {
		margin-right: 30px;
	}
	
	/* Section Workflow  */
	#pgc-4056-5-0 {
		display: flex;
		justify-content: center;
		flex-direction: column-reverse;
	}
	
	#panel-4056-5-0-0 .softagram-text {
		font-size: 19px;
		font-weight: 300;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.break-line-mobile {
		height: 3px;
		background: red;
		width: 18%;
		margin: auto;
	}

	#pg-4056-6.panel-has-style > .panel-row-style{
		width: 100%;
	}
	
	#pgc-4056-6-0{
		display: block;
		position: relative;
		background-image: url(/wp-content/uploads/2019/07/workflow-line-mobile.svg);
		background-repeat: no-repeat;
		background-position: 50% 35%;
		height: 432px;
		width: 360px !important;
		margin: auto;
	}
	
	.sg-workflow-item {
		margin: 0;
	}
	
	#panel-4056-6-0-0 .textwidget,
	#panel-4056-6-0-1 .textwidget {
		display: flex;
		flex-direction: column-reverse;
	}
	
	#panel-4056-6-0-0 .sg-workflow-img,
	#panel-4056-6-0-1 .sg-workflow-img,
	#panel-4056-6-0-3 .sg-workflow-img,
	#panel-4056-6-0-4 .sg-workflow-img {
		height: 64.42px;
    	justify-content: unset;
	}
	
	#panel-4056-6-0-0 .sg-workflow-text {
		margin-top: 0px;
		margin-left: 20px;
		text-align: left;
		height: auto;
	}
	
	#panel-4056-6-0-0 .sg-workflow-img {
		margin-left: 20px;
	}
	
	#panel-4056-6-0-0 .sg-workflow-text {
		margin-left: 40px;
	}
	
	#panel-4056-6-0-1 {
		position: absolute;
		top: 32px;
		right: 42%;
	}
	
	#panel-4056-6-0-1 .sg-workflow-text {
		width: 78px;
		text-align: center;
		margin-left: 4px;
		height: auto;
	}
	
	#panel-4056-6-0-2 {
		margin-top: -8px;
	}
	
	#panel-4056-6-0-2 .textwidget {
		display: flex;
		flex-direction: column-reverse;
		position: relative;
	}
	
	#panel-4056-6-0-2 .sg-workflow-img {
		height: 160.24px;
		justify-content: flex-end;
		margin-top: 40px;
	}
	
	#panel-4056-6-0-2 .sg-workflow-text {
		margin-top: 0px;
		text-align: right;
		height: auto;
		position: absolute;
		top: 50%;
		margin-left: 10px;
	}
	
	#panel-4056-6-0-3 .textwidget,
	#panel-4056-6-0-4 .textwidget {
		display: flex;
		flex-direction: column;
	}
	
	#panel-4056-6-0-3 {
		margin-top: 18px;
		margin-left: 130px;
	}
	
	#panel-4056-6-0-3 .sg-workflow-text,
	#panel-4056-6-0-4 .sg-workflow-text {
		margin-top: 0px;
		text-align: left;
		height: auto;
	}
	
	#panel-4056-6-0-4 {
		margin-top: -58px;
		margin-left: 20px;
	}
	
	#pg-4056-7 {
		margin-bottom: 50px !important;
	}
	
	.workflow--btn__group {
		margin-top: 0 !important;
	}
	
	.workflow--btn {
		padding: 0;
		width: 284.22px;
		height: 39.52px;
	}
	
	#pgc-4056-7-0 {
		margin-bottom: 31.5px !important;
	}
	
	#panel-4056-7-0-0 .widget_text,
	#panel-4056-7-2-0 .widget_text {
		width: 100%;
		text-align: center;
	}

	/* Section Testimony */
	#pgc-4056-9-0 {
		height: 262px;
	}
	
	.sg-testimony-img {
		width: 62.8px;
	}
	
	.sg-testimony-img img {
		width: 100%;
	}
	
	#pg-4056-8 > .panel-row-style {
		margin-bottom: -9% !important;
	}
	
	#panel-4056-8-0-0 > .panel-widget-style {
		margin: -5px 0 0 0 !important;
	}
	
	.panel-row-style-for-4056-9 {
		padding: 0 20px;
	}
	
	#pgc-4056-9-0 {
		margin: 0;
	}
	
	#pg-4056-9 > .panel-row-style {
		margin-left: 0 !important;
		width: auto !important;
	}
	
	#panel-4056-9-0-0,
	#panel-4056-9-0-2,
	#panel-4056-9-0-4 {
		padding-top: 40px;
	}
	
	#pgc-4056-9-0 > *:nth-child(even) {
		padding-bottom: 60px;
	}
	
	.sg-capterra-img {
		margin-top: 0;
	}
	
	.sg-capterra-img img {
		width: 70%;
	}
	
	#pg-4056-10> .panel-row-style {
		margin-top: -22% !important;
	}
	
	/* Form	*/
	.widget_sg_form_widget {
		margin: 0 20px;
	}
	
	.section-form {
		width: 100%;
		height: auto;
		background: unset;
		box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.16);
	}
	
	.form--container {
		flex-direction: column-reverse;
	}
	
	.col-left {
		display: block;
		width: 100%;
		background-image: url(/wp-content/uploads/2019/09/sg-sign-up-form-bg.jpg);
		background-repeat: no-repeat;
		background-size: 300%;
		background-position: center bottom;
		position: relative;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		z-index: 0;
		margin-top: 0;
	}
	
	.col-left > img {
		padding-top: 50px;
    	width: 247.94px;
		display:none;
	}
	
	.form--btn__group {
		margin-top: 110px;
	}
	
	.form--contact__group {
		margin: 0 0 30px 0;
	}
	
	.col-right {
		width: 100%;
		display: block;
		margin: 0 0 20px 0;
	}
	
	.sg-sign-up-form .message > textarea {
		width: 94%;
	}
	
	.submit-btn {
		margin-bottom: 25px;
	}
	
	#sg-logo > .logoimga > img {
		width: 180px;
		height: 15px;
	}

	.toggle_btn{
		width: 25px;
		height: 23px;
	}
}

@media only screen and (max-width: 320px) {
	#panel-4056-0-0-3,
	#panel-4056-0-0-4,
	#panel-4056-0-0-5,
	#panel-4056-0-0-6,
	#panel-4056-0-0-7 {
		width: 100%;
		display: block;
		margin: auto;
	}
	
	.version-control-button {
		margin-bottom: 2% !important;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: -130px;
	}
	
	.sg-frontpage-img {
		top: 500px;
	}
	
	#pgc-4056-6-0 {
		width: 320px !important;
		height: auto;
		background: unset;
	}
	
	#panel-4056-6-0-1 {
		position: unset;
	}
	
	#panel-4056-6-0-3,
	#panel-4056-6-0-4 {
		margin: 0;
	}
	
	#panel-4056-6-0-0 .sg-workflow-img,
	#panel-4056-6-0-1 .sg-workflow-img,
	#panel-4056-6-0-2 .sg-workflow-img,
	#panel-4056-6-0-3 .sg-workflow-img,
	#panel-4056-6-0-4 .sg-workflow-img {
		margin: auto;
	}
	
	#panel-4056-6-0-0 .sg-workflow-text,
	#panel-4056-6-0-1 .sg-workflow-text,
	#panel-4056-6-0-2 .sg-workflow-text,
	#panel-4056-6-0-3 .sg-workflow-text,
	#panel-4056-6-0-4 .sg-workflow-text {
		margin: 2% auto;
	}
	
	#panel-4056-6-0-2 .sg-workflow-img {
		width: 150px;
		margin-top: -25px;
		margin-bottom: -25px;
	}
	
	#panel-4056-6-0-2 .sg-workflow-text {
		position: unset;
		text-align: center;
		margin-top: 5%;
	}
	
	#panel-4056-6-0-3 .textwidget, 
	#panel-4056-6-0-4 .textwidget {
		flex-direction: column-reverse;
	}
	
	.workflow--btn__group {
		margin-top: 5% !important;
	}
	
	.panel-row-style-for-4056-9 {
		padding: 0 5%;
/* 		margin-left: calc(50% - 50vw) !important; */
	}
	
	.sg-testimony-img {
		width: 56px;
	}
	
	/* TODO: Blog List, need to set when put blog list to anywhere */
	#pg-4056-13 {
		width: 320px;
		margin: auto;
	}
}

/* Desktop View */
/*  GO FULL WIDTH > 1366px */
@media only screen and (min-width: 1366px) {
	/* Header */
	.menu-header {
		/*width: 630px; /* Muutos 590 -> 630 menuitemin lisaamisen takia */
		float: right;
	}
	
	.fill-bg {
		display: block;
		background: #ffffff;
		width: 598px;
		height: 46px;
		right: -50vw;
		position: absolute;
		
	}
	
	.sg-frontpage-img {
		right: -21%;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 250px;
	}	
	
	#pg-4056-1 {
/*     	top: 1315px; */
		top: 1300px;
	}
	
	.panel-row-style-for-4056-4 {
		margin-top: 0px !important;
	}
	
	.panel-row-style-for-4056-3 {
		margin-top: 25px !important;
	}
	
	#pgc-4056-3-1 .sg-work-img {
		width: 120%;
	}
	
	#pg-4056-5 > .panel-row-style {
		margin-top: 10% !important;
		background: #ffffff;
	}
	
	.panel-row-style-for-4056-9 {
		height: 467px;
	}
	
	#pgc-4056-9-0 {
		height: auto;
		width: 1100px !important;
		margin: auto;
	}
	
	#pgc-4056-9-0 > *:nth-child(even) {
		align-self: unset;
		margin-top: 100px;
	}
	
	/* Blog List */
	.blog-list {
		width: 1078px;
		margin: auto;
	}
	
	.blog-list .slick-slide {
		border-radius: 30px;
		box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.19);
		margin: 30px !important;
	}

	footer {
		margin-top: 130px;
	}
	
	@-moz-document url-prefix() {
		#pg-4056-1 {
			top: 1270px;
		}
	}
	
	/* Desktop */
	#pl-6095 {
		width: 1200px;
		margin: auto;
	}
	
	.sg-desktop-title {
		width: 70%;
	}
}

/*  GO FULL WIDTH > 1536px */
@media only screen and (min-width: 1536px) {
	#panel-4056-0-0-4, #panel-4056-0-0-6 {
		margin-right: 200px;
	}
	
	.sg-frontpage-img {
		right: -11%;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 280px;
	}
	
	#pg-4056-5 > .panel-row-style {
		margin-top: 8% !important;
	}
	
	#pg-4056-6 {
		margin-top: 2%;
	}
	
	#pg-4056-7 {
		margin-bottom: 5%;
	}
	
	#pg-4056-7> .panel-row-style {
		margin-bottom: 5rem !important;
	}
	
	#pgc-4056-9-0 {
		margin: 8% 8.4665% 10% 8.4666%;
	}
	
	#pg-4056-10> .panel-row-style {
		margin-top: -10% !important;
	}
	
	@-moz-document url-prefix() {
		#pg-4056-1 {
			top: 1330px;
		}
	}
	
	/* Open Source Page */
	#pl-5961 {
		width: 1200px;
		margin: auto;
	}
}

@media only screen and (min-width: 1600px) {
	#panel-4056-0-0-8 {
		margin-top: 10%;
		margin-bottom: 5% !important;
	}
	
	#pg-4056-1 {
/* 		top: 1370px; */
		top: 1350px;
	}
	
	.panel-row-style-for-4056-9 {
		justify-content: center !important;
	}
	
	.sg-capterra-img img {
		margin-top: -1%;
		width: 35%;
	}
	
	@-moz-document url-prefix() {
		#pg-4056-1 {
			top: 1325px;
		}
	}
}

/*  GO FULL WIDTH > 1920px */
@media only screen and (min-width: 1920px) {	
	.sg-frontpage-img {
		right: -13.5%;
	}
	
	.slide_1, .slide_2 {
		padding-right: 370px;
	}
	
	#pg-4056-1 {
		top: 1335px;
	}
	
	#pg-4056-2 .panel-row-style-for-4056-2 {
		margin-top: 210px;
	}
	
	#pg-4056-5 > .panel-row-style {
		margin-top: 8% !important;
	}
	
	#pg-4056-8 > .panel-row-style {
		margin-bottom: -6% !important;
	}
	
	.sg-capterra-img img {
		width: 30%;
		margin-top: 0.5%;
	}
	
	.sg-opensource-video .textwidget {
		text-align: right;
	}
	
	.sg-opensource-video iframe {
		width: 667px;
		height: 379px;
	}
	
	#pg-w5d55472bd4432-0,
	.sg-opensource-usecase-2  {
		justify-content: left !important;
	}
	
	#pgc-w5d55472bd4432-0-0, 
	#pgc-w5d55472bd4432-0-1, 
	#pgc-w5d55472bd4432-1-0, 
	#pgc-w5d55472bd4432-1-1 {
		width: 294px !important;
	}
	
	#panel-5961-1-1-0 {
		margin-left: auto;
	}
	
	.sg-opensource-usecase-title {
		width: 100%;
	}
	
	.sg-analytics-row-2 {
		margin-top: 72px;
	}
	
	.sg-analytics-note {
		margin: 72px 0 94.6px 0;
	}
	
	@-moz-document url-prefix() {
		#pg-4056-1 {
			top: 1300px;
		}
	}
}

/*.page-id-7017 body {
    margin: 300px;
}*/



/* VL Undo style.min.css from block-library */
html :where(img) {
    height: auto;
    max-width: none;
}


.sglink {
  font-weight: 500;
  color: #e5242d;
}