/*

Table Of Contents

1.)  Default Styles
2.)  Header - Main
3.)  Content - Main (Home Page)
4.)  Footer - Main
5.)  Inner - Pages

===============================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /*font-family: 'Poppins', sans-serif;*/


@font-face {
    font-family: 'aribau_grotesk_trialbold';
    src: url('../woff2/aribaugrotesktrial-bd-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialblack';
    src: url('../woff2/aribaugrotesktrial-blk-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-blk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_triallight';
    src: url('../woff2/aribaugrotesktrial-lt-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialmedium';
    src: url('../woff2/aribaugrotesktrial-md-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-md-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trial_rgRg';
    src: url('../woff2/aribaugrotesktrial-rg-1-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-rg-1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialthin';
    src: url('../woff2/aribaugrotesktrial-th-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-th-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialXLt';
    src: url('../woff2/aribaugrotesktrial-xlt-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-xlt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialRgIt';
    src: url('../woff2/aribaugrotesktrial-rgit-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-rgit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialBlkIt';
    src: url('../woff2/aribaugrotesktrial-blkit-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-blkit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aribau_grotesk_trialBdIt';
    src: url('../woff2/aribaugrotesktrial-bdit-webfont.woff2') format('woff2'),
         url('../woff/aribaugrotesktrial-bdit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(../woff2/beatrice-bolditalic.woff2) format("woff2"),
		 url(../woff/beatrice-bolditalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../woff2/beatrice-bold.woff2) format("woff2"),
		 url(../woff/beatrice-bold.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 900;
	font-display: swap;
	src: url(../woff2/beatrice-extrabolditalic.woff2) format("woff2"),
		 url(../woff/beatrice-extrabolditalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(../woff2/beatrice-extrabold.woff2) format("woff2"),
		 url(../woff/beatrice-extrabold.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url(../woff2/beatrice-lightitalic.woff2) format("woff2"),
		 url(../woff/beatrice-lightitalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../woff2/beatrice-light.woff2) format("woff2"),
		 url(../woff/beatrice-light.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url(../woff2/beatrice-mediumitalic.woff2) format("woff2"),
		 url(../woff/beatrice-mediumitalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../woff2/beatrice-medium.woff2) format("woff2"),
		 url(../woff/beatrice-medium.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(../woff2/beatrice-regularitalic.woff2) format("woff2"),
		 url(../woff/beatrice-regularitalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../woff2/beatrice-regular.woff2) format("woff2"),
		 url(../woff/beatrice-regular.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url(../woff2/beatrice-semibolditalic.woff2) format("woff2"),
		 url(../woff/beatrice-semibolditalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(../woff2/beatrice-semibold.woff2) format("woff2"),
		 url(../woff/beatrice-semibold.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url(../woff2/beatrice-thinitalic.woff2) format("woff2"),
		 url(../woff/beatrice-thinitalic.woff) format("woff")
}

@font-face {
	font-family: "Beatrice";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(../woff2/beatrice-thin.woff2) format("woff2"),
		 url(../woff/beatrice-thin.woff) format("woff")
}

@font-face {
	font-family: "Sharp Sans";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(../woff2/sharpsans-bolditalic.woff2) format("woff2"),
		 url(../woff/sharpsans-bolditalic.woff) format("woff")
}

@font-face {
	font-family: "Sharp Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../woff2/sharpsans-bold.woff2) format("woff2"),
		 url(../woff/sharpsans-bold.woff) format("woff")
}

@font-face {
	font-family: "Sharp Sans";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url(../woff2/sharpsans-mediumitalic.woff2) format("woff2"),
		 url(../woff/sharpsans-mediumitalic.woff) format("woff")
}

@font-face {
	font-family: "Sharp Sans";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../woff2/sharpsans-medium.woff2) format("woff2"),
		 url(../woff/sharpsans-medium.woff) format("woff")
}

@font-face {
	font-family: "Sharp Sans";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url(../woff2/sharpsans-semibolditalic.woff2) format("woff2"),
		 url(../woff/sharpsans-semibolditalic.woff) format("woff")
}

@font-face {
	font-family: "Sharp Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(../woff2/sharpsans-semibold.woff2) format("woff2"),
		 url(../woff/sharpsans-semibold.woff) format("woff")
}



/*
 1.) Default Styles
----------------------------------------*/


* {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}


*, 
*:before, 
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, 
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size: 20px;
}

sub {
	bottom: -0.25em;
}

img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height: .5em;
}


::-moz-selection { /* Code for Firefox */
  background: #1E4557;
    color: #fff;
}

::selection {
  background: #1E4557;
    color: #fff;
}



/*  Custom animations
-------------------------------------------------- */

@-webkit-keyframes reveal {
 0% {
 opacity: 0;
}

1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}

80% {
 -webkit-transform: scale(1);
}

100% {
 -webkit-transform: translateY(0);
}
}

@-moz-keyframes reveal {
 0% {
 opacity: 0;
}

1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}

80% {
 -moz-transform: scale(1);
}

100% {
 -moz-transform: translateY(0);
}
}


/* #Basic Styles
================================================== */


body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-style: normal;
	font-size: 17px;
	color: #333333;
	line-height:1.4em; 
	background: #ffffff;
	margin: 0;
	padding: 0;
}



/* #Links
================================================== */

a { 
	color: #00BAF1;	
	cursor: pointer;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
	color: #1E4557;
	text-decoration: underline;	
}

a:visited {
	outline: 0;
}

a[href^="tel:"], 
a[href^="fax:"] {
	color: #00BAF1;
	text-decoration: underline;
}

a:hover[href^="tel:"], 
a:focus[href^="tel:"], 
a:hover[href^="fax:"],
a:focus[href^="fax:"] {
	color: #1E4557;
	text-decoration: underline;
}

/* #Links
================================================== */



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: "aribau_grotesk_trialblack", sans-serif;
	padding-bottom: 20px;
    font-weight: 700;
    color: #333;
}



p {
    font-size: 17px;
    padding: 0 0 20px 0;
    line-height: 1.4em; 
    color: #333333;
}

p strong { 
	font-family: "aribau_grotesk_trialbold", sans-serif;
    letter-spacing: normal
}

p a {
	text-decoration: none
}

p a:hover {
	text-decoration: underline
}

p:last-child {
	padding-bottom: 0;
}


h1,
.h1 { 
    font-size:45px;
    line-height: 56px;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
}

h2,
.h2 {
	font-size: 44px; 
	line-height: 1.2em;
    font-family: "Poppins", sans-serif;
    font-weight: 900
}




h3,
.h3 {
	font-size: 24px;
	line-height:1.4em;
}

h3.light {
    font-weight: 500;
    text-align: center
    

}


h4,
.h4,
h5,
.h5 {
	font-size: 18px;
	line-height: 28px; 
}


h4 span {
    color: #666;
    font-weight: 500;
    font-size: 14px;
}


h6,
.h6{
	font-size: 18px;
	line-height: 24px;
}




h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
	font-weight: inherit;
	font-style: inherit;
	color: inherit;
	text-decoration: none;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover {
	color: #00BAF1;
	text-decoration: underline;
}

h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
	padding-bottom: 0;
}


strong,
b {
	font-weight: 900;
    color: #333;
}

em, 
i { 
	font-style: italic; 
}

em.fal,
em.far,
em.fas,
em.fab {
	font-style: normal; 
}


@media only screen and (max-width: 1399px) {
h1,
.h1 { 
    font-size:43px;
    line-height: 1.3em;
    font-family: "Poppins", sans-serif;
    padding-right: 20px;
}
    
    h2,
.h2 {
	font-size: 42px; 
	line-height: 1.2em;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
}
    
    h3,
.h3 {
	font-size: 26px;
	line-height: 1.4em;
}
    
}


@media (max-width: 1199px) {
h1,
.h1 { 
	font-size: 36px; 
	line-height: 40px; 
}

h2,
.h2 {
	font-size: 36px; 
	line-height:1.2em; 
}

h3,
.h3 {
	font-size: 20px;
	line-height: 26px;
}

h4,
.h4,
h5,
.h5 {
	font-size: 18px;
	line-height: 24px; 
}
}



@media (max-width: 767px) {
h1,
.h1 { 
	font-size: 30px; 
	line-height: 38px; 
}
    

h2,
.h2 {
	font-size: 30px; 
	line-height:1.3em; 
}
    
}





blockquote {
	width: 100%;
	float: left;
	font-weight: 400;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 36px;
	color: #fff;
	line-height: 44px;
	text-transform: none;
	text-align: center;
	background: #00BAF1;
	border: none;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	padding: 5%;
	margin: 10px 0 30px 0
}
@media (max-width:991px) {
    blockquote {
	font-size: 30px;
	line-height: 36px
}
}


@media (max-width:767px) {
blockquote {
	font-size: 22px;
	line-height: 26px;
	padding: 7%;
	margin: 10px 0 23px 0
}
}



ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;

}
li {
	position: relative;
	padding: 0 0 18px 19px;
	margin: 0;
}

li strong {
font-family: "aribau_grotesk_trialbold", sans-serif;
    font-weight: normal
}


li:last-child {
	padding-bottom: 30px
}
li ol:last-child li:last-child, li ul:last-child li:last-child {
	padding-bottom: 0
}
@media (max-width:767px) {
li {
	padding: 0 0 13px 16px
}
li:last-child {
	padding-bottom: 25px
}
}
ol {
	counter-reset: item
}
ol>li {
	counter-increment: item
}
ol>li:before {
	content: counter(item) ".";
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	color: #333333;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0
}
ol>li:nth-child(n+10):before {
	left: -10px
}
ol>li:nth-child(n+100):before {
	left: -20px
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
	-webkit-appearance: value;
	-moz-appearance: value;
}
input, select, textarea {
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-ms-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-weight: 400;
}
label {
	width: 100%;
	float: left;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-weight: 400;
	color: #161613;
	line-height: 22px;
	text-transform: none;
	padding: 0 0 10px 0;
	margin: 0;
    font-weight: 400;
}
.req {
	color: red
}
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
	width: 100%;
	height: 42px;
	float: left;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 16px;
	color: #161613;
	line-height: 20px;
	background: #fff;
	border: 1px solid #B9B9B9;
	border-radius: 0;
	outline: 0;
	position: relative;
	padding: 12px 15px;
	margin: 0;
    font-weight: 400;
}
textarea {
	height: 160px;
	padding: 10px 15px;
	outline: 0;
	resize: none;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
    font-weight: 400;
    font-size: 16px;
}
select {
	background-image: url(../png/arrow-down-select.png);
	background-size: 23px auto;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-weight: 400;
}
select::-ms-expand {
display:none
}
select.colorize option:not([disabled]) {
	color: #d44633
}
select.colorize option.def:not([disabled]), select.colorize.empty:not([disabled]) {
	color: #999
}
::placeholder {
color:#999
}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {
color:#666;
font-size:15px;
    letter-spacing: 0.04em;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
::-ms-input-placeholder {
color:#999
}
.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
	border: 1px solid #ff0000;
	outline: 0
}




/* #Buttons
================================================== */

/* Custom - Select */


button {
	background: none;
	border: none;
	box-shadow: none;
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
}

button:hover,
button:focus,
button:active,
button:active:focus,
button.active,
button.active:focus {
	outline: 0;
}



.btn,
input[type="button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
    font-family: "poppins", sans-serif;
	font-size: 17px;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	background: #00BAF1;
	border-radius: 8px;
	border: none;	
	box-shadow: none;
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 12px 30px 13px 30px;
	margin: 0;
}


.btn .inn { 
	float: none;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: relative;
    
}

.btn .inn:after {
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: 1px 0 -1px 0;
	opacity: 0;
	visibility: hidden;
}

.btn:before {
	content: "";
	width: 0;
	height: 100%;
	float: left;
	background: #1E4557;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active, 
.button:not(:disabled):not(.disabled):active {
	color: #ffffff;
	text-decoration: none;
	box-shadow: none; 
	outline: 0;
    background: #1E4557;
}

input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus {
	background: #1E4557;
}

.btn:hover:before,
.btn:focus:before,
.btn:active:before,
.btn:active:focus:before,
.btn.active:before,
.btn.active:focus:before {
	width: 100%;
}

.btn:hover .inn,
.btn:focus .inn,
.btn:active .inn,
.btn:active:focus .inn,
.btn.active .inn,
.btn.active:focus .inn {
	padding-right: 24px;
	margin-left: -12px;
	margin-right: -12px;
}

.btn:hover .inn:after,
.btn:focus .inn:after,
.btn:active .inn:after,
.btn:active:focus .inn:after,
.btn.active .inn:after,
.btn.active:focus .inn:after {
	opacity: 1;
	visibility: visible;
}


.btn-out {
	width: 100%;
	float: left;
}


.btn-blank, 
input.btn-blank[type="button"], 
input.btn-blank[type="submit"] {
	color: #00BAF1;
	background: #fff;
	box-shadow: inset #00BAF1 0 0 0 1px;
}

.btn-blank::before {
	background: #1E4557; 
}



.btn-blank:hover, 
.btn-blank:focus, 
.btn-blank:active, 
.btn-blank:active:focus, 
.btn-blank.active, 
.btn-blank.active:focus,
input.btn-blank[type="button"]:hover, 
input.btn-blank[type="button"]:focus, 
input.btn-blank[type="button"]:active, 
input.btn-blank[type="button"]:active:focus, 
input.btn-blank[type="button"].active, 
input.btn-blank[type="button"].active:focus, 
input.btn-blank[type="submit"]:hover, 
input.btn-blank[type="submit"]:focus, 
input.btn-blank[type="submit"]:active, 
input.btn-blank[type="submit"]:active:focus, 
input.btn-blank[type="submit"].active, 
input.btn-blank[type="submit"].active:focus,
.btn-blank:not(:disabled):not(.disabled).active, 
.button.btn-blank:not(:disabled):not(.disabled):active { 
	color: #ffffff;
	box-shadow: inset #1E4557 0 0 0 1px;
}


input.btn-blank[type="button"]:hover, 
input.btn-blank[type="button"]:focus, 
input.btn-blank[type="button"]:active, 
input.btn-blank[type="button"]:active:focus, 
input.btn-blank[type="button"].active, 
input.btn-blank[type="button"].active:focus, 
input.btn-blank[type="submit"]:hover, 
input.btn-blank[type="submit"]:focus, 
input.btn-blank[type="submit"]:active, 
input.btn-blank[type="submit"]:active:focus, 
input.btn-blank[type="submit"].active, 
input.btn-blank[type="submit"].active:focus {
	background: #1E4557;
}



.disabled {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	opacity: .65;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.btn-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 10px -10px -20px -10px;
}

.btn-wrap .btn {
	float: left;
	margin: 0 10px 20px 10px;
} 









.slidingVertical {
	display: inline;
	text-indent: 0
}
.slidingVertical span {
	animation: topToBottom 12.5s linear infinite 0s;
	-ms-animation: topToBottom 12.5s linear infinite 0s;
	-webkit-animation: topToBottom 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	line-height: 1.2em
}
.slidingVertical span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.slidingVertical span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.slidingVertical span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.slidingVertical span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes topToBottom {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:translateY(-50px)
}
10% {
opacity:1;
-moz-transform:translateY(0)
}
25% {
opacity:1;
-moz-transform:translateY(0)
}
30% {
opacity:0;
-moz-transform:translateY(50px)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes topToBottom {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:translateY(-50px)
}
10% {
opacity:1;
-webkit-transform:translateY(0)
}
25% {
opacity:1;
-webkit-transform:translateY(0)
}
30% {
opacity:0;
-webkit-transform:translateY(50px)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes topToBottom {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:translateY(-50px)
}
10% {
opacity:1;
-ms-transform:translateY(0)
}
25% {
opacity:1;
-ms-transform:translateY(0)
}
30% {
opacity:0;
-ms-transform:translateY(50px)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.slidingHorizontal {
	display: inline;
	text-indent: 8px
}
.slidingHorizontal span {
	animation: leftToRight 12.5s linear infinite 0s;
	-ms-animation: leftToRight 12.5s linear infinite 0s;
	-webkit-animation: leftToRight 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute
}
.slidingHorizontal span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.slidingHorizontal span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.slidingHorizontal span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.slidingHorizontal span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes leftToRight {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:translateX(-50px)
}
10% {
opacity:1;
-moz-transform:translateX(0)
}
25% {
opacity:1;
-moz-transform:translateX(0)
}
30% {
opacity:0;
-moz-transform:translateX(50px)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes leftToRight {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:translateX(-50px)
}
10% {
opacity:1;
-webkit-transform:translateX(0)
}
25% {
opacity:1;
-webkit-transform:translateX(0)
}
30% {
opacity:0;
-webkit-transform:translateX(50px)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes leftToRight {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:translateX(-50px)
}
10% {
opacity:1;
-ms-transform:translateX(0)
}
25% {
opacity:1;
-ms-transform:translateX(0)
}
30% {
opacity:0;
-ms-transform:translateX(50px)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.fadeIn {
	display: inline;
	text-indent: 8px
}
.fadeIn span {
	animation: fadeEffect 12.5s linear infinite 0s;
	-ms-animation: fadeEffect 12.5s linear infinite 0s;
	-webkit-animation: fadeEffect 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute
}
.fadeIn span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.fadeIn span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.fadeIn span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.fadeIn span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes fadeEffect {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:translateY(0)
}
10% {
opacity:1;
-moz-transform:translateY(0)
}
25% {
opacity:1;
-moz-transform:translateY(0)
}
30% {
opacity:0;
-moz-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes fadeEffect {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:translateY(0)
}
10% {
opacity:1;
-webkit-transform:translateY(0)
}
25% {
opacity:1;
-webkit-transform:translateY(0)
}
30% {
opacity:0;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes fadeEffect {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:translateY(0)
}
10% {
opacity:1;
-ms-transform:translateY(0)
}
25% {
opacity:1;
-ms-transform:translateY(0)
}
30% {
opacity:0;
-ms-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.verticalFlip {
	display: inline;
	text-indent: 8px
}
.verticalFlip span {
	animation: vertical 12.5s linear infinite 0s;
	-ms-animation: vertical 12.5s linear infinite 0s;
	-webkit-animation: vertical 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute
}
.verticalFlip span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.verticalFlip span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.verticalFlip span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.verticalFlip span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes vertical {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:rotateX(180deg)
}
10% {
opacity:1;
-moz-transform:translateY(0)
}
25% {
opacity:1;
-moz-transform:translateY(0)
}
30% {
opacity:0;
-moz-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes vertical {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:rotateX(180deg)
}
10% {
opacity:1;
-webkit-transform:translateY(0)
}
25% {
opacity:1;
-webkit-transform:translateY(0)
}
30% {
opacity:0;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes vertical {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:rotateX(180deg)
}
10% {
opacity:1;
-ms-transform:translateY(0)
}
25% {
opacity:1;
-ms-transform:translateY(0)
}
30% {
opacity:0;
-ms-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.horizontalFlip {
	display: inline;
	text-indent: 8px
}
.horizontalFlip span {
	animation: horizontal 12.5s linear infinite 0s;
	-ms-animation: horizontal 12.5s linear infinite 0s;
	-webkit-animation: horizontal 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute
}
.horizontalFlip span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.horizontalFlip span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.horizontalFlip span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.horizontalFlip span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes horizontal {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:rotateY(180deg)
}
10% {
opacity:1;
-moz-transform:translateX(0)
}
25% {
opacity:1;
-moz-transform:translateX(0)
}
30% {
opacity:0;
-moz-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes horizontal {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:rotateY(180deg)
}
10% {
opacity:1;
-webkit-transform:translateX(0)
}
25% {
opacity:1;
-webkit-transform:translateX(0)
}
30% {
opacity:0;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes horizontal {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:rotateY(180deg)
}
10% {
opacity:1;
-ms-transform:translateX(0)
}
25% {
opacity:1;
-ms-transform:translateX(0)
}
30% {
opacity:0;
-ms-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.antiClock {
	display: inline;
	text-indent: 8px
}
.antiClock span {
	animation: anti 12.5s linear infinite 0s;
	-ms-animation: anti 12.5s linear infinite 0s;
	-webkit-animation: anti 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute
}
.antiClock span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.antiClock span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.antiClock span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.antiClock span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes anti {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:rotateX(180deg)
}
10% {
opacity:1;
-moz-transform:translateY(0)
}
25% {
opacity:1;
-moz-transform:translateY(0)
}
30% {
opacity:0;
-moz-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes anti {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:rotate(180deg)
}
10% {
opacity:1;
-webkit-transform:translateY(0)
}
25% {
opacity:1;
-webkit-transform:translateY(0)
}
30% {
opacity:0;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes anti {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:rotate(180deg)
}
10% {
opacity:1;
-ms-transform:translateY(0)
}
25% {
opacity:1;
-ms-transform:translateY(0)
}
30% {
opacity:0;
-ms-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.clockWise {
	display: inline;
	text-indent: 8px
}
.clockWise span {
	animation: clock 12.5s linear infinite 0s;
	-ms-animation: clock 12.5s linear infinite 0s;
	-webkit-animation: clock 12.5s linear infinite 0s;
	color: #00BAF1;
	opacity: 0;
	overflow: hidden;
	position: absolute
}
.clockWise span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}
.clockWise span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s
}
.clockWise span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s
}
.clockWise span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s
}
@-moz-keyframes clock {
0% {
opacity:0
}
5% {
opacity:0;
-moz-transform:rotate(-180deg)
}
10% {
opacity:1;
-moz-transform:translateX(0)
}
25% {
opacity:1;
-moz-transform:translateX(0)
}
30% {
opacity:0;
-moz-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes clock {
0% {
opacity:0
}
5% {
opacity:0;
-webkit-transform:rotate(-180deg)
}
10% {
opacity:1;
-webkit-transform:translateX(0)
}
25% {
opacity:1;
-webkit-transform:translateX(0)
}
30% {
opacity:0;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes clock {
0% {
opacity:0
}
5% {
opacity:0;
-ms-transform:rotate(-180deg)
}
10% {
opacity:1;
-ms-transform:translateX(0)
}
25% {
opacity:1;
-ms-transform:translateX(0)
}
30% {
opacity:0;
-ms-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0
}
}

.hero .slide-caption>div.slide-title * {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.hero .hero-slider .slick-current .slide-caption>div.slide-title * {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}









/*= Owl Slider - Main
================================================== */

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	width: 100%;
	display: inline-block;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}


/* No Js */
.no-js .owl-carousel {
	display: block;
}


/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


/* Owl Carousel - Auto Height Plugin */
.owl-height {
	transition: height 500ms ease-in-out;
}


/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}


/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	/*background: url("owl.video.play.png") no-repeat;*/
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}


/* Previous and Next */
.owl-nav button {
	width: 36px;
	height: 36px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	font-weight: inherit;
	font-size: 16px;
	color:  #1E4557;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	background: none;
	box-shadow: none; 
	border: 1px solid #1E4557;
	border-radius: 100%;
	position: absolute;
	top: 50%;	
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	z-index: 2;
	outline: 0;
	padding: 2px 0 0 0;
	margin: 0;
}

.owl-nav button:hover,
.owl-nav button:focus,
.owl-nav button:active {
	color: #ffffff;
	background: #1E4557;
	outline: 0;
}

.owl-nav button.owl-prev {
	left: 0;
}

.owl-nav button.owl-next {
	right: 0;
}

.owl-nav button.disabled {
	cursor: default;
	pointer-events: none;
}

.owl-nav button.disabled:hover,
.owl-nav button.disabled:focus,
.owl-nav button.disabled:active {
	opacity: 1;
}

.owl-nav.disabled {
	display: none;
}


/*= Bullets */
.owl-dots {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: .5em;
	margin: 32px 0 0 0;
}

.owl-dots button.owl-dot {
	width: 14px;
	height: 14px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background: none; 
	border: 1px solid #1E4557;
	box-shadow: none; 
	border-radius: 360px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out; 
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: 0 5px;
}

.owl-dots button.owl-dot:hover,
.owl-dots button.owl-dot:focus {
	background: #1E4557; 
}

.owl-dots button.owl-dot:active,
.owl-dots button.owl-dot.active {
	background: #1E4557; 
}

.owl-dots.disabled {
	display: none;
}







/*= Container - Main
================================================== */


.container-main {
	width: 100%;
	min-height: 100vh;
	float: left;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
    margin-top: -6px;
}

.container {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 30px;
}


@media only screen and (max-width:1399px) {
.container {
	max-width: 1240px;
	padding: 0 30px;
}
}



@media only screen and (max-width: 767px) {
.container {
	max-width: 600px;
	padding: 0 25px;
}
}
    
   


/* Read - More */
.read-more {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.read-more a {
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	font-size: 15px;
	color: #00BAF1;
	line-height: 19px;
	text-decoration: underline;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
    
}

.read-more a:after {
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: 1px 0 -1px 0;
	opacity: 0;
	visibility: hidden;
}

.read-more a:hover,
.read-more a:focus,
.read-more a:active {
	color: #00BAF1;
	text-decoration: underline;
	padding-right: 24px;
	margin-right: -24px;
}

.read-more a:hover:after,
.read-more a:focus:after,
.read-more a:active:after {
	opacity: 1;
	visibility: visible;
}





.breadcrumb {
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	overflow: hidden;
	padding: 0 0 30px 5px;
}

.breadcrumb:last-child {
	margin-bottom: 0;
}

.breadcrumb a {
	font-weight: inherit;
	color: #999;
	text-decoration: none;
	position: relative;
	padding-right: 12px;
	margin-right: 5px;
}

.breadcrumb a:after {
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	font-size: 80%;
	line-height: 1em;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin-top: -1px;
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	color: #00BAF1;
    text-decoration: none;
}





.main-content {
	width: 100%;
	float: left
}
.main-content-inner {
	width: 100%;
	float: left;
	padding: 100px 0 0 0;
}

@media only screen and (max-width:1399px) {
.main-content-inner {
	padding: 79px 0 0 0
}
}


.main-content-inner h3.lrg {
	margin-bottom: 20px
}






.section {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 20px 0 50px 0;
    margin-top: 20px
}

.section h3 {
	padding: 15px 10px 15px 10px;
	background: #fff;
	margin-top: 15px;
    margin-bottom: 40px;
	color: #333;
	font-size:16px;
    letter-spacing: 0.04em;
    background: #fff;
    border-top: 1px solid #D2D2D7;
    border-bottom: 1px solid #D2D2D7;
}

.section ul {
    width: 100%;
    float: left;
    text-align: center;
	padding: 15px 10px 15px 10px;
	margin-top: 15px;
    margin-bottom: 40px;
	color: #333;
	font-size:16px;
    background: #fff;
    border-top: 1px solid #D2D2D7;
    border-bottom: 1px solid #D2D2D7;
}




.section ul li {width: auto; font-size: 20px; padding: 0 30px; text-align: center; display: inline-block; line-height: 34px; color: #333; font-family: "poppins", sans-serif; font-weight: 700}

.section .menu-price ul li span {
    background: #F36E28;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-left: 3px;
    border-radius: 6px;
    top: -5px;
    position: relative;
}

.section ul li a {text-decoration: none; }



.section h3 span {
	padding: 0 20px 0 20px;
	color: #999;
}

.section h3 a {
	color: #00BAF1;
}



@media only screen and (max-width:1399px) {
.section {
	padding: 20px 0 20px 0
}
}

@media only screen and (max-width:767px) {

.section h3 {
	padding: 15px 10px 15px 10px;
	background: #fff;
	margin-top: 10px;
    margin-bottom: 40px;
    }

.section h3 span {
	padding: 0 10px 0 10px;
}
}




.section-order {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	margin: 110px 0 0 0;
    padding: 0
}


.section-order .menu-price { margin: 5px 0 0 0; padding: 0; }

.section-order ul {
    width: 100%;
    float: left;
    text-align: center;
	padding: 23px 10px 30px 10px;
    margin-bottom: 16px;
    margin-top: 5px;
	color: #333;
	font-size:16px;
    letter-spacing: 0.04em;
    background: #fff;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}


.section-order ul li {width: auto; font-size: 18px; padding: 0 40px; text-align: center; display: inline-block; line-height: 20px; color: #10866C; font-family: "poppins", sans-serif; font-weight:800 ; border-right: 1px solid #D2D2D7;}

.section-order ul li:last-child { border-right: none}


.section-order ul li a {text-decoration: none; color: #333 }

.section-order .menu-price ul li img { height: 75px; margin-bottom: 20px; filter: grayscale(100%);}

.section-order .menu-price ul li img.selected { height: 75px; margin-bottom: 20px; filter: grayscale(1%);}


.section-order h1 { margin:30px 0 0 0; padding: 0 0 30px 0; letter-spacing: normal; font-size: 38px; }

.section-order aside { width: 70%; margin: 0 auto; display: inline-block; text-align: center; position: relative}

.section-order p {font-size: 14px; padding-bottom: 20px; color: #777;}

.section-order h1 span {
	color: #0BC869;
}

.section-order .content-lrg {
    margin: 0 0 20px 0
}

.section-order .content-lrg p {
    font-size: 15px;
    padding: 0; margin: 0; padding: 0
}



@media only screen and (max-width:1399px) {
.section-order {
	padding: 20px 0 20px 0
}
}


@media only screen and (max-width: 991px) {

.section-order ul li {
    width: 100%; 
    padding: 30px 0;  
    display: inline-block; 
    border-bottom: 1px solid #D2D2D7; 
    border-right: none; }

.section-order ul li:last-child { border-bottom: none}

}


@media only screen and (max-width:767px) {

.section-order h3 {
	padding: 15px 10px 15px 10px;
	background: #fff;
	margin-top: 10px;
    margin-bottom: 40px;
    }

.section-order h3 span {
	padding: 0 10px 0 10px;
} 
}



.cont-section {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 20px 25px 30px 25px;
    margin-top: 40px;
    margin-bottom: 100px;
   
}

.cont-section .container {background:#ffffff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius:6px; padding: 40px 20px; }



.cont-section aside { width: 100%; padding: 0 80px; text-align: left; display: inline-block; position: relative; margin-bottom: 10px; }

.cont-section aside h3 { margin: 10px 0 0 0; padding-bottom: 10px; line-height: 1.3em; font-size: 20px; font-family: "Poppins", sans-serif;}

.cont-section aside h4 { margin: 10px 0 0 0; padding-bottom: 15px; line-height: 1.4em; font-size: 16px; font-family: "Poppins", sans-serif;}


.cont-section aside p { padding-bottom: 12px}
.cont-section aside p.caps {text-transform: uppercase; letter-spacing: 0.05em; font-size: 15px}


.cont-section aside ul {
	width: 100%;
	float: left;
	margin: 10px 0 20px 20px;
}
.cont-section aside ul li {
    width: 100%;
    float:left;
    font-size:17px;
    line-height: 1.4em;
	list-style-type:disc;
    margin: 0;
    padding: 1px 0 5px 0;

}
.cont-section aside ol {
	width: 90%;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	margin-top: 20px
}
.cont-section aside ol li {
	list-style-type: lower-alpha;
    font-size: 16px;
    line-height: 1.5em;
    margin: 0;
    padding: 0

}
.cont-section aside ol li:before {
	display: none
}
.cont-section aside ul.workhours {
	width: 100%;
	float: left;
	margin-left: 20px
}





@media only screen and (max-width:1399px) {
.section {
	padding: 20px 0 20px 0
}
}

@media only screen and (max-width:767px) {

.cont-section {
	padding: 20px 25px 30px 25px;
    margin-top: 10px;
    margin-bottom: 40px;
   
}
    
.section h3 {
	padding: 15px 10px 15px 10px;
	background: #fff;
	margin-top: 10px;
    margin-bottom: 40px;
    }
    
.cont-section aside h2 {font-size: 20px; padding-bottom: 10px}

.cont-section aside { padding: 0 20px 0 10px;  }
    
.section h3 span {
padding: 0 10px 0 10px;
    
}
}







.outer-bg {
	width: 100%;
	height: 100%;
	float: left;
	display: table
}
.inner-bg {
	width: 100%;
	height: 100%;
	float: none;
	display: table-cell;
	vertical-align: middle
}




/* Accordation - List */
.accordation-list {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.accordation-list .accord-item {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}

.accordation-list .accord-item:last-child {
	margin-bottom: 0;
}

.accordation-list .accord-item .accord-link {
	width: 100%;
	float: left;
	font-size: 18px;
    letter-spacing: normal;
    font-family: "aribau_grotesk_trialbold", sans-serif;
    color: #333;
	line-height: 24px;
	background: #fff;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.075);
	border-radius:0;
	cursor: pointer;
	position: relative;
	padding: 16px 60px 16px 30px;
    text-align: left;
    font-weight: 700;
}

.accordation-list .accord-item .accord-link:before {
	content: "\2b";
	font-family: "Font Awesome 5 Pro";
	font-size:26px;
    line-height: 1.4em;
    font-weight: 300;
	color: #00BAF1;
	position: absolute;
	top: 45%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	right: 20px;
}

.accordation-list .accord-item .accord-link:hover {
	color: #333;
}

.accordation-list .accord-item .accord-cont {
	width: 100%;
	float: left;	
	padding: 10px 50px 20px 30px;
	display: none;
    text-align: left;
}

.accordation-list .accord-item .accord-cont ul li { padding: 0; padding-left: 15px;  padding-bottom: 5px}



.accordation-list .accord-item .accord-cont .aside {
	width: 100%;
	max-width: 760px;
	float: left;
}

.accordation-list .accord-item .accord-link.active {
	background: none;
	box-shadow: none;
	border-radius: 0;
    font-family: "aribau_grotesk_trialbold", sans-serif;
    border: none;
    


}

.accordation-list .accord-item .accord-link.active:before {
	content: "\f068";
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 600;
    top: 51%;
    color: #00BAF1;
    border-radius: 360px;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: -3px


}

.accordation-list .accord-item .accord-cont.active {
	display: block;
}






/* Heading - Text */
.heading-txt {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 0 60px 0;
}

.heading-txt-email {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 40px 0 0 0;
}

.heading-txt-email p {
	width: 100%;
    background: #161616;
    padding: 4px 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
}

.heading-txt-email img { margin-bottom: 20px;}



.heading-txt:last-child {
	padding-bottom: 0;
}

.heading-txt h1,
.heading-txt .h1,
.heading-txt h2,
.heading-txt .h2,
.heading-txt h3,
.heading-txt .h3 {
	padding-bottom: 25px;
}

.heading-txt p {
	font-size: 19px;
    line-height: 1.4em;
}


.heading-txt h1:last-child,
.heading-txt .h1:last-child,
.heading-txt h2:last-child,
.heading-txt .h2:last-child,
.heading-txt h3:last-child,
.heading-txt .h3:last-child {
	padding-bottom: 0;
}

.heading-txt .aside {
	width: 100%;
	max-width: 1000px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 767px) {
.heading-txt {
	padding-bottom: 60px;
}
    
    .heading-txt h1,
.heading-txt .h1,
.heading-txt h2,
.heading-txt .h2,
.heading-txt h3,
.heading-txt .h3 {
	padding-bottom: 20px;
}
}



.topbar {
	width: 100%;
	float: left;
    background: #28242B;
    position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
    text-align: center;
    padding: 12px 0;
    background: #28242B url(../png/topbar-bg.png) repeat top center;
    

}

.topbar p { 
    color: #ccc; 
    line-height: 1.6em;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.02em;
}

.topbar p strong { color: #fff; font-weight: normal}



.topbar p span a.btn { 
    color: #fff;
    font-size: 13px;
    line-height: 1.4em;
    padding:4px 15px;
    margin-left: 10px;
    font-weight: 700;
    border-radius: 30px;
    background: #1E4557;
    letter-spacing: 0.02em;

}

.topbar p span a.btn:hover { 
    background: none;
}

.topbar p span a.btn:after {
    content: "\f178";
	font-family: "Font Awesome 5 Pro";
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	top: 50%;
	right: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: 1px 0 -2px 7px;
    font-weight: 500;
    
}

.topbar p span a.btn:hover,
.topbar p span a.btn:focus,
.topbar p span a.btn:active,
.topbar p span a.btn:active:focus,
.topbar p span a.btn.active,
.topbar p span a.btn.active:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
}



@media only screen and (max-width: 767px) {
    
    .topbar p { 
    color: #fff; 
    line-height: 1.5em;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.04em;
}
}



/* 
 3.) Header - Main
----------------------------------------*/

.header-main {
	width: 100%;
	height: 84px;
    background: #fff;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.06);
}

.header-main.noshadow {
	width: 100%;
	height: 84px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
    box-shadow:none;
}

.header-main .logo {
	height: 90px;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 10;
	margin: 0 -500px 0 0;
}

.header-main .logo img {
	max-height: 33px;
}

.header-main .main-menu {
	float: right;
}

.header-main .main-menu .nav-bar {
	float: left;
}

.header-main .main-menu .nav-bar .logo {
	display: none; 
	position: absolute; 
	top: 33px; 
	left: 40px;
}

.header-main .main-menu .nav-inn {
	float: left;
}

.header-main .main-menu .nav-bar nav {
	float: left;
}

.header-main .main-menu .nav-bar nav ul {
	float: left;
	padding: 0;
	margin: 0 -15px;
}

.header-main .main-menu .nav-bar nav ul li {
	float: left;
	padding: 0;
	margin: 0 10px;
}

.header-main .main-menu .nav-bar nav ul li:before {
	display: none;
}

.header-main .main-menu .nav-bar nav ul li a {
	height: 84px;
	float: left;
	font-size: 17px;
	color: #333333;
	line-height: 90px;
	text-decoration: none;
	border-bottom: none;
	transition: none;
	position: relative;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}

.header-main .main-menu .nav-bar nav ul li a:before {
	display: none;
}

.header-main .main-menu .nav-bar nav ul li a:hover,
.header-main .main-menu .nav-bar nav ul li a:focus,
.header-main .main-menu .nav-bar nav ul li.active a {
	color: #1E4557;
}

.header-main .main-menu .nav-bar nav ul li.child:hover .mega-menu {
	display: block;
}

.header-main .main-menu .nav-bar nav ul li.child {
	position: static;
}

.header-main .main-menu .nav-bar nav ul li.child a {
	padding-right: 15px;
}

.header-main .main-menu .nav-bar nav ul li.child a:after {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-size: 60%;
	line-height: 1em;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin-top: 2px;
    margin-left: 2px;
}

.header-main .main-menu .nav-bar nav ul li.child:hover a {
	color: #1E4557;
}

.header-main .main-menu .nav-bar nav ul li.child:hover a:after {
	content: "\f077";
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu {
	width: 100%;
	display: none;
	background: #fff;
	border-top: 1px solid #fff;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	position: absolute;
	top: 84px;
	left: 0;
	padding: 0 0 40px 0;
    
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .row-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}



.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list {
	width: 66.66%;
	padding: 10px 40px 0 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .sub-heading {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	color: #b0aeae;
	line-height: 26px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 10px;
    
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article {
	width: 50%;
	padding: 0 5px 10px 5px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box {
	width: 100%;
	height: 100%;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center; 
	font-weight: inherit; 
	color: inherit; 
	line-height: inherit;
	text-decoration: none; 
	padding: 10px 10px!important; 
	margin: 0!important;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:after { 
	display: none;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .icon {
	width: 44px;
	position: relative;
	z-index: 2;
	margin-right: -44px;
    
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .icon img {
	max-width: 100%;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside {
	width: 100%;
	padding: 0 0 0 60px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside h4,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside .h4 {
	font-size: 17px;
	line-height: 24px;
	padding: 0;
    font-family: "aribau_grotesk_trialblack", sans-serif;
    font-weight: normal;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside p { color: #444;font-family: "aribau_grotesk_trial_rgRg", sans-serif; font-size: 15px}


.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:hover,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:focus,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:active { 
	background: #EEF0F3;
    border-radius: 6px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px -30px -15px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals {
	width: 33.33%;
	text-align: center;
    padding: 10px 20px;
    border-radius: 6px;
    background: #fff;
    margin-top: 10px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside h3,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside .h3 {
	font-size: 17px;
	line-height: 28px;
	padding: 0 0 5px 0;
    font-family: "aribau_grotesk_trialbold", sans-serif;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside h3:last-child,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside .h3:last-child {
	padding-bottom: 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside p {
	padding-bottom: 10px;
    font-size: 14px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside .icon {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin: 0 0 11px 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside .icon img {
	max-width: 100%;
    height: 85px
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more { 
	text-align:  center;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a { 
	float: inherit; 
	height: inherit; 
    font-size: 14px; 
	line-height: 19px; 
	text-decoration: underline;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: inherit; 
	margin: inherit;
    color: #00BAF1;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
    font-weight: 600;
    padding-bottom: 5px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:after {
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: -2px 0 -2px 0;
	opacity: 0;
	visibility: hidden;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:hover,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:focus,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:active {
	color: #00BAF1;
	text-decoration: underline;
	padding-right: 24px;
	margin-right: -24px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:hover:after,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:focus:after,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .read-more a:active:after {
	opacity: 1;
	visibility: visible;
}


.header-main .main-menu .nav-bar nav ul li.child .sub-link {
	width: 100%;
	float: left;
	display: none;
	cursor: pointer;
	position: relative;
	padding: 12px 70px 12px 40px;
    font-size: 16px;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link:before {
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	font-size: 16px;
	line-height: 1em;
	text-align: right;
	position: absolute;
	top: 50%;
	right: 40px;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link:hover,
.header-main .main-menu .nav-bar nav ul li.child .sub-link.active {
	background: #D2ECFF;
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link:hover,
.header-main .main-menu .nav-bar nav ul li.child .sub-link:hover:before,
.header-main .main-menu .nav-bar nav ul li.child .sub-link.active,
.header-main .main-menu .nav-bar nav ul li.child .sub-link.active:before {
	color: #1E4557;
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link.active:before {
	content: "\f078";
}

.header-main .main-menu .nav-bar .btn-out {
	width: auto;
	float: left;
	padding: 23px 0 0 30px;
	margin: 0 -10px;
}

.header-main .main-menu .nav-bar .btn-out .btn {
	float: left;
	margin: 0 5px;
    padding: 10px 24px 10px 24px;
    font-size: 17px;
    letter-spacing: 0.01px;
    font-family: "aribau_grotesk_trialmedium", sans-serif;}

.header-main .main-menu .nav-bar .menu-close {
	display: none;
	position: absolute;
	top: 25px;
	right: 44px;
}

.header-main .main-menu .nav-bar .menu-close button {
	font-size: 30px;
	color: #333;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.header-main .menu-btn {
	width: 33px;
	height: 22px;
	float: left;
	display: none;
	cursor: pointer;
	z-index: 5;
	position: absolute;
	top: 35px;
	right: 42px;
}

.header-main .menu-btn .icon-bar {
	width: 100%;
	float: right;
	text-decoration: none;
	position: relative;
}

.header-main .menu-btn .icon-bar span {
	width: 100%;
	height: 3px;
	float: right;
	background: #333;
	position: relative;
	margin: 10px 0 0 0;
}

.header-main .menu-btn .icon-bar span:before {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #333;
	position: absolute;
	top: -10px;
	right: 0;
}

@media only screen and (min-width: 1200px) {
.header-main .main-menu .nav-bar {
	display: block !important;
}

.header-main .main-menu .nav-bar nav ul li.child:hover .mega-menu {
	display: block !important;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu {
	display: none !important;
}
}

@media only screen and (max-width: 1199px) {
.hidden-body {
	overflow: hidden;
}

.overlay {
	width: 100%;
	height: 100%;
	float: left;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: top .15s ease-out;
	-moz-transition: top .15s ease-out;
	transition: top .15s ease-out;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}

.overlay.show {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.header-main .main-menu {
	margin: 0;
}

.header-main .main-menu .nav-bar {
	width: 100%;
	height: 100%;
	float: left;
	display: none;
	background: #ffffff;
	overflow: auto;
	overflow-x: hidden;
	position: fixed;
	right: 0;
	z-index: 10;
	padding: 0;
	margin: 0;
}

.header-main .logo img {
	max-height: 31px;
}
    
.header-main .main-menu .nav-bar .logo { 
	height: auto;
	display: block; 
    top:28px
}
    
.header-main .main-menu .nav-inn {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	flex-direction: column;
}

.header-main .main-menu .nav-bar nav {
	width: 100%;
	flex: 1 0 auto;
	padding: 92px 0 40px 0;
}

.header-main .main-menu .nav-bar nav:last-child {
	padding-bottom: 0;
}

.header-main .main-menu .nav-bar nav ul {
	width: 100%;
	margin: 0;
}

.header-main .main-menu .nav-bar nav ul li {
	width: 100%;
	margin: 0;
}

.header-main .main-menu .nav-bar nav ul li a {
	width: 100%;
	height: auto;
	line-height: 28px;
	padding: 12px 40px;
    
}

.header-main .main-menu .nav-bar nav ul li a:hover,
.header-main .main-menu .nav-bar nav ul li a:focus,
.header-main .main-menu .nav-bar nav ul li a.active {
	background: #D2ECFF;
}

.header-main .main-menu .nav-bar nav ul li.child:hover .mega-menu {
	display: none;
}

.header-main .main-menu .nav-bar nav ul li.child {
	position: relative;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu {
	width: 100%;
	display: none;
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	padding: 0;
	margin: 0;
    
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu {
	background: #D2ECFF;
	padding: 0 40px 20px 40px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .container {
	max-width: 100%;
	padding: 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .row-box:before {
	display: none;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list {
	width: 100%;
	padding: 0 !important;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .sub-heading {
	display: none;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article {
	width: 100%;
	border-bottom: 1px solid #1E4557;
	padding: 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article:last-child {
	border-bottom: none;
}
	
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box {
	height: inherit;
	padding: 17px 0!important; 
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .icon {
	width: 26px;
	margin-right: -26px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside {
	padding: 0 0 0 40px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside h4,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside .h4 {
	font-size: 17px;
	line-height: 26px;
    
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box .aside p {
	display: none;
}
	
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:hover,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:focus,
.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article .box:active { 
	color: #00BAF1;
	background: none;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .icons-list .article-wrap {
	margin: 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals { 
	display: none;
	width: 100%;
	padding: 20px 0 0 0;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu .plan-detals .aside {
	max-width: 360px;
}

.header-main .main-menu .nav-bar nav ul li.child a:after {
	display: none;
}

.header-main .main-menu .nav-bar nav ul li.child ul li a {
	background: none;
	padding: 0;
	margin: 0;
}

.header-main .main-menu .nav-bar nav ul li.child:hover ul li a {
	color: #333;
    
}

.header-main .main-menu .nav-bar nav ul li.child ul li:hover a,
.header-main .main-menu .nav-bar nav ul li.child ul li.active a {
	color: #00BAF1;
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link {
	display: block;
}

.header-main .main-menu .nav-bar .btn-out {
	width: 100%;
	flex-shrink: 0;
	padding: 0 40px 40px 40px;
	margin: 0;
}

.header-main .main-menu .nav-bar .btn-out .btn {
	width: 100%;
	margin: 0 0 20px 0;
    padding: 15px 20px;
    font-size: 17px;
    
}

.header-main .main-menu .nav-bar .btn-out .btn:last-child {
	margin-bottom: 0;
}

.header-main .main-menu .nav-bar .btn-out .btn:after {
	display: none;
}

.header-main .main-menu .nav-bar .menu-close {
	display: inline-block;
}

.header-main .menu-btn {
	display: inline-block;
}

.header-main .hide-mbl {
	display: none;
}
}

@media only screen and (max-width: 767px) {
.header-main .container {
	max-width: 100%;
}
    

    
.header-main .logo img {
	max-height: 31px;
}

    .header-main .main-menu .nav-bar {
	width: 100%;
	height: 100%;
	float: left;
	display: none;
	background: #ffffff;
	overflow: auto;
	overflow-x: hidden;
	position: fixed;
	right: 0;
	z-index: 10;
	padding: 0;
	margin: 0;
}

    
    
.header-main .main-menu .nav-bar .logo { 
	left: 20px;
    top:28px
}

.header-main .main-menu .nav-bar nav ul li a {
	padding: 12px 20px;
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link {
	padding: 12px 55px 12px 20px;
}

.header-main .main-menu .nav-bar nav ul li.child .sub-link:before {
	right: 20px;
}

.header-main .main-menu .nav-bar nav ul li.child .mega-menu {
	background: #D2ECFF;
	padding: 0 20px 20px 20px;
    
}

.header-main .main-menu .nav-bar .btn-out {
	width: 100%;
	flex-shrink: 0;
	padding: 0 20px 20px 20px;
	margin: 0;
}

.header-main .main-menu .nav-bar .menu-close {
	right: 20px;
}

.header-main .menu-btn {
	right: 20px;
}
}




/* 
 3.) Homepage Banner section
----------------------------------------*/

.content-main {
	width: 100%;
	float: left;
	flex: 1 0 auto;
	overflow: hidden;
    background: #fff;
}

.content-main.portfolio {
    background: #fff;
}

.content-main.specialoffer {
    background: #EFF1F3;
}


.content-main.order-bg {
    background: #F9F9F9;
}

.content-main .section-order { background: none} 
.content-main .section-order.container { background: none} 

.hero-main {
	width: 100%;
	background: #fff url(../svg/header-bg.svg) no-repeat top left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding: 130px 0px 40px 0px;
}

.hero-main .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 30px 0;
	margin: 0 -30px;
}

.hero-main .box .figure-wrap {
	width: 44%;
	padding: 0;
}

.hero-main .box .figure {
	width: 105%;
	text-align: center;
	overflow: hidden;
    padding: 0 ;
    margin-left: -40px;
    margin-top: 0;
    
}

.hero-main .box .figure img {
	width: 100%;

}

.hero-main .box .aside {
	width: 56%;
	padding: 0 10px 0 30px;
}

.hero-main .box .aside h1,
.hero-main .box .aside .h1 {
	margin-bottom: 15px;
    font-size: 53px;
    font-family: "poppins", sans-serif;
    line-height: 1.2em;
    font-weight: 900;
}

.hero-main .box .aside h1:last-child,
.hero-main .box .aside .h1:last-child {
	padding-bottom: 0;
}

.hero-main .box .aside h1 br { margin: 0; padding: 0; line-height: .5em;}

.hero-main .box .aside h1 span {
    color: #1E4557;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em
}


.hero-main .box .aside p.subheading {
    font-size: 18px;
    line-height: 1.3em;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
    padding-bottom: 20px;
    padding-right: 80px;
    letter-spacing: -0.01em;
}



.hero-main .box .aside .btn-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	margin: 0 0 20px 0;
}

.hero-main .box .aside .btn-wrap:last-child {
	margin-bottom: 0;
}

.hero-main .box .aside .btn-wrap .btn {
	margin: 0;
    padding: 16px 35px;
    font-size: 18px;
    background: #0BC869;
    color: #fff;
}

.hero-main .box .aside .btn-wrap .btn:hover {
    background: #1E4557;
}

.hero-main .box .aside .btn-wrap .btn-out {
	width: auto;
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}



.hero-main .box .aside .btn-wrap .read-more {
	width: auto;
	float: left;
	padding: 0;
	margin: -2px 0 2px 0;
}
.hero-main .box .aside .btn-wrap .read-more a { text-decoration: underline; color: #00BAF1;
}
.hero-main .box .aside .btn-wrap .read-more a:hover { text-decoration: none;
}


.latestproject { width: 100%; float: left; }

.latestproject .projectlogo { width:220px; height: 60px;  float: left; text-align: left; margin-right: 20px; border-right: 2px solid #D2D2D7; padding-right: 20px; vertical-align: middle; margin-bottom: 10px;}

.latestproject .projectlogo img { width: 150px; text-align: left; vertical-align: middle}

.latestproject .projectlogo2 { width:220px; height: 60px;  float: left; text-align: left; margin-right: 20px; border-right: 2px solid #D2D2D7; padding-right: 20px; vertical-align: middle; margin-bottom: 10px;}

.latestproject .projectlogo2 img { width: 180px; text-align: left; margin-top: 15px}



.latestproject aside { width: auto; float: left; text-align: left;}
.latestproject aside p strong {color: #333;}
.latestproject aside p { margin: 0; padding: 5px 0 0 5px}

.hero-main .box .aside .testi-cont {
	width: 100%;
	max-width: 600px;
	float: left;
	font-size: 15px;
	line-height: 22px;
}

.hero-main .box .aside .testi-cont p {
    font-size: 17px;
    line-height: 1.4em;
    font-family: "aribau_grotesk_trial_rgRg";
    padding-bottom: 10px;
}


.hero-main .box .aside .testi-cont p:last-child {
	padding-bottom: 0;
}

.hero-main .box .aside .testi-cont .rating-star {
	width: 100%;
	float: left;
	font-size: 16px;
	margin-bottom: 12px;
    font-family: "aribau_grotesk_trialblack", sans-serif;
}

.hero-main .box .aside .testi-cont .rating-star img {
	max-height: 18px;
	position: relative;
	top: -3px;
	margin-right: 5px;
}

.hero-main .box .aside .testi-cont .name {
	width: 100%;
	float: left;	
    font-size:14px;
    font-family: "aribau_grotesk_triallight";
    color: #999;

}


.hero-main .guarantee {
    width:100%;
    float:left;
    margin:20px 0 0 0;
    padding:0 0 0 25px;
    border-left: 6px solid #1E4557;
}

.hero-main .guarantee h4 { margin: 0; padding: 0 0 6px 0 ; font-family: "Poppins", sans-serif; font-size: 18px;}
}

.hero-main guarantee ul{
    width:100%; 
    float:left;
    margin:0;
    padding: 0;
}

.hero-main .guarantee ul li { margin: 0; padding: 0 0 3px 23px; font-size:16px;
    line-height: 1.4em; color: #161613; }

.hero-main .guarantee ul li:before {
    content:"\f058";
    font-family:"Font Awesome\ 5 Pro";
    font-weight:800;
    font-size:15px;
    color:#43C499;
    position:absolute;
    top:-2px;
    left:0;
}


@media only screen and (max-width: 1399px) {
.hero-main {
	
	padding: 140px 0 40px 0;
}
    
    .hero-main .box .aside h1,
    .hero-main .box .aside .h1 {
	margin-bottom: 20px;
    font-size: 52px;
    line-height: 1.2em;
}
    
    
    .hero-main .box .aside p.subheading {
    font-size: 18px;
    line-height: 1.2em;
        padding-bottom: 20px
}
    
    .hero-main .box .figure {
	width: 105%;
	text-align: center;
	overflow: hidden;
    padding: 0 ;
    margin-left: -20px;
    margin-top: 10px
    
}
    
    
    .hero-main .guarantee ul li { margin: 0; padding: 0 0 1px 23px; font-size:16px;
    line-height: 1.4em; }

    
}



@media only screen and (max-width: 1199px) {
.hero-main {
	padding: 130px 0 20px 0;
}

.hero-main .box {
	padding: 0 0 40px 0;
	margin: 0 -20px;
}
    
    .hero-main .box .aside h1,
.hero-main .box .aside .h1 {
	margin-bottom: 30px;
    font-size: 50px;
}

    

.hero-main .box .figure-wrap {
	padding: 0 20px;
}
}

@media only screen and (max-width: 991px) {
.hero-main .box .figure-wrap {
	width: 45%;
	margin-left:0;
}
    
    .hero-main .box .aside h1,
.hero-main .box .aside .h1 {
	margin-bottom: 30px;
    font-size: 42px;
}
    
.hero-main .box .aside {
	width: 55%;
}

.hero-main .box .aside .testi-cont {
	max-width: 350px;
}
    
    .hero-main .box .aside p.subheading {
    padding-right:10px;
}
    
}

@media only screen and (max-width: 767px) {
.hero-main {
	padding: 160px 0 20px 0;
}

.hero-main .box {
	padding: 0 0 30px 0;
	margin: 0 0 -30px 0;
}

.hero-main .box .figure-wrap {
	width: 90%;
	padding: 30px 0 50px 0;
	margin: 0;
}
    
    .hero-main .box .figure {
	width: 110%;
    margin-left: 0
    
}

.hero-main .box .aside {
	width: 100%;
	padding: 0 0 30px 0;
}

.hero-main .box .aside h1,
.hero-main .box .aside .h1 {
	margin-right: -15px;
    padding-bottom: 50px;
    font-size: 45px;
    line-height: 50px
}
    
    
.hero-main .box .aside .testi-cont {
	max-width: 100%;
}

.hero-main .box .aside .btn-wrap .btn {
	margin: 0 0 10px 0;
}
    
.hero-main .box .aside .testi-cont .rating-star {
	font-size: 14px;
	margin-bottom: 15px;
}

.hero-main .box .aside .testi-cont .rating-star img {
	max-height: 14px;
	position: relative;
	top: -2px;
	margin-right: 5px;
}
}



.cap {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    font-size:16px;
    line line-height: 1.5em;
    position:relative}

.cap span {margin:0 10px 0 20px;position:relative;}

.cap span:before {
    content:"\f058";
    font-family:"Font Awesome\ 5 Pro";
    font-weight:600;
    background:0 0;
    font-size:10px;
    color:#0BC869;
    position:absolute;
    top:-5px;
    left:-18px
}






/* 
 5.) Hero Main second version
----------------------------------------*/

.hero-main-service {
	width: 100%;
	background: #E6F1FF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding: 120px 0 20px 0;
}


.hero-main-service .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 40px 0;
	margin: 0 -20px;
}

.hero-main-service .box .figure-wrap {
	width: 48%;
	padding: 0;
    text-align: center;
}

.hero-main-service .box .figure {
	width: 105%;
    display: inline-block;
    text-align: center;
	overflow: hidden;
    margin-left: -50px;
    margin-top: 20px;
}

.hero-main-service .box .figure img {
	width: 100%;
}

.hero-main-service .box .aside {
	width: 52%;
	padding: 0 0 0 20px;
}

    .hero-main-service .box .aside p {
	padding-right: 30px;
}

.hero-main-service .box .aside h1,
.hero-main-service .box .aside .h1 {
	padding-bottom: 30px;
    font-weight: 800;
    font-family: "poppins", sans-serif;
}

.hero-main-service .box .aside h1 span {
    color: #0BC869
}


.hero-main-service .box .aside h1:last-child,
.hero-main-service .box .aside .h1:last-child {
	padding-bottom: 0;
}

.hero-main-service .box .aside .btn-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	margin: 0 0 30px 0
}

.hero-main-service .box .aside .btn-wrap:last-child {
	margin-bottom: 0;
}

.hero-main-service .box .aside .btn-wrap .btn {
	margin: 0;
    background: #0BC869;
    color: #fff;
    font-size: 17px;
    
}

.hero-main-service .box .aside .btn-wrap .btn-out {
	width: auto;
	float: left;
	padding: 0;
	margin: 0;
}


.hero-main-service .box .aside .testi-cont {
	width: 100%;
	max-width: 600px;
	float: left;
	font-size: 15px;
	line-height: 22px;
    margin-top: 20px;
    border-left: 6px solid #1E4557;
    padding-left: 20px
}

.hero-main-service .box .aside .testi-cont p {
	padding-bottom: 10px;
    font-style: italic;
    font-size: 15px;
}

.hero-main-service .box .aside .testi-cont h4 {
    font-weight: normal;
    font-size: 15px;
    padding-bottom: 10px;
}


.hero-main-service .box .aside .testi-cont p:last-child {
	padding-bottom: 0;
}

.hero-main-service .box .aside .testi-cont .rating-star {
	width: 100%;
	float: left;
	font-size: 16px;
	margin-bottom: 2px;
    font-family: "aribau_grotesk_trialblack", sans-serif;
}

.hero-main-service .box .aside .testi-cont .rating-star img {
	max-height: 18px;
	position: relative;
    margin-bottom: 5px
}

.hero-main-service .box .aside .testi-cont .name {
	width: 100%;
	float: left;	
	color: #0399DB;
    font-size:14px;
    font-family: "aribau_grotesk_triallight", sans-serif;
}

.hero-main-service .box p.link { color: #999; margin: 0 0 40px 0; padding: 0; font-size: 12px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 600}
.hero-main-service .box p.link a { padding-right: 5px; text-decoration: none; color: #999}
.hero-main-service .box p.link a:hover { text-decoration: underline;}

.hero-main-service .box p.link span { padding: 0 5px}


.hero-main-service .box .email-works { width: 100%; float: left; margin-top: 10px}
.hero-main-service .box .email-works img { height: 54px; margin-right: 10px;}
.hero-main-service .box .email-works p { font-size: 16px;}


@media only screen and (max-width: 1399px) {
.hero-main-service .box .aside {
	width: 55%;
}
    
    
    .hero-main-service .box .aside p {
	padding-right: 30px;
        font-size: 16px;
}
    
    .hero-main-service .box .figure-wrap {
	width: 45%;
	padding: 0 20px;
    text-align: center;
}

    .hero-main-service .box .figure {
	width: 125%;
    display: inline-block;
    text-align: center;
	overflow: hidden;
    margin-left: -60px;
}
    
}

@media only screen and (max-width: 1199px) {
.hero-main-service {
	padding: 140px 0 20px 0;
}
    
        .hero-main-service .box .aside p {
	padding-right: 100px;
        font-size: 14px;
}
    

.hero-main-service .box {
	padding: 0 0 40px 0;
	margin: 0 -20px;
}

.hero-main-service .box .figure-wrap {
	padding: 0 20px;
}
    
    
}

@media only screen and (max-width: 991px) {
.hero-main-service .box .figure-wrap {
	width: 50%;
	margin-left: -14%;
	margin-right: -5%;
}
    
            .hero-main-service .box .figure {
	width: 110%;
    display: inline-block;
    text-align: right;
	overflow: hidden;
    margin:0;
}
    
    

.hero-main-service .box .aside {
	width: 60%;
}

.hero-main-service .box .aside .testi-cont {
	max-width: 350px;
}
}

@media only screen and (max-width: 767px) {
.hero-main-service {
	padding: 150px 0 20px 0;
}

.hero-main-service .box {
	padding: 0 0 30px 0;
	margin: 0 0 -30px 0;
}

.hero-main-service .box .figure-wrap {
	width: 90%;
	padding: 0 0 40px 0;
	margin: 0;
}

.hero-main-service .box .aside {
	width: 100%;
	padding: 0 0 30px 0;
}
    
            .hero-main-service .box .aside p {
	padding-right: 0;
        font-size: 15px;
}

.hero-main-service .box .aside h1,
.hero-main-service .box .aside .h1 {
	margin-right: -15px;
}

.hero-main-service .box .aside .testi-cont {
	max-width: 100%;
}

}




/* 
 5.) Homepage Banner Partner Logos section
----------------------------------------*/

.partners-logo {
	width: 100%;
    padding: 0 20px;
	text-align: center;
	overflow: hidden;
    margin-top: 0;
    background: #fff;
    
}

.partners-logo p { font-size: 18px; font-family: "aribau_grotesk_trialbold", sans-serif; color: #00BAF1; margin-top: 40px; color: #666;}

.partners-logo .sub-heading {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
    font-size: 16px;
	line-height: 1.4em;
	position: relative;
    font-family: "aribau_grotesk_trialbold", sans-serif;
    color: #666;
}

.partners-logo .sub-heading span {
	float: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	padding: 0 20px;
}

.partners-logo .sub-heading span:before,
.partners-logo .sub-heading span:after {
	content: "";
	width: 10000px;
	height: 12px;
	float: left;
	background: #1E4557;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.partners-logo .sub-heading span:before {
	right: 100%;
}

.partners-logo .sub-heading span:after {
	left: 100%;
}

.partners-logo ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding:0;
	margin: 40px -20px 50px -20px;
    width: 100%;
    text-align: center;
    position: relative;
}

.partners-logo ul.homepage {
	margin-top: 10px;
    margin-bottom: 20px
}



.partners-logo ul li {
	text-align: center;
	padding: 3px 25px;
	margin: 0 0 10px 0;
}

.partners-logo ul li:before {
	display: none;
}

.partners-logo ul li img {
	max-height: 45px;
	
}





@media only screen and (max-width: 991px) {
.partners-logo ul li {
	width: auto;
}
    
    .partners-logo ul li img {
	max-height: 30px;
}
}


@media only screen and (max-width: 479px) {
.partners-logo ul li {
	width:auto;
}
    
}



/* 
 6.) Split content G
----------------------------------------*/

.split-cont { width:100%; overflow:hidden; padding: 70px 0 70px 0; background: #ffffff; }
.split-cont .figure { width:36.70%; float:left; text-align:center; overflow:hidden;}
.split-cont .figure img { max-width:85%;}

.split-cont .aside { width:63.30%; float:left; padding: 0 0 0 40px; margin:0 0 0 0;}


.split-cont .btn-out { margin-top: 20px}
.split-cont .btn-out p { font-size: 13px; padding-top: 10px; text-align: left; color: #999}




@media only screen and (max-width: 1199px) {
.split-cont { padding:70px 0;}
.split-cont .aside { padding: 0 0 0 40px;}
}

@media only screen and (max-width: 767px) {
.split-cont { padding: 60px 0;}
.split-cont .figure { width:100%; margin:0 0 30px 0;}
.split-cont .figure:last-child { margin-bottom:0;}
.split-cont .figure img { max-width:75%;}
.split-cont .aside { width:100%; padding:0; margin:0;}
}




/* Split - Cont2 */
.split-cont2 {
	width: 100%;
	overflow: hidden;
	padding: 70px 0 90px 0;
}

.split-cont2 .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    align-items: flex-start;
	margin: 0 -30px;
}

.split-cont2 .box:last-child {
	padding-bottom: 0;
}

.split-cont2 .box .figure-wrap {
	width: 40%;
	padding: 0 30px;
}

.split-cont2 .box .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.split-cont2 .box .figure img {
	width: 100%;
    border-radius: 6px;
    margin-top: 5px
}

.split-cont2 .box .aside {
	width: 60%;
	padding: 0 30px;
    margin-top: 10px;
}


.split-cont2 .box .aside ol { margin: 0 0 10px 0;}
.split-cont2 .box .aside ol li { margin: 0; padding: 0 0 5px 20px;}

.split-cont2 .box .aside ul { margin: 0 0 10px 0;}
.split-cont2 .box .aside ul li { margin: 0; padding: 0 0 10px 15px;}
.split-cont2 .box .aside ul li a { color: #161616; font-weight: 900; font-family: "aribau_grotesk_trialblack", sans-serif;}

.split-cont2 .box .aside ul li:before {
	content: "";
	width: 7px;
	height: 7px;
	float: left;
	background: #333;
	border-radius: 20px;
	position: absolute;
	top: 6px;
	left: 0
}


@media only screen and (max-width: 1199px) {
.split-cont2 {
	padding: 0 0 80px 0;
}

.split-cont2 .box {
	margin: 0 -20px;
}

.split-cont2 .box .figure-wrap {
	padding: 0 20px;
}

.split-cont2 .box .aside {
	padding: 0 20px;
}
}

@media only screen and (max-width: 767px) {
.split-cont2 {
	padding: 0 0 60px 0;
}

.split-cont2 .box {
	margin: 0 -20px -40px -20px;
}

.split-cont2 .box .figure-wrap {
	width: 100%;
	padding: 0 20px 40px 20px;
}

.split-cont2 .box .aside {
	width: 100%;
	padding: 0 20px 40px 20px;
}
}





/* 
 8.) About us Page - quick report section
----------------------------------------*/

/* Quick - Report */
.quick-report3 {
	width: 100%;
    background: #F5F7FA;
	text-align: center;
	overflow: hidden;
	padding: 50px 50px 50px 50px;
    margin-bottom: 100px
}

.quick-report3 .box {
	width: 100%;
	float: left;
	border-radius: 0;
}

.quick-report3 .aside-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -30px -40px -30px;
}

.quick-report3 .aside {
	width: 25%;
	padding: 0 30px 40px 30px;
}

.quick-report3 .aside p {
    font-size: 15px;
    color: #333;
}

.quick-report3 .aside .number {
	font-size: 46px;
	color: #0BC869;
	line-height: 50px;
	margin-bottom: 5px;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
}

@media only screen and (max-width: 1199px) {
.quick-report3 {
	padding: 10px 20px 10px 20px;
    margin-bottom: 100px
}

.quick-report3 .box {
	padding: 30px 40px 50px 40px;
}

.quick-report3 .aside-wrap {
	margin: 0 -20px -23px -20px;
}

.quick-report3 .aside {
	padding: 0 20px 40px 20px;
}
}

@media only screen and (max-width: 991px) {
.quick-report3 .aside {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {


.quick-report3 .aside-wrap {
	margin: 0 -10px -23px -10px;
}

.quick-report3 .aside {
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px 20px 10px;
}

.quick-report3 .aside .number {
	font-size: 36px;
	line-height: 46px;
}
}






/* Split - Cont3 */
.join-team {
	width: 100%;
	overflow: hidden;
	padding: 0 0 100px 0;
}

.join-team .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -20px;
}

.join-team .box:last-child {
	padding-bottom: 0;
}

.join-team .box .figure-wrap {
	width: 40%;
	padding: 0 20px;
}

.join-team .box .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.join-team .box .figure img {
	width: 100%;
    border-radius: 6px;
}


.join-team .box .aside {
	width: 60%;
	padding: 0 20px;
}

@media only screen and (max-width: 1199px) {
.join-team {
	padding: 0 0 80px 0;
}

.join-team .box .figure-wrap {
	width: 50%;
}

.join-team .box .aside {
	width: 50%;
	padding: 0 20px;
}
}

@media only screen and (max-width: 767px) {
.join-team {
	padding: 0 0 60px 0;
}

.join-team .box {
	margin: 0 -20px -40px -20px;
}

.join-team .box .figure-wrap {
	width: 100%;
	padding: 0 20px 40px 20px;
}

.join-team .box .aside {
	width: 100%;
	padding: 0 20px 40px 20px;
}
}




/* Feature - List2 */
.our-values {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0 0 100px 0;
    margin-bottom: 100px
}

.our-values .heading-txt {
	padding-bottom: 40px;
}

.our-values .heading-txt:last-child {
	padding-bottom: 0;
}

.our-values .article {
	width: 25%;
	padding: 0 14px 28px 14px;
}

.our-values .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 14px;
	line-height: 22px;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	padding: 30px 20px 40px 20px;
}

.our-values .article .box .icon {
	width: 100%;
	height: 74px;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 20px 0;
}

.our-values .article .box .icon img {
	max-height: 64px;
}

.our-values .article .box h3,
.our-values .article .box .h3 {
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
}

.our-values .article .box h4:last-child,
.our-values .article .box .h4:last-child {
	padding-bottom: 0;
}

.our-values .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -14px -28px -14px;
}

@media only screen and (max-width: 1199px) {
.our-values {
	padding: 0 0 80px 0;
}

.our-values .article {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.our-values {
	padding: 0 0 60px 0;
}

.our-values .article {
	width: 100%;
	padding: 0 10px 20px 10px;
}

.our-values .article-wrap {
	margin: 0 -10px -20px -10px;
}
}






/* Feature - List2 */
.our-careers {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.our-careers .article {
	width: 25%;
	padding: 0 14px 28px 14px;
}

.our-careers .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 14px;
	line-height: 22px;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	padding: 25px 10px 30px 10px;
}

.our-careers .article .box .icon {
	width: 100%;
	height: 64px;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 20px 0;
}

.our-careers .article .box .icon img {
	max-height: 64px;
}

.our-careers .article .box h3,
.our-careers .article .box .h3 {
	font-size: 18px;
	line-height: 24px;
    padding-bottom: 20px;
}

.our-careers .article .box p,
.our-careers .article .box .p {
	font-size: 16px;
	line-height: 22px;
}

.our-careers .article .box h3:last-child,
.our-careers .article .box .h3:last-child {
	padding-bottom: 0;
}

.our-careers .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -14px -28px -14px;
}

@media only screen and (max-width: 1199px) {
.our-careers {
	padding: 0 0 80px 0;
}

.our-careers .article {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.our-careers {
	padding: 0 0 60px 0;
}

.our-careers .article {
	width: 100%;
	padding: 0 10px 20px 10px;
}

.our-careers .article-wrap {
	margin: 0 -10px -20px -10px;
}
}






/* Row - Cont */
.career-cont {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 80px 0;
    margin-bottom: 100px;
}

.career-cont h2 {
    margin: 0; padding-bottom: 35px;
}

.career-cont:last-child {
	border-bottom: none;
}

.career-cont .container {
	max-width: 900px;
}


.career-cont ul { margin: 0 0 30px 0; padding: 0;}
.career-cont ul li {list-style: disc; margin: 0 0 0 25px; padding: 4px 0; }


.career-cont .txt {
	padding-bottom: 30px;
}

.career-cont .sub-heading {font-size: 15px; color: #999; padding-bottom: 10px;}


.career-cont .txt:last-child {
	padding-bottom: 0;
}



.career-cont .checklist {width: 100%; float: left; margin: 0 0 10px 0}
.career-cont .checklist .breadcrumb { font-size: 13px; font-weight: 700; color: #999; letter-spacing: 0.05em; padding-bottom: 3px}

.career-cont ul.greenlist { margin: 0 0 20px 0; padding: 0;}

.career-cont ul.greenlist li {list-style: none; margin: 0; padding: 2px 0 2px 25px; font-size: 15px}
.career-cont ul.greenlist li:before {
	content: "\f14a";
	font-family: "Font Awesome\ 5 Pro";
	background: 0 0;
	font-size: 15px;
	color: #F36E28;
	position: absolute;
    font-weight: 500;
	top: 3px;
	left: 0
}




@media only screen and (max-width: 767px) {
.career-cont {
	padding: 40px 0 80px 0;
}

.career-cont .container {
	max-width: 600px;
}
}











/* Hero - Main */
.client-reviews {
	width: 100%;
	background: #f2f2f2 url(../svg/xhtmlteam-bg-1.svg) no-repeat top left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding: 110px 0 0 0;
}

.client-reviews .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 0 0;
	margin: 0 -30px;

}

.client-reviews .box p.link { color: #999; padding-bottom: 30px; font-size: 13px; text-transform: uppercase;}
.client-reviews .box p.link a { padding-right: 5px; text-decoration: none; color: #999}
.client-reviews .box p.link a:hover { text-decoration: underline;}

.client-reviews .box p.link span { padding: 0 5px}


.client-reviews .box .figure-wrap {
	width: 50%;
	padding: 0 30px;
}

.client-reviews .box .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.client-reviews .box .figure img {
	width: 50%;
}

.client-reviews .box .aside {
	width: 50%;
	padding: 0 0 20px 30px;
}





.client-reviews .box .aside h1,
.client-reviews .box .aside .h1 {
	padding-bottom: 20px;
}

.client-reviews .box .aside h1:last-child,
.client-reviews .box .aside .h1:last-child {
	padding-bottom: 0;
}


.client-reviews .box .aside .testi-cont {
	width: 100%;
	max-width: 450px;
	float: left;
	font-size: 15px;
	line-height: 22px;
    padding-bottom: 30px;
}

.client-reviews .box .aside .testi-cont p {
	padding-bottom: 13px;
}

.client-reviews .box .aside .testi-cont p:last-child {
	padding-bottom: 0;
}


.client-reviews .box .aside .testi-cont .btn {
	margin: 0;
    background: #0BC869;
    color: #FFF;
    font-size: 17px;
    
}




@media only screen and (max-width: 1199px) {
.client-reviews {
	padding: 120px 0 0 0;
}

.client-reviews .box {
	padding: 0;
	margin: 0 -20px;
}

.client-reviews .box .figure-wrap {
	padding: 0 20px;
}
    
.client-reviews .box .figure img {
	width: 70%;
}
    
}

@media only screen and (max-width: 991px) {
.client-reviews .box .figure-wrap {
	width: 50%;
}
    
.client-reviews .box .figure img {
	width: 100%;
}

.client-reviews .box .aside {
	width: 50%;
}

.client-reviews .box .aside .testi-cont {
	max-width: 350px;
}
}

@media only screen and (max-width: 767px) {
.client-reviews {
	padding: 120px 0 0 0;
}

.client-reviews .box {
	padding: 0 0 0 0;
	margin: 0 0 -30px 0;
}

.client-reviews .box .figure-wrap {
	width: 100%;
	padding: 0;
	margin: 0;
}
    
.client-reviews .box .figure img {
	width: 55%;
}

.client-reviews .box .aside {
	width: 100%;
	padding: 0 0 0 0;
}

.client-reviews .box .aside h1,
.client-reviews .box .aside .h1 {
	margin-right: -15px;
}

.client-reviews .box .aside .testi-cont {
	max-width: 380px;
}
}






/* Testimonials - Cont */
.testimonials-cont { width: 100%; text-align: center; background: #fff; overflow: hidden; padding: 30px 0 80px 0;}

.testimonials-cont .aside { width: 100%; max-width:900px; float: none; display: inline-block; vertical-align: top; line-height: 42px; background: url("../404.html") no-repeat top center; background-size: 48px auto; padding: 57px 0 0 0;}

.testimonials-cont .aside h2 { padding-bottom: 25px; line-height: 1.3em; font-weight: 600; font-family: "Beatrice", sans-serif; font-size: 33px}

.testimonials-cont .aside p:last-child { padding-bottom: 0;}
.testimonials-cont .aside .name { width:100%; font-size:16px; color:#999; line-height:22px; overflow:hidden;}


@media only screen and (max-width: 1199px) {
.testimonials-cont { padding: 40px 0 70px 0;}
.testimonials-cont .aside { max-width: 580px; font-size: 26px; line-height: 36px;}
}

@media only screen and (max-width: 767px) {
.testimonials-cont { padding: 30px 0 70px 0;}
    
.testimonials-cont .aside { max-width:100%; font-size: 22px; line-height: 32px; background-size: 36px auto; padding: 45px 0 0 0;}
.testimonials-cont .aside p { padding-bottom: 20px; font-size: 26px; line-height: 34px}
    
.testimonials-cont .aside .name { width:100%; font-size:16px; color:#b0aeae; line-height:22px; overflow:hidden;}
}






/* Customer - Reviews */
.customer-reviews { width:100%; background:#F3F3F6; overflow:hidden; padding:70px 0 100px 0; }

.customer-reviews.whitebg { width:100%; background:#fff; overflow:hidden; padding:70px 0 90px 0;}


.customer-reviews .reviews-list { width: 100%; float:left; text-align:center; padding:0 0 70px 0;}

.customer-reviews .reviews-list:last-child { padding-bottom: 0;}

.customer-reviews .reviews-list .article { width: 30%; padding: 50px 15px 40px 15px; margin: 20px 20px 40px 20px}

.customer-reviews .reviews-list .article .box { width:100%; height:100%;
    border-radius: 6px; 
    float:left;	
    display: flex; flex-direction: column; background:#ffffff;  
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);}

.customer-reviews .reviews-list .article .box .aside { width: 100%; float: left; 	flex: 1 0 auto;padding: 0 25px 30px 25px;}

.customer-reviews .reviews-list .article .box .aside p {  font-size: 18px; line-height: 1.4em;}


.customer-reviews .reviews-list .article .box .aside p span {font-family: "aribau_grotesk_trialblack", sans-serif; }

.customer-reviews .reviews-list .article .box .aside .icon { width: 90px; float:none; display:inline-block; vertical-align:top; text-align:center; border-radius:360px; overflow:hidden; margin:-50px 0 20px 0;}

.customer-reviews .reviews-list .article .box .aside .icon img { width: 100%;}

.customer-reviews .reviews-list .article .box .aside .star { width: 100%; overflow: hidden; margin-bottom: 40px;}

.customer-reviews .reviews-list .article .box .aside .star img { max-height: 18px;}

.customer-reviews .reviews-list .article .box .bottom-bar { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items: center; 	flex-shrink: 0;border-top: 1px solid #D2D2D7; padding: 20px 25px;}

.customer-reviews .reviews-list .article .box .bottom-bar .name { width: 100%; text-align: left; padding: 0 44px 0 0; font-size: 14px; font-weight: 300; color: #666;}

.customer-reviews .reviews-list .article .box .bottom-bar .logo { width: 40px; position: relative; z-index: 1; margin: 0 0 0 -40px;}
.customer-reviews .reviews-list .article .box .bottom-bar .logo img { width: 100%;}

.customer-reviews .reviews-list .article-wrap {	display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:center; margin:0 -15px -30px -15px;}
.customer-reviews .testimonials-cont { padding:0;}
 
@media only screen and (max-width: 1199px) {
.customer-reviews { padding:60px 0 80px 0;}
.customer-reviews .reviews-list { padding:0 0 60px 0;}
.customer-reviews .reviews-list .article { width: 50%;}
}

@media only screen and (max-width: 767px) {
.customer-reviews { padding:50px 0 70px 0;}
.customer-reviews .reviews-list { padding:0 0 50px 0;}
.customer-reviews .reviews-list .article { width: 100%;}
}





/* Testimonials - List */
.testimonials-list { width: 100%; overflow: hidden; padding: 70px 0;}
.testimonials-list .container { max-width:1080px;}

.testimonials-list .article { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; background:#fff; padding: 50px 40px; margin:0 0 50px 0; border: 1px solid #D5D9DB}
.testimonials-list .article:last-child { margin-bottom: 0;}
.testimonials-list .article .aside { width: 100%; padding: 0 320px 0 0;}
.testimonials-list .article .aside h3,
.testimonials-list .article .aside .h3 { padding-bottom: 10px;}
.testimonials-list .article .aside .name { font-size:14px; color: rgba(0, 0, 0, 0.50); line-height:20px; padding-bottom: 20px;}
.testimonials-list .article .aside .name:last-child { padding-bottom: 0;}
.testimonials-list .article .figure-wrap { width: 280px; text-align: center; position: relative; z-index: 1; margin: 0 0 0 -280px;}
.testimonials-list .article .figure-wrap .figure { width: 200px; float:none; display:inline-block; vertical-align:top; border-radius:360px; overflow: hidden; position: relative;}
.testimonials-list .article .figure-wrap .figure img { width: 100%; position: relative; z-index: 1;}
.testimonials-list .article-wrap { width: 100%; overflow: hidden;}

@media only screen and (max-width: 1199px) {
.testimonials-list .article .aside { padding:0 220px 0 0;}
.testimonials-list .article .figure-wrap { width:180px; margin:0 0 0 -180px;}
.testimonials-list .article .figure-wrap .figure { width: 100%;}
}

@media only screen and (max-width: 767px) {
.testimonials-list { padding:40px 0;}
.testimonials-list .container { max-width:600px;}
.testimonials-list .article { padding:40px 20px; margin:0 0 40px 0;}
.testimonials-list .article .aside { width: 100%; order:2; padding: 0;}
.testimonials-list .article .figure-wrap { width: 100%; order:1; margin: 0 0 20px 0;}
.testimonials-list .article .figure-wrap .figure { width:150px;}
}





/* Quick - Report */
.quick-report2 {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0 0 100px 0;
}

.quick-report2 .box {
	width: 100%;
	float: left;
	background: rgba(93, 62, 179, 0.10);
	border-radius: 6px;
	padding: 48px 60px 53px 60px;
}

.quick-report2 .aside-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -30px -40px -30px;
}

.quick-report2 .aside {
	width: 25%;
	padding: 0 30px 40px 30px;
}

.quick-report2 .aside .number {
	font-weight: 700;
	font-size: 40px;
	color: #037FAA;
	line-height: 50px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 1199px) {
.quick-report2 {
	padding: 0 0 80px 0;
}

.quick-report2 .box {
	padding: 28px 40px 35px 40px;
}

.quick-report2 .aside-wrap {
	margin: 0 -20px -23px -20px;
}

.quick-report2 .aside {
	padding: 0 20px 23px 20px;
}
}

@media only screen and (max-width: 991px) {
.quick-report2 .aside {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.quick-report2 {
	padding: 0 0 60px 0;
}

.quick-report2 .box {
	padding: 28px 20px 35px 20px;
}

.quick-report2 .aside-wrap {
	margin: 0 -10px -23px -10px;
}

.quick-report2 .aside {
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px 23px 10px;
}

.quick-report2 .aside .number {
	font-size: 36px;
	line-height: 46px;
}
}







/* 
 7.) Homepage Statistics section
----------------------------------------*/

.quick-report { width:100%; float: left; text-align:center; overflow:hidden; padding:0 0 60px 0; background: #fff; }

.quick-report.servicestat { width: 100%; float: left; background: #fff;  padding-bottom: 20px; box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.1) 0 0 5px; position: relative}

.quick-report .aside { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
.quick-report .aside p { font-size:17px; color:#666; line-height:24px;}
.quick-report .aside .number {  font-size:44px; line-height:50px; margin-bottom:3px; color: #0BC869; font-weight: 900}
.quick-report .aside .box { width:100%; height:100%; float:left;  position:relative; padding:0 20px;}
.quick-report .aside:last-child .box { border-right:none;}
.quick-report .aside-out { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top: 30px; margin-left: 20px}

@media only screen and (max-width: 1199px) {
.quick-report { padding-bottom:70px;}
}

@media only screen and (max-width: 991px) {
.quick-report .aside p { font-size:14px; line-height:22px;}
.quick-report .aside .number { font-size:36px; line-height:46px;}
.quick-report .aside .box { padding:0 10px;}
}

@media only screen and (max-width: 767px) {
.quick-report { padding-bottom:30px;}
.quick-report .aside { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; padding:0 0 30px 0;}
.quick-report .aside .number { font-size:26px; line-height:42px;}
.quick-report .aside:nth-child(even)  .box { border-right:none;}
.quick-report .aside-out { margin:0 0 -30px 0;}
}



/* 
 8.) Homepage Our services section
----------------------------------------*/

.services-list-home {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 40px 0;
    margin-top: 10px;
}

.services-list-home.home {
	width: 100%;
    background: #F3F3F6;
	overflow: hidden;
	padding: 80px 0 40px 0;
    margin-top: 10px;
}



.services-list-home .heading-txt {
	padding-bottom: 40px;
}

.services-list-home .heading-txt:last-child {
	padding-bottom: 0;
}

.services-list-home .heading-txt .aside{
	padding-bottom: 20px;
}




.services-list-home figure {
	width: 100%;
	text-align: left;
	margin: 0 0 20px 0;
}

.services-list-home figure:last-child {
	margin-bottom: 0;
}

.services-list-home figure img {
    height: 55px;
    padding: 7px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 6px;
    background: #F3F3F3;
}




.services-list-home .divi-img {
	width: 100%;
	text-align: center;
	margin: 0 0 40px 0;
}

.services-list-home divi-img:last-child {
	margin-bottom: 0;
}

.services-list-home .divi-img img {
    height: 120px;
    display: inline-block;
}




.services-list-home .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
    margin-bottom: 60px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.services-list-home .article-wrap ul {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
    padding: 0;
}

.services-list-home .article-wrap ul.bold { font-weight: 700; font-family: "poppins", sans-serif;}

.services-list-home .article-wrap ul li {
    font-size: 16px;
    line-height: 1.4em;
    margin: 0;
    padding: 3px 0 4px 25px;
    color: #161616;
}

.services-list-home .article-wrap ul.divi {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
    padding: 0;
}

.services-list-home .article-wrap ul.divi li {
    font-size: 15px;
    line-height: 1.4em;
    margin: 0;
    padding: 2px 0 2px 23px;
    color: #333;
	font-family: "poppins", sans-serif;
    font-weight: 400;
    letter-spacing: normal;
}

.services-list-home .article-wrap ul li a {
    text-decoration: none;
    color: #333;
}

.services-list-home .article-wrap ul li a:hover {
    text-decoration: underline;
    color: #00BAF1;
}

.services-list-home .article-wrap ul li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 800;
	color: #43C499;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 4px;
	left: 0;
    font-size: 15px;
}




.services-list-home .article-wrap:after,
.services-list-home .article-wrap:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #F3F3F6;
	position: absolute;
	top: 0;
	left: 33.33%;
}

.services-list-home .article-wrap:after {
	left: auto;
	right: 33.33%;
}

.services-list-home .article {
	width: 33.33%;
	border: 10px solid #F3F3F6;
	margin: 0;
    text-align: left;
    padding: 40px 30px 35px 30px;
    background: #ffffff;
    border: 1px solid #E5E5E5;
}

.services-list-home .article:hover{
    background: #ffffff;
    border-top: 1px solid #333;
    -webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out; 
}


.services-list-home .article .box {
	width: 100%;
	height: 100%;
	float: left;
}




.services-list-home .article .box p {
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}

.services-list-home .article .box p a {
	font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.services-list-home .article .box p.price { color: #fff; padding: 6px 5px; text-align: center; background: #00B359; font-size: 15px; border-radius: 6px;}
.services-list-home .article .box p.price strong { color: #fff;}


.services-list-home .article .box .headlist{
	width: 100%;
	float: left;
}

.services-list-home .article .box h3,
.services-list-home .article .box .h3 {
	width: 100%; 
    position: relative;
    font-family: "poppins", sans-serif;
	padding: 0;
	margin: -5px 0 5px 5px;
    font-size: 27px; 
    line-height: 1.3em; 
    letter-spacing: normal; 
    text-align: center;
    display: inline-block; 
    vertical-align: middle; 
    font-weight: 900;
    text-transform: uppercase
    }

.services-list-home .article .box h3 a { color: #00BAF1; text-decoration: none}
.services-list-home .article .box h3 a:hover { color: #0D2237; text-decoration: underline}


.services-list-home .article .box h4 {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
    font-size: 13px; 
    line-height: 1.4em; 
    text-transform: uppercase; 
    font-family: "poppins", sans-serif;
    width: 100%;
    color: #568BA4;
    font-weight: 300;
text-align: center}

.services-list-home .article .box h4 a { color: #00BAF1; text-decoration: none}
.services-list-home .article .box h4 a:hover { color: #0D2237; text-decoration: underline}

.services-list-home .article .box h4 span { font-weight: 400; padding: 0 5px; color: #B4C0C6;}





.services-list-home .article .box figure {float: left;margin-right: 10px; width: 20%;  text-align: left}

.services-list-home .article .box figure img { background: #fff; width: 100%; height: 80%; padding: 0 10px 5px 0; text-align: center}

.services-list-home .article:hover .box figure img {
    background: #fff;
    -webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}




.services-list-home .icons {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}

.services-list-home .icons:last-child {
	margin-bottom: 0;
}

.services-list-home .icons img {
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 6px;
}




.services-list-home .list-button {
	width: 100%;
	float: left;
	text-align: center;
	margin: 10px 0 20px 0;
    border-top: 1px solid #ADC7D6;
    border-bottom: 3px solid #ADC7D6;
    background: #F2F4FA;
    border-radius: 6px;
    padding: 25px 0 10px 0;
}
.services-list-home .list-button .btn, 
.services-list-home .list-button button {
	min-width: 220px;
	padding-right: 5px;
	padding-left: 5px;
    font-size: 18px
}


.services-list-home .list-button .btn-out {  margin: 0; padding: 0}



.services-list-home .list-button p { font-size: 16px; margin: 0 0 15px 0; padding: 0; color: #333; line-height: 1.5em; }
.services-list-home .list-button p span { font-size: 18px; color: #0BC869;}

.services-list-home .btn-out {text-align: center; margin-top: 10px}

.services-list-home .btn-out p { font-size: 12px; padding-top: 15px; text-align: center; color: #777}



.services-list-home.details .article .box h3,
.services-list-home.details .article .box .h3 {
	width: 75%; 
    position: relative;
    font-family: "poppins", sans-serif;
	padding: 0;
	margin: -5px 0 5px 5px;
    font-size: 25px; 
    line-height: 1.3em; 
    letter-spacing: normal; 
    text-align: center;
    display: inline-block; 
    vertical-align: middle; 
    font-weight: 900;
    text-transform: uppercase
    }


.services-list-home.details .article-wrap {
    margin-top: 10px;
    margin-bottom: 70px;
}




@media only screen and (max-width: 1199px) {
.services-list-home {
	padding: 60px 0;
}
    
}


@media only screen and (max-width: 991px) {
.services-list-home .article-wrap:after,
.services-list-home .article-wrap:before {
	left: 50%;
}

.services-list-home .article-wrap:after {
	display: none;
}

.services-list-home .article {
	width: 50%;
    padding: 25px 20px;
}
    
    .services-list-home .article .box h3,
.services-list-home .article .box .h3 {
	font-size:18px;
}
    
    
}

@media only screen and (max-width: 767px) {
.services-list-home {
	padding: 50px 5px 50px 0;
}

.services-list-home .heading-txt {
	padding-bottom: 40px;
}

.services-list-home .article .box h3,
.services-list-home .article .box .h3 {
	font-size:18px;
    
}

.services-list-home .article:nth-child(odd) .box {
	padding-left: 0;
}

.services-list-home .article:nth-child(even) .box {
	padding-right: 0;
}
}



@media only screen and (max-width: 575px) {
.services-list-home .article-wrap:after,
.services-list-home .article-wrap:before {
	display: none;
}

.services-list-home .article {
	width: 100%;
	padding: 25px;
}
    
    .services-list-home .article .box h3,
.services-list-home .article .box .h3 {
	font-size:20px;
}
    

.services-list-home .article:last-child {
	padding-bottom: 20px;
	margin-bottom: 0;
}

.services-list-home .article .box {
	padding: 0;
}

    
}



/* 
 9.) Homepage features section
----------------------------------------*/


.feature-list {
	width: 100%;
	background: #fff;
	overflow: hidden;
	padding: 80px 0 60px 0
}

.feature-list .article {
	width: 33.33%;
	padding: 0 20px 60px 20px;
}



.feature-list .article .box {
	width: 100%;
	float: left;
}

.feature-list .article .box .icon {
	width: 55px;
	height: 55px;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: #43C499;
	border-radius: 360px;
	font-size: 24px;
	color: #ffffff;
	line-height: 1em;
	position: relative;
	z-index: 5;
	margin: -7px -60px 0 0;
}

.feature-list .article .box .aside {
	width: 100%;
	float: left;
	padding: 0 0 0 75px;
	margin: -6px 0 0 0;
}

.feature-list .article .box .aside h4,
.feature-list .article .box .aside .h4 {
    margin: 0;
    padding: 0 0 7px 0;
    font-size: 20px;
    font-weight: 700;

}

.feature-list .article .box .aside h4:last-child,
.feature-list .article .box .aside .h4:last-child {
	padding-bottom: 0;
}

.feature-list .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -30px -20px;
}

@media only screen and (max-width: 1199px) {
.feature-list .article {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.feature-list .article {
	width: 100%;
	padding: 0 30px 40px 30px;
}

.feature-list .article-wrap {
	margin: 0 -20px -40px -20px;
}
    
}












/* 
 8.) Homepage feature list home
----------------------------------------*/

.feature-list-new {
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	padding: 70px 0 30px 0;
    margin-top: 10px;
}

.feature-list-new .heading-txt {
	padding-bottom: 40px;
}

.feature-list-new .heading-txt:last-child {
	padding-bottom: 0;
}

.feature-list-new .heading-txt .aside{
	padding-bottom: 20px;
}




.feature-list-new figure {
	width: 100%;
	text-align: left;
	margin: 0 0 20px 0;
}

.feature-list-new figure:last-child {
	margin-bottom: 0;
}

.feature-list-new figure img {
    height: 55px;
    padding: 7px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 6px;
    background: #F3F3F6;
}



.feature-list-new .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
    margin-bottom: 60px;
}

.feature-list-new .article-wrap ul {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
    padding: 0;
}

.feature-list-new .article-wrap ul.bold { font-weight: 700; font-family: "poppins", sans-serif;}

.feature-list-new .article-wrap ul li {
    font-size: 16px;
    line-height: 1.4em;
    margin: 0;
    padding: 3px 0 4px 25px;
    color: #333;
}


feature-list-new .article-wrap ul li a {
    text-decoration: none;
    color: #333;
}

.feature-list-new .article-wrap ul li a:hover {
    text-decoration: underline;
    color: #00BAF1;
}

.feature-list-new .article-wrap ul li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 800;
	color: #43C499;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 4px;
	left: 0;
    font-size: 15px;
}


.feature-list-new .article-wrap:after,
.feature-list-new .article-wrap:before {
	content: "";
	width: 2px;
	height: 100%;
	float: left;
	background: #fff;
	position: absolute;
	top: 0;
	left: 33.33%;
}

.feature-list-new .article-wrap:after {
	left: auto;
	right: 33.33%;
}

.feature-list-new .article {
	width: 33.33%;
	border: 2px solid #fff;
	margin: 0;
    text-align: left;
    padding: 20px 30px 20px 30px;
    background: #fff;
    

}


.feature-list-new .article .box {
	width: 100%;
	height: 100%;
	float: left;
}


.feature-list-new .article .box p {
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}

.feature-list-new .article .box p a {
	font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.feature-list-new .article .box p.price { color: #fff; padding: 6px 5px; text-align: center; background: #0BC869; font-size: 15px; border-radius: 6px;}
.feature-list-new  .article .box p.price strong { color: #fff;}


.feature-list-new  .article .box .headlist{
	width: 100%;
	float: left;
}

.feature-list-new  .article .box h3,
.feature-list-new  .article .box .h3 {
    width: 100%; 
    position: relative;
	padding: 0 0 0 0;
	margin: -5px 0 10px 0;
    font-size: 22px; 
    line-height: 1.3em; 
    letter-spacing: normal; 
    display: inline-block; 
    vertical-align: middle; 
    font-weight: 700;}



.feature-list-new  .article .box h4 {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
    font-size: 14px; 
    line-height: 1.4em; 
    text-transform: uppercase; 
    width: 100%;
    color: #568BA4;
    font-weight: 700}

.feature-list-new  .article .box h4 a { color: #00BAF1; text-decoration: none}
.services-list-home .article .box h4 a:hover { color: #0D2237; text-decoration: underline}

.feature-list-new .article .box h4 span { font-weight: 400; padding: 0 5px; color: #B4C0C6;}





.feature-list-new .article .box figure {display: inline-block; margin-right: 10px; width: 18%; vertical-align: middle}
.feature-list-new .article .box figure img { background: #fff; width: 100%; padding: 0; text-align: left}

.feature-list-new .article:hover .box figure img {
    background: #fff;
    -webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}




.feature-list-new .icons {
	width: 100%;
	text-align: left;
	margin: 0 0 20px 0;
}

.feature-list-new .icons:last-child {
	margin-bottom: 0;
}

.feature-list-new .icons img {
    width: 57px;
    height: 57px;
    padding: 9px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 7px;
    border-radius: 30px;
    background: #F3F3F6;
}




@media only screen and (max-width: 1199px) {
.feature-list-new {
	padding: 60px 0;
}
    
}


@media only screen and (max-width: 991px) {
.feature-list-new  .article-wrap:after,
.feature-list-new  .article-wrap:before {
	left: 50%;
}

.feature-list-new  .article-wrap:after {
	display: none;
}

.feature-list-new  .article {
	width: 50%;
    padding: 25px 20px;
}
    
.feature-list-new  .article .box h3,
.feature-list-new  .article .box .h3 {
	font-size:18px;
}
    
    
}

@media only screen and (max-width: 767px) {
.feature-list-new  {
	padding: 50px 5px 50px 0;
}

.feature-list-new  .heading-txt {
	padding-bottom: 40px;
}

.feature-list-new  .article .box h3,
.feature-list-new  .article .box .h3 {
	font-size:18px;
    
}

.feature-list-new  .article:nth-child(odd) .box {
	padding-left: 0;
}

.feature-list-new .article:nth-child(even) .box {
	padding-right: 0;
}
}



@media only screen and (max-width: 575px) {
.feature-list-new  .article-wrap:after,
.feature-list-new  .article-wrap:before {
	display: none;
}

.feature-list-new  .article {
	width: 100%;
	padding: 25px;
}
    
.feature-list-new  .article .box h3,
.feature-list-new  .article .box .h3 {
	font-size:20px;
}
    

.feature-list-new  .article:last-child {
	padding-bottom: 20px;
	margin-bottom: 0;
}

.feature-list-new  .article .box {
	padding: 0;
}

    
}




/* 
 10.) Homepage pricing table section
----------------------------------------*/

.pricing-tables-tab { width:100%; overflow:hidden; padding:60px 0 80px 0; background: #FEE9FB}

.pricing-tables-tab .heading-txt { width:100%; float:left; text-align:center; margin-bottom:30px; margin-top: 30px}

.pricing-tables-tab .heading-txt h2 { margin: 0; padding-bottom: 15px}

.pricing-tables-tab .heading-txt:last-child { padding-bottom:0;}

.pricing-tables-tab .article { width:33.33%; padding:0 15px 30px 15px;}

.pricing-tables-tab .article .box { width:100%; float:left; color:rgba(42, 51, 56, 0.80); text-align:center; background:#fff; border:1px solid #f3f3f3; position:relative; padding:20px 30px 20px 30px;}


.pricing-tables-tab .article .box .save-btn { width:80%; display:none; font-size:12px; color:#ffffff; line-height:20px; background:#00BAF1; position:absolute; top:-18px; left:50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);	-moz-transform: translate(-50%, 0);	-o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding:7px 15px; text-transform: uppercase; letter-spacing: 0.15em; margin-top: -15px}


.pricing-tables-tab .article .box .month { font-size:24px; line-height:30px; padding-top:10px; padding-bottom:10px;  color: #3A426F; font-family: "aribau_grotesk_trialblack", sans-serif; }

.pricing-tables-tab .article .box .month:last-child { padding-bottom:0;}


.pricing-tables-tab .box .price { font-size:54px; line-height:1em; padding-bottom:5px; margin-top:20px; color:#00BAF1; }

.pricing-tables-tab .box .price sup { 
    font-size: 70%;
	position: relative;
	top: -9px;
	margin-right: 2px; font-size: 36px;}

.pricing-tables-tab .article.selected box .price { font-size:50px; line-height:1em; padding-bottom:10px; margin-top:10px; font-weight: 700}

.pricing-tables-tab .article .box .price:last-child { padding-bottom:0;}
.pricing-tables-tab .article .box .price sub { font-size:30%; top:0;}
.pricing-tables-tab .article .price1 { width:100%; float:left; font-size:14px; line-height:26px; padding-bottom:25px; }


.pricing-tables-tab .article .botton-wrap .btn { width: 70%; font-size:18px; color:#1E4557;  background: none;}

.pricing-tables-tab .article .botton-wrap .btn:hover { background: none; color: #1E4557}



.pricing-tables-tab .article .botton-wrap { width:100%; float:left;}

.pricing-tables-tab .article .botton-wrap .btn-out { padding:0; margin:0 0 25px 0;}
.pricing-tables-tab .article .botton-wrap .btn-out:last-child { margin-bottom:0;}

.pricing-tables-tab .article .guarantee-txt { width:100%; float:left; font-size:16px; line-height:26px; padding-bottom: 20px;}


.pricing-tables-tab .article .guarantee-txt1 { width:100%; float:left; font-size:14px; line-height:26px; text-decoration: underline}

.pricing-tables-tab .article.selected .box { color:rgba(42, 51, 56, 1); background:#ffffff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); padding-bottom:30px;}


.pricing-tables-tab .article.selected .box .save-btn { display:block;}
.pricing-tables-tab .article.selected .box .reg-price { display:block;}


.pricing-tables-tab .article.selected .box .botton-wrap .btn { color:#ffffff; background:#1E4557; box-shadow:none; font-size: 18px;}

.pricing-tables-tab .article.selected .box .botton-wrap .btn:hover { color:#ffffff; background:#1E4557; box-shadow:none;}

.pricing-tables-tab .article-wrap {	display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;  padding-bottom:30px; margin:0 -15px -30px -15px}

.pricing-tables-tab .article-wrap:last-child { padding-bottom:0;}

.pricing-tables-tab .bottom-txt { width:100%; float:left; font-size:16px; line-height:24px; text-align:center;}

.pricing-tables-tab .bottom-txt p { width:100%; float:left; font-size:17px; line-height:1.5em; text-align:center;}



.pricing-tables-tab .tab-content { width:100%; float:left; margin-top: 20px; margin-bottom:75px;}

.pricing-tables-tab .tab-content:last-child { margin-bottom:0;}
.pricing-tables-tab .tab-content .tabs-inn { width:100%; float:left;}



@media (max-width: 1199px) {
.pricing-tables-tab { padding:70px 0;}
.pricing-tables-tab .article { width:50%;}
}


@media (max-width: 767px) {
.pricing-tables-tab { padding:50px 0;}
.pricing-tables-tab .article { width:100%; margin-bottom: 40px}
.pricing-tables-tab .article:last-child { width:100%; margin-bottom: 0}

    
.pricing-tables-tab .quick-static-wrap .unlimited { width:100%; font-size:16px; line-height:24px; padding:0 0 20px 0;}
.pricing-tables-tab .quick-static-wrap .unlimited:last-child { padding-bottom:0;}
.pricing-tables-tab .quick-static-wrap .unlimited .aside { padding:0 0 0 100px;}
.pricing-tables-tab .quick-static-wrap .quick-static { width:100%; justify-content:left;} 
.pricing-tables-tab .quick-static-wrap .quick-static p { width:100%; padding:0 0 10px 0;}
}




/* 
 10.) Homepage Pricing page- Mobile version
--------------------------------------------*/


.tab-links {
	width: 100%;
	float: left; 
	box-shadow: inset #EDD4E9 0 -9px 0 0; 
	position: relative;
	margin-bottom: 20px;
}

.tab-links:last-child { 
	margin-bottom:0;
}

.tab-links ul {
	display:-ms-flexbox; 
	display:flex; 
	-ms-flex-wrap:wrap; 
	flex-wrap:wrap; 
	justify-content:center;
	padding: 0;
	margin: 0;
}

.tab-links ul li { 
	width:33.33%; 
	text-align: center;
	padding: 0;
	margin: 0;
}

.tab-links ul li:before {
	display: none;
}

.tab-links ul li a { 
	width: 100%; 
	height: 100%;
	float: left;	
	display:-ms-flexbox; 
	display:flex; 
	-ms-flex-wrap:wrap; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content: center; 
	font-size: 18px; 
	color: #666; 
	line-height: 26px; 
	letter-spacing:normal;
	text-align: center;
	text-decoration: none; 
	padding:15px 20px;
    font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}

.tab-links ul li a:hover,
.tab-links ul li a:focus {
	color: #666;
}

.tab-links ul li a.active {
	color: #00BAF1; 
	box-shadow:inset #00BAF1 0 -9px 0 0;
    font-family: "aribau_grotesk_trialblack", sans-serif;    
}

.tab-links .dropdown-toggle { width:100%; float:left; display:none; font-weight:800; font-size:16px; color:#ffffff; line-height:24px; letter-spacing:1.7px; text-align:left; text-transform:uppercase; background:#17072E; border:none; cursor:pointer; position:relative; padding:13px 55px 13px 20px;}

.tab-links .dropdown-toggle:after { display:none;}
.tab-links .dropdown-toggle:before { content:"\f107"; width:55px; height:50px; float:left; font-family:"Font Awesome 5 Pro"; font-weight:400; font-size:24px; color:#ffffff; line-height:52px; text-align:center; position:absolute; top:0; right:0;}
.tab-links .dropdown-toggle.active:before { content:"\f106";}

.pricing-tabs .tab-content { 
	width: 100%; 
	float: left;
}

@media (max-width: 767px) {
.tab-links {
	box-shadow: none; 
	margin-bottom: 60px;
}

.tab-links ul { width:100%; display:none; background:#1E4557; position:absolute; top:50px; left:0; padding:0; margin:0;}
.tab-links ul li { width:100%; text-align: inherit; padding:0; margin:0;}
.tab-links ul li a { width:100%; height:auto; font-size:16px; color:#ffffff; line-height:24px; justify-content:start; border-top:1px solid rgba(255, 255, 255, 0.5); padding:12px 20px;}
.tab-links ul li a:hover { color:#ffffff;}
.tab-links ul li a.active { color:#ffffff; box-shadow:none;}
.tab-links .dropdown-toggle { display:block;}
.tab-links:hover ul { display:block;}
}


.breadmenu { width: 100%; float: left; text-align: center; margin: 0 0 25px 0; font-size: 14px; letter-spacing: 0.03em; height: 1.4em}
.breadmenu a { background: none; height: auto; color: #00BAF1; margin:0 ; padding: 0; font-weight: bold; font-size: 14px;}
.breadmenu a:hover { background: none; text-decoration: underline; color: #00BAF1}








/* 
 11.) Homepage FAQ section - faq list homepage 
-----------------------------------------------*/


.faq-list-home {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 170px 0;
    background: #F5F7FA;
}


.faq-list-home.nospace {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 70px 0;
    background: #F5F7FA;
}

.faq-list-home.moneypage {
width: 100%;
	overflow: hidden;
	padding: 180px 0 170px 0;
    background: #F5F7FA;
}


.faq-list-home .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px
}

.faq-list-home .box .heading-txt {
    max-width: 800px;
	text-align: center;
	padding: 0 0 60px 0;
}


.faq-list-home .box .heading-txt h2,
.faq-list-home .box .heading-txt .h2 {
	width: 100%;
	padding: 0 0 15px 0;
}

.faq-list-home .box .heading-txt h2:last-child,
.faq-list-home .box .heading-txt .h2:last-child {
	padding-bottom: 0;
}

.faq-list-home .box .accordation-list {
	width: 100%;
}


.faq-list-home .accordation-list .accord-cont ul {
	width: 100%;
	float: left;	
	padding: 10px 50px 20px 30px;
    text-align: left;
}

.faq-list-home .accordation-list .accord-cont ul.second {
	width: 100%;
	float: left;	
	padding: 5px 50px 10px 40px;
    text-align: left;
}

.faq-list-home .accordation-list .accord-cont ul li { padding: 0; padding-left: 2px; list-style: disc;  padding-bottom: 7px; color: #555;}

.faq-list-home .accordation-list .accord-cont ul li strong { color: #161616; font-family: "aribau_grotesk_trialblack", sans-serif; font-weight: 700}

@media only screen and (max-width: 1199px) {
.faq-list-home {
	padding: 60px 0 150px 0;
}
}

@media only screen and (max-width: 991px) {
.faq-list-home .box .heading-txt {
	width: 45%;
}

.faq-list-home .box .accordation-list {
	width: 90%;
}
}

@media only screen and (max-width: 767px) {
.faq-list-home {
	padding: 50px 0 150px 0;
}

.faq-list-home .box .heading-txt {
	width: 100%;
	padding: 0 0 40px 0;
}

.faq-list-home .box .heading-txt h2,
.faq-list-home .box .heading-txt .h2 {
	max-width: 100%;
}

.faq-list-home .box .accordation-list {
	width: 100%;
}
}




/* 
 12.) Homepage CTA area
----------------------------------------*/


.cta-bar {
	width: 100%;
	color: #ffffff;
	text-align: center;
	background: #037FAA;
	overflow: hidden;
	padding: 40px 0;
}

.cta-bar .aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.cta-bar .aside h3,
.cta-bar .aside .h3 {
	padding-bottom: 10px;
}

.cta-bar .aside h3:last-child,
.cta-bar .aside .h3:last-child {
	padding-bottom: 0;
}

.cta-bar .aside p { 
    color:#fff;}





/*
 12.) Footer - Main
----------------------------------------*/

#footer-main { width: 100%; float: left; background: #102B37; background: #fff; border-top: 12px solid #1F1F23;}

.contact-us { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:center; position:relative; margin-top: -85px;background:#1F1F23; }


.contact-us.ourworks { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:center; position:relative; margin-top: 50px;background:#1F1F23; }



.contact-us .box { width:70%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center;  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); position:relative; z-index:1; padding:50px 50px 40px 50px; }


.contact-us .box .aside { width:100%}
.contact-us .box .aside p { text-transform: uppercase; font-size: 16px; text-align: center; font-family: "aribau_grotesk_trialbold", sans-serif; color: #fff; margin: 0; padding: 0 0 20px 0}
.contact-us .box .aside h2 { text-align: center;  line-height: 1.2em; color: #fff; margin-bottom: 10px; font-size: 40px; font-weight: 800;}
.contact-us .box .aside h2 span { color: #fff}
.contact-us .box .aside h3 span { color: #fff}

.contact-us .box .btn-out { text-align:center; padding: 0; margin: 0;}


.contact-us .box .btn {padding: 13px 35px;
     font-size: 18px;}




#footer-main .pre-footer { width:100%; overflow:hidden; border-bottom:1px solid #B7D3E6; padding:80px 0 40px 0; }

#footer-main .pre-footer:last-child { border-bottom:none;}
#footer-main .pre-footer .article { width: 34.15%; font-size: 14px; line-height: 22px; padding:0 20px 40px 20px;}

#footer-main .pre-footer .article { width: 34.15%; font-size: 14px; line-height: 22px; padding:0 20px 40px 20px;}

#footer-main .pre-footer .article h2,
#footer-main .pre-footer .article .h2 {font-size:18px; color:#333; line-height:22px; padding-bottom:20px; font-family: "poppins", sans-serif;}
#footer-main .pre-footer .article h2:last-child,
#footer-main .pre-footer .article .h2:last-child { padding-bottom:0;}

#footer-main .pre-footer .article h3,
#footer-main .pre-footer .article .h3 {font-size:16px; color:#333; line-height:22px; padding-bottom:5px;}
#footer-main .pre-footer .article h2:last-child,
#footer-main .pre-footer .article .h2:last-child { padding-bottom:0;}


#footer-main .pre-footer .article .aside { width:100%; overflow:hidden; padding: 0 0 17px 0;}
#footer-main .pre-footer .article .aside:last-child { padding-bottom:0;}
#footer-main .pre-footer .article .logo { width:100%; float:left; margin:0 0 15px 0;}
#footer-main .pre-footer .article .logo img { max-height:20px;}
#footer-main .pre-footer .article .aside ul { padding:0; margin:0 0 -12px 0;}
#footer-main .pre-footer .article .aside ul li { padding:0 ; margin:0 0 10px 0; font-size: 16px; color: #333;  line-height: 20px; font-family: "aribau_grotesk_trial_rgRg", sans-serif; list-style-type: disc}


#footer-main .pre-footer .article .aside ul li:before { display: none}
#footer-main .pre-footer .article .aside ul li a { color:#333; text-decoration:none;}

#footer-main .pre-footer .article .aside ul li span {
    padding: 5px 7px 3px 7px;
    font-size: 10px;
    font-weight: 700;
    margin-left: 5px;
    border-radius: 360px;
    top: -2px;
    position: relative;
    color: #fff;
	line-height: 18px;
	text-transform: uppercase;
	background: #FF3266;
}





#footer-main .copypayments {
  width: 100%;
  float: left;
  padding: 35px 0 5px 0;
  text-align: center;
background: #F3F3F6;

}

#footer-main .copypayments h4 { font-size: 17px; color: #161613; margin:0; padding: 0 0 15px 0; font-family: "aribau_grotesk_trialbold", sans-serif;}
#footer-main .copypayments p { font-size: 15px; color: #444; padding: 0 10%}

#footer-main .copypayments figure {
  width: 100%;
  float: left;
  text-align: center;
  padding: 15px 0 5px 0;
}

#footer-main .copypayments figure img {
  height: 40px;
  margin-bottom: 15px;
}


#footer-main .pre-footer .article .aside ul li a:hover,
#footer-main .pre-footer .article .aside ul li a:focus,
#footer-main .pre-footer .article .aside ul li a:active { color:#00BAF1;}

#footer-main .pre-footer .article .aside .txt-max { width:100%; float:left; margin-bottom: 30px; padding-right: 20px;}
#footer-main .pre-footer .article .aside .txt-max p { font-size:16px; color: #333; margin: 0; padding: 0; line-height: 24px; }

#footer-main .pre-footer .article .aside .txt-wh { width:100%; max-width:320px; float:left; margin-bottom: 30px}
#footer-main .pre-footer .article .aside .txt-wh p { font-size: 16px; margin: 0; padding: 0 0 10px 0; color: #333 }

#footer-main .pre-footer .article .aside .txt-wh p span { font-family: "aribau_grotesk_trialbold", sans-serif;
}


#footer-main .pre-footer .article .social-links { width:100%; overflow:hidden;}
#footer-main .pre-footer .article .social-links ul {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; padding:0; margin:0 -12px -12px -12px;}
#footer-main .pre-footer .article .social-links ul li { padding:0; margin:0 12px 12px 12px;}
#footer-main .pre-footer .article .social-links ul li:before { display:none;}
#footer-main .pre-footer .article .social-links ul li span { display:none;}
#footer-main .pre-footer .article .social-links ul li a { font-weight:inherit; color:#333; line-height:1em; text-decoration:none;}



#footer-main .pre-footer .article .social-links ul li a:hover,
#footer-main .pre-footer .article .social-links ul li a:focus,
#footer-main .pre-footer .article .social-links ul li a:active { color:#00378C;}

#footer-main .pre-footer .article:nth-child(2) { width: 24.35%;}
#footer-main .pre-footer .article:nth-child(3) { width: 22.70%;}
#footer-main .pre-footer .article:nth-child(4) { width: 18.80%;}
#footer-main .pre-footer .article-wrap { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap;	flex-wrap:wrap; margin:0 -20px -40px -20px;}



#footer-main .copyrights { width:100%; overflow:hidden; font-size: 15px; line-height: 22px; padding:35px 0 25px 0; color: #666; text-align: center}
#footer-main .copyrights a {font-weight: 500; text-decoration: underline}
#footer-main .copyrights span { padding: 0 3px; color: #D2D2D7;}

#footer-main .copyrights .fa-heart {
	color: #FF3266;
	margin: 0 2px;
}

#footer-main .pre-footer .article .verified { width: 100%; float: left; margin:15px 0 0 0; padding: 0}
#footer-main .pre-footer .article .verified p {  margin: 0; padding: 0; font-size: 15px;  }

#footer-main .pre-footer .article .verified img {height: 60px; margin-bottom: 15px;}


@media only screen and (max-width: 1199px) {
.contact-us .box { width: 100%; padding:40px 40px;}
.contact-us .box p { padding:0 5% 10px 5%; font-size: 14px}
    
#footer-main .pre-footer .article { width: 36.66%;}
#footer-main .pre-footer .article:nth-child(2) { width: 20%;}
#footer-main .pre-footer .article:nth-child(3) { width: 21.66%;}
#footer-main .pre-footer .article:nth-child(4) { width: 21.66%;}
}

@media only screen and (max-width: 991px) {
    
        .contact-us .box { width:100%;  }


#footer-main .copypayments p { padding: 0 0 20px 0}

#footer-main .pre-footer .article { width: 50%;}
#footer-main .pre-footer .article:nth-child(2) { width: 50%;}
#footer-main .pre-footer .article:nth-child(3) { width: 50%;}
#footer-main .pre-footer .article:nth-child(4) { width: 50%;}
}

@media only screen and (max-width: 767px) {
.contact-us .box { text-align:center; padding:35px 30px; padding-bottom: 20px}
.contact-us .box .aside { width: 100%; padding: 20px 0 20px 0;}

    .contact-us .box { width:100%;  }
    .contact-us .box .aside h2 {line-height: 1.2em;   margin-bottom: 10px; font-size: 26px;}

    
#footer-main .copypayments p { padding: 0 0 30px 0}

.contact-us .box .btn-out { width: 100%; text-align:center;}

#footer-main .pre-footer .article { width: 100%;}
#footer-main .pre-footer .article .logo img { max-height:20px;}
#footer-main .pre-footer .article:nth-child(2) { width: 100%;}
#footer-main .pre-footer .article:nth-child(3) { width: 100%;}
#footer-main .pre-footer .article:nth-child(4) { width: 100%;}
    


    
#footer-main .copypayments figure {
  width: 80%;
  float: none;
      display: inline-block;
  text-align: center;
  padding: 5px 0 5px 0;
}

#footer-main .copypayments figure img {
  height: 40px;
  margin-bottom: 15px;
    text-align: center
}
    
}




/* Banner - Inner */
.banner-inner {
	width: 100%;
	overflow: hidden;
	padding: 0 0 70px 0;
    
}

.banner-inner.greybg {
    background: #EEF0F3;
    padding: 0 0 150px 0;
    
}



.banner-inner .figure {
	width: 100%;
	text-align: center;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	overflow: hidden;
	margin: 40px 0 50px 0;
}

.banner-inner .figure:last-child {
	margin-bottom: 0;
}

.banner-inner .figure img {
	width: 100%;
	min-width: 520px;
	margin: 0 -260px;
}


@media only screen and (max-width: 1199px) {
 .banner-inner.greybg {
    padding: 10px 0 100px 0;
}
}

@media only screen and (max-width: 991px) {
.banner-inner {
	padding: 0 0 40px 0;
}
    

    
}

@media only screen and (max-width: 767px) {
.banner-inner {
	padding: 0 0 50px 0;
}

.banner-inner .figure {
	margin: 0 0 40px 0;
}
}



/*
 15.) Services Page - Main
----------------------------------------*/

.services-list-home.alt {
	text-align: center;
	position: relative;
	padding-top: 70px;
}



.services-list-home.alt .figure:last-child {
	margin-bottom: 0;
}

.services-list-home.alt .figure img {
	width: 100%;
}

.services-list-home.alt .article-wrap {
	text-align: left;
}

@media only screen and (max-width: 1199px) {
    
    .services-list-home.alt {
	padding-top: 150px;
}
    


.services-list-home.alt .figure {
	margin-bottom: 40px;
}
}

@media only screen and (max-width: 767px) {
.services-list-home.alt {
	padding-top: 130px;
}

    
.services-list-home.alt:before {
	content: "";
	width: 100%;
	height: 200px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}
    
}





/* Two - Col - Articles */
.two-col-articles {
	width: 100%;
	overflow: hidden;
	padding: 80px 0 80px 0;
}

.two-col-articles .heading-txt {
	padding: 0 0 70px 0;
}


.two-col-articles .heading-txt:last-child {
	padding-bottom: 0;
}

.two-col-articles .article {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 50px 0;
	margin: 0 -20px;
}

.two-col-articles .article:last-child {
	padding-bottom: 0;
}

.two-col-articles .article .aside {
	width: 50%;
	padding: 0 20px;
    padding-left: 40px;
}

.two-col-articles .article ul{ margin: 0 0 20px -5px; padding: 0;}
.two-col-articles .article .aside ul li { list-style: disc; margin: 0 0 0 25px; padding: 1px 0 2px 0; }

.two-col-articles .article .aside ul.space li { list-style: disc; margin: 0 0 8px 22px; padding: 1px 0 2px 0; }


.two-col-articles .article .aside h4 { margin: 0 0 10px 0; padding: 0; }



.two-col-articles .article ol{ margin: 0 0 20px 0; padding: 0 0 0 10px;}
.two-col-articles .article .aside ol li { margin: 2px 0 0 0; padding: 0 0 0 20px; line-height: 26px; }

.two-col-articles .article .aside ol li a { text-decoration: underline}

.two-col-articles .article .aside ol li ul { margin: 10px 0 20px 20px;}
.two-col-articles .article .aside ol li ul li { padding-left: 0; font-size: 14px; font-weight: 600; line-height: 24px; color: #037FAA;}

.two-col-articles .article .btn-out { margin: 0 0 40px 30px;}



.two-col-articles .article .figure-wrap-top {
	width: 50%;
	padding: 0 20px;
}

.two-col-articles .article .figure-wrap-top .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.two-col-articles .article .figure-wrap-top .figure img {
	max-width: 100%;
    height: 250px;
}



.two-col-articles .article .aside2 {
	width: 67%;
	padding: 0 20px;
}

.two-col-articles .article .figure-wrap-pricing {
	width: 33%;
	padding: 0 20px;
}

.two-col-articles .article .figure-wrap-pricing .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.two-col-articles .article .figure-wrap-pricing .figure img {
	max-width: 100%;
    height:250px;
    padding: 30px 0;

}



.two-col-articles .article .figure-wrap-topmain {
	width: 50%;
	padding: 0 20px;
    text-align: center
}

.two-col-articles .article .figure-wrap-topmain .figure {
	width: 80%;
	text-align: center;
	overflow: hidden;
    display: inline-block;
    position: relative;
}

.two-col-articles .article .figure-wrap-topmain .figure img {
	max-width: 100%;
    
}


.two-col-articles .article .figure-wrap {
	width: 50%;
	padding: 0 20px;
}




.two-col-articles .article .figure-wrap .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.two-col-articles .article .figure-wrap .figure img {
	max-width: 90%;
    
}


.two-col-articles .article.propo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items:flex-start;
	padding: 0 0 0 0;
	margin: 0 -20px;
}

.two-col-articles .article .cont-proposal {
	width: 50%;
    float: left;
	padding: 0 20px;
    margin-top: 20px;
}

.two-col-articles .article .cont-proposal li strong {font-weight: normal; font-family: "aribau_grotesk_trialbold", sans-serif;}

.two-col-articles .article .cont-proposal h4 { font-size: 24px; margin-bottom: 20px;
}

.two-col-articles .article .cont-proposal h4 span { font-family: "aribau_grotesk_trial_rgRg", sans-serif; margin-top: 10px;
}

.two-col-articles .article .cont-proposal h4 i {
    width: 40px;
    font-size: 20px;
    color: #fff;
    background: #00BAF1;
    padding: 5px 15px;
    border-radius: 6px;
    position: relative;
    margin-right: 5px;;
    margin-top: 5px;
}




.two-col-articles .article .cont-proposal ul{ list-style: disc; margin: 0; padding: 0;}

.two-col-articles .article .cont-proposal ul li { list-style: disc; margin: 0 0 0 25px; padding: 4px 0; }


.two-col-articles .article .cont-proposal ol{ margin: 0 0 30px 0; padding: 0 0 0 10px;}
.two-col-articles .article .cont-proposal ol li { margin: 2px 0 0 0; padding: 0 0 0 20px; line-height: 26px; }

.two-col-articles .article .cont-proposal ol li ul { margin: 10px 0 20px 20px;}
.two-col-articles .article .cont-proposal ol li ul li { padding-left: 0; font-size: 14px; font-weight: 600; line-height: 24px; color: #037FAA;}



.two-col-articles .article-wrap {
	width: 100%;
	overflow: hidden;
    margin-bottom: 20px
}

.two-col-articles .article-wrap ul.list { width: 100%; float: left; margin: 0; padding: 0;}

.two-col-articles .article-wrap ul.list li { margin: 0 0 0 15px; padding-bottom: 1px; padding-left: 2px; font-size: 16px; line-height: 1.3em }


.two-col-articles .article-wrap .list ul.list-bold { width: 100%; float: left; margin: 0 0 20px 0; padding: 0;}

.two-col-articles .article-wrap .list ul.list-bold li { margin: 0; padding-bottom: 4px; padding-left: 23px; list-style: none; font-size: 17px; font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.two-col-articles .article-wrap .list ul.list-bold li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 800;
	color: #43C499;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 0;
    font-size: 14px;
}

.two-col-articles .article-wrap .list ul.list-bold li a { color: #161613}
.two-col-articles .article-wrap .list ul.list-bold li a:hover { color: #00BAF1}

.two-col-articles .article ul.list-tick { width: 100%; float: left; margin: 0 0 20px 0; padding: 0;}

.two-col-articles .article ul.list-tick li { margin: 0; padding-left: 22px;   list-style: none; font-size: 16px; line-height: 1.4em; margin: 0; padding: 1px 0 1px 25px;  color: #333;}

.two-col-articles .article ul.list-tick li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 800;
	color: #3CC90E;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 0;
    font-size: 14px;
}


.two-col-articles .article .btn-out {text-align: left; margin: 0; padding: 0; margin-top: 20px}

.two-col-articles .article .btn-out p { font-size: 12px; padding-top: 15px; text-align: left; color: #999}




@media only screen and (max-width: 1199px) {
.two-col-articles {
	padding: 60px 0;
}

.two-col-articles .heading-txt {
	padding: 0 0 60px 0;
}

    .two-col-articles .heading-txt h2 {
    font-size: 32px; 
    line-height: 38px;
    padding-bottom: 20px;
}
    
.two-col-articles .article {
	padding: 0 0 60px 0;
}
    
    .two-col-articles .article .figure-wrap .figure img {
	max-width: 100%;
        height: auto;
}
    

    .two-col-articles .article .figure-wrap-pricing .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
    margin-bottom: 40px
}

.two-col-articles .article .figure-wrap-pricing .figure img {
	max-width: 100%;
    height: 240px;
    padding: 30px 0;
}

    
    
}

@media only screen and (max-width: 767px) {
.two-col-articles {
	padding: 60px 0;
}

.two-col-articles .heading-txt {
	padding: 0 0 50px 0;
}
    
        .two-col-articles .heading-txt h2 {
    font-size: 28px; 
    line-height: 36px;
    padding-bottom: 20px;
}

.two-col-articles .article {
	padding: 0 0 50px 0;
	margin: 0 0 -30px 0;
}

.two-col-articles .article .aside {
	width: 100%;
	padding: 0 0 40px 0;
}
    
.two-col-articles .article .figure-wrap-top {
	width: 100%;
	padding: 0 0 60px 0;
}


.two-col-articles .article .figure-wrap-top .figure img {
	max-width: 100%;
    height: 200px;
    
}
    

.two-col-articles .article .figure-wrap {
	width: 100%;
	padding: 0 0 40px 0;
}
    
.two-col-articles .article .figure-wrap .figure img {
	max-width: 100%;
}
    
    
.two-col-articles .article .cont-proposal {
	width: 100%;
    float: left;
	padding: 0 20px;
    margin-top: 20px;
}
    
    

.two-col-articles .article .figure-wrap-topmain {
	width: 100%;
	padding: 0 20px;
    margin-bottom: 50px
}

.two-col-articles .article .figure-wrap-topmain .figure {
	width: 90%;
	text-align: center;
	overflow: hidden;
}

.two-col-articles .article .figure-wrap-topmain .figure img {
	max-width: 100%;
}
    
    
    
    
.two-col-articles .article .aside2 {
	width: 100%;
	padding: 0 20px;
    margin-bottom: 30px;
}

.two-col-articles .article .figure-wrap-pricing {
	width: 100%;
	padding: 0 20px;
}

.two-col-articles .article .figure-wrap-pricing .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
    margin-bottom: 40px
}

.two-col-articles .article .figure-wrap-pricing .figure img {
	max-width: 100%;
    height: 300px;
}

    

    
}




/* Services - Add */
.services-add {
	width: 100%;
	background: #FEE9FB;
	overflow: hidden;
	padding: 60px 0 60px 0;
}

.services-add .heading-txt {
	padding-bottom: 30px;
}


.services-add .list {
	width: 100%;
	overflow: hidden;
    margin-top: 30px;
}

.services-add .list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 -15px -1px -15px;
}

.services-add .list ul li:before {
	display: none;
}

.services-add .list ul li {
    width: 25%;
	padding: 0 15px;
	margin: 0;
	float: left;
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #333;
	position: relative;
	padding: 14px 0 14px 24px;
    font-size: 21px;
}

.services-add .list ul li strong {font-family: "aribau_grotesk_trialbold", sans-serif; font-weight: normal}

.services-add .list ul li a { color: #333}


.services-add .list ul li span { background: #ff0000; color: #fff; padding: 3px 7px; font-size: 12px; top: -3px; position: relative; margin-left: 5px; font-family: "aribau_grotesk_trialbold", sans-serif; border-radius: 6px}



@media only screen and (max-width: 1199px) {
.services-add {
	padding: 60px 0 45px 0;
}

.services-add .list ul li {
	width: 33.33%;
}
}

@media only screen and (max-width: 991px) {
.services-add .list ul li {
	width: 50%;
    padding: 10px 0 10px 24px;
    font-size: 20px;
}
    
    
}

@media only screen and (max-width: 767px) {
.services-add {
	padding: 50px 0 35px 0;
}

.services-add .list ul li {
	width: 100%;
}
}






/* Testimonials - Slider */
.whitelabelservice {
	width: 100%;
	background-color: #F3F3F6;
	overflow: hidden;
	padding: 90px 0 40px 0;
    float: left
}

.whitelabelservice.white { background: #ffffff;}
.whitelabelservice.white h2 { color: #333}

.whitelabelservice.white ul li.box .icon {
	width: 160px; 
	height: 140px; 	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	align-items: center; 
	justify-content: center;
	background: #F3F3F6;
	overflow: hidden;
	position: relative; 
	z-index: 5;
	margin: 0;
}


/* Tools - List */
.serviceicon-list {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 30px 0;
    display: inline-block;
    position: relative;
    text-align: center;
}


.serviceicon-list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
        
}

.serviceicon-list ul li {
	width: 160px;
    height: 160px;
	padding: 0;
	margin: 0 5px 30px 5px;
    
    
}

.serviceicon-list ul li:last-child {
    margin: 0
    
}

.serviceicon-list ul li:before {
	display: none;
}

.serviceicon-list ul li.box {
    width: auto;
	float: none;
    margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	color: #333;
	text-decoration: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 5px 5px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 0 20px 70px 20px;
    
}

.serviceicon-list ul li.box:before {
	display: none;
}

.serviceicon-list ul li.box .icon {
	width: 140px; 
	height: 140px; 	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	align-items: center; 
	justify-content: center;
	background: #ffffff;
	overflow: hidden;
	position: relative; 
	z-index: 5;
	margin: 0;
    border-radius: 360px;
    box-shadow: rgba(0, 0, 0, 0.025) 0 10px 10px;
}

.serviceicon-list ul li.box .icon img {
	width: 100%;
    max-width: 55px;

    
}

.serviceicon-list ul li.box p {
	width: 150px;
	padding: 15px 0 0 0;
    font-size: 16px;
    text-align: center;
    color: #666;
}


@media only screen and (max-width: 1399px) {

    .whitelabelservice {
	padding: 80px 0 0 0;
}
    
    
    .serviceicon-list ul li.box .icon, .whitelabelservice .serviceicon-list ul li.box .icon {
	width: 140px; 
	height: 140px; 	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	align-items: center; 
	justify-content: center;
	overflow: hidden;
	position: relative; 
	z-index: 5;
	margin: 0;
}
    
    .serviceicon-list ul li.box p { width: 130px; text-align: center}
        

}




@media only screen and (max-width: 1199px) {

    
    .serviceicon-list ul li.box {
    
    margin: 0 10px 30px 10px
}
    
    .serviceicon-list ul {float:none; display:inline-block; vertical-align:top; text-align:center;
	}
    
    
    .serviceicon-list ul li.box .icon, .whitelabelservice .serviceicon-list ul li.box .icon {
	width: 140px; 
	height: 140px; 	
    }

    
 .serviceicon-list h3 { max-width: 900px; font-size: 20px; line-height: 1.3em;}

}


@media only screen and (max-width: 767px) {

.serviceicon-list ul li.box {
    width: 27%;
	float: none;
    margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	color: #333;
	text-decoration: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 5px 5px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 0 40px 20px 30px;
    
}

.serviceicon-list ul li.box .icon, .whitelabelservice .serviceicon-list ul li.box .icon {
	width: 110px; 
	height: 110px;
    
    }
    
    
    
}






/* 
 8.) Services Page - quick report section
----------------------------------------*/

/* Quick - Report */
.quick-report4 {
	width: 100%;
    background: #1F1F23;
	text-align: center;
	overflow: hidden;
	padding: 70px 50px 70px 50px;
}


.quick-report4 .box {
	width: 100%;
	float: left;
	border-radius: 0;
}

.quick-report4 .aside-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -30px -40px -30px;
}

.quick-report4 .aside {
	width: 25%;
	padding: 0 30px 40px 30px;
}

.quick-report4 .aside img {
    height: 100px;
    margin-bottom: 20px
}


.quick-report4 .aside p {
    font-size: 20px;
    line-height: 1.3em;
    color: #fff;
     font-family: "aribau_grotesk_trialbold", sans-serif;
    
}

.quick-report4 .aside p strong {
	color: #fff;
    font-family: "aribau_grotesk_trialbold", sans-serif;
}


.quick-report4 .heading-txt { width: 100%}
.quick-report4 .heading-txt .aside { width: 100%; max-width: 900px}
.quick-report4 .heading-txt h2, .quick-report4 .heading-txt p { color: #ffffff}
.quick-report4 .heading-txt p { color: #ffffff; font-family: "aribau_grotesk_trial_rgRg", sans-serif; padding-top: 20px;}



@media only screen and (max-width: 1199px) {


.quick-report4 .box {
	padding: 30px 40px 50px 40px;
}

.quick-report4 .aside-wrap {
	margin: 0 -20px -23px -20px;
}

.quick-report4 .aside {
	padding: 0 30px 40px 30px;
}
}

@media only screen and (max-width: 991px) {
.quick-report4 {
	padding: 70px 10px 70px 10px;
}
    
    .quick-report4 .aside {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.quick-report4 {
	padding: 70px 10px 10px 10px;
}

    .quick-report4 .box {
	padding: 0 40px 50px 40px;
}
    
.quick-report4 .aside-wrap {
	margin: 0 -10px -23px -10px;
}

.quick-report4 .aside {
    width: 100%;
	padding: 0 10px 60px 10px;
}


}







/* Testimonials - Slider */
.testimonials-slider {
	width: 100%;
	background: #F3F3F6;
	overflow: hidden;
	padding: 70px 0;
}

.testimonials-slider .item {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 30px;
}

.testimonials-slider .item .box {
	width: 100%;
	float: left;
	text-align: center;
	background: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.10) 0 0 10px;
	border-radius: 6px;
	position: relative;
	z-index: 10;
	padding: 30px 8% 40px 8%;
    margin: 20px 0;
}

.testimonials-slider .item .box .icon {
	width: 100px;
	float: none;
	display: inline-block;
	vertical-align: top;
	border-radius: 360px;
	position: relative;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.testimonials-slider .item .box .icon img {
	width: 100%;
}

.testimonials-slider .item .box .aside {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
}

.testimonials-slider .item .box .aside h2,
.testimonials-slider .item .box .aside .h2 {
	position: relative;
	z-index: 5;
	padding-bottom: 10px;
}

.testimonials-slider .item .box .aside h2:last-child,
.testimonials-slider .item .box .aside .h2:last-child {
	padding-bottom: 0;
}

.testimonials-slider .item .box .aside p {
	position: relative;
	z-index: 5;
	padding-bottom: 10px;
}

.testimonials-slider .item .box .aside p:last-child {
	padding-bottom: 0;
}

.testimonials-slider .item .box .aside .author-txt {
	width: 100%;
	font-size: 14px;
	color: #999;
	line-height: 22px;
	overflow: hidden;
	padding: 0 0 25px 0;
}

.testimonials-slider .item .box .aside .author-txt:last-child {
	padding-bottom: 0;
}

.testimonials-slider .item .box .aside .btn-out {
	margin: 0;
}

.testimonials-slider .item .box .aside .txt {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 25px 0;
}

.testimonials-slider .item .box .aside .txt:last-child {
	margin-bottom: 0;
}

.testimonials-slider .item .box .aside .txt:before,
.testimonials-slider .item .box .aside .txt:after {
	content: "";
	width: 100px;
	height: 69px;
	float: left;
	background: url("../404.html") no-repeat center center;
	background-size: 100% auto; 
	opacity: 0.03;
	position: absolute;
	top: 0;
	left: 0;
}

.testimonials-slider .item .box .aside .txt:after {
	background-image: url("../404.html");
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
}

.testimonials-slider .owl-carousel {
	padding: 0 76px;
}

@media only screen and (max-width: 1199px) {
.testimonials-slider {
	padding: 60px 0;
}

.testimonials-slider .item .box {
	padding: 40px 8%;
}

.testimonials-slider .item .box .icon {
	width: 100px;
}

.testimonials-slider .item .box .icon img {
	width: 100%;
}

.testimonials-slider .item .box .aside .txt:before,
.testimonials-slider .item .box .aside .txt:after {
	width: 80px;
	height: 55px;
}
}

@media only screen and (max-width: 767px) {
.testimonials-slider {
	padding: 50px 0;
}

.testimonials-slider .item {
	padding: 0 20px;
}

.testimonials-slider .item .box {
	padding: 40px 20px;
}

.testimonials-slider .item .box .icon {
	width: 100px;
	margin: 0 0 25px 0;
}

.testimonials-slider .item .box .aside {
	font-size: 16px;
	line-height: 23px;
}

.testimonials-slider .item .box .aside .author-txt {
	padding: 0 0 20px 0;
}

.testimonials-slider .item .box .aside .author-txt {
	font-size: 14px;
	line-height: 20px;
}

.testimonials-slider .item .box .aside .txt:before,
.testimonials-slider .item .box .aside .txt:after {
	width: 60px;
	height: 41px;
}

.testimonials-slider .owl-carousel {
	padding: 0;
}
}








/* FAQ - List */
.faq-list-services {
	width: 100%;
	overflow: hidden;
	padding: 70px 0;
}

.faq-list-services .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.faq-list-services .box .heading-txt {
	width: 38%;
	text-align: left;
	padding: 0 40px 0 0;
}

.faq-list-services .box .heading-txt h2,
.faq-list-services .box .heading-txt .h2 {
	width: 100%;
	max-width: 350px;
	padding: 0 0 15px 0;
}

.faq-list-services .box .heading-txt h2:last-child,
.faq-list-services .box .heading-txt .h2:last-child {
	padding-bottom: 0;
}

.faq-list-services .box .accordation-list {
	width: 62%;
}

@media only screen and (max-width: 1199px) {
.faq-list-services {
	padding: 60px 0;
}
}

@media only screen and (max-width: 991px) {
.faq-list-services .box .heading-txt {
	width: 45%;
}

.faq-list-services .box .accordation-list {
	width: 55%;
}
}

@media only screen and (max-width: 767px) {
.faq-list-services {
	padding: 50px 0;
}

.faq-list-services .box .heading-txt {
	width: 100%;
	padding: 0 0 40px 0;
}

.faq-list-services .box .heading-txt h2,
.faq-list-services .box .heading-txt .h2 {
	max-width: 100%;
}

.faq-list-services .box .accordation-list {
	width: 100%;
}
}







/* Services - List */
.services-list2 {
	width: 100%;
	background: #E1F7F7;
	overflow: hidden;
	padding: 70px 0 70px 0;
    margin-bottom: 100px
}

.services-list2.whitebg {
	background: #fff;
}

.services-list2.whitebg .heading-txt {
    width: 100%;
    float: left;
}

.services-list2.whitebg .heading-txt aside {
    max-width: 1000px;
	text-align: center;
	padding: 0 0 10px 0;
    position: relative;
    display: inline-block
}


.services-list2 .article {
	width: 33.33%;
	padding: 25px 25px;
    float: left;
}



.services-list2 .article .box {
	width: 100%;
	height: 100%;
	float: left;
}

.services-list2 .article .box .icon {
	width: 64px;
	float: left;
	text-align: center;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.services-list2 .article .box .icon:last-child {
	margin-bottom: 0;
}

.services-list2 .article .box .icon img {
	width: 100%;
}

.services-list2 .article .box .aside {
	width: 100%;
	float: left;
}

.services-list2 .article .box .aside h3,
.services-list2 .article .box .aside .h3 {
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 10px;

}

.services-list2 .article .box .aside h3 a,
.services-list2 .article .box .aside .h3 a {
	text-decoration: none;
}

.services-list2 .article .box .aside p {
	padding-bottom: 15px;
}

.services-list2 .article .box .aside p:last-child {
	padding-bottom: 0;
}

.services-list2 .article .box .aside ul {
	padding: 0 0 0 26px;
	margin: 0;
}

.services-list2 .article .box .aside ul li {
	padding: 0 0 0 5px;
	margin: 0;
    list-style:disc;
    line-height: 27px;
    font-size: 17px;
    
}




.services-list2 .article .box .aside ul li a {
    color: #333;
    padding: 5px 0 5px 0;
    text-decoration: none;
    font-weight: normal;
}

.services-list2 .article .box .aside ul li a:hover {
    color: #00BAF1;
    text-decoration: underline
}


.services-list2 .article-wrap {
    width: 100%;
    float: left;
	margin: 0 -20px -40px -20px;
}

@media only screen and (max-width: 1199px) {
.services-list2 {
	padding: 60px 0 100px 0;
}
}

@media only screen and (max-width: 991px) {
.services-list2 .article {
	width: 50%;
    padding: 30px 25px;
}
}

@media only screen and (max-width: 767px) {
.services-list2 {
	padding: 50px 0 100px 0;
}

.services-list2 .article {
	width: 100%;
	padding: 30px 25px;
}

.services-list2 .article-wrap {
	margin: 0 -15px -30px -15px;
}
}





/* Services - List */
.services-list3 {
	width: 100%;
	background: #EDF2F8;
	overflow: hidden;
	padding: 70px 0 140px 0;
    margin-top: 50px
}

.services-list3.whitebg {
	background: #fff;
}



.services-list3 .article {
	width: 33.33%;
	padding: 25px 5px;
}


.services-list3 .article .aside {
	width: 100%;
	float: left;
}

.services-list3 .article .aside h3,
.services-list3 .article .aside .h3 {
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 10px;
    font-family: "Poppins", sans-serif;

}


.services-list3 .article  .aside ul {
	padding: 0 0 0 26px;
	margin: 0;
}

.services-list3 .article  .aside ul li {
	padding: 0 0 0 25px;
	margin: 0;
    font-size: 18px;
    line-height: 1.5em;
        color: #333;
}


.services-list3 .article  .aside ul li ul { margin-bottom: 20px; margin-top: 10px;
}


.services-list3 .article  .aside ul li a {
    color: #333;
    padding: 5px 0 5px 0;
    text-decoration: none;
    font-weight: normal;
}


.services-list3 .article  .aside ul li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 800;
	color: #43C499;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 5px;
	left: 0;
    font-size: 14px;
}



.services-list3 .article .aside ul li strong {
    color: #333333;
    font-family: "aribau_grotesk_trialbold", sans-serif;
    
}

.services-list3 .article  .aside ul li a:hover {
    color: #00BAF1;
    text-decoration: underline
}

.services-list3 .article  .aside ul li a:hover strong {
    color: #00BAF1;
    text-decoration: underline
}



.services-list3 .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -40px -20px;
}

@media only screen and (max-width: 1199px) {
.services-list3 {
	padding: 60px 0 150px 0;
}
}

@media only screen and (max-width: 991px) {
.services-list3 .article {
	width: 50%;
    padding: 30px 25px;
}
}

@media only screen and (max-width: 767px) {
.services-list3 {
	padding: 50px 0 150px 0;
}

.services-list3 .article {
	width: 100%;
	padding: 30px 25px;
}

.services-list3 .article-wrap {
	margin: 0 -15px -30px -15px;
}
}









/*
 14.) Service Details Page (PSD to HTML)
----------------------------------------*/


/* Client - Reviews */
.client--reviews-link {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 50px 0;
    z-index: 100;
}

.client--reviews-link .article {
	width: 25%;
	padding: 20px 14px 30px 14px;
}

.client--reviews-link .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	padding: 30px 30px;
    margin-top: 10px;
}

.client--reviews-link .article .box .logo {
	width: 100%;
	height: 54px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 20px;
}

.client--reviews-link .article .box .logo img {
	max-height: 54px;
}

.client--reviews-link .article .box .star {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
}

.client--reviews-link .article .box .star:last-child {
	margin-bottom: 0;
}

.client--reviews-link .article .box .star img {
	max-height: 31px;
}

.client--reviews-link .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -14px -28px -14px;
}

@media only screen and (max-width: 1199px) {
.client--reviews-link {
	padding: 0 0 80px 0;
}

.client--reviews-link .article {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.client--reviews-link {
	padding: 0 0 60px 0;
}

.client--reviews-link .article {
	width: 100%;
	padding: 0 10px 20px 10px;
}

.client--reviews-link .article .box .logo img {
	max-height: 54px;
}

.client--reviews-link .article-wrap {
	margin: 0 -10px -20px -10px;
}
}



/* Hero Main Details */



.hero-main-details {
	width: 100%;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding: 150px 0 20px 0;
}


.hero-main-details .box {
	padding: 0 0 40px 0;
	margin: 0 -30px;
    text-align: center;
}


.hero-main-details .box .aside {
	width: 100%;
    max-width: 890px;
	padding: 0 20px;
    text-align: center;
        display: inline-block
}

.hero-main-details .box .aside h1,
.hero-main-details .box .aside .h1 {
	padding-bottom: 25px;
    font-size: 50px;
    line-height: 1.2em;
    font-weight: 900;
}

.hero-main-details .box .aside h1:last-child,
.hero-main-details .box .aside .h1:last-child {
	padding-bottom: 0;
}

.hero-main-details .box .aside .btn-wrap {

	padding: 0;
	margin: 20px 0 80px 0;
    text-align:center;
    display: inline-block;
    position: relative
}

.hero-main-details .box .aside .btn-wrap:last-child {
	margin-bottom: 0;
}

.hero-main-details .box .aside .btn-wrap .btn {
	margin: 0 20px 20px 0;
    font-size: 18px;
}

.hero-main-details .box .aside .btn-wrap .btn-out {
	width: auto;
	float: left;
	padding: 0;
	margin: 0;
}

.hero-main-details .box .aside .btn-wrap .read-more {
	width: auto;
	float: left;
	padding: 0;
	margin: 10px 0 2px 0;
}
.hero-main-details .box .aside .btn-wrap .read-more a { text-decoration: underline;
}
.hero-main-details .box .aside .btn-wrap .read-more a:hover { text-decoration: none;
}

.hero-main-details .box .aside .testi-cont {
	width: 100%;
	font-size: 15px;
	line-height: 22px;
    text-align: center
}

.hero-main-details .box .aside .testi-cont p {
	padding-bottom: 10px;
}

.hero-main-details .box .aside .testi-cont p:last-child {
	padding-bottom: 0;
}

.hero-main-details .box .aside .testi-cont .rating-star {
	width: 100%;
	float: left;
	font-size: 14px;
	margin-bottom: 12px;
    font-weight: 800;
}

.hero-main-details .box .aside .testi-cont .rating-star img {
	max-height: 18px;
	position: relative;
	top: -3px;
	margin-right: 5px;
}

.hero-main-details .box .aside .testi-cont .name {
	width: 100%;
	float: left;	
	color: #b1afaf;
    font-size:13px;
}



@media only screen and (max-width: 1399px) {
.hero-main-details .box .aside h1,
.hero-main-details .box .aside .h1 {
    font-size: 48px;
    line-height: 1.2em;
}
    
    
}




@media only screen and (max-width: 1199px) {
.hero-main-details {
	padding: 140px 0 40px 0;
}

.hero-main-details .box {
	padding: 0 0 40px 0;
	margin: 0 -20px;
}

}

@media only screen and (max-width: 991px) {

.hero-main-details .box .aside {
	width: 100%;
}
    
    
.hero-main-details .box .aside h1,
.hero-main-details .box .aside .h1 {
    font-size: 40px;
    line-height: 46px;
}

.hero-main-details .box .aside .testi-cont {
	max-width: 350px;
}  
}

@media only screen and (max-width: 767px) {
.hero-main-details {
	padding: 150px 0 20px 0;
}

.hero-main-details .box {
	padding: 0 0 30px 0;
	margin: 0 0 -30px 0;
}


.hero-main-details .box .aside {
	width: 100%;
	padding: 0 0 30px 0;
}

.hero-main-details .box .aside h1,
.hero-main-details .box .aside .h1 {
	margin-right: -15px;
      font-size: 34px;
    line-height: 38px;
}

.hero-main-details .box .aside .testi-cont {
	max-width: 100%;
}
    
}




.services-list-home.details {
	text-align: center;
    margin-top: -130px;
    padding-top: 180px;
    z-index: -10;
    background: #f9f9f9

}


@media only screen and (max-width: 1199px) {

.services-list-home.details {
    margin-top: -440px;
    padding-top: 440px;
} 
}


@media only screen and (max-width: 991px) {

.services-list-home.details {
    margin-top: -440px;
    padding-top: 440px;
} 
}


@media only screen and (max-width: 767px) {

.services-list-home.details {
    margin-top: -830px;
    padding-top: 840px;
} 
}




/* FAQ - List - service details page center alligned*/
.faq-list-detials {
	width: 100%;
	overflow: hidden;
	padding: 70px 0;
    background: #F5F7FA;
}

.faq-list-detials.bottomspace {
    margin-bottom: 70px
}

.faq-list-detials .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    text-align: center;
    display: inline-block;
    margin-bottom: 50px
}

.faq-list-detials .box .heading-txt {
    max-width: 800px;
	text-align: center;
	padding: 0 0 60px 0;
}

.faq-list-detials .box .heading-txt h2,
.faq-list-detials .box .heading-txt .h2 {
	width: 100%;
	padding: 0 0 15px 0;
    text-align: center
}

.faq-list-detials .box .heading-txt h2:last-child,
.faq-list-detials .box .heading-txt .h2:last-child {
	padding-bottom: 0;
}

.faq-list-detials .box .accordation-list {
	width: 100%;
}

@media only screen and (max-width: 1199px) {
.faq-list-detials {
	padding: 70px 0 30px 0;
}
}

@media only screen and (max-width: 991px) {

.faq-list-detials .box .accordation-list {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.faq-list-detials {
	padding: 50px 0;
}

.faq-list-detials .box .heading-txt {
	width: 100%;
	padding: 0 0 40px 0;
}

.faq-list-detials .box .heading-txt h2,
.faq-list-detials .box .heading-txt .h2 {
	max-width: 100%;
}

.faq-list-detials .box .accordation-list {
	width: 100%;
}
}




/*
 17.) Why Us page
----------------------------------------*/


/* Row - Cont */
.row-cont {
	width: 100%;
	border-bottom: 1px solid #D2D2D7;
	overflow: hidden;
	padding: 80px 0 80px 0;
}

.row-cont:last-child {
	border-bottom: none;
    margin-bottom: 100px
}



.row-cont .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row-cont .box .icon {
	width: 78px;
	position: relative;
	z-index: 1;
	margin: 0 -78px 0 0;
}

.row-cont .box .icon img {
	width: 50%;
}

.row-cont .box .right-cont {
	width: 100%;
	padding: 0 0 0 60px;
}



.row-cont .box .right-cont ul { margin: 0 0 30px 0; padding: 0;}
.row-cont .box .right-cont ul li {list-style: disc; margin: 0 0 0 25px; padding: 4px 0; }


.row-cont .box .right-cont .txt {
	padding-bottom: 30px;
}

.row-cont .box .right-cont .sub-heading {font-size: 15px; color: #999; padding-bottom: 10px;}


.row-cont .box .right-cont .txt:last-child {
	padding-bottom: 0;
}



.row-cont .checklist {width: 100%; float: left; margin: 0 0 10px 0}
.row-cont .checklist .breadcrumb { font-size: 13px; font-weight: 700; color: #999; letter-spacing: 0.05em; padding-bottom: 3px}

.row-cont .box .right-cont ul.greenlist { margin: 0 0 20px 0; padding: 0;}

.row-cont .box .right-cont ul.greenlist li {list-style: none; margin: 0; padding: 2px 0 2px 25px; font-size: 15px}
.row-cont .box .right-cont ul.greenlist li:before {
	content: "\f14a";
	font-family: "Font Awesome\ 5 Pro";
	background: 0 0;
	font-size: 15px;
	color: #F36E28;
	position: absolute;
    font-weight: 500;
	top: 3px;
	left: 0
}


.row-cont ul.greenlist { margin: 0 0 20px 0; padding: 0;}

.row-cont ul.greenlist li {list-style: none; margin: 0; padding: 2px 0 2px 25px; font-size: 15px}
.row-cont ul.greenlist li:before {
	content: "\f14a";
	font-family: "Font Awesome\ 5 Pro";
	background: 0 0;
	font-size: 15px;
	color: #F36E28;
	position: absolute;
    font-weight: 500;
	top: 3px;
	left: 0
}




@media only screen and (max-width: 767px) {
.row-cont {
	padding: 40px 0;
}


.row-cont .box .icon {
	width: 100%;
	margin: 0 0 20px 0;
}

.row-cont .box .icon img {
	max-width: 70px;
}

.row-cont .box .right-cont {
	width: 100%;
	padding: 0;
}
}



/* Tools - List */
.tools-list {
	width: 100%;
	overflow: hidden;
	padding: 70px 30px 100px 50px;
}

.tools-list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 0 -30px 0;
}

.tools-list ul li {
	padding: 0;
	margin: 0 10px 20px 10px;
}

.tools-list ul li:before {
	display: none;
}

.tools-list ul li.box {
	height: 100%;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	color: #333333;
	text-decoration: none;
	border-radius: 6px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 10px 10px;
    border: 1px solid #666;
}

.tools-list ul li.box:before {
	display: none;
}

.tools-list ul li.box .icon {
	width: 40px; 
	height: 40px; 	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	align-items: center; 
	justify-content: center;
	background: #ffffff;
	box-shadow: rgba(78, 46, 47, .12) 0 14px 30px;
	border-radius: 6px;
	overflow: hidden;
	position: relative; 
	z-index: 5;
	margin: 0 -48px 0 0;
}

.tools-list ul li.box .icon img {
	width: 100%;
}

.tools-list ul li.box p {
	width: 100%;
	padding: 0 0 0 60px;
    font-size: 16px
}

.tools-list ul li.box:hover,
.tools-list ul li.box:focus,
.tools-list ul li.box:active {
	background: #fff;
	border-radius: 6px;
    border: 1px solid #D2D2D7;
}

@media only screen and (max-width: 1199px) {
.tools-list {
	padding: 60px 0;
}

.tools-list ul li {
	width: 20%;
}
}

@media only screen and (max-width: 991px) {
.tools-list ul li {
	width: 25%;
}
}

@media only screen and (max-width: 767px) {
.tools-list {
	padding: 50px 0;
}

.tools-list ul {
	margin: 0 0 -30px 0;
}

.tools-list ul li {
	width:33.33%;
	margin-bottom: 30px;
}

.tools-list ul li.box {
	border-radius: 6px;
}

.tools-list ul li.box p {
	padding-left: 52px;
}

.tools-list ul li.box .icon {
	width: 42px; 
	height: 42px;
	box-shadow: rgba(78, 46, 47, .10) 0 10px 20px; 	
	margin: 0 -42px 0 0;
}
}











/* Icons - List */
.icons-list2 {
	width: 100%;
	overflow: hidden;
	padding: 0 0 30px 0;
    z-index: 10000;
    margin: -90px 0 0 0;
}

.icons-list2 h2 {
    font-size: 20px;
}

.icons-list2 .article {
	width: 33.33%;
	padding: 0 10px 30px 10px;
}

.icons-list2 .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: 700;
	font-size: 14px;
	color: inherit;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	padding: 30px 15px 20px 15px;
}

.icons-list2 .article .box.selected {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: 700;
	font-size: 14px;
	color: inherit;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.35);
	padding: 30px 15px 20px 15px;
    color: #fff;
    border: 2px solid #00b359;
}


.icons-list2 .article .box .icon {
	width: 100%;
	height: 75px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 18px;
}

.icons-list2 .article .box .icon img {
	width: 100%;
	max-width: 75px;
}

.icons-list2 .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -14px -28px -14px;
}

@media only screen and (max-width: 1199px) {
.icons-list2 .article {
	width: 33.33%;
}
}

@media only screen and (max-width: 767px) {
.icons-list2 {
	padding: 0 0 20px 0;
}

.icons-list2 .article {
	width: 50%;
	padding: 0 10px 20px 10px;
}

.icons-list2 .article-wrap {
	margin: 0 -10px -20px -10px;
}
}




/*
 12.) Pricing Page Main
----------------------------------------*/

.icons-list-price {
	width: 100%;
	overflow: hidden;
	padding: 0 0 30px 0;
    z-index: 10000;
    margin: -70px 0 0 0;
}

.icons-list-price .article {
	width: 33.33%;
	padding: 0 10px 30px 10px;
}

.icons-list-price .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 14px;
	color: inherit;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	padding: 40px 30px 40px 30px;
}

.icons-list-price .article .box .icon {
	width: 100%;
	height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 25px;
}

.icons-list-price .article .box .icon img {
	width: 100%;
	max-width: 80px;
}

.icons-list-price .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -14px -28px -14px;
}

.icons-list-price .article-wrap p { font-weight: normal; 
}

.icons-list-price .article-wrap h2 {font-size: 28px
}



@media only screen and (max-width: 1199px) {
    .icons-list-price {
    margin: -90px 0 0 0;
}
    
.icons-list-price .article {
	width: 33.33%;
}
}

@media only screen and (max-width: 767px) {
.icons-list-price {
	padding: 0 0 20px 0;
    margin: -100px 0 0 0;
}

.icons-list-price .article {
	width: 100%;
	padding: 0 10px 20px 10px;
    margin-bottom: 20px;
}

.icons-list-price .article-wrap {
	margin: 0 -10px -20px -10px;
}
    
    .icons-list-price .article-wrap h2 {font-size: 24px
}
}



/*
 13.) Footer - Main
----------------------------------------*/


.middle-content {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 40px 0
}
.content-lrg {
	width: 100%;
	float: none;
	display: inline-block;
	padding: 0 5%
}



.content-med {
	width: 100%;
	max-width: 800px;
	float: none;
	display: inline-block
}
.content-sml {
	width: 100%;
	max-width: 480px;
	float: none;
	display: inline-block
}


.middle-content ul {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 10px 5px;
	text-align: center
}
.middle-content ul li {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #8793a3;
	padding: 0;
	margin: 10px 2px
}
.middle-content ul li:before {
	display: none
}
.middle-content figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top
}
.middle-content figure img {
	width: auto;
	height: 40px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px
}
@media only screen and (max-width:991px) {
.middle-content {
	margin: 0 0 30px 0
}
.middle-content figure img {
	height: 40px
}
.content-lrg {
	width: 100%;
}
.content-med {
	width: 100%;
}
.content-sml {
	width: 100%;
}
}
@media only screen and (max-width:767px) {
.middle-content {
	margin: 0 0 20px 0
}
.middle-content figure img {
	height: 26px
}
.content-lrg {
	max-width: 98%
}
.content-med {
	max-width: 98%
}
.content-sml {
	max-width: 98%
}
}




.section-out {
	width: 100%;
	float: left;
	position: relative;
	z-index: 10;
	padding: 100px 0 100px 0
}
@media (max-width:767px) {
.section-out {
	padding: 150px 0 50px 0
}
}



.welcome-content {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 20px 0;
	background: #fff
}

.services-pages .welcome-content { margin: 0; padding:40px 0 0 0}
.services-pages .welcome-content .content-lrg h2 { margin: 20px 0 30px 0;}
.services-pages .welcome-content .content-lrg h3 { margin-top: 20px; font-size: 18px}




.welcome-content figure {
	float: left;
	position: relative;
	padding: 20px 50px 10px 0
}
.welcome-content figure {
	max-width: 350px
}
.welcome-content p {
	padding-bottom: 40px
}
.welcome-content .btn-out {
	margin: 20px 0 30px 0
}
.welcome-content .content-med ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 30px 0
}
.welcome-content .content-med ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: #8793a3;
	padding: 0;
	margin: 7px 15px
}
.welcome-content .content-med ul li:before {
	display: none
}
.welcome-content .content-med ul li a {
	color: #8793a3;
	text-decoration: none
}
.welcome-content .content-med ul li a:hover {
	color: #202124;
	text-decoration: none
}
@media (max-width:1399px) {
.welcome-content {
	padding: 40px 0 20px 0
}
.welcome-content .container {
	max-width: 960px
}
}
@media (max-width:767px) {
.welcome-content {
	padding: 50px 0 10px 0
}
    
.services-pages .welcome-content { margin: 0; padding:20px 0 0 0}
.services-pages .welcome-content .content-lrg h2 { margin: 0 0 25px 0; line-height: 1.4em; }
    
}


.howitworks {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 40px 0;
    background: #F6F6FF;
}
.howitworks p {
	text-align: left;
	padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.5em;
}

.howitworks h3 {
	text-align: left;
	padding-bottom: 5px
}

.howitworks .content-sml p {
	text-align: center;
}
.howitworks article {
	width: 28.8%;
	float: none;
	vertical-align: top;
	display: inline-block;
	position: relative;
	border-radius: 6px;
	margin: 0;
	z-index: 10;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 0 10px 0 20px;
	margin: 10px 2% 4.5% 2%;
	border-left: 1px solid #D2D2D7
}
.howitworks .article-bg {
	width: 103%;
	margin: 0 -2% 0 -2%;
	padding: 0
}
.howitworks article figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 0 20px
}
.howitworks article figure img {
	width: auto;
	height: 70px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px
}
.howitworks article:hover {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.howitworks aside {
	float: left;
	width: 100%;
	float: left;
	margin-left: 0;
	padding: 5px 20px 0 20px;
	
}
.howitworks .number {
	float: left;
	background: #62dba8;
	color: #fff;
	width:54px;
	height: 54px;
	border-radius: 40px;
	padding: 0;
	font-size: 1.5rem;
	text-decoration: none;
	margin-right: 20px;
	line-height: 54px;
	margin-left: -50px;
	position: absolute;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}


.howitworks .btn {
	width: 80%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	margin: 0;
}



@media only screen and (max-width:991px) {
.howitworks {
	padding: 0 0 30px 0
}
    
    .howitworks h3 {
	text-align: center;
	padding-bottom: 0;
}
    
.howitworks .article-bg {
	width: 103%;
	margin: 0 -1.5% 0 -1.5%;
	padding: 0
}
.howitworks article {
	width: 30.33%;
	max-width: 100%;
	margin-bottom: 20px;
	padding: 20px 10px 20px 10px
}
.howitworks article aside {
	width: 90%;
	min-height: inherit;
	margin-bottom: 20px
}
.howitworks .btn {
	width: 85%;
	margin: 0 0 10px 0
}
}


@media (max-width:767px) {
.howitworks .heading, .howitworks p {
	text-align: center
}
.howitworks .container {
	max-width: 80%;
	padding: 0 20px
}
.howitworks article {
	width: 100%;
	margin-bottom: 30px;
	margin-right: 0
}
.howitworks .number {
	float: none;
	display: inline-block;
	width: 60px;
	height: 60px;
    line-height: 60px;
	border-radius: 54px;
	padding: 0;
	font-size: 30px;
	text-decoration: none;
	margin: 10px 0 0 0;
	position: static;
}
.howitworks article:hover .number {
	margin: 10px 0 0 0
}
.howitworks aside {
	width: 100%;
	min-height: inherit;
	display: inline-block;
	text-align: center;
	float: none;
	margin-bottom: 0;
	padding-top: 20px
}
.howitworks .article-bg {
	width: 98%;
	margin-left: 0
}
.howitworks .btn {
	width: 80%;
	margin: 0 0 15px 0
}
.howitworks article figure img {
	margin-bottom: 15px
}
}



.howitworkslogo {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0;
	padding: 40px 0 5px 0;
	background: #fff
}
.howitworkslogo.servicepage {
	background: #fff;
	padding: 50px 0 70px 0
}

.howitworkslogo.servicepage h3 {
    font-size: 20px;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 20px 0;}



.howitworkslogo.white {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 5px 0 20px 0;
	margin: 0
}
.howitworkslogo .middle-content {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 5px 0;
	padding-bottom: 10px
}
.howitworkslogo.servicepage .middle-content {
	border-bottom: none
}
.howitworkslogo .middle-content ul {
	margin: 0;
	padding: 5px 0 0 0;
}

.howitworkslogo .middle-content ul li {
    padding: 20px 25px 10px 25px;
    margin: 10px 5px;
    border: 1px solid #CCD0D1;
    border-radius: 30px;
}
.howitworkslogo .middle-content figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}


.howitworkslogo.servicepage .middle-content ul {
	margin: 0;
	padding: 25px 0 0 0;
}

.howitworkslogo.servicepage .middle-content ul li {
	width: 20%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding:25px 10px 25px 10px;
    margin:15px 10px;
    margin-bottom: 0;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #D8D8E2;
    min-height: inherit
    
}

.howitworkslogo.servicepage .middle-content ul li:hover { border: 1px solid #7F62F6}


.howitworkslogo.servicepage .middle-content ul li img {
	width: auto;
	height: 30px;
	float: none;
	display: inline-block;
	vertical-align: top
    
}



.howitworkslogo .middle-content figure img {
	width: auto;
	height: 30px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;

}
@media only screen and (max-width:1399px) {
.howitworkslogo .middle-content figure {
	padding: 0 20px
}
.howitworkslogo .middle-content figure img {
	height: 32px
}
.howitworkslogo.servicepage .middle-content figure {
	padding: 0 20px
}
.howitworkslogo.servicepage .middle-content figure img {
	height: 30px
}
}


@media (max-width:991px) {
.howitworkslogo {
	padding: 40px 0 0 0
}
    
.howitworkslogo.servicepage .middle-content ul li {
	width: 40%;
	display: inline-block;
	float: none;
	margin: 0 8px 16px 8px;
	padding: 20px 20px 15px 20px;
	position: relative;
	vertical-align: top;
}
.howitworkslogo.servicepage .middle-content ul li img {
	width: auto;
	height: 30px;
	float: none;
	display: inline-block;
	vertical-align: top
    
}

}

@media only screen and (max-width:767px) {
.howitworkslogo .middle-content ul {
	margin: 0;
	padding: 5px 0 0 0;
}

.howitworkslogo .middle-content ul li {
    width: 35%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding:20px 10px 20px 10px;
    margin:15px 10px;
    margin-bottom: 0;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #D8D8E2;
    min-height: inherit
}
   
    
}








.testimonial {
	width: 100%;
	float: left;
	padding: 90px 0 130px 0;
	text-align: center;
	background: #E1F7F7
}
.testimonial .article {
	width: 103%;
	height: 450px;
	float: left;
	text-align: center;
	background: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 35px 9% 38px 9%;
	margin: 90px 0;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	position: relative;
	background: #fff;
	transition: all .4s ease;
	border-radius: 6px
}
.testimonial .article p {
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.575rem
}
.testimonial .article figure {
	width: 100px;
	height: 100px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	background: #D2D2D7;
	border-radius: 120px;
	margin: -75px 0 20px 0;
	overflow: hidden;
	position: relative;
	z-index: 10;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.testimonial .article figure img {
	width: 100%;
	border-radius: 80px;
	display: block;
	position: relative;
	z-index: 1
}
.testimonial .article .rating-star {
	width: 100%;
	float: left;
	padding: 15px 0 0 0
}
.testimonial .article .rating-star img {
	max-width: 100px
}
.testimonial p:last-child {
	padding-bottom: 0
}
.testimonial .slider-bg {
	width: 100%;
	float: left;
	position: relative
}
.testimonial .article .author-content {
	width: 100%;
	float: left;
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	border-top: 1px solid #f0f0f0
}
.testimonial .article .author-content .name-text {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 1.15rem;
	padding: 0 0 4px;
	font-weight: 700
}
.testimonial .article .author-content .company-txt {
	width: 100%;
	float: left;
font-size:.925rem;
	color: #19C99E;
	line-height: 1.2rem;
	font-weight: 400
}
.testimonial .icon {
	width: 100%;
	height: 30px;
	float: left;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px
}
.testimonial .fa-star {
	color: #f9c34f;
	font-size: 1rem
}
.testimonial .bottom-link {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 25px
}
@media only screen and (min-width:768px) {
.testimonial .center .article {
	box-shadow: inset #fff 0 0 0 1px, rgba(0,0,0,.1) 0 0 35px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}
.testimonial .center .article h3 {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3)
}
.testimonial .center .article figure {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	margin-bottom: 30px
}
.testimonial .center .article .rating-star {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2)
}
}
@media only screen and (max-width:1023px) {
.testimonial .article {
	height: 400px
}
.testimonial .article p {
	line-height: 1.42rem
}
.testimonial .article p:last-child {
	padding-bottom: 20px
}
.testimonial .article figure {
	width: 80px;
	height: 80px
}
}
@media only screen and (max-width:991px) {
.testimonial .container {
	max-width: 100%;
	padding: 0 20px
}
.testimonial .article {
	padding: 35px 8% 38px 8%
}
.testimonial .article p {
	font-size: 1.125rem;
	padding: 0 3% 20px 3%;
	line-height: 1.5rem
}
}
@media only screen and (max-width:767px) {
.testimonial .container {
	max-width: 100%;
	padding: 0 20px
}
.testimonial .article {
	width: 100%;
	padding: 20px 20px 28px 20px;
	margin: 70px 0
}
.testimonial .rating-star {
	width: 100%;
	padding: 11px 0 0 0
}
.testimonial .rating-star img {
	max-width: 80px
}
.testimonial .article figure {
	width: 100px;
	height: 100px
}
.testimonial .center .article {
	box-shadow: inset #fff 0 0 0 1px, rgba(0,0,0,.1) 0 0 35px;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05)
}
.testimonial .author-content {
	padding: 20px 0 25px
}
.testimonial .author-content .name-text {
font-size:.55rem;
	padding: 0 0 7px
}
.testimonial .author-content .company-txt {
	font-size: 1rem
}
}
.testimonial .owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0
}
.testimonial .owl-nav {
	width: 100%;
	float: left
}
.testimonial .owl-nav div {
	width: 13px;
	height: 23px;
	float: left;
	background: 0 0;
	border-radius: 30px;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: -15px 0 0 0
}
.testimonial .owl-nav .owl-prev {
	background: url(../404.html) no-repeat;
	background-size: 13px auto;
	left: -50px
}
.testimonial .owl-nav .owl-next {
	background: url(../404.html) no-repeat;
	background-size: 13px auto;
	right: -50px
}
.testimonial .owl-dots {
	width: 100%;
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
	display: block
}
.testimonial .owl-dots .owl-dot {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	zoom: 1
}
.testimonial .owl-dots .owl-dot {
	width: 13px;
	padding: 0;
	margin: 0 4px
}
.testimonial .owl-dots .owl-dot span {
	display: block;
	width: 13px;
	height: 13px;
	background: #aaa;
	border-radius: 30px;
	text-indent: -9999px;
	padding: 0;
	margin: 0
}
.testimonial .owl-dots .owl-dot.active span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #465a61
}
.testimonial .owl-carousel .owl-dots.disabled, .testimonial .owl-carousel .owl-nav.disabled {
	display: none
}
@media only screen and (max-width:767px) {
.testimonial .owl-dots {
	margin: 15px 0 0 0
}
.testimonial .owl-dots .owl-dot {
	width: 10px
}
.testimonial .owl-dots .owl-dot span {
	width: 10px;
	height: 10px
}
}
.worksample {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 90px 0;
	background: #fff;
	margin-top: 100px
}
.worksample figure {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 1;
	margin: -85px 0 30px 0;
	z-index: 10;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.worksample img {
	width: 90%;
	display: inline-block;
	float: none;
	position: relative;
	z-index: 1
}
.worksample .content-mid {
	width: 50%;
	max-width: none;
	float: none;
	display: inline-block;
	text-align: center
}
.worksample .content-mid2 {
	width: 60%;
	max-width: none;
	float: none;
	display: inline-block;
	text-align: center
}
.worksample .content-mid2 p {
font-size:.875rem;
line-height:.75rem;
	letter-spacing: .1em;
	margin: 0;
	padding: 0;
	color: #6e6e6e;
}
.worksample .content-mid2 h2 {
	margin-bottom: 30px
}
.worksample .content-mid2 ul {
	width: 45%;
	float: none;
	display: inline-block;
	margin: 30px 10px 20px 20px
}
.worksample .content-mid2 ul li {
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 6px 25px;
	text-align: left
}
.worksample .content-mid2 ul li:before {
	content: "\f058";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 700;
	background: 0 0;
	font-size: 1rem;
	color: #3CC90E;
	position: absolute;
	top: 0;
	left: 0
}
.worksample .content-mid2 h3 {
	padding-bottom: 10px
}
.worksample .content-mid p {
	text-transform: uppercase;
font-size:.875rem;
	margin: 0;
	padding: 0;
	color: #6e6e6e;
	letter-spacing: 1px
}
.worksample .content-mid h3 {
	padding-bottom: 10px
}
@media only screen and (max-width:1170px) {
.worksample .content-mid2 h2 {
	line-height: 1.3em
}
.worksample .content-mid2 ul {
	width: 100%;
	float: left
}
}
@media only screen and (max-width:767px) {
.worksample .content-mid {
	width: 100%
}
.worksample .content-mid2 {
	width: 100%
}
.worksample .content-mid2 ul {
	width: 100%;
	float: left
}
}




.icons-clients {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 70px 0 70px 0;
    margin-bottom: 100px;
	position: relative
}

.icons-clients.nospace { margin: 0; padding-top: 70px}

.icons-clients .container {
	display: inline-block;
	text-align: center;
	width: 100%
}

.icons-clients .fa-heart {
	color: #ff6780;
	font-size: 18px;
	margin-right: 5px
}
.icons-clients figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top
}
.icons-clients figure img {
	width: auto;
	height: 64px;
	float: none;
	display: inline-block;
	vertical-align: top
}
.icons-clients .article {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 25px 20px;
	text-align: center
}
.icons-clients .article-bg {
	width: 100%;
	float: none;
	display: inline-block;
	text-align: center;
	margin: 50px 0 0 0;
	padding: 0
}

@media only screen and (max-width:1399px) {
.icons-clients {
	padding: 50px 0 50px 0
}
.icons-clients .container {
	padding: 0 1%;
	max-width: 100%;
}
.icons-clients .article {
	margin: 0 25px 26px 15px
}
.icons-clients figure img {
	height: 46px
}
}

@media only screen and (max-width:767px) {
.icons-clients {
	padding: 70px 0 40px 0
}

.icons-clients figure img {
	height: 42px
}
}




.feature-list2 {
	width: 100%;
	float: left;
	background: #fff;
	padding: 70px 0
}
.feature-list2:last-child {
	padding-bottom: 0
}
.feature-list2 h2 {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
	margin: 0
}
.feature-list2 .content {
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center
}
.feature-list2 .article {
	width: 29.33%;
	float: left;
	display: inline;
	margin: 0  0.5% 60px 2%
}
.feature-list2 .article h3 {
	padding: 0 0 5px 0;
	margin: 0;
    font-size: 20px;
}
.feature-list2 p {
	padding: 0;
	margin: 0;
    font-size: 16px;
    line-height: 1.5em;
}
.feature-list2 .article .icon-out {
	width: 10%;
	float: left;
	font-size: 27px;
	line-height: 30px;
	margin: 5px 20px 20px 0;
	color: #6A4AED
}
.feature-list2 .article .icon-out i {
	color: #fff;
    font-size: 24px;
    background: #6A4AED;
    width: 50px;
    text-align: center;
    padding:12px;
    border-radius: 60px;
    
}
.feature-list2 .article aside {
	width: 80%;
	float: left;
	position: relative;
    padding-left: 15px;
    padding-top: 5px
}
.feature-list2 .article .icon-out img {
	max-height: 60px
}
.feature-list2 .article-out {
	width: 105%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	margin: 20px -5% -60px 0
}


@media (max-width:1399px) {
.feature-list2 {
	padding: 60px 0
}
.feature-list2 .article {
	width: 27.33%;
	float: left;
	margin: 0 2.5% 50px 2%
}
.feature-list2 h2 {
	padding: 0 0 10px 0
}
.feature-list2 .article .icon-out {
	width: 20%;
	max-width: 60px;
	font-size: 40px
}
}
@media (max-width:991px) {
.feature-list2 {
	padding-bottom: 100px
}
.feature-list2 .article {
	width: 45%
}
.feature-list2 .article .content-med p {
	text-align: center;
font-size:.875rem
}
}
@media (max-width:767px) {
.feature-list2 {
	padding-bottom: 70px
}
.feature-list2 h2 {
	text-align: center;
	padding: 0 0 10px 0
}
.feature-list2 .article {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px 0
}
.feature-list2 .article .icon-out {
	max-width: 50px;
	float: left;
	font-size: 33px;
	margin: 0 20px 15px 0;
}
.feature-list2 .article-out {
	width: 100%;
	text-align: left;
	display: block;
	margin: 5px 0 -40px 0
}
}




.content-clientsay {
	width: 100%;
	float: left;
	padding: 70px 0 70px 0;
	text-align: center;
	background: #E1F7F7
}
.content-clientsay .article-list {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 30px 0
}
.content-clientsay .article-list:last-child {
	padding: 0
}
.content-clientsay .article-list .article {
	width: 30.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 1% 20px 1%;
	text-decoration: none;
	position: relative;
	padding: 30px 25px 30px 25px;
	text-align: left;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.content-clientsay .article-list .article figure {
	width: 110px;
	height: 110px;
	float: none;
	display: inline-block;
	vertical-align: top;
	background: 0 0;
	border-radius: 120px;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px 0;
	z-index: 10;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.content-clientsay .article-list .article figure img {
	width: 100%;
	height: 100%;
	vertical-align: middle
}
.content-clientsay .article-list .article .author-content {
	width: 100%;
	float: left;
	padding: 0 0 30px 0
}
.content-clientsay .article-list .article .author-content .name-text {
	width: 100%;
	float: left;
	padding: 0;
	font-family: "aribau_grotesk_trial_rgRg", Arial, Helvetica, sans-serif;
	margin-bottom: 5px
}
.content-clientsay .article-list .article .author-content .company-txt {
	width: 100%;
	float: left
}
.content-clientsay .article-list .article .author-content .company-txt img {
	max-width: 100%
}
.content-clientsay .article-list .article-out {
	width: 100%;
	float: left;
	margin: 0 0 -20px 0
}
@media only screen and (max-width:991px) {
.content-clientsay .article-list .article {
	width: 40%;
	margin: 0 2.5% 20px 2.5%
}
}



@media only screen and (max-width:767px) {
.content-clientsay {
	padding: 30px 0 40px 0
}

.content-clientsay .container {
	max-width: 640px;
	padding: 0 20px
}
.content-clientsay .article-list {
	margin: 0 0 20px 0
}
.content-clientsay .article-list .article {
	width: 100%;
	max-width: 380px;
	float: left;
	display: inherit;
	margin: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.content-clientsay .article-list .article figure {
	width: 90px;
	height: 90px;
	margin: 0 0 20px 0
}
.content-clientsay .article-list .article .author-content {
	padding: 0 0 10px 0
}
.content-clientsay .article-list .article .author-content .name-text {
	font-size: 1rem;
	line-height: 1.125rem;
	padding: 0 0 5px 0
}
.content-clientsay .article-list .article .author-content .company-txt {
font-size:.875rem;
	line-height: 1.25rem
}
.content-clientsay .article-list .article .author-content .company-txt img {
	max-width: 150px
}
.content-clientsay .article-list .article-out {
	margin: 0 0 -50px 0
}
}
.content-clientsay .bottom-link {
	width: 100%;
	float: left;
	text-align: center
}
.content-clientsay .bottom-link .white {
	background: 0 0
}




.home-pricing {
	width: 100%;
	float: left;
	text-align: center;
	padding: 90px 0;
	overflow: hidden
}
.home-pricing .container {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 30px
}
.home-pricing .article1 {
	width: 50%;
	float: left;
	display: inline;
	position: relative;
	background: #E1F7F7;
	border-radius: 6px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: relative;
	margin: 0;
	cursor: pointer
}
.home-pricing .article1>a {
	width: 100%;
	float: left
}
.home-pricing .article1 .box-in {
	width: 100%;
	float: left;
	padding: 40px 30px 70px 30px
}
.home-pricing .article1 h3 {
	width: 100%;
	float: left;
	color: #6e6e6e;
	font-size: 1.25rem;
	letter-spacing: .02em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	padding: 0 0 10px 0;
	margin: 0;
	text-transform: uppercase
}
.home-pricing .article1 h4 {
	width: 100%;
	max-width: 230px;
	float: left;
	color: #6e6e6e;
font-size:.875rem;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	padding: 0 0 12px 0;
	margin: 25px 0 10px 0;
	text-align: left;
	padding: 0 0 0 20px
}
.home-pricing .article1 h3.lrg {
line-height:.775rem
}
.home-pricing .article1 p {
	color: #6e6e6e;
	font-weight: 400;
	letter-spacing: .02em;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
font-size:.825rem
}
.home-pricing .article1 p.perpage {
	color: #6e6e6e;
    font-size:.75rem;
	letter-spacing: .02em;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px
}
.home-pricing .article1 p.per-page {
	color: #6e6e6e;
    font-size:.875rem;
	letter-spacing: .02em;
	text-align: center;
	text-transform: none;
	padding-bottom: 5px;
	border-bottom: none
}
.home-pricing .article1 p.title {
	color: #6e6e6e;
    font-size:.75rem;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 10px
}
.home-pricing .article1 p span {
	color: #6e6e6e;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}
.home-pricing .article1 .price-txt {
	width: 100%;
	float: left;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 4.5rem;
	color: #6e6e6e;
	line-height: 4.5rem;
	padding: 20px 0 0 0
}
.home-pricing .article1 .price-txt sup {
	font-size: 2.25rem;
	top: -16px;
	margin-right: 4px;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
}
.home-pricing .article1 ul {
	width: 100%;
	max-width: 280px;
	float: left;
	list-style: none;
	text-align: left;
	padding: 30px 0 10px 20px;
	margin: 0
}
.home-pricing .article1 ul li {
	width: 100%;
	float: left;
font-size:.937rem;
	line-height: 1.5rem;
	color: #6e6e6e;
	position: relative;
	padding: 0 0 2px 22px;
	margin: 0
}
.home-pricing .article1 ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	float: left;
	background: #6e6e6e;
	border-radius: 20px;
	position: absolute;
	top: 7px;
	left: 0
}
.home-pricing .article1 ul li:last-child {
	padding-bottom: 0
}
.home-pricing .article1 ul.express {
	padding-top: 0
}
.home-pricing .article1 ul.express li:before {
	content: "\f067";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
font-size:.75rem;
	color: #6e6e6e;
	position: absolute;
	top: 0;
	left: 0
}
.home-pricing .article1 aside {
	width: 100%;
	max-width: 280px;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 20px 0
}
.home-pricing .article1 aside:last-child {
	padding-bottom: 0
}
.home-pricing .btn {
	width: 100%;
	max-width: 220px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	white-space: normal;
	border: none;
	outline: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
    font-size: 18px;
}
.home-pricing a.btn.disabled, .home-pricing fieldset[disabled] a.btn {
	pointer-events: none
}
.home-pricing .btn-out {
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 35px 0;
	display: none
}
.home-pricing .article1.active {
	background: #fff;
	border: none;
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.1) 0 0 45px;
	z-index: 50;
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	transform: scale(1.06);
	cursor: default
}
.home-pricing .article1.active .btn-out {
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.home-pricing .article1.active h3 {
	color: #6e6e6e;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s
}
.home-pricing .article1.active h4 {
	color: #6e6e6e
}
.home-pricing .article1.active p {
	color: #6e6e6e
}
.home-pricing .article1.active p span {
	color: #6e6e6e
}
.home-pricing .article1.active li {
	color: #6e6e6e
}
.home-pricing .article1.active ul li:before {
	background: #19C99E
}
.home-pricing .article1.active ul.express li:before {
	background: 0 0;
	color: #3CC90E
}
.home-pricing .article1.active .price-txt {
	color: #19C99E
}
.home-pricing .article1-out {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	margin: 40px 0 90px 0
}
.home-pricing .article1-out:last-child {
	margin: 0
}
.home-pricing .heading-section {
	margin-bottom: 50px
}
@media only screen and (max-width:991px) {
.home-pricing .container {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 30px
}
.home-pricing .article1 h3 {
	font-size: 1.125rem;
	line-height: 22px;
	padding: 0 0 15px 0
}
.home-pricing .article1 .price-txt {
	font-size: 3.5rem;
	line-height: 5.3rem
}
.home-pricing .article1 .price-txt sup {
	font-size: 2rem;
	top: -12px;
	margin-right: 4px;
	font-family: aribau_grotesk_trial_rgRg, Verdana, Geneva, sans-serif
}
.home-pricing .article1 ul li {
	padding: 0 0 6px 20px;
	line-height: 1.25rem
}
.home-pricing .article1 .box-in {
	width: 100%;
	float: left
}
.home-pricing .article1 aside {
	padding: 0 0 20px 0
}
.home-pricing .btn {
	width: 100%;
	max-width: 70%;
	padding: 10px 0;
    font-size: 18px;
}
.home-pricing .article1 ul {
	padding-left: 20px
}
}
@media only screen and (max-width:767px) {
.home-pricing {
	padding: 60px 0
}
.home-pricing .container {
	max-width: 380px;
	padding: 0 20px
}
.home-pricing .article1 {
	width: 100%;
	margin: 0
}
.home-pricing .article1:nth-child(even) {
	margin: 0
}
.home-pricing .article1 .box-in {
	width: 100%;
	padding: 40px 25px
}
.home-pricing .article1 h3 {
	font-size: 1.125rem;
	line-height: 22px;
	padding: 0 0 10px 0
}
.home-pricing .article1 .price-txt {
	font-size: 3.5rem;
	line-height: 4rem
}
.home-pricing .article1 .price-txt sup {
	font-size: 2rem;
	top: -12px;
	margin-right: 4px;
	font-family: aribau_grotesk_trial_rgRg, Verdana, Geneva, sans-serif
}
.home-pricing .article1 ul {
	padding-left: 10px
}
.home-pricing .article1 ul li {
font-size:.925rem;
	line-height: 18px
}
.home-pricing .article1 ul li:before {
	width: 8px;
	height: 8px;
	top: 5px
}
.home-pricing .btn-out {
	position: relative;
	padding: 0;
	margin: 0
}
.home-pricing .article1-out {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 70px 0
}
}
@media only screen and (max-width:479px) {
.home-pricing .container {
	max-width: 90%;
	padding: 0 20px
}
}
.customer-says {
	width: 100%;
	float: left;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	padding: 90px 0 110px 0
}
.customer-says h2 {
	padding: 0 0 35px 0;
	color: #fff;
	line-height: 1.5rem
}
.customer-says h2 span {
	padding: 0 0 35px 0;
	color: #fff;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400
}
.customer-says h2 a {
	color: #fff
}
.customer-says p {
	color: #fff;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: .02em;
	padding: 0 0 45px 0
}
.customer-says p a {
	color: #fff
}
.customer-says figure {
	width: 100%;
	float: left;
	margin: 0 0 30px 0
}
.customer-says figure img {
	width: 130px!important;
	height: 130px;
	border-radius: 360px
}
.customer-says .brand-single img {
	width: auto!important;
	max-width: 100%!important
}
.customer-says .content-med {
	width: 100%;
	max-width: 730px;
	float: none;
	margin: 0 auto;
	padding-bottom: 40px
}
.customer-says .slider-out {
	width: 100%;
	float: left;
	position: relative
}
@media (max-width:767px) {
.customer-says {
	padding: 60px 0 100px 0
}
.customer-says h2 {
	padding: 0 0 20px 0
}
.customer-says p {
	padding: 0 0 30px 0;
	line-height: 1.75rem;
	font-size: 1.25rem
}
.customer-says figure {
	margin: 0 0 30px 0
}
.customer-says figure img {
	width: 110px!important;
	height: 110px;
	border-radius: 360px
}
}
.btm-cont {
	width: 100%;
	float: left;
	background: #fff;
	text-align: center
}
.btm-cont figure {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 1;
	margin: -85px 0 0 0
}
.btm-cont .heading-txt {
	width: 100%;
	float: left;
	padding: 70px 0;
	text-align: center
}
.btm-cont .heading-txt h3 {
	padding: 0 0 10px 0
}
.btm-cont .heading-txt p {
	padding: 0
}
.btm-cont .heading-txt aside {
	max-width: 710px;
	padding-bottom: 35px
}
.btm-cont .heading-txt ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0
}
.btm-cont .heading-txt ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: #8793a3;
	padding: 0;
	margin: 7px 22px
}
.btm-cont .heading-txt ul li:before {
	display: none
}
.btm-cont .heading-txt ul li a {
	color: #8793a3;
	text-decoration: none
}
.btm-cont .heading-txt ul li a:hover {
	color: #202124;
	text-decoration: none
}
@media (max-width:767px) {
.btm-cont figure {
	margin: -50px 0 0 0
}
.btm-cont .heading-txt {
	padding: 45px 0
}
.btm-cont .heading-txt aside {
	max-width: 380px;
	padding-bottom: 35px
}
.btm-cont .heading-txt ul {
	width: 110%;
	margin: 0 -5%
}
.btm-cont .heading-txt ul li {
	margin: 7px 15px
}
}




.cta-info {
	width: 100%;
	float: left;
	text-align: center;
	padding: 50px 0;
	background: #037FAA
}
.cta-info aside {
	width: 900px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 20px 0
}
.cta-info aside h3 {
	color: #fff;
	padding: 0 0 30px 0;
	margin: 0;
	font-size:28px;
	line-height:1.4em;
	letter-spacing: .01em;
	text-align: center
}
.cta-info p {
	color: #fff;
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: .02em;
	text-align: center;
    font-weight: 500
}
.cta-info p.white {
	padding: 0;
	color: #fff
}
.cta-info p span {
	padding: 0 10px;
	opacity: .75
}
.cta-info .btn-out {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px 0 20px
}




@media (max-width:1399px) {
.cta-info {
	padding: 30px 0 30px 0;
	text-align: center
}
.cta-info aside {
	width: 80%
}
}
@media (max-width:767px) {
.cta-info {
	padding: 55px 0 50px 0;
	text-align: center
}
.cta-info .container {
	padding: 0
}
.cta-info p {
font-size:.875rem;
	line-height: 1.25rem
}
.cta-info aside {
	max-width: 100%;
	text-align: center;
	margin: 0
}
.cta-info aside h3 {
	font-size: 1.25rem;
	line-height: 1.625rem
}

    
.cta-info .btn-out {
	width: 100%
}
}
.benefits-list {
	width: 100%;
	float: left;
	padding: 0;
	text-align: center
}
.benefits-list .list-group-item {
	width: 32.33%;
	max-width: 280px;
	float: none;
	display: inline-block;
	border-radius: 6px;
	vertical-align: top;
	margin: 0 1% 0 1%;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	border: none;
	padding: 15px 15px
}
.benefits-list .list-group-item ul {
	list-style: none
}
.benefits-list .list-group-item ul li {
	width: 100%;
	float: left;
font-size:.875rem;
	line-height: 1rem;
	position: relative;
	padding: 0 0 15px 0;
	text-align: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.benefits-list .list-group-items ul li:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
	background: 0 0;
	font-size: 1.5rem;
	color: #3CC90E;
	position: absolute;
	top: 0;
	left: 0
}
.benefits-list .list-group-item ul li:before {
	background: 0 0
}
.benefits-list .list-group-item ul li i {
	width: 40px;
	font-size: 1.25rem;
	padding: 0 10px 0 0;
	text-align: center;
	color: #00a4a6
}
.benefits-list .list-group-item ul li:last-child {
	padding-bottom: 0
}
.benefits-list .list-group {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 20px 0;
	margin: 10px -2% -40px -2%
}
.benefits-list .content-sml {
	width: 50%;
	display: inline-block;
	float: none;
	text-align: center;
	margin: 0;
	padding: 0
}
.benefits-list .number {
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 3rem;
	line-height: 3rem;
	color: #19C99E;
	text-align: center;
	margin: 20px 0 20px 0
}
.benefits-list p {
	text-transform: none;
	padding-bottom: 20px
}
.benefits-list.pricing {
	background: #F6F6FF;
	padding: 30px 0 0 0
}
.benefits-list.pricing h4 {
	padding: 10px 0 0 0
}
.benefits-list.pricing .list-group-item {
	background: 0 0
}
.benefits-list.pricing .list-group {
	margin-top: 0;
	margin-bottom: 10px
}
.benefits-list.pricing .list-group-item ul {
	padding-top: 10px
}
.benefits-list.pricing .list-group-item ul li {
	padding: 0 0 14px 25px;
	color: #333333;
    font-size: 16px;
}
.benefits-list.pricing .list-group-item ul li:before {
	content: "\f058";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
    font-size:15px;
	color: #3CC90E;
	position: absolute;
	top: 0;
	left: 0
}
.benefits-list.pricing .content-section {
	width: 100%;
	margin: 0;
	padding: 0
}
.benefits-list.pricing .content-section p {
	margin: 0;
	padding: 0
}
.benefits-list.pricing .content-section ul {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 30px 5px;
	padding: 0;
	text-align: center
}
.benefits-list.pricing .content-section ul li {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #8793a3;
	padding: 0;
	margin: 0 10px
}
.benefits-list.pricing .content-section ul li:before {
	display: none
}
.benefits-list.pricing .content-section figure img {
	width: auto;
	height: 60px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px
}
@media (max-width:767px) {
.benefits-list .content-sml {
	width: 100%;
	max-width: 383.5px;
	text-align: center;
	margin: 0;
	padding: 0
}
.benefits-list .number {
	font-size: 2.5rem;
	line-height: 3rem
}
}
@media (max-width:767px) {
.benefits-list {
	padding: 20px 10px 40px 10px
}
.benefits-list.pricing .content-section {
	padding: 20px 0 0 0
}
.benefits-list .list-group {
	margin: 0
}
.benefits-list .list-group-item {
	width: 100%;
	max-width: 100%;
	display: inherit;
	margin: 10px 0 0 0;
	padding: 0
}
.benefits-list .list-group-item:last-child {
	margin: 0
}
.benefits-list .list-group-item ul li {
font-size:.875rem;
line-height:.75rem
}
.benefits-list .list-group-item ul li i {
	width: 32px;
	font-size: 1.125rem;
	padding: 0 10px 0 0
}
.benefits-list .list-group-item ul li .fa-code {
	font-size: 1rem;
	padding: 0 12px 0 0
}
.benefits-list .list-group-item ul li .fa-eye {
	font-size: 1rem;
	padding: 0 12px 0 0
}
.benefits-list .list-group-item ul li .fa-globe {
	font-size: 1rem;
	padding: 0 12px 0 0
}
.benefits-list .list-group-item ul li .fa-eye {
	font-size: 1rem;
	padding: 0 12px 0 0
}
.benefits-list .list-group-item ul li .fa-eye {
	font-size: 1rem;
	padding: 0 12px 0 0
}
.benefits-list .list-group-item ul li .fa-eye {
	font-size: 1rem;
	padding: 0 12px 0 0
}
}
.benefits-list-inner {
	width: 100%;
	float: left;
	padding: 20px 0 20px 0;
	text-align: center
}
.benefits-list-inner .container {
	max-width: 80%
}
.benefits-list-inner .list-group-item {
	width: 40%;
	float: none;
	display: inline-block;
	border: none;
	vertical-align: top;
	margin: 0 3% 60px 3%;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.benefits-list-inner .list-group-item ul {
	list-style: none
}
.benefits-list-inner .list-group-item ul li {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 1.25rem;
	position: relative;
	color: #6e6e6e;
	padding: 0 0 15px 15px;
	text-align: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.benefits-list-inner .list-group-item ul li::before {
	content: "";
	width: 7px;
	height: 7px;
	float: left;
	background: #202124;
	border-radius: 6px;
	position: absolute;
	top: 7px;
	left: 0
}
.benefits-list-inner .list-group-item ul li:last-child {
	padding-bottom: 0
}
.benefits-list-inner .list-group {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 20px 0;
	margin: 10px -3% -40px -3%;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.benefits-list-inner .content-sml {
	width: 50%;
	display: inline-block;
	float: none;
	text-align: center;
	margin: 0;
	padding: 0
}
@media (max-width:767px) {
.benefits-list-inner .content-sml {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0
}
.benefits-list-inner .number {
	font-size: 2.5rem;
	line-height: 3rem
}
}
@media (max-width:991px) {
.benefits-list-inner .container {
	max-width: 100%;
	padding: 0 20px
}
}
@media (max-width:767px) {
.benefits-list-inner {
	padding: 10px 0
}
.benefits-list-inner .container {
	max-width: 100%;
	padding: 0 20px
}
.benefits-list-inner.pricing .content-section {
	padding: 40px 0 0 0
}
.benefits-list-inner .list-group {
	margin: 20px 0 0 0
}
.benefits-list-inner .list-group-item {
	width: 100%;
	float: left;
	display: inherit;
	margin: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.benefits-list-inner .list-group-item:last-child {
	margin: 0
}
}
.top-none {
	padding-top: 0!important
}
.bottom-none {
	padding-bottom: 0!important
}
.lt-gray {
	color: #e1e1e6!important
}
.dk-gray {
	color: #282829!important
}
.red {
	color: #f3652d!important
}
.white {
	color: #fff!important
}
.orange {
	color: #f5bf4f!important
}
.yellow {
	color: #edac3c!important
}
.purple {
	color: #8b2d74!important
}
.lt-blue {
	color: #4697c5!important
}
.dk-blue {
	color: #344f8a!important
}
.lt-gray-bg {
	background-color: #e1e1e6!important
}
.dk-gray-bg {
	background-color: #282829!important
}
.red-bg {
	background-color: #d44633!important
}
.orange-bg {
	background-color: #f26724!important
}
.yellow-bg {
	background-color: #edac3c!important
}
.purple-bg {
	background-color: #8b2d74!important
}
.lt-blue-bg {
	background-color: #2984B8!important
}


.light-orange-bg {
	background-color: #FEF2ED!important
}
.light-blue-bg {
	background-color: #DFF0F9!important
}
.light-purple-bg {
	background-color: #F2E3EF!important
}
.light-yellow-bg {
	background-color: #FEFCE8!important
}
.light-green-bg {
	background-color: #E8FEE9!important
}




.dk-blue-bg {
	background-color: #344f8a!important
}
.testimonials .owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1
}
.testimonials .owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden
}
.testimonials .owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.testimonials .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.testimonials .owl-carousel .owl-item, .testimonials .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.testimonials .owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}
.testimonials .owl-carousel .owl-item img {
	display: block;
	width: 100%
}
.testimonials .owl-carousel .owl-dots.disabled, .testimonials .owl-carousel .owl-nav.disabled {
	display: none
}
.testimonials .owl-carousel .owl-dot, .testimonials .owl-carousel .owl-nav .owl-next, .testimonials .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.testimonials .owl-carousel.owl-loaded {
	display: block
}
.testimonials .owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.testimonials .owl-carousel.owl-hidden {
	opacity: 0
}
.testimonials .owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.testimonials .owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.testimonials .owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}
.testimonials .owl-carousel.owl-rtl {
	direction: rtl
}
.testimonials .owl-carousel.owl-rtl .owl-item {
	float: right
}
.testimonials .no-js .owl-carousel {
	display: block
}
.testimonials .owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.testimonials .owl-carousel .owl-animated-in {
	z-index: 0
}
.testimonials .owl-carousel .owl-animated-out {
	z-index: 1
}
.testimonials .owl-carousel .fadeOut {
	animation-name: fadeOut
}
.testimonials .owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.testimonials .owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.testimonials .owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #202124
}
.testimonials .owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../404.html) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.testimonials .owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.testimonials .owl-carousel .owl-video-playing .owl-video-play-icon, .testimonials .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.testimonials .owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.testimonials .owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}
.testimonials .owl-controls {
	padding: 0;
	margin: 0
}
.testimonials .owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0
}
.testimonials .owl-nav {
	width: 100%;
	float: left
}
.testimonials .owl-nav div {
	width: 15px;
	height: 26px;
	float: left;
	background: 0 0;
	border-radius: 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: -13px 0 0 0
}
.testimonials .owl-nav .owl-prev {
	background: url(../png/arrow-previous.png) no-repeat center center;
	background-size: 14px auto;
	left: -30px
}
.testimonials .owl-nav .owl-next {
	background: url(../png/arrow-next.png) no-repeat center center;
	background-size: 14px auto;
	right: -30px
}
@media only screen and (max-width:767px) {
.testimonials .owl-nav div {
	width: 10px;
	height: 18px;
	margin: -9px 0 0 0
}
.testimonials .owl-nav .owl-prev {
	background-size: 10px auto;
	left: 10px
}
.testimonials .owl-nav .owl-next {
	background-size: 10px auto;
	right: 10px
}
}
.testimonials .owl-dots {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 40px 0 0 0
}
.testimonials .owl-dots .owl-dot {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	padding: 0;
	margin: 0 4px
}
.testimonials .owl-dots .owl-dot span {
	display: block;
	width: 14px;
	height: 14px;
	background: 0 0;
	border: 2px solid #fff;
	border-radius: 30px;
	text-indent: -9999px;
	padding: 0;
	margin: 0
}
.testimonials .owl-dots .owl-dot.active span {
	width: 14px;
	height: 14px;
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #fff;
	border-color: #fff
}
.testimonials .owl-carousel .owl-controls .disabled {
	display: none
}
#gradient {
	width: 100%
}
.testimonials {
	width: 100%;
	float: left;
	padding: 90px 0 80px 0;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background: #002454 url(../png/dotbg.png) no-repeat top center;
	background-position: 10px 100px
}
.testimonials .container {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 30px
}
.testimonials .item {
	width: 100%;
	float: left
}
.testimonials .item .photo {
	width: 170px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 0 40px 0
}
.testimonials .item .photo img {
	float: none;
	display: inline-block;
	vertical-align: middle;
	border-radius: 180px;
	width: 180px
}
.testimonials aside {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 5px 0 5px
}
.testimonials aside:before {
	content: "";
	width: 28px;
	height: 21px;
	float: left;
	background: url(../svg/quote-01.svg) no-repeat top left;
	background-size: 25px auto;
	position: absolute;
	top: 3px;
	left: 0
}
.testimonials aside .btm-txt {
	width: 100%;
	float: left;
	margin: 20px 0 10px 0
}
.testimonials aside p {
	font-size:28px;
	color: #fff;
	line-height: 2.6rem;
	position: relative;
	padding: 0 0 30px 0;
	text-indent: 20px;
    font-weight: 300;
	letter-spacing: 0.04em;
}

.testimonials aside p:after {
	content: "";
	width: 28px;
	height: 21px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	background: url(../svg/quote-02.svg) no-repeat top center;
	background-size: 25px auto;
	margin: 0 0 0 28px
}
.testimonials aside p:last-child {
	padding-bottom: 0
}
.testimonials .author {
	width: 100%;
	float: left;
	position: relative;
	padding: 0;
    margin-bottom: 40px;
}
.testimonials .author .author-txt {
	width: 100%;
	float: left;
    font-size: 20px;
	line-height: 1.6rem;
	letter-spacing: .15em;
	color: #fff;
    font-family: "Poppins", sans-serif;
	margin: 10px 0 25px 0;
    font-weight: 500
}

.testimonials .author .author-txt span {
    font-size:15px;
    font-weight: 300;
	
}


.testimonials .aside-out {
	text-align: center;
	padding: 10px 0 0 0;
	position: relative
}
@media (max-width:1399px) {
.testimonials {
	padding: 60px 30px 50px 30px;
	background-position: 5px 70px
}
.testimonials .container {
	width: 100%;
	max-width: 900px;
	padding: 0 30px
}
.testimonials .item .photo {
	width: 130px;
	margin: 0 0 30px 0
}
.testimonials .item .photo img {
	width: 130px
}
.testimonials .author .author-txt {
font-size:.75rem;
	line-height: 1.25rem;
	margin: 0 0 25px 0
}
.testimonials aside p {
	font-size: 1.5rem;
	line-height: 2.5rem;
	padding: 0 0 20px 0
}
.testimonials aside p strong {
	background: #457EFF;
	color: #fff;
	padding: 0 10px;
	font-size: 1.5rem
}
}
@media only screen and (max-width:767px) {
.testimonials {
	text-align: center;
	padding: 50px 0 50px 0
}
.testimonials .item .photo {
	width: 130px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 0 30px 0
}
.testimonials aside {
	padding: 0;
	margin: 0
}
.testimonials .item .photo img {
	width: 130px
}
.testimonials aside:before {
	display: none
}
.testimonials aside p {
	padding: 25px 2.5%;
	margin: 0 0 10px 0;
	text-indent: 0;
	font-size: 1.325rem;
	line-height: 1.75rem;
	letter-spacing: normal
}
.testimonials aside p strong {
	background: 0 0;
	color: #fff;
	padding: 0
}
.testimonials aside p:after {
	display: none
}
.testimonials .aside-out {
	text-align: center;
	padding: 50px 0 0 0
}
}




.pricing-main {
	width: 100%;
	float: left;
	text-align: center;
	padding: 60px 0 50px 0;
	overflow: hidden;
    	background: #F6F6FF;

}
.pricing-main .container {
	max-width: 1200px
}
.pricing-main.bg {
	background: #fff url(../png/section3-bg.png) no-repeat top center;
	overflow: hidden
}
.pricing-main .article {
	width: 30%;
	float: none;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	background: #fff;
	border-radius: 6px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: relative;
	margin: 0;
	margin: 0 15px;
	margin-bottom: 20px
}
.pricing-main .article .box-in {
	width: 100%;
	float: left;
	padding: 30px 30px 90px 40px
}
.pricing-main .article h3 {
	float: left;
	width: 100%;
	color: #000;
	padding: 10px 0 6px 0;
	margin: 0;
	letter-spacing: normal;
	font-size: 1.625rem;
	line-height: 1.5rem
}
.pricing-main .article h4 {
	width: 100%;
	max-width: 230px;
	float: left;
    font-size:15px;
    line-height: 1.4em;
	margin: 25px 0 20px 0;
	text-align: left;
	padding: 0;
    font-weight: 500;
    color: #666;
}
.pricing-main .article h4 span {
	color: #202124
}
.pricing-main .article h5 {
	width: 100%;
	float: left;
	color: #000;
    letter-spacing: 0.04em;
    font-size:1rem;
	line-height: 1.25rem;
	margin: 10px 0 10px 0;
	text-align: left;
    font-weight: 400;
}
.pricing-main .article h5 span {
	color: #202124
}
.pricing-main .article p {
	color: #6e6e6e;
	letter-spacing: .02em;
	padding: 10px 0 20px 0;
	margin: 10px 0 0 0;
    font-size: 16px;
}

.pricing-main .content-med p {
	letter-spacing: .02em;
	margin: 10px 0 0 0;
    font-size: 15px;
    line-height: 1.6em;
}


.pricing-main .article p.perpage {
	text-align: center;
	border-bottom: 2px solid #D2D2D7;
	color: #666;
	letter-spacing: .04em;
    font-size: 16px;
}
.pricing-main .article p.per-page {
    font-size:18px;
	letter-spacing: .02em;
	text-align: center;
	text-transform: none;
	padding-bottom: 30px;
	border-bottom: 3px solid #D2D2D7;
	color: #333333;
    font-weight: 600;
}
.pricing-main .article p.perpage span {
	background: #F6F6FF;
	padding: 6px 20px;
	border-radius: 20px;
	margin-top: 20px;
	font-weight: 600;
    font-size:.8rem
}
.pricing-main .article p.perpage span .fa-circle {
	color: #19C99E;
	margin-right: 5px;
	font-size: 11px
}
.pricing-main .article p.title {
	color: #6e6e6e;
font-size:.75rem;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 10px
}
.pricing-main .article p span {
	color: #6e6e6e
}
.pricing-main .article .price-txt {
	width: 100%;
	float: left;
	font-family: manropeextrabold, Arial, Helvetica, sans-serif;
	font-size: 3rem;
	color: #333333;
	line-height: 3.5rem;
	padding: 30px 0 0 0;
	font-weight: 600
}
.pricing-main .article .price-txt1 {
	font-size: 15px;
	line-height: 18px;
	color: #6e6e6e;
	text-transform: none;
	margin: 0;
	padding: 0
}
.pricing-main .article .price-txt sup {
	font-size: 1.75rem;
	top: -8px;
	margin-right: 2px
}
.pricing-main .article ul {
	width: 100%;
	max-width: 280px;
	float: left;
	list-style: none;
	text-align: left;
	padding: 30px 0 25px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #D2D2D7
}
.pricing-main .article ul li {
	width: 100%;
	float: left;
    font-size: 15px;
	line-height: 1.6em;
	color: #333333;
	margin: 0;
	position: relative;
	padding: 0 0 5px 20px;
	margin: 0;
}
.pricing-main .article ul li a {
	color: #00a4a6;
}
.pricing-main .article ul li:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
	font-size: .5rem;
	color: #333333;
	position: absolute;
	top: 0;
	left: 0
}
.pricing-main .article ul li:last-child {
	padding-bottom: 0
}
.pricing-main .article ul.express {
	padding-top: 0
}
.pricing-main .article ul.addons {
	width: 100%;
	max-width: 280px;
	float: left;
	list-style: none;
	text-align: left;
	padding: 10px 0 25px 0;
	margin: 0 0 10px 0
}
.pricing-main .article ul.addons li {
	width: 100%;
	float: left;
    font-size: 15px;
	line-height: 1.6em;
	color: #333333;
	margin: 0;
	position: relative;
	padding: 0 0 10px 20px;
	margin: 0
}
.pricing-main .article ul.addons li:before {
	content: "\f055";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
    font-size:.875rem;
	color: #457EFF;
	position: absolute;
	top: 0;
	left: 0
}
.pricing-main .article ul.addons li span {
	color: #19C99E;
	font-weight: 600;
    font-size:1rem
}

.pricing-main .article ul.express li:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
	font-size: .5rem;
	color: #333333;
	position: absolute;
	top: 0;
	left: 0
}
.pricing-main .article aside {
	width: 100%;
	max-width: 260px;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 10px 0
}
.pricing-main .article aside:last-child {
	padding-bottom: 0
}
.pricing-main .btn {
	width: 100%;
	max-width: 62%;
	padding-left: 0;
	padding-right: 0;
    font-size: 18px;
}
.pricing-main a.btn.disabled, .pricing-main fieldset[disabled] a.btn {
	pointer-events: none
}
.pricing-main .btn-out {
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 35px 0
}
.pricing-main .article.active {
	z-index: 100;
	cursor: default;
    box-shadow: 0px 30px 30px #0000001d;
}

.pricing-main .article.active aside {
	width: 100%;
	max-width: 100%;
	margin: 0
}
.pricing-main .article.active .box-in {
	margin: 0
}
.pricing-main .article.active h3 {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s
}
.pricing-main .article.active .popular {
	width: auto;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 3px;
	margin: -35px 0 10px 0;
	padding: 7px 0 5px 0;
	color: #fff;
	background: #7F62F6;
    font-weight: 600;
}
.pricing-main .article.active p span {
	color: #6e6e6e
}
.pricing-main .article.active ul {
	padding-top: 0
}
.pricing-main .article.active ul li.more {
	font-family: manroperegular, Verdana, Geneva, sans-serif
}
.pricing-main .article ul li a { color: #457EFF}
        
        
.pricing-main .article-out {
	width: 100%;
	float: left;
	text-align: center;
	margin: 60px 0 60px 0;
	padding: 0;
    background: #fff;
}


.pricing-main .heading-section {
	margin-bottom: 50px
}
.pricing-main .heading-section p {
	padding-bottom: 0;
	margin: 0
}
.pricing-main .content-section {
	width: 100%
}
.pricing-main .content-section p {
	margin: 0;
	padding: 0
}
.pricing-main .content-section ul {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 30px 5px;
	padding: 0;
	text-align: center
}
.pricing-main .content-section ul li {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #8793a3;
	padding: 0;
	margin: 0 10px
}
.pricing-main .content-section ul li:before {
	display: none
}
.pricing-main .content-section figure img {
	width: auto;
	height: 60px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px
}
.pricing-main .content-section p {
	padding-bottom: 10px
}
.pricing-main .article .icon-bonus {
	width: 50px;
	height: 50px;
	float: left;
	background: url(../404.html) no-repeat;
	background-size: 50px auto;
	position: absolute;
	top: 14px;
	right: 12px;
	text-indent: -99999px
}


@media (max-width:1399px) {
.pricing-main {
	padding: 50px 0 40px 0
}
.pricing-main .article h3 {
	padding: 0 0 6px 0;
	font-size: 1.125rem;
	line-height: 1.25rem
}
.pricing-main .container {
	max-width: 990px
}
.pricing-main .article {
	width: 29%
}
.pricing-main .article .price-txt {
	font-size: 2.5rem;
	line-height: 3.25rem;
	padding: 10px 0 0 0
}
.pricing-main .article .price-txt sup {
	font-size: 1.5rem;
	top: -8px;
	margin-right: 2px
}
.pricing-main .article ul li {
    font-size: 16px;
	line-height: 1.6em;
	color: #333333;
	padding: 0 0 5px 20px
}
.pricing-main .article ul li:before {
font-size:.875rem
}
.pricing-main .article ul.addons li {
    font-size: 16px;
	line-height: 1.6em;
	color: #333333;
	padding: 0 0 10px 23px
}
.pricing-main .article ul.addons li:before {
font-size:.75rem
}
.pricing-main .article ul.express li:before {
font-size:.875rem
}
.pricing-main .article h4 {
	max-width: 230px;
font-size:.75rem;
	line-height: 1.25rem;
	margin: 20px 0 15px 0
}
.pricing-main .article .box-in {
	width: 100%;
	float: left;
	padding: 30px 20px 80px 30px
}
.pricing-main .article.active .popular {
	font-size: 10px;
	margin: -30px 0 10px 0;
	padding: 6px 0 4px 0
}
.pricing-main .article-out {
	margin: 50px 0 40px 0
}
}


@media only screen and (max-width:991px) {
.pricing-main .container {
	max-width: 70%;
	padding: 0 20px
}
.pricing-main .article {
	width: 80%;
	max-width: 380px
}
.pricing-main .article ul li {
	font-size: 16px;
	line-height: 1.6em;
	padding: 0 0 10px 20px
}
.pricing-main .article .box-in {
	width: 100%;
	float: left
}
.pricing-main .article aside {
	max-width: 100%;
	padding: 0 0 20px 0
}
.pricing-main .btn {
	width: 100%;
	max-width: 70%;
}
.pricing-main .article ul {
	padding-left: 5px
}
.pricing-main .article.active {
	margin: 40px 0;
	margin-bottom: 50px
}
}
@media only screen and (max-width:767px) {
.pricing-main {
	padding: 50px 0 30px 0
}
.pricing-main .container {
	max-width: 100%;
	padding: 0 20px
}
.pricing-main .article {
	width: 100%;
	max-width: 400px;
	margin: 0 0 20px 0
}
.pricing-main .article .box-in {
	width: 100%;
	padding: 40px 25px
}
.pricing-main .article .price-txt {
	font-size: 3rem;
	line-height: 3.5rem;
	padding-top: 10px
}
.pricing-main .article .price-txt sup {
	font-size: 1.5rem;
	top: -10px;
	margin-right: 2px
}
.pricing-main .article ul {
	padding-left: 10px
}
.pricing-main .article ul li {
    font-size: 15px;
	line-height: 1.4em;
}
.pricing-main .btn-out {
	position: relative;
	padding: 0;
	margin: 0
}
.pricing-main .article-out {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0 40px 0
}
.pricing-main .content-section ul li {
	margin: 0 5px
}
.pricing-main .article aside {
	width: 100%;
	max-width: 100%
}
.pricing-main .content-section figure img {
	height: 40px
}
.pricing-main .article.active {
	margin: 40px 0;
	margin-bottom: 50px
}
.pricing-main .article .icon-bonus {
	width: 40px;
	height: 40px;
	float: left;
	background: url(../svg/bonus.svg) no-repeat;
	background-size: 40px auto;
	position: absolute;
	top: 10px;
	right: 12px;
	text-indent: -99999px
}
}
@media only screen and (max-width:479px) {
.pricing-main {
	padding: 50px 0 30px 0
}
.pricing-main .article {
	width: 100%;
	max-width: 100%;
	margin-bottom: 30px
}
}
.faq-pricing {
	width: 100%;
	float: left;
	padding: 60px 0 60px 0;
	text-align: center
}
.faq-pricing .container {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 30px
}
.faq-pricing .article {
	width: 45.84%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 1.88% 30px 1.88%;
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px
}
.faq-pricing .article i {
	font-size: 8px;
	line-height: 1.2em;
	vertical-align: middle;
	top: -2px;
	padding-right: 5px
}
.faq-pricing .article h3 {
	margin: 0;
	padding: 0 0 7px 0;
	font-size: 1rem;
	line-height: 1.25rem;
}
.faq-pricing .article aside {
	width: 100%;
	float: left;
	padding: 5px 0 0 0
}
.faq-pricing .article aside p {
	padding: 0 0 15px 0
}
.faq-pricing .article aside p:last-child {
	padding-bottom: 0
}
.faq-pricing .article-out {
	width: 104.16%;
	float: left;
	margin: 50px -2.08% -50px -2.08%;
	text-align: left
}
@media only screen and (max-width:991px) {
.faq-pricing {
	padding: 40px 0 70px 0
}
.faq-pricing .article {
	width: 44.36%;
	margin: 0 2.6% 40px 2.6%
}
.faq-pricing .article h3 {
	font-size: 1rem;
	line-height: 1rem
}
.faq-pricing .article aside {
	width: 100%;
	padding: 0
}
.faq-pricing .article aside p {
	font-size: 15px;
	line-height: 22px
}
.faq-pricing .article-out {
	width: 105.64%;
	margin: 30px -2.82% -40px -2.82%
}
}
@media only screen and (max-width:767px) {
.faq-pricing .container {
	max-width: 95%;
	padding: 0 20px
}
.faq-pricing .article {
	width: 100%;
	margin: 0 0 30px 0
}
.faq-pricing .article aside {
	width: 100%;
	padding: 0
}
.faq-pricing .article aside p {
	font-size: 15px;
	line-height: 22px
}
.faq-pricing .article-out {
	width: 100%;
	margin: 30px 0 -30px 0
}
}
.getintouch {
	width: 100%;
	float: left;
	background: #fff;
	padding: 20px 0 40px 0;
	text-align: center
}
.getintouch h3 {
	font-size: 1.5rem;
	line-height: 2.25rem
}
@media only screen and (max-width:1399px) {
.getintouch {
	padding: 10px 0 40px 0
}
.getintouch h3 {
	color: #fff;
	font-size: 1.325rem;
	line-height: 2rem;
	margin-bottom: 30px;
	padding: 0 50px
}
}
@media only screen and (max-width:767px) {
.getintouch h3 {
	font-size: 1.25rem;
	line-height: 1.875rem
}
}
.testimonial-main {
	width: 100%;
	float: left;
	background: #fff;
	padding: 20px 0 100px 0;
	text-align: center;
}
.testimonial-main aside {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 45px;
	margin: 0 0 20px 0
}
.testimonial-main aside:last-child {
	margin-bottom: 0
}
.testimonial-main aside:before {
	content: "\f10d";
	float: left;
	font-weight: 600;
	font-family: Font Awesome\ 5 Pro;
	font-size: 26px;
	color: #D2D2D7;
	position: absolute;
	top: -5px;
	left: 0
}
.testimonial-main aside:after {
	content: "\f10e";
	float: left;
	font-weight: 600;
	font-family: Font Awesome\ 5 Pro;
	font-size: 26px;
	color: #D2D2D7;
	position: absolute;
	bottom: 8px;
	right: 0
}
.testimonial-main aside p {
    font-size:16px;
	line-height: 1.5em;
	padding: 0 0 20px 0;
    color: #333333;
}
.testimonial-main aside p span {
	color: #333333;
}
.testimonial-main aside p:last-child {
	padding-bottom: 0
}
.testimonial-main .author {
	width: 105px;
	height: 105px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
	border-radius: 105px;
	overflow: hidden;
	z-index: 10;
	margin: 30px 25px 0 0
}
.testimonial-main .author img {
	width: 100%;
	height: 100%;
	border-radius: 105px
}
.testimonial-main .author-cont {
	width: 63%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 -12% 0 0
}
.testimonial-main .author-cont h3 {
	font-size:15px;
	color: #457EFF;
	line-height:1.4em;
	padding: 10px 0 0 0;
	margin: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.testimonial-main .author-cont h3:last-child {
	padding-bottom: 0
}
.testimonial-main .author-cont p.designation {
	padding: 0 0 15px 0
}
.testimonial-main .author-cont p {
    font-size:12px;
	line-height: 1.25rem;
	padding: 0 0 10px 0;
    color: #999;
}
.testimonial-main .author-cont .rading-stars {
	width: 100%;
	float: left;
	margin: 2px 0 0 0
}
.testimonial-main .author-cont .rading-stars i {
	float: left;
	font-size: 16px;
	color: #fcaf17;
	line-height: 20px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	margin: 0 0 1px 0
}
.testimonial-main .author-details {
	width: 100%;
	float: left;
	padding: 0 45px
}
.testimonial-main .article {
	width: 47%;
	float: left;
	background: #fff;
	border-radius: 6px;
	padding: 41px 30px 45px 30px;
	margin: 0 1.5% 3% 1.5%;
	text-align: left;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.testimonial-main .article-out {
	width: 103%;
	float: left;
	margin: 40px -1.5% -3% -1.5%
}


@media only screen and (max-width:1399px) {
.testimonial-main aside {
	padding: 0 30px;
	margin: 0 0 45px 0
}
.testimonial-main aside:before {
	font-size: 20px;
	top: 0
}
.testimonial-main aside:after {
	font-size: 20px
}
.testimonial-main aside p {
    font-size:16px;
	line-height: 1.5em;
	padding: 0 0 15px 0
}
.testimonial-main .author {
	width: 90px;
	height: 90px;
	margin-right: 18px
}
.testimonial-main .author-cont {
	width: 60%
}
.testimonial-main .author-cont p {
font-size:.75rem;
	padding: 0 0 10px 0
}
.testimonial-main .author-cont .rading-stars {
	margin: 5px 0 0 0
}

.testimonial-main .author-details {
	padding: 0 30px
}
.testimonial-main .article {
	width: 46%;
	padding: 35px 25px 40px 25px;
	margin: 0 2% 3.8% 2%;
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.3) 0 0 20px
}
.testimonial-main .article-out {
	width: 104%;
	margin: 50px -2% -3.8% -2%
}
}


@media only screen and (max-width:767px) {
.testimonial-main {
	padding: 10px 0 70px 0
}
.testimonial-main aside {
	padding: 0 30px;
	margin: 0 0 35px 0
}
.testimonial-main aside:before {
	font-size: 17px
}
.testimonial-main aside:after {
	font-size: 17px;
	bottom: 0
}
.testimonial-main aside p {
    font-size:16px;
	line-height: 1.5em;
	padding: 0 0 18px 0
}
    
    
.testimonial-main .author {
	width: 70px;
	height: 70px;
	margin: 0 10px 0 0
}
.testimonial-main .author-cont {
	width: 63%
}
.testimonial-main .author-cont .rading-stars {
	margin: 0
}

.testimonial-main .author-details {
	padding: 0 25px
}
.testimonial-main .article {
	width: 100%;
	padding: 30px 20px 35px 20px;
	margin: 0 0 30px 0
}
.testimonial-main .article-out {
	width: 100%;
	margin: 30px 0 -30px 0
}
}
.testimonial-main.service {
	margin: 0;
	padding: 50px 0
}
.testimonial-main.service h2 {
	margin: 0;
	padding: 0 0 20px 0
}
.testimonial-main.service .btn-out {
	margin: 30px 0 0 0
}
.testimonial-main.service .article-out {
	margin-bottom: 30px
}



.banner-testimonials {
	width: 100%;
	float: left;
	text-align: center;
	padding: 100px 0 0 0;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background: url(../jpg/dotbg.jpg) no-repeat bottom center
}
.banner-testimonials h1 {
	font-size: 32px;
	line-height: 1.3em;
	padding: 0 140px 30px 0;
	color: #333333;
    font-weight: 700;
}
.banner-testimonials h1 span {
	background: #fe7c10;
	padding: 7px 15px;
	color: #fff;
	border-radius: 6px
}
.banner-testimonials .fa-quote-left {
	margin-top: -5px;
	float: left;
	margin-right: 10px
}
.banner-testimonials p {
	font-size: 32px;
	line-height: 1.3em;
	padding: 0 140px 30px 0;
	color: #333333;
    font-weight: 700;
}
.banner-testimonials .logo-client {
	width: 100%;
	margin-bottom: 20px
}
.banner-testimonials .logo-client img {
	max-width: 100%;
	max-height: 55px
}
.banner-testimonials p:last-child {
	padding-bottom: 0
}
.banner-testimonials .lrg-txt {
	width: 100%;
	float: left;
	font-size: 1.125rem;
	color: #19C99E;
	padding: 20px 0 5px;
	position: relative
}
.banner-testimonials .sml-txt {
    font-size:18px;
	line-height: 1.4em;
	color: #5f6368;
	margin: 0;
	padding: 0 0 30px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.banner-testimonials figure {
	width: 43.9%;
	float: left;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0
}
.banner-testimonials figure img {
	height: auto;
	max-width: 375px;
	max-height: 500px;
	vertical-align: bottom
}
.banner-testimonials aside {
	width: 64%;
	float: right;
	padding: 0 0 40px;
	position: relative
}
.banner-testimonials article {
	width: 100%;
	max-height: 500px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	position: relative
}
.banner-testimonials.right figure {
	float: right;
	left: auto;
	right: 0
}
.banner-testimonials.right aside {
	float: left
}
@media only screen and (max-width:1399px) {
.banner-testimonials {
	padding: 80px 0 0 20px
}

.banner-testimonials h1 {
	font-size:28px;
	line-height:1.3em;
	padding: 0 0 20px
}
.banner-testimonials .lrg-txt {
	padding: 30px 0 10px
}
.banner-testimonials .sml-txt {
	padding-right: 0
}
.banner-testimonials aside {
	padding: 0 0 50px
}
.banner-testimonials figure img {
	max-height: 460px
}
}
@media only screen and (max-width:767px) {
.banner-testimonials {
	padding: 80px 0 0 20px
}

.banner-testimonials h1 {
	font-size:26px;
	line-height: 1.3em;
}
.banner-testimonials .lrg-txt {
	font-size: 1.125rem;
	line-height: 1.5rem;
	padding: 30px 0 5px 0
}
.banner-testimonials figure {
	width: 100%;
	position: relative;
	display: none
}
.banner-testimonials aside {
	width: 98%;
	padding: 0 0 40px
}
.banner-testimonials article {
	min-height: inherit
}
}


.faqs-content {
	width: 100%;
	float: left;
	padding: 20px 0 80px 0;
	text-align: center;
	background: #fff
}
.faqs-content .container {
	max-width: 900px
}
.faqs-content .accord {
	width: 100%;
	float: left;
	padding: 12px 30px 10px 30px;
	margin: 0 0 20px 0;
	text-align: left;
	border-radius: 25px;
	background: #fff;
    border: 1px solid #D2D2D7;
}
.faqs-content .accord .question-title {
	width: 100%;
	float: left;
	font-size:18px;
	color: #457EFF;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 18px 30px 18px 0;
	margin: 0;
    font-weight: 700;
}

.faqs-content .accord .question-title ul {
    padding-left: 0
}


.faqs-content .accord .answer-content {
	width: 100%;
	float: left;
	display: none;
	padding: 3px 40px 3px 0;
	margin: 20px 0 20px 10px
}
.faqs-content .accord .answer-content.active {
	display: block
}
.faqs-content .accord .question-title p {
	font-size:16px;
	line-height:1.5em;
	padding-bottom:20px
}
.faqs-content .accord .question-title p.title {
}
.faqs-content .accord .question-title li {
    font-size:15px;;
	line-height: 1.325rem;
	padding-bottom: 5px
}
.faqs-content .accord .question-title ol:last-child li:last-child, 
.faqs-content .accord .question-title p:last-child, 
.faqs-content .accord .question-title ul:last-child li:last-child {
	padding-bottom: 0
}
.faqs-content .accord .question-title ol, 
.faqs-content .accord .question-title ul {
	width: 100%;
	float: left;
	padding-left:0;
}

.faqs-content .accord .question-title ul {
	padding: 5px 0 0 0
}
.faqs-content .accord .question-title ul.space {
	padding: 5px 0 20px 0
}
.faqs-content .accord .question-title ul li {
	width: 100%;
	float: left;
	font-size:15px;
	line-height: 1.325rem;
	position: relative;
	padding: 0 0 10px 0;
    
}

.faqs-content .accord .question-title ul li a {
	color:#000;
}

.faqs-content .accord ul {
    padding-left: 0;
    padding-bottom: 10px;
}

.faqs-content .accord ul li {
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 15px;
    color: #333333;
}



@media (max-width:767px) {
.faqs-content .accord .question-title {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 14px 20px 14px 20px
}
.faqs-content .accord .question-title p {
	padding-bottom: 10px
}
.faqs-content .accord .question-title ul li {
	padding: 0 0 6px 30px;
    
}
}






/* Articles - List */
.articles-list { width:100%; overflow: hidden; padding:70px 0; background: #f6f8f9;}

.articles-list .heading-txt {
    width: 100%;
    float: left;
}

.articles-list .heading-txt.bot {
    padding-top: 30px;
}

.articles-list .heading-txt aside {
    max-width: 900px;
	text-align: center;
	padding: 0 0 10px 0;
    position: relative;
    display: inline-block
}


.articles-list .article { width:33.33%; padding:0 15px 40px 15px;}

.articles-list .article .box { width:100%; height:100%; float:left; font-size:14px; }

.articles-list .article .box .aside { width:100%; float:left; padding:25px 25px; text-align: center}
.articles-list .article .box .aside h3,
.articles-list .article .box .aside .h3 { font-size: 16px; line-height: 24px; padding-bottom:2px;}
.articles-list .article .box .aside p { font-size: 14px; padding-bottom: 14px; color: #666;}
.articles-list .article .box .aside p:last-child { padding-bottom: 0;}

.articles-list .article .box .aside .icon { width:50px; float:left; border-radius:6px; overflow:hidden; position:relative; z-index:1; margin:0 -50px 0 0;}
.articles-list .article .box .aside .icon img { width:100%;}

.articles-list .article .box .aside .btn { font-size:18px; line-height:16px; letter-spacing:0.02em; padding:8px 25px 10px 25px;}
.articles-list .article .box .aside .btn:hover .inn,
.articles-list .article .box .aside .btn:focus .inn,
.articles-list .article .box .aside .btn:active .inn,
.articles-list .article .box .aside .btn:active:focus .inn,
.articles-list .article .box .aside .btn.active .inn,
.articles-list .article .box .aside .btn.active:focus .inn { padding-right:18px; margin-left:-9px; margin-right:-9px; color: #00BAF1}

.articles-list .article .box .aside .btn-out { margin:0;}

.articles-list .article .box .aside .txt-max { width: 100%; float: left; padding:0 0 0 0; margin:-4px 0 0 0;}
.articles-list .article .box .figure { width:100%;  text-align:center; position:relative;}

.articles-list .article-wrap { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -15px -30px -15px;}

@media only screen and (max-width: 1199px) {
.articles-list .article { width:50%;}
}

@media only screen and (max-width: 767px) {
.articles-list .article { width:100%;}
}







.worksamples {
	width: 100%;
	float: left;
	background: #fff;
	padding: 60px 0 80px 0;
	text-align: center
}
.worksamples .container {
	width: 100%;
	max-width: 82%
}
.worksamples aside {
	width: 80%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0
}
.worksamples aside a {
	text-decoration: none;
	color: #666
}
.worksamples article h3 {
	padding: 0 0 10px 0;
	margin: 0
}
.worksamples article h3.lrg {
	font-size: 1.125rem;
	line-height: 1.5rem;
	margin: 0 0 5px 0
}
.worksamples article a {
	text-decoration: none;
	color: #666
}
.worksamples article p strong {
	color: #6e6e6e
}
.worksamples article p {
	color: #6e6e6e;
	line-height: 1.25rem;
font-size:.875rem;
	margin: 0;
	padding: 0 0 20px 0
}
.worksamples .new {
	background: #1eb478;
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	border-radius: 6px;
	color: #fff;
	padding: 7px 18px 7px 18px;
	margin: 30px 0 0 20px;
	float: right
}
.worksamples .new2 {
	background: #09a0d5;
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	border-radius: 6px;
	color: #fff;
	padding: 7px 18px 7px 18px;
	margin: 30px 0 0 20px;
	float: right
}
.worksamples figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px
}
.worksamples figure img {
	width: 110%;
	float: none;
	display: inline-block;
	vertical-align: middle
}
.worksamples article {
	width: 30.33%;
	float: none;
	display: inline-block;
	padding: 20px 0 20px 0;
	vertical-align: top;
	margin: 0 1% 30px 1%;
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.worksamples article:last-child {
	margin-right: 0
}
.worksamples article:hover {
	transition: all .5s
}
.worksamples .article-bg {
	width: 102%;
	float: none;
	display: inline-block;
	text-align: center;
	margin: 20px -1% 0 -1%;
	padding: 50px 0 0 0
}
.worksamples .btn {
	color: #1E4557
}
@media (max-width:979px) {
.worksamples {
	padding: 40px 0 40px 0
}
.worksamples article h3 {
	padding-bottom: 5px;
	margin: 0
}
.worksamples article h3.lrg {
	margin: 0 0 10px 0;
	padding: 0
}
.worksamples article p {
font-size:.875rem
}
.worksamples .container {
	width: 100%;
	max-width: 100%
}
.worksamples article {
	width: 45.5%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5% 30px 0;
	text-align: center;
	background: #fff
}
}
@media (max-width:767px) {
.worksamples article {
	width: 80%;
	margin: 0 0 20px 0
}
.worksamples .article-bg {
	width: 100%;
	margin: 0;
	padding: 0
}
.worksamples aside {
	width: 80%
}
.worksamples .heading {
	font-size: 20px;
	line-height: 20px
}
}
@media (max-width:479px) {
.worksamples article {
	width: 90%;
	margin: 0 0 20px 0
}
.worksamples .article-bg {
	margin-bottom: 0
}
.worksamples aside {
	width: 100%
}
}
.work-screen {
	width: 100%;
	float: left;
	background: #F6F6FF;
	padding: 60px 0 0 0;
	text-align: center
}
.work-screen figure {
	width: 100%;
	float: none;
	vertical-align: bottom;
	display: inline-block;
	margin: 20px 0 0 0
}
.work-screen figure img {
	max-width: 100%
}
.work-screen .content-med p {
	font-size: 1.325rem;
	line-height: 2rem;
	font-weight: 400;
	color: #202124
}
@media (max-width:979px) {
.work-screen {
	padding: 50px 0 0 0
}
.work-screen .content-med {
	width: 90%
}
.work-screen .content-med p {
	font-size: 1.25rem;
	line-height: 1.875rem
}
}
@media (max-width:767px) {
.work-screen {
	padding: 50px 0 0 0
}
.work-screen .content-med {
	width: 90%
}
.work-screen .content-med p {
	font-size: 1.125rem;
	line-height: 1.5rem
}
}






.content-text {
	width: 100%;
	float: left;
	padding: 70px 0 70px 0;
	text-align: center
}
.content-text ul {
	width: 80%;
	float: none;
	display: inline-block;
	padding: 20px 0 10px 0;
	margin-top: -20px
}
.content-text ul li {
	width: 100%;
	float: left;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	padding-bottom: 10px;
	padding-left: 20px
}


.content-text aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-bottom: 30px
}
.content-text article {
	width: 100%;
	background: #fff;
	float: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 30px 0;
	text-align: left
}
@media (max-width:767px) {
.content-text {
	padding: 40px 0 40px 0
}
.content-text article {
	width: 100%;
	padding: 30px 0
}
.content-text ul {
	width: 100%
}
}
@media (max-width:479px) {
.content-text article {
	width: 100%;
	padding: 20px 0 20px 0
}
.content-text aside {
	padding-bottom: 10px
}
.content-text ul li {
	font-size: 15px;
	line-height: 24px
}
}
.services-pages {
	width: 100%;
	float: left;
	background: #fff;
	padding: 10px 0 30px 0;
	text-align: center
}
.services-pages h1 {
	padding: 40px 0 10px 0
}
.services-pages h1:last-child {
	padding-bottom: 0
}
.services-pages .article h3 {
	padding: 0;
	margin-bottom: 20px
}
.services-pages .article h3:last-child {
	padding-bottom: 0
}
.services-pages p {
	padding: 0 0 24px 0
}
.services-pages p:last-child {
	padding-bottom: 0
}
.services-pages .content-lrg {
	padding: 0;
	margin: 10px 0 10px 0
}
.services-pages .content-lrg h2 {
	padding: 0;
	margin: 0 0 20px 0;
}


.services-pages .content-lrg h3 {
	font-family: "Poppins", sans-serif;
letter-spacing:.05rem;
	font-size: 1.125rem;
	margin: 10px 0 30px 0;
	padding: 0;
	color: #666;
}
.services-pages .content-med .logoicon1 {
	width: 120px;
	height: 110px;
	display: inline-block;
	float: none;
	margin: 20px 30px 20px 0;
	padding: 15px;
	border-radius: 6px;
	position: relative;
	vertical-align: middle;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.services-pages .content-med .logoicon2 {
	width: 120px;
	height: 110px;
	display: inline-block;
	float: none;
	margin: 20px 30px;
	padding: 15px;
	border-radius: 6px;
	position: relative;
	vertical-align: middle;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.services-pages .content-med .logoicon2:before {
	content: "\f105";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
	font-size: 1.5rem;
	color: #D2D2D7;
	position: absolute;
	top: 40px;
	left: -38px
}
.services-pages .content-med .logoprice {
	width: auto;
	height: 110px;
	font-size: 4rem;
	font-weight: 500;
	line-height: 4.5rem;
	background: #f59931;
	color: #fff;
	display: inline-block;
	float: none;
	margin: 20px 30px;
	border: 1px solid #f59931;
	padding: 15px 25px;
	border-radius: 6px;
	position: relative;
	vertical-align: middle
}
.services-pages .content-med .logoprice:before {
	content: "\f105";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
	font-size: 1.5rem;
	color: #D2D2D7;
	position: absolute;
	top: 40px;
	left: -38px
}
.services-pages .content-med .logoicon1 img {
	height: 80px
}
.services-pages .content-med .logoicon2 img {
	height: 80px
}
.services-pages .version {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 20px 0
}
.services-pages .version img {
	height: 40px;
	margin-right: 10px
}
.services-pages .version2 {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 20px 0
}
.services-pages .version2 img {
	height: 80px;
	margin-right: 10px;
	margin-top: -10px
}
@media (max-width:767px) {
.services-pages {
	padding: 20px 0 30px 0
}
.services-pages .content-med .logoicon1 {
	width: 90px;
	height: 90px;
	padding: 10px
}
.services-pages .content-med .logoicon2 {
	width: 90px;
	height: 90px;
	padding: 10px
}
.services-pages .content-med .logoicon2:before {
	top: 30px
}
.services-pages .content-med .logoicon1 img {
	height: 65px
}
.services-pages .content-med .logoicon2 img {
	height: 65px
}
.services-pages .content-lrg h2 {
	padding: 0;
	margin: 0;
	line-height: 1.75rem
}
.services-pages .content-lrg h3 {
	font-size: 1.125rem;
	line-height: 1.675rem
}
}
.solution-list {
	width: 100%;
	float: left;
	padding: 60px 0 20px 0;
	text-align: left;
	overflow: hidden
}
.solution-list.bluebg {
	background: #eef7f9
}
.solution-list.nobg {
	text-align: left;
	background: 0 0
}
.solution-list .article {
	width: 49%;
	float: left;
	padding: 0 30px 30px 10px
}
.solution-list .article ul {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0
}
.solution-list .article ul li {
	width: 100%;
	float: left;
	line-height: 22px;
	position: relative;
	padding: 0 0 15px 30px
}
.solution-list .article ul li strong {
	color: #333333
}
.solution-list .article ul li:before {
	content: "\f0a9";
	font-family: "Font Awesome\ 5 Pro";
	font-size: 18px;
	color: #3CC90E;
	position: absolute;
	top: 2px;
	left: 0
}
.solution-list .article ul li:last-child {
	padding-bottom: 0
}
.solution-list .article h3 {
	margin: 0 0 5px 0
}
.solution-list .article p {
	line-height: 20px;
	color: #828286
}
.solution-list .article-out {
	width: 106%;
	float: left;
	margin: 0 3% -30px 3%
}
@media only screen and (max-width:991px) {
.solution-list {
	padding: 30px 0 80px 0
}
.solution-list .container {
	max-width: 90%;
	padding: 0 20px
}
.solution-list .article-out {
	width: 100%;
	margin: 0;
	padding: 0
}
.solution-list .article {
	width: 100%;
	padding: 0 0 15px 0
}
}
@media only screen and (max-width:767px) {
.solution-list {
	padding: 40px 0 50px 0
}
.solution-list .container {
	max-width: 100%;
	padding: 0 20px
}
.solution-list .article {
	width: 100%;
	padding: 0 0 15px 0
}
.solution-list .article ul li:before {
	font-size: 16px
}
.solution-list .article-out {
	width: 100%;
	margin: 0;
	padding: 0
}
}
.howitservice {
	width: 100%;
	float: left;
	background: #f5f5f5;
	padding: 20px 0 40px 0;
	text-align: center;
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	background: -webkit-linear-gradient(left, #f5f5f5, #fff);
	background: -o-linear-gradient(right, #f5f5f5, #fff);
	background: -moz-linear-gradient(right, #f5f5f5, #fff);
	background: linear-gradient(to right, #f5f5f5, #fff)
}
.howitservice p {
	padding-top: 20px;
	line-height: 1.125rem;
	font-weight: 400;
	padding-bottom: 0
}
.howitservice .content-med .logoicon1 {
	width: 160px;
	height: 160px;
	display: inline-block;
	float: none;
	margin: 0 30px 20px 0;
	padding: 25px 15px;
	border-radius: 6px;
	position: relative;
	vertical-align: top
}
.howitservice .content-med .logoicon2 {
	width: 160px;
	height: 160px;
	display: inline-block;
	float: none;
	margin: 0 30px 20px 0;
	padding: 25px 15px;
	border-radius: 6px;
	position: relative;
	vertical-align: top
}
.howitservice .content-med .logoicon2:before {
	content: "\f064";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 500;
	background: 0 0;
	font-size: 1.25rem;
	color: #D2D2D7;
	position: absolute;
	top: 50px;
	left: -38px
}
.howitservice .content-med .logoicon1 img {
	height: 80px
}
.howitservice .content-med .logoicon2 img {
	height: 80px
}
@media (max-width:991px) {
.howitservice .content-med .logoicon1 {
	width: 110px;
	padding: 5px
}
.howitservice .content-med .logoicon2 {
	width: 110px;
	padding: 5px
}
.howitservice .content-med .logoicon2:before {
	top: 30px;
	font-size: 1rem
}
.howitservice .content-med .logoicon1 img {
	height: 60px
}
.howitservice .content-med .logoicon2 img {
	height: 60px
}
}
@media (max-width:767px) {
.howitservice {
	padding: 30px 0 40px 0
}
.howitservice p {
font-size:.875rem
}
.howitservice .content-med .logoicon1 {
	width: 90px;
	padding: 5px
}
.howitservice .content-med .logoicon2 {
	width: 90px;
	padding: 5px
}
.howitservice .content-med .logoicon2:before {
	top: 20px;
	font-size: 1rem;
	font-weight: 400
}
.howitservice .content-med .logoicon1 img {
	height: 50px
}
.howitservice .content-med .logoicon2 img {
	height: 50px
}
}
.content-pages {
	width: 100%;
	float: left;
	background: #f6f6f6;
	padding: 60px 0 60px 0;
	text-align: center
}
.x-features {
	width: 100%;
	float: left;
	padding: 60px 0 40px 0;
	text-align: center
}
.x-features h3.lrg {
	padding: 0 0 5px 0;
	text-align: center
}
.x-features p {
	text-align: center;
	padding-bottom: 15px
}
.x-features p strong {
	font-weight: 700;
	line-height: 30px
}
.x-features .article .icon {
	width: 100%;
	height: 55px;
	float: left;
	text-align: center;
	overflow: hidden;
	font-size: 2.625rem;
	color: #19C99E;
	margin-bottom: 6px
}
.x-features .article {
	width: 30.4%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 30px 15px 10px 15px;
	margin: 0 2.5% 40px 0;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.x-features .article-bg {
	width: 103%;
	float: left;
	margin: 40px -1.5% 40px -1.5%;
	text-align: center
}
.x-features aside {
	width: 100%;
	padding: 0 15px 20px 15px;
	float: left
}
.x-features aside figure {
	margin-top: 10px;
	float: left
}
.x-features ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px 0 0 0
}
.x-features ul li {
	width: 100%;
	float: left;
	padding-left: 25px;
	text-align: left;
	padding-bottom: 15px;
	font-size: 1rem;
	line-height: 1.25rem;
	position: relative
}
.x-features ul li:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 400;
	background: 0 0;
font-size:.875rem;
	color: #85bf31;
	position: absolute;
	top: 0;
	left: 0
}
@media only screen and (max-width:979px) {
.x-features {
	padding: 50px 0 30px 0
}
.x-features .article {
	width: 45%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 20px 10px 20px 10px
}
.x-features .article-bg {
	width: 100%;
	margin-right: 0
}
.x-features ul li {
	font-size: 1rem;
	padding-bottom: 7px
}
.x-features p {
	padding-bottom: 20px
}
}
@media only screen and (max-width:767px) {
.x-features .article {
	width: 90%
}
.x-features .article.last aside {
	width: 60%;
	display: inline-block;
	float: none;
	border: none;
	padding: 10px 0
}
}
@media only screen and (max-width:639px) {
.x-features .article.last aside {
	width: 90%;
	display: inline-block;
	float: none;
	border: none;
	padding: 10px 0
}
.x-features ul li {
	font-size: 1rem
}
}
.cta-content {
	width: 100%;
	float: left;
	text-align: center;
	background: #10212B;
	padding: 40px 0
}
.cta-content .container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px
}
.cta-content aside {
	width: 100%;
	max-width: 650px;
	float: none;
	display: inline-block
}
.cta-content aside h3 {
	width: 100%;
	float: left;
	color: #fff;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.5rem;
	line-height: 2rem
}
.cta-content .btn-out {
	width: 100%;
	float: left
}
@media only screen and (max-width:1399px) {
.cta-content {
	padding: 40px 0
}
.cta-content aside h3 {
	font-size: 1.25rem;
	line-height: 1.75rem
}
}
@media only screen and (max-width:767px) {
.cta-content {
	padding: 40px 0
}
.cta-content .container {
	max-width: 100%;
	padding: 0 20px
}
.cta-content aside h3 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.75rem
}
}
.services-pages ul.breadcrumb {
	width: 100%;
	float: left;
	padding: 0 10px 10px;
	list-style: none;
	background: 0 0;
	margin: 0 0 0 10px;
	text-align: left
}
.services-pages ul.breadcrumb li {
	display: inline;
	font-size: 13px;
	padding: 0 5px 0 0
}
.services-pages ul.breadcrumb li+li:before {
	content: "/\00a0";
	margin: 0 5px 0 -3px;
	color: #D2D2D7
}
.services-pages ul.breadcrumb li a {
	color: #00a4a6;
	text-decoration: none
}
.services-pages ul.breadcrumb li a:hover {
	color: #00a4a6;
	text-decoration: underline
}
@media only screen and (max-width:767px) {
.services-pages ul.breadcrumb {
	padding-bottom: 20px
}
}




.information-content {
	width: 100%;
	float: left;
	padding: 70px 0 50px 0;
	text-align: center;
	background: #F6F6FF
}
.information-content img {
	max-width: 80%;
	margin: 20px 0
}
.information-content.bgpurple {
	background: #6f42c1;
	background: -webkit-linear-gradient(left, #2fc6f7, #6f42c1);
	background: -o-linear-gradient(right, #2fc6f7, #6f42c1);
	background: -moz-linear-gradient(right, #2fc6f7, #6f42c1);
	background: linear-gradient(to right, #2fc6f7, #6f42c1);
	padding: 40px 0 40px 0
}
.information-content.bgblue {
	background: #19C99E;
	padding: 40px 0
}
.information-content.bgred {
	background: #dc3545;
	padding: 40px 0
}
.information-content.bgblue h2, .information-content.bgblue p, .information-content.bgpurple h2, .information-content.bgpurple p, .information-content.bgred h2, .information-content.bgred p {
	color: #fff
}
.information-content .btn-out {
	margin: 40px 0 20px 0
}
.information-content .btn {
	font-size:18px;
	float: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background: #ffe221;
	color: #202124;
	position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	margin: 0;
    font-size: 18px;
}
.information-content.framework {
	width: 100%;
	float: left;
	padding: 80px 0 80px 0;
	text-align: center;
	margin-top: 50px;
	background: url(../jpg/css-frameworks.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 1700px auto;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.information-content.framework:hover {
	background: url(../jpg/css-frameworks.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 1600px auto;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.information-content .framework-content {
	width: 100%;
	background: #fff;
	padding: 30px 40px;
	text-align: left;
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.1) 0 0 40px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	border-radius: 6px
}
.information-content .framework-content ul {
	width: 58%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	border-right: 2px solid #f5f5f5;
	padding-right: 50px
}
.information-content .framework-content ul.last {
	width: 35%;
	border-right: none;
	padding: 0
}
.information-content .framework-content ul li {
	color: #090;
	font-size: 1rem;
	padding-left: 0;
	text-align: left;
	line-height: 1.125rem
}
.information-content .framework-content ul li a {
	color: #7F62F6;
	padding-bottom: 10px;
	line-height: 1.6em;
    font-size: 18px;
    font-family: "circularbold", sans-serif;
}

.information-content .framework-content ul.last {
	width: 35%;
	border-right: none;
	padding: 0 0 0 30px
}
.information-content .framework-content ul li span {
	color: #333333;
	margin-top: 15px;
    font-size:16px;
    line-height: 1.4em;
}
.information-content .framework-content h4 {
	font-size:24px;
	color: #333333;
    font-family: "circularbold", sans-serif;
	padding-bottom: 40px;
    text-align: center
}
.information-content .framework-content ul li span.hot {
	width: auto;
	background: #ff561e;
	border-radius: 6px;
	padding: 2px 12px;
	color: #fff;
	font-size:.75rem;
	margin: -2px 0 0 10px;
	position: relative;
	display: inline-block
}
.information-content .framework-content ul li span.hott {
	width: auto;
	background: #00A350;
	border-radius: 6px;
	padding: 2px 12px;
	color: #fff;
    font-size:14px;
    font-family: 'manropebold',Verdana,Geneva,sans-serif;
	margin: -2px 0 0 10px;
	position: relative;
	display: inline-block;
    top: -6px;
}
.information-content .framework-content ul li span.ho {
	width: auto;
	background: #e9bd0c;
	border-radius: 6px;
	padding: 2px 12px;
	color: #fff;
font-size:.75rem;
	margin: -2px 0 0 10px;
	position: relative;
	display: inline-block
}
@media (max-width:767px) {
.information-content {
	padding: 40px 0 20px 0;
	margin-top: 20px
}
.information-content .btn {
	float: none;
	display: inline-block;
	color: #535041;
	letter-spacing: .02em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background: #ffe221;
	font-size: 18px;
	line-height: 1.25rem;
	position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	padding: 15px 30px;
	margin: 0
}
.information-content .framework-content ul {
	width: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	border-right: none;
	padding-right: 0
}
.information-content .framework-content ul.last {
	width: 100%;
	border-right: none;
	padding: 0
}
.information-content .framework-content ul li {
font-size:.875rem;
	line-height: 1.25rem
}
.information-content .framework-content ul li span {
font-size:.875rem;
	line-height: 1rem
}
}
.feature-list-black {
	width: 100%;
	float: left;
	background: #0c0b19;
	padding: 100px 0 100px 0;
	margin-top: 40px
}
.feature-list-black .container {
	max-width: 1100px
}
.feature-list-black .article {
	width: 23.73%;
	float: left;
	text-align: left;
	margin: 0 4.8% 100px 4.8%
}
.feature-list-black .article .icon {
	width: 100%;
	height: 56px;
	float: left;
	margin: 0 0 24px 0
}
.feature-list-black .article .icon img {
	max-width: 100%;
	max-height: 56px
}
.feature-list-black .article h3 {
	color: #fff;
	margin: 0 0 15px 0
}
.feature-list-black .article p {
	color: rgba(255,255,255,.6);
	letter-spacing: .02em;
	padding: 0
}
.feature-list-black .article-out {
	width: 109.6%;
	float: left;
	padding: 0 0 100px 0;
	margin: 0 -4.8% -100px -4.8%
}
.feature-list-black .article-out:last-child {
	padding-bottom: 0
}
@media only screen and (max-width:991px) {
.feature-list-black .article {
	width: 27.69%;
	margin: 0 2.82% 70px 2.82%
}
.feature-list-black .article-out {
	width: 105.64%;
	padding: 0 0 70px 0;
	margin: 0 -2.82% -70px -2.82%
}
.feature-list-black .article h3 {
	padding: 0 0 15px 0;
	font-size: 1.125rem
}
}
@media only screen and (max-width:767px) {
.feature-list-black .article {
	width: 45.46%;
	margin: 0 2.27% 50px 2.27%
}
.feature-list-black .article .icon {
	margin: 0 0 20px 0
}
.feature-list-black .article-out {
	width: 104.54%;
	padding: 0 0 50px 0;
	margin: 0 -2.27% -50px -2.27%
}
}
@media only screen and (max-width:479px) {
.feature-list-black .article {
	width: 100%;
	margin: 0 0 50px 0
}
.feature-list-black .article-out {
	width: 100%;
	margin: 0 0 -50px 0
}
}



.services-icons11 {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 0 60px 0;
	text-align: center;
	margin-top: 0
}
.services-icons11 h3 {
	color: #1d1f2b
}
.services-icons11 p {
	max-width: 100%;
	color: #6e6e6e;
font-size:.75rem;
	line-height: 1.125rem;
	margin: 0;
	padding: 15px 4px 0 4px
}
.services-icons11.home .content-lrg p {
	max-width: 100%;
	color: #111;
	font-size: 1rem;
	line-height: 1.25rem;
	margin: 0;
	padding: 20px 10px 0 10px
}
.services-icons11.home .content-lrg .logoicon {
	width: 180px;
	height: 160px;
	display: inline-block;
	float: none;
	margin: 10px 5px 10px 5px;
	background: rgba(255,255,255,.15);
	background: #f1f5f6;
	padding: 25px 15px 10px 15px;
	border-radius: 6px;
	position: relative;
	vertical-align: middle;
	box-shadow: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.services-icons11 .content-lrg {
	max-width: 100%;
	padding: 0;
	margin: 0
}
.services-icons11 .content-lrg .logoicon {
	width: 120px;
	display: inline-block;
	float: none;
	margin: 10px 5px 10px 5px;
	background: rgba(255,255,255,.15);
	background: #fff;
	padding: 15px 15px;
	border-radius: 6px;
	position: relative;
	vertical-align: middle;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.services-icons11 .content-lrg .logoicon:hover p {
	color: #000;
	font-weight: 400;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.services-icons11 .content-lrg .logoicon img {
	height: 46px
}
.services-icons11 .content-lrg .logoicon:hover {
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.2) 0 0 25px
}
.services-icons11 .content-lrg .logoicon p.price {
	font-size: 12px;
	letter-spacing: .75px;
	color: #878787;
	text-transform: uppercase;
	margin-top: 10px
}
.services-icons11 .content-lrg .logoicon p.price span {
	font-size: 15px
}
.services-icons11 .content-lrg .logoicon p.price:hover span {
	color: #ff5f14;
	font-size: 15px;
	border-bottom: 1px solid #D2D2D7
}
.services-icons11 .content-lrg .logoicon p.price sup {
	font-size: 12px;
	top: -1px;
	font-family: Averta, Arial, Helvetica, sans-serif
}
@media (max-width:767px) {
.services-icons11 {
	padding: 0 0 40px 0
}
.services-icons11 p {
font-size:.5rem;
	line-height: 1rem;
	margin: 0;
	padding: 15px 10px 5px 10px
}
.services-icons11 .content-lrg {
	margin: 0 0 0 -10px
}
.services-icons11 .content-lrg .logoicon {
	width: 100px;
	padding: 15px 10px 5px 10px;
	margin-right: 0
}
.services-icons11 .content-lrg .logoicon img {
	height: 42px
}
.services-icons11.home p {
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 15px 10px 10px 10px
}
}




.services-icons {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 0 50px 0;
	text-align: center;
	margin-top: 0
}
.services-icons h3 {
	color: #333333
}
.services-icons p {
	max-width: 100%;
	color: #333333;
    font-size:15px;
	line-height:1.5em;
	margin: 0;
	padding: 15px 4px 0 4px
}
.services-icons.home {
	padding: 40px 0 60px 0;
    background: #F6F6FF
}

.services-icons.home .content h2 {
	padding: 10px 0 10px 0;
    margin: 0;
    line-height: 1.4em;
}

.services-icons.home .content p {
	padding: 0 10px 10px 10px;
    margin: 0;
    line-height: 1.4em;
}


.services-icons.home p {
	max-width: 100%;
	color: #333333;
	line-height: 1.25rem;
	margin: 0;
	padding: 20px 20px 0 10px;
}


.services-icons .content-lrg {
	max-width: 100%;
	padding: 0;
	margin: 30px 0 15px 0;
}


.services-icons .content-lrg .logoicon {
	width: 160px;
	min-height: 165px;
	display: inline-block;
	float: none;
	margin: 0 10px 30px 10px;
	position: relative;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 20px 30px;
	background: #fff
}
.services-icons .content-lrg a:hover .logoicon {
	text-decoration: none;
	color: #333333;
    border: 1px solid #7F62F6
}
.services-icons .content-lrg .logoicon.xd {
	background: #fff;
	border: none
}
.services-icons .content-lrg .logoicon.psd {
	background: #fff;
	border: none
}
.services-icons .content-lrg .logoicon.il {
	background: #fff;
	border: none
}
.services-icons .content-lrg .logoicon.ind {
	background: #fff;
	border: none
}
.services-icons .content-lrg .logoicon.sketch {
	background: #fff;
	border: none
}
.services-icons .content-lrg .logoicon.wp {
	background: #fff;
	border: none
}
.services-icons .content-lrg .logoicon img {
	height: 68px
}

.services-icons.servicepage { margin: 0; padding: 0; padding-top: 80px; padding-bottom: 30px; margin-top: 0}

.services-icons.servicepage h2 { 
    margin-bottom: 10px; 
    padding-bottom: 0;
    letter-spacing: 0.03em;
}


.services-icons.servicepage2 { padding-top: 70px; margin-top: 0}
.services-icons.servicepage2 .btn-out { margin-top: 25px}

.services-icons.servicepage2 h2 { margin: 0 0 15px 0; padding: 0; line-height: 1.3em}
.services-icons.servicepage2 p { margin: 15px 0 5px 0; padding: 0; line-height: 1.4em;}
.services-icons.servicepage2 .content-med { margin-bottom: 20px}
.services-icons.servicepage2 .content-lrg { margin-bottom: 30px}



.services-icons.servicepage .logoicon {
    width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding:10px 5px 10px 5px;
    margin:15px 10px;
    margin-bottom: 0;
    min-height: inherit
    
}

.services-icons.servicepage .logoicon p {
	
    margin: 0; 
    padding: 0;
    color: #666;
    
}



.services-icons.servicepage .logoicon img {
	width: auto;
	height: 45px;
	float: none;
	display: inline-block;
	vertical-align: top;
    padding-bottom: 10px
    
}
    
.services-icons.servicepage h3 {
    font-size: 22px;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    letter-spacing: 0.03em;
    color: #333333;
}


@media (max-width:1399px) {

.services-icons {
	padding: 0 0 40px 0
}
.services-icons .content-lrg {
	max-width: 990px;
	padding: 0;
}

}


@media (max-width:767px) {
.services-icons.home {
	padding:20px 0 40px 0
}
    
.services-icons .content-lrg {
	max-width: 990px;
	padding: 0;
}
    
.services-icons.servicepage .logoicon {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
    margin:15px 10px;
    margin-bottom: 0;
    font-size: 14px;
    border-radius: 6px;
    min-height: inherit
    
}


}






.services-list {
	width: 100%;
	float: left;
	padding: 40px 0 40px 0;
	margin: 0;
	text-align: center
}
.services-list h4 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 20px 20px;
	text-align: left;
	color: #6e6e6e;
	font-weight: 400
}
.services-list .list-group-item {
	width: 31.33%;
	float: none;
	display: inline-block;
	border: none;
	background: 0 0;
	vertical-align: top;
	margin: 20px .5% 0 .5%;
	padding: 5px 20px 10px 20px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.services-list .list-group-item ul {
	list-style: none
}
.services-list .list-group-item ul li {
	width: 100%;
	float: left;
    font-size:.875rem;
	line-height: 1.125rem;
	position: relative;
	color: #1e1e1e;
	padding: 15px 20px;
	background: #fff;
	border-radius: 25px;
	border: 1px solid #D2D2D7;
	border-bottom: 3px solid #D2D2D7;
	margin-bottom: 10px;
	text-align: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.services-list .list-group-item ul li a {
	color: #1e1e1e;
	font-family: manropemedium, Arial, Helvetica, sans-serif;
letter-spacing:.02rem
}
.services-list .list-group-item ul li.selected {
	font-family: manropeextrabold, Arial, Helvetica, sans-serif
}
.services-list .list-group-item ul li:hover {
	border: 1px solid #333333;
	border-bottom: 3px solid #333333
}
.services-list .list-group-item ul li.selected a {
	color: #1e1e1e;
	line-height: 1.125rem
}
.services-list img {
	height: 20px;
	margin-right: 10px;
	margin-top: -4px
}
.services-list .list-group-item ul li i {
	width: 30px;
	float: left;
	padding-right: 8px;
	color: #333333;
	font-size: 1.125rem
}
.services-list .list-group.selected {
	width: 99%;
	padding: 20px 0 20px 0
}
.services-list .list-group ul li.selected i {
	color: #333333;
	font-size: 1.25rem
}
.services-list .list-group {
	width: 101%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 20px 0;
	margin: 20px -.5% -40px -.5%;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.services-list .content-sml {
	width: 50%;
	display: inline-block;
	float: none;
	text-align: center;
	margin: 0;
	padding: 0
}
.services-list p {
	text-transform: none;
	padding-bottom: 20px
}
.services-list .list-group-item ul li .hot {
	width: auto;
	background: #ff9d40;
	border-radius:1px;
	padding: 1px 10px;
	color: #fff;
	font-size:.5rem;
	margin: -2px 0 0 10px;
	position: relative;
	display: inline-block;
	font-family: manropebold, Verdana, Geneva, sans-serif
}



@media only screen and (max-width:1399px) {
.services-list .container {
	padding: 0 20px
}
.services-list .list-group.selected {
	padding: 20px 5px 10px 10px
}
.services-list .list-group-item ul li {
font-size:.625rem;
	line-height: 1.125rem;
	padding: 10px 20px;
	border: 1px solid #D2D2D7
}
.services-list .list-group-item ul li .hot {
	padding: 1px 10px;
font-size:.25rem
}
}
@media (max-width:767px) {
.services-list {
	padding: 20px 0 20px 0
}
.services-list .container {
	max-width: 100%;
	padding: 0 20px
}
.services-list.pricing .content-section {
	padding: 40px 0 0 0
}
.services-list .list-group {
	width: 90%;
	margin: 20px 0 0 0;
	padding: 0
}
.services-list .list-group-item {
	width: 100%;
	float: left;
	display: inherit
}
.services-list .list-group-item ul li {
font-size:.875rem;
	line-height: 1.125rem
}
}





.thankyoupage {
	width: 100%;
	float: left;
	padding: 80px 0 40px 0;
	text-align: center;
	background: #fff
}
.thankyoupage h1 {
	margin: 0;
	padding: 0 0 10px 0
}
.thankyoupage h3 {
	margin: 0;
	padding: 0 0 40px 0
}

.thankyoupage figure img {
	margin: 0;
    height: 250px;
	padding: 0 0 20px 0
}

.thankyoupage h3.big {
	margin: 0;
    font-size: 24px;
	padding: 0 0 50px 0
}

.thankyoupage .icon-tick {
	width: 100%;
	height: 80px;
	float: left;
	text-align: center
}
.thankyoupage .icon-tick .fa-check-circle {
	font-size: 4rem;
	line-height: 4rem;
	color: #3eb049
}
@media (max-width:767px) {
.thankyoupage h1 {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 2.5rem
}
.thankyoupage h2 {
	margin: 0;
	padding: 0 0 30px 0;
	line-height: 1.5rem
}
.thankyoupage .icon-tick {
	width: 100%;
	height: 60px;
	float: left;
	text-align: center
}
.thankyoupage .icon-tick .fa-check-circle {
	font-size: 3rem;
	line-height: 3.5rem
}
}
.scrollup {
	width: 81px;
	height: 81px;
	float: right;
	background: url(../svg/arrow-04.svg) bottom center no-repeat;
	position: fixed;
	bottom: -120px;
	right: 15px;
	text-indent: -9999px;
	z-index: 1000
}
.container-main, .content-middle, .row-offcanvas {
	position: relative;
	float: left
}
.scrollup.up {
	bottom: 100px
}
@media (max-width:767px) {
.scrollup.up {
	bottom: 80px
}
}




.pricing-order {
	width: 100%;
	float: left;
	padding: 40px 0;
	background: #f4f7f8
}
.pricing-order .heading-txt {
	width: 100%;
	float: left;
	padding: 0 0 30px 0
}
.pricing-order .heading-txt p {
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
    font-size: 16px;
}
.pricing-order .heading-txt p span {
	color: #202124;
    font-weight: 700;
	
}
.pricing-order .heading-txt:last-child {
	padding-bottom: 0
}
.pricing-order .heading-txt h1 {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.875rem;
letter-spacing:.02rem
}
.pricing-order .heading-txt h3 {
	width: 100%;
	padding: 10px 10px;
	text-align: center;
	background: #10212B;
	margin-top:20px;
    border-radius: 25px;
	color: #fff;
	font-size:18px;
    margin-bottom: 20px;
}
.pricing-order .heading-txt h3 span {
	padding: 0 20px 0 20px;
	font-family: manropelight, Verdana, Geneva, sans-serif;
	color: #999
}



.pricing-order .title-txt {
	width: 100%;
	float: left;
	font-size: 22px;
	color: #333333;
	line-height:1.6em;
	padding: 0 0 5px 0;
	margin: 0;
    font-weight: 600;
}
.pricing-order .title-txt span {
	font-size: 16px;
	color: #999;
	line-height: 17px
}
.pricing-order .article {
	width: 30.33%;
	float: left;
	margin: 0 1.5% 40px 1.5%;
	cursor: pointer;
	border-radius: 1px
}
.pricing-order .article aside {
	width: 100%;
	min-height: 310px;
	float: left;
	text-align: center;
	position: relative;
	background: #fff;
	padding: 28px 20px 20px 20px;
	box-shadow: none;
	border-radius: 2px
}
.pricing-order .article ul {
	width: 100%;
	float: left;
	list-style: none;
	text-align: left;
	padding: 10px 0 0 20px;
	margin: 0
}
.pricing-order .article ul li {
	width: 100%;
	float: left;
    font-size:14px;
	line-height:1.4em;
	position: relative;
	padding: 0 0 6px 18px;
	margin: 0;
    font-family: "Poppins", sans-serif;
	color: #828286;
	font-weight: 400
}
.pricing-order .article ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	float: left;
	background: #3CC90E;
	border-radius: 20px;
	position: absolute;
	top: 4px;
	left: 0
}
.pricing-order .article ul li:last-child {
	padding-bottom: 0
}
.pricing-order .article label {
	font-family: manroperegular, Verdana, Geneva, sans-serif
}
.pricing-order .article label ul.standard {
	padding-top: 15px
}
.pricing-order .article label ul.standard li {
	color: #828286
}
.pricing-order .article label ul.standard li:before {
	content: "\f058";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
    font-size:.75rem;
	color: #828282;
	position: absolute;
	top: 0;
	left: 0
}
.pricing-order .article label ul.express {
	padding-top: 15px
}
.pricing-order .article label ul.express li {
	color: #828286
}
.pricing-order .article label ul.express li:before {
	content: "\f055";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
font-size:.75rem;
	color: #828286;
	position: absolute;
	top: 0;
	left: 0
}
.pricing-order .article .styled {
	margin: 25px 0 0 25px;
	position: absolute;
	top: 0;
	left: 0;
	display: block
}
.pricing-order .article .styled input[type=radio] {
	background: #fff;
	border: 1px solid #8fa6ac;
	width: 24px;
	height: 20px;
	margin-top: 0
}
.pricing-order .article label .element-label {
	width: 100%;
	float: left;
	line-height: 1.325rem;
	position: relative;
	letter-spacing: normal;
	font-size:20px;
	font-family: Rubik, sans-serif;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	margin: 0;
	color: #5f6368
}
.pricing-order .article label .element-label span {
    font-size:12px;
	line-height: 1rem;
	font-family: manropebold, Verdana, Geneva, sans-serif;
	color: #666;
    letter-spacing: 0.05em;
}
.pricing-order .article label .element-price {
	width: 100%;
	float: left;
	font-family: manropeextrabold, Verdana, Geneva, sans-serif;
	cursor: pointer;
	font-size: 38px;
	color: #333333;
	line-height: 3.5rem;
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: 500
}
.pricing-order .article label .element-price span {
	float: none;
	display: inline-block;
	position: relative;
    font-family: Rubik, sans-serif;
}
.pricing-order .article label .element-price sup {
	font-size:14px;
	position: relative;
	line-height: 0;
	vertical-align: baseline;
	top: -.32em;
	margin: 0 3px 0 0
}
.pricing-order .article label .element-price sub {
	font-size: 13px;
	position: relative;
	line-height: 0;
	vertical-align: baseline;
	position: absolute;
	right: 0;
	bottom: 20px
}
.pricing-order .article aside p {
	width: 100%;
	float: left;
font-size:.75rem;
	text-transform: uppercase;
	padding: 0 0 5px 0
}
.pricing-order .article aside p span {
	text-decoration: line-through
}
.pricing-order .article aside p.save-txt {
font-size:.875rem;
	line-height: 1rem;
	color: #6e6e6e;
	text-transform: none;
	font-family: manropebold, Verdana, Geneva, sans-serif;
	font-weight: 400;
letter-spacing:.02rem
}
.pricing-order .article aside p.save-txt1 {
font-size:.75rem;
	line-height: 1rem;
	color: #6e6e6e;
	text-transform: none;
	margin-top: -10px;
	padding-bottom: 10px;
	font-family: manropelight, Verdana, Geneva, sans-serif;
	font-weight: 400;
letter-spacing:.05rem
}
.pricing-order .article aside h4 {
	width: 100%;
	max-width: 100%;
	float: left;
	color: #6e6e6e;
font-size:.75rem;
	line-height: 1.25rem;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	margin: 25px 0 0 0;
	text-align: left;
	padding: 0 0 0 20px
}
.pricing-order .article h4 span {
	color: #6e6e6e
}
.pricing-order .article aside p.perpage {
	color: #6e6e6e;
	display: inline-block;
	float: none;
	width: auto;
font-size:.75rem;
	line-height: 1.4em;
	letter-spacing: .04em;
	font-family: "Poppins", sans-serif;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 10px;
	background: #f4f7f8;
	padding: 6px 25px;
	border-radius: 20px;
	text-transform: capitalize;
	font-weight: 400
}
.pricing-order .article .btn {
	width: 90%;
	min-width: 210px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-family: "poppins", sans-serif;
    font-size:18px;
	color: #fff;
	letter-spacing: normal;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	background: #898f90;
	border: none;
	border-radius: 0;
	position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	padding: 0 20px 0 20px;
	margin: 0 0 5px 0;
	box-shadow: none
}
.pricing-order .article .btn span {
	float: none;
	display: inline-block;
	padding: 0 18px
}
.pricing-order .article .btn span:after {
	content: "";
	width: 20px;
	height: 20px;
	display: none;
	vertical-align: top;
	background: url(../png/icon-tick-01.png) no-repeat top right;
	background-size: 20px auto;
	position: relative;
	top: -4px;
	margin: 0 0 0 6px
}
.pricing-order .article .btn span.txt2 {
	display: none
}
.pricing-order .article .btn.active, .pricing-order .article .btn.active:focus, .pricing-order .article .btn.selected, .pricing-order .article .btn.selected:focus, .pricing-order .article .btn:active, .pricing-order .article .btn:active:focus, .pricing-order .article .btn:focus, .pricing-order .article .btn:hover {
	color: #fff;
	background: #898f90
}
.pricing-order .article .btn.active:before, .pricing-order .article .btn.selected:before {
	display: inline-block
}
.pricing-order .article .btn.active span.txt1, .pricing-order .article .btn.selected span.txt1 {
	display: none
}
.pricing-order .article .btn.active span.txt2, .pricing-order .article .btn.selected span.txt2 {
	display: inline-block
}
.pricing-order .article .btn-out {
	width: 100%;
	float: left;
	padding: 15px 0 5px 0
}
.pricing-order .article .btm-txt {
	width: 100%;
	float: left;
    font-size:14px;
	color: #333333;
	line-height: 16px;
	display: none;
	padding: 5px 0 0 0;
	font-weight: 400
}
.pricing-order .article .icon-bonus {
	width: 60px;
	height: 60px;
	float: left;
	background: url(../svg/bonus.svg) no-repeat;
	background-size: 60px auto;
	position: absolute;
	top: 14px;
	right: 12px;
	text-indent: -99999px
}
.pricing-order .article .icon-bonus1 {
	width: 60px;
	height: 60px;
	float: left;
	background: url(../svg/bonus1.svg) no-repeat;
	background-size: 60px auto;
	position: absolute;
	top: 14px;
	right: 12px;
	text-indent: -99999px
}
.pricing-order .article .tool-tip {
	width: 100%;
	float: left;
	text-align: center;
	background: #323234;
	box-shadow: rgba(0,0,0,.4) 0 0 20px;
	border: 1px solid #fff;
	padding: 10px 15px
}
.pricing-order .article .tool-tip p {
	font-size: 14px;
	color: #fff;
	line-height: 17px
}
.pricing-order .article .tool-tip-bg {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px;
	display: none
}
.pricing-order .article .tool-tip-bg:before {
	content: "";
	width: 0;
	height: 0;
	float: left;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #323232;
	position: absolute;
	top: 4px;
	left: 50%;
	margin: 0 0 0 -3px
}
.pricing-order .article input[type=radio]:checked+label aside {
	position: relative;
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.1) 0 0 40px
}
.pricing-order .article input[type=radio]:checked+label aside p {
	color: #202124
}
.pricing-order .article input[type=radio]:checked+label p.save-txt {
	color: #2BAAEE
}
.pricing-order .article input[type=radio]:checked+label p.perpage {
	color: #6e6e6e
}
.pricing-order .article input[type=radio]:checked+label .btn {
	background: #2BAAEE
}
.pricing-order .article input[type=radio]:checked+label .btn span {
	background: url(../404.html) no-repeat left center;
	background-size: 19px auto;
	line-height: 1.1em
}
.pricing-order .article input[type=radio]:checked+label .btm-txt {
	display: block;
	color: #6e6e6e
}
.pricing-order .article input[type=radio]:checked+label .icon-bonus {
	display: block
}
.pricing-order .article input[type=radio]:checked+label .btn span.txt1 {
	display: none
}
.pricing-order .article input[type=radio]:checked+label .btn span.txt2 {
	display: inline-block
}
.pricing-order .article input[type=radio]:checked+label .btn span:after {
	display: inline-block
}
.pricing-order .article input[type=radio]:checked+label .tool-tip-bg {
	display: block
}
.pricing-order .article input[type=radio]:checked+label .element-label {
	font-family: Rubik, sans-serif
}
.pricing-order .article input[type=checkbox], .pricing-order .article input[type=radio] {
	display: none
}
.pricing-order .article input[type=radio]:checked+label ul li {
	color: #333333
}
.pricing-order .article input[type=radio]:checked+label ul li a {
	color: #333333
}
.pricing-order .article input[type=radio]:checked+label ul.standard li:before {
	color: #333333
}
.pricing-order .article input[type=radio]:checked+label ul.express li:before {
	color: #333333
}
.pricing-order .article input[type=radio]:checked+label .element-price {
	color: #00BAF1
}
.pricing-order .article input[type=radio]:checked+label h4 span {
	color: #333333
}
.pricing-order .article input[type=radio]:checked+label .element-label {
	color: #333333
}
.pricing-order .article-out {
	width: 103%;
	float: left;
	padding: 0;
	margin: 0 -1.5% -40px -1.5%
}


@media only screen and (max-width:1399px) {
.pricing-order .title-txt {
font-size:1.25rem;
	color: #333333
}
.pricing-order .heading-txt h1 {
	padding: 0 0 15px 0;
	margin-bottom: 20px;
	font-size: 1.75rem;
	line-height: 1.5rem;
letter-spacing:.02rem
}
.pricing-order .article label .element-label {
    font-size:18px;
	line-height: 1.25rem;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	margin: 0;
	letter-spacing: normal;
    color: #000;
}
.pricing-order .article label .element-label span {
    font-size:.75rem;
	line-height: 1rem;
	font-family: manropeextrabold, Verdana, Geneva, sans-serif;
	font-weight: 400
}
.pricing-order .article label .element-price {
	cursor: pointer;
	font-size: 2.875rem;
	color: #1e1e1e;
	line-height: 3.5rem;
	padding: 0;
	margin: 0 0 10px 0;
	letter-spacing: normal
}
.pricing-order .article .btm-txt {
font-size:.75rem;
	color: #202124;
	display: none;
	padding: 5px 0 0 0;
	font-family: manropelight, Verdana, Geneva, sans-serif;
	font-weight: 400;
letter-spacing:.02rem
}
.pricing-order .article aside p.save-txt {
font-size:.875rem;
	line-height: 1rem;
	font-family: manropebold, Verdana, Geneva, sans-serif;
	font-weight: 400
}
.pricing-order .article aside p.save-txt1 {
font-size:.75rem;
line-height:.875rem;
	color: #999;
	padding-bottom: 15px;
	font-weight: 400
}
.pricing-order .article ul li {
font-size:14px;
	line-height:1.4em;
	padding: 0 0 5px 18px;
	color: #828286;
	font-weight: 400
}
.pricing-order .article aside h4 {
	color: #6e6e6e;
font-size:.75rem;
	line-height: 1.25rem;
	margin: 25px 0 0 0
}
}




@media only screen and (max-width:991px) {
.pricing-order .container {
	padding: 0 30px
}
.pricing-order .heading-txt {
	padding: 0 0 25px 0
}
.pricing-order .article label .element-label {
	line-height: 1.125rem;
	margin-bottom: 5px
}
.pricing-order .article aside {
	min-height: 300px;
	padding: 28px 15px 20px 15px
}
.pricing-order .article aside .title-txt {
	font-size: 13px;
	line-height: 16px
}
.pricing-order .article aside .price-txt {
	font-size: 80px;
	line-height: 82px
}
.pricing-order .article aside .price-txt sup {
	font-size: 28px;
	font-family: manropemedium, Verdana, Geneva, sans-serif;
	top: -1.2em
}
.pricing-order .article aside .price-txt sub {
	font-size: 11px;
	right: -5px
}
.pricing-order .article .icon-bonus {
	width: 60px;
	height: 60px;
	background-size: 60px auto;
	top: 16px;
	right: 16px
}
.pricing-order .article .btn {
	min-width: 150px;
	font-size: 20px;
	padding: 0 15px 0 15px;
	margin: 0 0 5px 0;
    font-size: 18px;
}
.pricing-order .article .tool-tip {
	padding: 10px 12px
}
.pricing-order .article .tool-tip p {
	font-size: 12px;
	line-height: 15px
}
.pricing-order .article .tool-tip-bg {
	padding: 7px
}
.pricing-order .article-out {
	width: 100%;
	margin: 0 0 -40px 0
}
.pricing-order .article {
	width: 29.33%;
	float: left;
	margin: 0 2% 40px 2%;
	cursor: pointer
}
}
@media only screen and (max-width:991px) {
.pricing-order {
	padding: 50px 0
}
.pricing-order .container {
	max-width: 100%;
	padding: 0 20px
}
.pricing-order .article {
	width: 100%;
	margin: 0 0 30px 0
}
.pricing-order .article-out .container {
	max-width: 440px;
	padding: 0 20px
}
}


@media only screen and (max-width:767px) {
.pricing-order {
	padding: 50px 0
}

.pricing-order .article label .element-label {
	line-height: 1.1em;
	margin-bottom: 5px;
	font-size:24px
}
    .pricing-order .article label .element-label span {
	font-size:14px
}
    
.pricing-order .heading-txt {
	padding: 0 0 30px 0;
    width: 100%;
}
.pricing-order .heading-txt h2 {
	font-size: 20px;
	line-height: 25px
}
.pricing-order .heading-txt h3 {
	padding: 7px 10px;
    font-size:15px
}
.pricing-order .heading-txt h3 span {
	padding: 0 10px 0 10px
}
.pricing-order .heading-txt p {
	font-size: 16px;
	line-height: 26px;
    padding: 0 15px;
}
    
.pricing-order .article {
	width: 100%;
	margin: 0 0 30px 0
}
.pricing-order .article-out {
	width: 104%;
	margin: 0 -2px -30px -2px
}
.pricing-order .article .icon-bonus {
	width: 40px;
	height: 40px;
	float: left;
	background: url(../svg/bonus.svg) no-repeat;
	background-size: 40px auto;
	position: absolute;
	top: 10px;
	right: 12px;
	text-indent: -99999px
}
    
    
.pricing-order .article label ul.standard li {
	color: #777777;
    font-size: 16px;
    padding-left:25px
}
.pricing-order .article label ul.standard li:before {
    font-size:16px;
	color: #777777;

}

.pricing-order .article label ul.express li {
	color: #777777;
    font-size: 16px;
    padding-left:25px
}
.pricing-order .article label ul.express li:before {
    font-size:16px;
	color: #777777;
}
 
    .pricing-order .article aside p.perpage {
	color: #333333;
	display: inline-block;
	float: none;
	width: auto;
font-size:13px;
	line-height: 1.4em;
	letter-spacing: .04em;
	font-family: "Poppins", sans-serif;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 10px;
	background: #E7F6FD;
	padding: 6px 25px;
	border-radius: 20px;
	text-transform: capitalize;
	font-weight: 500
}
    
    .pricing-order .article aside p.save-txt {
font-size:16px;
	line-height:1.4em;
	font-family: manropebold, Verdana, Geneva, sans-serif;
	font-weight: 400
}
.pricing-order .article aside p.save-txt1 {
font-size:14px;
	color: #999;
	padding-bottom: 15px;
	font-weight: 400
}
    
}



.partners-info {
	width: 100%;
	float: left;
	text-align: center;
	background: #F5F7FA;
	padding: 40px 0 80px 0;
	margin-bottom: 20px
}
.partners-info .container {
	max-width: 100%;
	margin: 0;
	padding: 0 20px
}
.partners-info .title-txt {
	width: 100%;
	float: left;
	display: inline-block;
	vertical-align: middle;
font-size:.875rem;
	color: #666;
	line-height: 1.5rem;
	position: relative;
	margin: 0;
	z-index: 10;
	padding: 0 0 10px 0;
	text-align: center
}
.partners-info ul {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	padding: 0;
	margin: 0 -1px -3% -1px
}
.partners-info ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 5px 3% 5px;
	background: 0 0
}
.partners-info ul li:before {
	display: none
}
.partners-info ul li img {
	width: auto;
	height: 50px;
	float: none;
	display: inline-block;
	vertical-align: top
}
.partners-info aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top
}
@media only screen and (max-width:1399px) {
.partners-info .container {
	max-width: 900px;
	margin: 0 auto
}
.partners-info ul li img {
	height: 40px
}
}
@media only screen and (max-width:767px) {
.partners-info {
	padding-bottom: 50px
}
.partners-info .container {
	max-width: 100%;
	padding: 0 20px
}
.partners-info .title-txt {
	width: 100%;
	font-size: 1rem;
	line-height: 1rem;
	padding: 0 0 30px 0;
	margin: 0
}
.partners-info ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 -2px 0 -2px
}
.partners-info ul li {
	margin: 0 3.2% 6px 3.2%
}
.partners-info ul li img {
	height: 36px
}
}
.bottom-content {
	width: 100%;
	float: left;
	background: #fff;
	padding-bottom: 90px
}
.bottom-content.contact {
	padding: 60px 0 90px 0
}
.bottom-content .container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px
}
.bottom-content .container1 {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 30px
}
@media only screen and (max-width:1399px) {
.bottom-content .container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0
}
}
@media only screen and (max-width:767px) {
.bottom-content .container {
	max-width: 100%;
	padding: 0 20px
}
}
.left-content {
	width: 100%;
	float: left;
	padding: 0 360px 0 0;
	margin-top: 10px
}
@media only screen and (max-width:991px) {
.left-content {
	padding: 0 0 35px 0
}
}


.side-bar {
	width: 330px;
	float: right;
	position: relative;
	margin: 40px 0 30px -330px;
	z-index: 10;
	padding: 20px 25px 30px 30px
}
.side-bar aside {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
	display: none
}
.side-bar aside.selected {
	display: block
}
.side-bar aside:last-child {
	margin: 0
}
.side-bar aside:last-child {
	margin: 0
}
.side-bar aside h4 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	font-size:16px;
	line-height: 1rem;
	color: #333333;
    font-weight: 600;
	font-family: "Poppins", sans-serif;
}
.side-bar aside p {
	width: 100%;
	float: left;
	padding: 6px 0 25px 0;
	font-size: 1rem;
	line-height: 1rem;
	color: #6e6e6e
}
.side-bar aside ul {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0 0 8px 0;
	margin: 0
}
.side-bar aside ul li {
	width: 100%;
	float: left;
    font-size:15px;
	line-height: 1.4em;
	position: relative;
	padding: 0 0 5px 20px;
	margin: 0;
	color: #333333;
}
.side-bar aside ul li:last-child {
	padding-bottom: 0
}
.side-bar aside ul li:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
    font-size:15px;
	font-weight: 700;
	color: #3CC90E;
	position: absolute;
	top: 0;
	left: 0
}
.side-bar aside ul li strong {
	font-family: "aribau_grotesk_trialbold", sans-serif;
	color: #202124
}
.side-bar .none {
	display: none
}
.side-bar aside ul.less {
	padding-top: 0
}
.side-bar aside ul.less li {
	color: #D2D2D7
}
.side-bar aside ul.less li a {
	color: #D2D2D7
}
.side-bar aside ul.less li:before {
	content: "\f00d";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 400;
	background: 0 0;
font-size:.75rem;
	color: #D2D2D7;
	position: absolute;
	top: 0;
	left: 0
}
@media only screen and (max-width:991px) {
.side-bar {
	display: none
}
.side-bar {
	width: 100%;
	text-align: center;
	margin: 0
}
.side-bar aside {
	max-width: 320px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left
}
.side-bar .none {
	display: none
}
}
@media only screen and (max-width:767px) {
.side-bar aside {
	padding: 26px 18px 26px 18px;
	margin: 0 0 25px 0
}
.side-bar aside h4 {
	padding: 0 0 18px 20px
}
.side-bar aside ul li {
	font-size: 15px;
	line-height: 20px;
	padding: 0 0 14px 20px
}
.side-bar aside ul li:before {
	font-size: 13px
}
.side-bar .none {
	display: none
}
}
.features-list {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 50px 0 70px 0
}
.features-list .article {
	width: 27.8%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin: 0 2.55% 20px 2.55%
}
.features-list .article .icon {
	width: 58px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 -58px 0 0
}
.features-list .article .icon img {
	max-width: 100%;
	height: 46px
}
.features-list .article p {
	font-weight: 400;
	letter-spacing: .02em;
	padding: 0;
	line-height: 1.25rem
}
.features-list .article aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 65px;
	margin: 4px 0 0 -5px
}
.features-list .article-out {
	width: 105.44%;
	float: left;
	margin: 20px -2.72% -20px -2.72%;
	padding-bottom: 50px
}
@media only screen and (max-width:991px) {
.features-list {
	padding: 80px 0
}
.features-list .article {
	width: 28.8%;
	margin: 0 2% 30px 2%
}
.features-list .article-out {
	width: 104.24%;
	margin: 30px -2.12% -30px -2.12%
}
.features-list .article .icon {
	width: 40px;
	margin: 0 -50px 0 0
}
.features-list .article .icon img {
	max-width: 100%;
	height: 40px
}
.features-list .article aside {
	margin: 3px 0 0 -5px
}
.features-list .article p {
font-size:.875rem;
	line-height: 1rem
}
}
@media only screen and (max-width:767px) {
.features-list {
	padding: 60px 0
}
.features-list .article {
	width: 100%;
	margin: 0 0 20px 0
}
.features-list .article-out {
	width: 100%;
	margin: 0 0 -20px 0
}
.features-list .article .icon {
	width: 40px;
	margin: 0 -50px 0 0
}
.features-list .article .icon img {
	max-width: 100%;
	height: 38px
}
.features-list .article p {
	font-size: 1rem;
	line-height: 1rem
}
}
.content-clientsay {
	width: 100%;
	float: left;
	background: #fff;
	padding: 50px 0 80px 0;
	text-align: center
}
.content-clientsay.inner {
	background: #F6F6FF
}
.content-clientsay h5 {
	font-size:16px;
	line-height:1.5em;
	padding: 0 0 5px 0;
	margin: 20px 0 0 0;
    letter-spacing:.02rem;
        font-family: 'manroperegular',Verdana,Geneva,sans-serif;

}

.content-clientsay h5 span {
	color: #7F62F6;
    font-size:15px;
    letter-spacing:.075rem;
    font-weight: 300;
    font-family: 'manroperegular',Verdana,Geneva,sans-serif;
}
.content-clientsay figure {
	width: 110px;
	height: 110px;
	float: left;
	margin-bottom: 35px;
	margin-right: 20px;
	border-radius: 120px
}
.content-clientsay figure img {
	width: 100%;
	max-width: 110px;
	border-radius: 120px
}
.content-clientsay article {
	width: 45%;
	float: none;
	display: inline-block;
	text-align: left;
	padding: 0 20px;
	vertical-align: top;
	margin: 0 2% 30px 0
}
.content-clientsay article:last-child {
	margin-right: 0;
	padding-right: 0
}
.content-clientsay article aside p {
    width: 100%; 
	padding-bottom: 10px;
    line-height: 1.5em;
    font-family: "anrope-semibold", sans-serif;
}
.content-clientsay article aside p span {
	color: #333333;
    font-family: "circularbold", sans-serif;
    font-size: 17px
}
.content-clientsay article aside {
	position: relative;
	background: #fff;
	box-shadow: 0px 10px 20px #6666661d;
	border: 1px solid #fff;
	padding: 25px 30px 25px 30px;
	border-radius: 0;
}
.content-clientsay article aside:after, .content-clientsay article aside:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.content-clientsay article aside:after {
	border-top-color: #fff;
	border-width: 12px;
	margin-left: -12px
}
.content-clientsay article aside:before {
	border-top-color: #fff;
	border-width: 18px;
	margin-left: -18px
}
.content-clientsay article .client {
	width: 100%;
	float: left;
	padding: 40px 30px 0 0
}
.content-clientsay .article-bg {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 30px 0 20px 0
}
.content-clientsay .rading-stars {
	width: 100%;
    float: left;
	padding: 0;
	margin: 0 0 10px 0;
}
.content-clientsay .rading-stars i {
	width: 20px;
	height: 20px;
	float: left;
	font-size: 18px;
	color: #F7B500;
	line-height: 18px;
	text-align: center;
	margin: 0 0 1px 2px
}
@media (max-width:979px) {
.content-clientsay {
	padding: 50px 0 50px 0
}
.content-clientsay article {
	width: 45%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	position: relative;
	padding: 0 20px;
	margin-bottom: 20px;
	border-right: none
}
.content-clientsay .article-bg {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0 0 0
}
}
@media (max-width:767px) {
.content-clientsay figure {
	margin-bottom: 20px;
	height: 100px
}
.content-clientsay figure img {
	max-width: 100px
}
.content-clientsay article {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	position: relative;
	padding: 0 30px 30px 20px;
	margin-bottom: 20px;
	border-right: none;
	border-bottom: 2px solid #e8eeef
}
.content-clientsay article:first-child {
	padding-top: 20px
}
.content-clientsay article:last-child {
	border-bottom: none
}
.content-clientsay article ul li {
	padding: 0 0 8px 20px
}
.content-clientsay article ul li:before {
	top: 3px;
	width: 12px;
	height: 12px;
	background-size: 12px auto
}
.content-clientsay .article-bg {
	width: 100%;
	margin: 0
}
}





/* Top - Cont */
.top-cont {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 130px 0 0 0;
}

.top-cont.portfolio {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 140px 0 0 0;
}

.top-cont h1.offer { font-size:56px; letter-spacing: -0.03em; margin:0 ; padding: 0; line-height: 1.7em;
}

.top-cont h1 img { 
    height: 120px;
	color: #FF7278;
	line-height: 18px;
    top: 10px;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 30px;
	
}

.top-cont h3.offer { font-size: 18px; color: #2A5586; font-weight: 600; text-transform: capitalize; background: #FFFCE1; border: 2px dashed #999; padding: 10px 10px; margin-bottom: 30px; margin-top: 10px}

.top-cont h1.offer span { color: #000; font-weight: 700;
}
.top-cont p.offer { font-size: 17px; line-height: 1.4em;
}




.top-cont .container {
    padding: 20px 0 40px 0;

}

.top-cont .container .aside figure {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;

}

.top-cont .container .aside figure img {
    width: 40%;

}



.top-cont .aside {
	width: 100%;
	max-width: 850px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.top-cont .aside p { letter-spacing: normal}


.top-cont .aside p span {font-family: "aribau_grotesk_trialbold", sans-serif; color: #037FAA; border-bottom: 1px dashed #037FAA}

.top-cont .aside h1,
.top-cont .aside .h1 {
	padding-bottom: 20px;
    font-weight: 900;
}

.top-cont .aside h2,
.top-cont .aside .h2 {
	padding-bottom: 10px;
}

.top-cont .aside h1:last-child,
.top-cont .aside .h1:last-child {
	padding-bottom: 0;
}

@media only screen and (max-width: 1199px) {
.top-cont {
	padding: 120px 20px 50px 20px;
}

.top-cont .aside {
	max-width: 560px;
}
    
        .top-cont h1.offer { font-size: 44px;
}
    
}

@media only screen and (max-width: 767px) {
.top-cont {
	padding: 120px 20px 10px 20px;
}

.top-cont .aside {
	max-width: 100%;
}
    
    .top-cont h1.offer { font-size: 34px;
}

    
}





.banner-main2 {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 1px;
	padding: 10px 0 10px 0;
	background: #E1F7F7 url(../png/hero_bg.png) no-repeat top right
}
.banner-main2 figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden
}

.banner-main2 .btn-blank { margin-top: 12px;
}


.banner-main2 figure img {
	width: 100%;
	max-height: 580px;
	min-width: 1600px;
	margin: 0 -800px
}
.banner-main2 .logo-banner {
	margin: 0 0 40px 0
}
.banner-main2 .logo-banner img {
	width: auto;
    height: 100px;
}
.banner-main2.purple {
	background: #483248
}
.banner-cont {
	width: 100%;
	height: 100%;
	float: left
}
@media only screen and (max-width:1299px) {
.banner-main2 figure img {
	width: 100%;
	min-width: 1600px;
	margin: 0 -800px
}
}
@media only screen and (max-width:1199px) {
.banner-main2 figure img {
	width: 100%;
	min-width: 1600px;
	margin: 0 -800px
}
.banner-main2 .logo-banner {
	margin: 20px 0 50px 0
}
.banner-main2 .logo-banner img {
	width: auto;
    height: 85px;
}
}


@media only screen and (max-width:767px) {
.banner-cont {
	position: static
}
.banner-cont .container {
	padding: 0
}
.banner-main2 figure img {
	width: 100%;
	min-width: 1200px;
	margin: 0 -600px
}
.banner-main2 .logo-banner {
	margin: 0 0 20px 0
}
.banner-main2 .logo-banner img {
	width: auto;
    height: 85px;
}
}


.banner-txt {
	width: 60%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
    padding-bottom: 20px
}
.banner-txt aside {
	width: 100%;
	float: left;
	padding: 0 60px 0 0;
	text-align: left
}
.banner-txt aside h1 {
	padding-bottom: 10px;
    letter-spacing:.02rem;
	font-size:46px;
	line-height:1.2em;
    font-family: "Poppins", sans-serif;
}
.banner-txt aside p {
	padding-bottom: 40px;
	font-size: 16px;
	line-height: 1.5em;
}

.banner-txt aside span { padding-right: 30px; font-weight: 600
}

.banner-txt aside .btn { background: #1E4557; font-size: 20px}
.banner-txt aside .btn:hover { background: #1E4557}

.banner-txt aside .btn-blank { margin-bottom: 10px; margin-right:10px; background: none; margin-top:10px}

.banner-txt aside .btn-blank:hover { color: #fff}


.banner-txt aside p.title {
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-shadow: 1px 1px rgba(0,0,0,.1);
	text-transform: uppercase
}
@media only screen and (max-width:1399px) {
.banner-main2 {
	padding: 0 0 20px 0
}
.banner-txt {
	width: 60%
}
.banner-txt aside h1 {
	font-size: 2.5rem;
	line-height: 2.625rem;
	padding-bottom: 10px
}
.banner-txt aside p {
	padding-bottom: 20px;
	font-size: 1rem;
	line-height: 1.5rem
}
}


@media (min-width:1024px) and (max-width:1199px) {
.banner-txt {
	width: 50%
}
.banner-txt aside h1 {
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 30px
}
}
@media only screen and (max-width:1023px) {
.banner-txt {
	width: 50%;
	margin-right: 4%
}
.banner-txt aside {
	padding: 40px 20px 0 0
}
.banner-txt aside h1 {
	font-size: 30px;
	line-height: 36px
}
.banner-txt aside .btn {
	font-size: 20px;
	padding: 0 40px;
	height: 56px;
	line-height: 56px
}
}
@media only screen and (max-width:979px) {
.banner-txt {
	width: 50%;
	margin-right: 0
}
}


@media only screen and (max-width:767px) {
.banner-txt {
	width: 100%;
	float: left;
	text-align: center;
	position: absolute;
	top: 5%;
	left: 0;
	padding: 0 5%;
}
    
.banner-txt aside h1 {
	font-size:24px;
	line-height:1.2em;
	padding-bottom: 10px;
    padding-top: 5px;
}
    
.banner-txt aside p {
	font-size:14px;
	line-height:1.4em;
	padding-bottom: 20px
}
    
.banner-txt aside {
	width: 100%;
	max-width: 430px;
	float: none;
	display: inline-block;
	padding: 0
}
.banner-txt aside .btn {
    font-size:18px;
	padding: 0 16px;
	height: 46px;
	line-height: 46px;
}
}





.form-blog-bg {
	width: 40%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 -2px;
	padding: 30px 0;
}
.form-blog {
	width: 400px;
	min-width: 400px;
	float: right;
	background: #fff;
	padding: 5px 40px 5px 40px;
	margin: 0;
    box-shadow: 0px 15px 15px #0000001d;
}
.form-blog h3 {
	font-size:18px;
	line-height:1.5em;
	margin: 20px 0 0 0;
	padding-bottom: 10px;
	color: #333333;
    font-family: "Poppins", sans-serif;
    font-weight: 600;

}
.form-blog p {
    font-size:15px;
    line-height: 1.5em;
	margin: 0;
	padding: 0 0 20px 0;
}

.form-blog p:last-child {
	padding-bottom: 10px
}
.form-blog input {
	font-family: "Poppins", sans-serif;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0.03em;
    font-weight: 400
}
.form-blog textarea {
	font-size: 16px;
    height: 110px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    letter-spacing: 0.06em;
    font-weight: 400


}
.form-blog ul {
	width: 100%;
	float: left;
	padding: 0 0 5px 0
}
.form-blog ul li {
	width: 100%;
	float: left;
	padding: 0 0 10px 0;
	list-style: none
}
.form-blog ul li:last-child {
	padding: 0
}
.form-blog .btn {
	width: 100%;
	margin-bottom: 15px;
	padding: 0 30px;
	height: 45px;
	line-height: 45px;
	background: #1E4557;
    font-size: 18px;
}
.form-blog .btn-default {
	float: left;
	text-align: left;
	position: relative;
	background: #fff;
	color: #444;
    font-size:20px;
	line-height: 1rem;
	padding: 0 15px 1px 15px;
	border-radius: 2px;
	z-index: 100;
	border: 1px solid #999;
	height: 40px
}
.form-blog .btn-default i {
	color: #f5c344;
    font-size:.75rem;
	margin-right: 5px
}
.form-blog .row {
	margin-bottom: 5px
}

.form-blog .form-control {
	border: 1px solid #999;
	border-radius: 1px!important;
	box-shadow: none!important;
	padding-left: 15px;
	margin-bottom: 5px;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    letter-spacing: 0.03em;
}


@media only screen and (max-width:1399px) {
.form-blog-bg {
	width: 40%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 -2px;
	padding: 20px 0;
	margin-top: 20px
}
.form-blog {
	width: 370px;
	min-width: 370px;
	padding: 5px 35px 10px 35px;
	margin: 0;
	border-radius: 2px
}
.form-blog h3 {
	font-size:17px;
	line-height:1.5em;
	margin: 20px 0 0 0;
	padding-bottom: 5px;
	color: #333333;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}
.form-blog p {
	margin: 0;
	padding: 0 0 20px 0
}
.form-blog .btn {
	height: 40px;
	line-height: 40px
}
.form-blog input {
font-size:.75rem;
	height: 36px
}
.form-blog textarea {
font-size:.75rem;
	height: 70px
}
}
@media only screen and (max-width:1023px) {
.form-blog {
	width: 360px;
	min-width: 350px
}
}
@media only screen and (max-width:979px) {
.banner-main2 .container {
	width: 100%;
	max-width: 100%;
	padding: 0 20px
}
.form-blog-bg {
	width: 45%;
	float: right;
	margin-right: 20px;
    
}
.form-blog {
	width: 340px;
	min-width: 340px;
	float: left;
    margin-top: 30px
}
.form-blog .btn {
	padding: 0 25px;
	font-size: 18px
}

.form-blog .btn span:after {
	line-height: 20px
}
.form-blog .input {
	height: 40px;
	font-size: 16px
}
.form-blog .textarea {
	font-size: 14px
}
.form-blog ul li {
	width: 100%;
	float: left;
	padding: 0 0 8px 0;
	list-style: none
}
}
@media only screen and (max-width:767px) {
.banner-main2 .container {
	width: 100%;
	max-width: 100%;
	margin: 360px 0 30px 0;
	padding: 0 5%
}
.form-blog h3 {
		font-size:17px;
	line-height:1.5em;
	margin: 20px 0 0 0;
	padding-bottom: 5px;
    font-weight: 700;
}
.form-blog-bg {
	width: 100%;
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
}
.form-blog {
	width: 100%;
	padding: 15px 40px;
	float: left;
}
.form-blog p:last-child {
	padding-bottom: 0
}
.form-blog .btn {
	padding: 0 40px
}
.form-blog .btn-default {
	padding: 0 15px 8px 15px
}
.form-blog .btn-default i {
	font-size: 16px
}
}
.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	text-align: left;
	margin: 10px 0
}
.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.upload-btn-wrapper input {
	font-size: 15px
}
.form-blog #success_message {
	width: 100%;
	display: none;
	height: 100%;
	color: #5bc243;
	text-transform: none;
	font-size: 16px;
	line-height: 22px
}
.form-blog #error_message {
	width: 100%;
	display: none;
	height: 100%;
	color: #e95837;
	text-transform: none;
	font-size: 16px;
	line-height: 22px
}
@media only screen and (max-width:767px) {
.form-blog #success_message {
	min-height: inherit;
	top: inherit
}
.form-blog #error_message {
	min-height: inherit
}
}
.content-testimonial {
	width: 100%;
	float: left;
	background: #21a1d1;
	padding: 70px 0 70px 0;
	text-align: center
}
.content-testimonial blockquote {
	font-family: Averta, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 25px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-left: 30px;
	background: 0 0;
	font-weight: 400
}
.content-testimonial p.client-name {
	font-size: 18px;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 0;
	line-height: 24px;
	padding-bottom: 20px;
	font-family: Averta, Arial, Helvetica, sans-serif
}
.content-testimonial aside {
	width: 65%;
	float: none;
	display: inline-block
}
.content-testimonial article {
	width: 100%;
	float: left
}
.content-testimonial .btn {
	background: 0;
	font-size: 18px;
	font-family: "poppins", sans-serif;
	text-transform: none;
	padding: 8px 15px;
	color: #1b3647;
	text-decoration: underline
}
.content-testimonial .btn.active:focus, .content-testimonial .btn:active, .content-testimonial .btn:active:focus, .content-testimonial .btn:focus, .content-testimonial .btn:hover {
	background: 0 0;
	color: #1b3647;
	text-decoration: none;
	box-shadow: none
}
@media (max-width:979px) {
.content-testimonial aside {
	width: 80%;
	float: none;
	display: inline-block
}
.content-testimonial blockquote {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 20px
}
}
@media (max-width:797px) {
.content-testimonial {
	padding: 50px 0 50px 0
}
.content-testimonial aside {
	width: 70%;
	float: none;
	display: inline-block
}
.content-testimonial blockquote {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 20px;
	background-size: 20px auto
}
.content-testimonial p.client-name {
	font-size: 14px
}
.content-testimonial .item {
	width: 100%;
	float: none;
	display: inline-block
}
}
@media (max-width:479px) {
.content-testimonial aside {
	width: 100%;
	float: none;
	display: inline-block
}
.content-testimonial blockquote {
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 20px
}
.content-testimonial p.client-name {
	font-size: 14px
}
}
.content-testimonial .owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.content-testimonial .owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin: 0
}
.content-testimonial .owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0)
}
.content-testimonial .owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.content-testimonial .owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}
.content-testimonial .owl-carousel .owl-item {
	float: left
}
.content-testimonial .owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer
}
.content-testimonial .owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	margin: 0
}
.content-testimonial .owl-theme .owl-controls .owl-buttons div {
	display: none
}
.content-testimonial .owl-theme .owl-controls .owl-page {
	width: auto;
	float: none;
	display: block;
	margin: 0;
	display: inline-block;
	zoom: 1
}
.content-testimonial .owl-theme .owl-controls .owl-page span {
	display: block;
	width: 16px;
	height: 16px;
	background: #1fb4e8;
	border: 1px solid #09a0d5;
	margin: 0 4px;
	padding: 0;
	opacity: 1;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-indent: -9999px
}
.content-testimonial .owl-theme .owl-controls .owl-page:hover span {
	background: #1fb4e8;
	color: #fff
}
.content-testimonial .owl-theme .owl-controls .owl-page.active span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #fff;
	box-shadow: none;
	color: #fff
}
.content-works {
	width: 100%;
	float: left;
	background: #fff;
	padding: 50px 0 50px 0;
	text-align: center
}
.content-works .container {
	max-width: 82%
}
.content-works article h3 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 18px
}
.content-works article p {
	color: #828286;
	line-height: 1.25rem;
font-size:.875rem;
	margin: 0;
	padding: 0 0 10px 0
}
.content-works p.client-name {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	color: #878787;
	font-weight: 400
}
.content-works p:last-child {
	padding-bottom: 0
}
.content-works figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px
}
.content-works figure img {
	width: 100%
}
.content-works article {
	width: 32.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px
}
.content-works article a {
	color: #5f6368
}
.content-works article p a:hover {
	text-decoration: none
}
.content-works article p {
	margin: 0;
	padding: 0;
	line-height: 20px
}
.content-works .content-sml p {
	font-size: 16px
}
.content-works .content-sml {
	margin-bottom: 40px
}
.content-works .article-bg {
	margin: 30px 0 60px 0
}
@media (max-width:979px) {
.content-works .container {
	max-width: 100%
}
.content-works article h3 {
	padding: 0;
	margin: 0
}
.content-works article p {
font-size:.875rem
}
.content-works {
	padding: 50px 0 50px 0
}
.content-works article {
	width: 42%;
	margin-bottom: 50px;
	margin-left: .5%;
	margin-right: .5%
}
.content-works article:last-child {
	margin-bottom: 0
}
}
@media (max-width:797px) {
.content-works .container {
	max-width: 70%
}
.content-works article {
	width: 100%;
	margin: 0 0 40px 0
}
.content-works article:last-child {
	margin: 0;
	padding-bottom: 0
}
.content-works p {
	font-size: 16px
}
.content-works figure img {
	width: 100%
}
}
@media (max-width:479px) {
.content-works .container {
	max-width: 90%
}
.content-works figure img {
	width: 100%
}
}
.features-list2 {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 20px 0 60px 0;
	overflow: hidden
}
.features-list2.nobg {
	background: 0 0
}
.features-list2 .article {
	width: 43.8%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin: 0 0 20px 5.1%
}
.features-list2 .article .icon {
	width: 45px;
	float: left;
	margin: 0 -50px 0 0;
	position: relative
}
.features-list2 .article .icon img {
	max-width: 100%;
	height: 40px
}
.features-list2 .article p {
	font-weight: 400;
	letter-spacing: .02em;
	padding: 0;
	line-height: 1.25rem
}
.features-list2 .article aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 65px;
	margin: 4px 0 0 -5px
}
.features-list2 .article-out {
	width: 105.44%;
	float: left;
	margin: 0 -2.72% -20px -2.72%;
	padding: 0 60px;
	padding-bottom: 50px
}
@media only screen and (max-width:991px) {
.features-list2 {
	padding: 10px 0 80px 0
}
.features-list2 .article {
	width: 42%;
	margin: 0 0 20px 0
}
.features-list2 .article-out {
	width: 104.24%;
	margin: 30px -2.12% -30px -2.12%;
	padding: 0;
	padding-bottom: 50px
}
.features-list2 .article .icon {
	width: 40px;
	margin: 0 -50px 0 0
}
.features-list2 .article .icon img {
	max-width: 100%;
	height: 40px
}
.features-list2 .article aside {
	margin: 3px 0 0 -5px
}
.features-list2 .article p {
font-size:.875rem;
	line-height: 1.5rem;
	padding-top: 10px
}
}
@media only screen and (max-width:767px) {
.features-list2 {
	padding: 0 0 80px 0
}
.features-list2 .article {
	width: 96%;
	margin: 0 2% 10px 2%
}
.features-list2 .article-out {
	width: 100%;
	margin: 50px 0 -20px 0
}
.features-list2 .article .icon {
	width: 40px;
	margin: 0 -50px 0 0
}
.features-list2 .article .icon img {
	max-width: 100%;
	height: 38px
}
.features-list2 .article p {
	font-size: 1rem;
	line-height: 1rem
}
}




.features-list21 {
	width: 100%;
	float: left;
	text-align: center;
	padding: 60px 0 70px 0;
	margin: 0;
    background: #F6F6FF;
}
.features-list21 h3 {
    font-size: 22px; 
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0 0 20px 0;
    font-weight: 700; 
    letter-spacing: 0.03em;

}
.features-list21 figure {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: -50px
}
.features-list21 figure img {
	max-width: 440px
}
.features-list21 .article {
	width: 32.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0 10px 0 0
}
.features-list21 .article span {
		font-family: "Poppins", sans-serif;
    font-weight: 600
}
.features-list21 .article .icon {
	width: 55px;
    height: 55px;
	float: left;
	padding: 0;
	margin: 5px -75px 0 0;
	position: relative;
	text-align: left
}
.features-list21 .article .icon img {
	max-width: 100%;
	height: 55px;
}
.features-list21 .article p {
	letter-spacing: .03em;
	padding: 0 0 0 20px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.5em
}
.features-list21 .article aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 50px;
	margin:0
}
.features-list21 .article-out {
	width: 100%;
	float: left;
	margin: 30px 30px -20px 30px;
	padding-bottom: 50px
}
.features-list21 .content-med {
	width: 100%;
	float: left;
	text-align: left
}


@media only screen and (max-width:991px) {
.features-list21 {
	padding: 60px 0 50px 0
}
.features-list21 .article {
	width: 100%;
	margin: 0 0 20px 0;
}
.features-list21 .article-out {
	width: 100%;
	margin: 30px 10px -30px 10px
}
}
@media only screen and (max-width:767px) {
.features-list21 {
	padding: 60px 10px 70px 10px
}
}





.features-list22 {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 50px 0;
	margin: 0
}
.features-list22 h3 {
    font-size: 22px; 
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0 0 20px 0;
    font-weight: 700; 
    letter-spacing: 0.03em;
}



.features-list22 .article {
	width: 47.5%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 20px 20px 0;
	padding: 0 20px 0 0
}
.features-list22 .article span {
	font-family: "Poppins", sans-serif;
    font-weight: 700
}


.features-list22 .article p {
	letter-spacing: .03em;
	padding: 0 ;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.5em
}
.features-list22 .article aside {
	width: 100%;
    float: left;
	padding: 0;
	margin:0
}
.features-list22 .article-out {
	width: 100%;
	float: left;
	margin: 30px 30px 30px 30px;
}



@media only screen and (max-width:991px) {
.features-list22 {
	padding: 20px 0 50px 0
}
.features-list22 .article {
	width: 100%;
	margin: 0 0 20px 0;
}
.features-list22 .article-out {
	width: 100%;
	margin: 30px 30px 0 10px
}
}
@media only screen and (max-width:767px) {
.features-list22 {
	padding: 20px 20px 70px 20px
}
}








.popup {
	width: 350px;
	float: left;
	text-align: center;
	background: #bb4b31;
	position: fixed;
	bottom: 0;
	left: 20px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px 30px 35px 30px;
	z-index: 100;
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.1) 0 0 45px
}
.popup h2 {
	font-family: Averta, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	color: #fff;
	line-height: 26px;
	padding: 5px 0 5px 0
}
.popup h2:last-child {
	padding-bottom: 0
}
.popup i {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	color: #ffd900;
	margin-bottom: 10px
}
.popup aside {
	background: #c45136;
	padding: 20px;
	border-radius: 2px
}
.popup p {
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	padding: 0 0 20px 0;
	font-weight: 400
}
.popup p:last-child {
	padding-bottom: 0
}
.popup p strong {
	font-size: 15px;
	line-height: 16px;
}
.popup .btm-link {
	width: 100%;
	float: left;
	font-size: 15px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	padding: 40px 0 0 0
}
.popup .btm-link a {
	color: #6f2b1b;
	text-decoration: underline
}
.popup .btm-link a:hover {
	color: #6f2b1b
}
.popup .icon-close {
	width: 20px;
	height: 20px;
	float: right;
	text-indent: -99999px;
	background: url(../png/icon-close.png) no-repeat center center;
	background-size: 18px auto;
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer
}
@media only screen and (max-width:767px) {
.popup {
	width: 270px;
	padding: 36px 20px 37px 20px
}
.popup p {
	font-size: 15px
}
.popup .btm-link {
	font-size: 15px;
	padding: 30px 0 0 0
}
}


.split-content {
	width: 100%;
	float: left;
	padding: 0 0 80px 0
}
.split-content .container {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px
}


.split-content h3 {
	width: 100%;
	float: left;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	color: #666;
	text-align: center;
	padding: 0 0 20px 0;
	font-weight: 500
}
.split-content .article {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 10px 0 100px 0
}
.split-content .article:last-child {
	margin-bottom: 0
}
.split-content .article figure {
	width: 59.7%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	margin: 0 -4px 0 0;
}
.split-content .article figure img {
	width: 100%
}
.split-content .article aside {
	width: 40.3%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 40px;
	margin: 0 0 0 -4px
}
.split-content .article aside p {
	font-family: averta, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	padding: 0 0 20px 0;
	margin: 0
}
.split-content .article-out {
	width: 100%;
	float: left
}
@media only screen and (max-width:991px) {
.split-content {
	padding: 10px 0 70px 0
}
.split-content .article {
	margin: 0 0 70px 0
}
.split-content .article figure {
	width: 100%;
	margin-bottom: 40px
}
.split-content .article aside {
	width: 100%;
	padding: 0 0 0 30px
}
}
@media only screen and (max-width:767px) {
.split-content .container {
	max-width: 540px;
	padding: 0 20px
}
.split-content .article {
	text-align: center;
	margin: 0 0 50px 0
}
.split-content .article figure {
	width: 100%;
	float: left;
	margin: 0 0 20px 0
}
.split-content .article aside {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0
}
}



.feature-list123 {
	width: 100%;
	float: left;
	text-align: center;
	padding: 90px 0 60px 0
}
.feature-list123 .container {
	padding: 0
}
.feature-list123 .article {
	width: 33.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 15px 90px 15px;
	margin: 0 -2px
}
.feature-list123 .article figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 30px 0
}
.feature-list123 .article figure:last-child {
	margin-bottom: 0;
}
.feature-list123 .article figure img {
	max-width: 100%;
	border-radius: 2px
}
.feature-list123 .article-out {
	width: 100%;
	float: left;
	padding: 0 15px;
	margin: 50px 0 -90px 0
}
@media (max-width:991px) {
.feature-list123 {
	padding: 75px 0 73px 0
}
.feature-list123 .container {
	padding: 0 30px
}
.feature-list123 .article {
	padding: 0 15px 60px 15px
}
.feature-list123 .article-out {
	margin: 40px 0 -60px 0
}
}
@media (max-width:767px) {
.feature-list123 {
	padding: 20px 0 50px 0
}
.feature-list123 .article {
	width: 50%;
	padding: 0 10px 43px 10px
}
.feature-list123 .article figure {
	margin: 0 0 20px 0
}
.feature-list123 .article-out {
	padding: 0 10px;
	margin: 50px 0 -43px 0
}
}
@media (max-width:479px) {
.feature-list123 .article {
	width: 100%
}
}
.split-cont3 {
	width: 100%;
	float: left;
	background: #00a4a6;
	overflow: hidden;
	text-align: left
}
.split-cont3 figure {
	width: 48.33%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	margin: 0 1.67% 0 -4px
}
.split-cont3 figure img {
	width: 100%;
	min-width: 500px;
	margin: 0 -250px
}
.split-cont3 aside {
	width: 49.16%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px 0 0;
	margin: 0 -4px 0 .84%
}
.split-cont3 aside p {
	font-size: 180%;
	color: #fff;
	font-weight: 700;
	line-height: 1.3em;
	padding: 0 0 36px 0;
}
.split-cont3 aside p:last-child {
	padding-bottom: 0
}
.split-cont3 aside .author-details {
	width: 100%;
	float: left;
	position: relative;
	z-index: 5;
	padding: 0 0 62px 0
}
.split-cont3 aside .author-details:last-child {
	padding-bottom: 0
}
.split-cont3 aside .user {
	width: 74px;
	height: 74px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	border-radius: 360px;
	position: relative;
	z-index: 20;
	margin: 0 -74px 0 0
}
.split-cont3 aside .user img {
	width: 100%;
	max-width: 74px;
	max-height: 74px;
	border-radius: 360px
}
.split-cont3 aside .author-txt {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 90px;
	margin: 0 0 0 -5px
}
.split-cont3 aside .author-txt .name {
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 15px;
	color: rgba(255,255,255,.6);
	line-height: 26px;
	text-transform: uppercase;
	padding: 0
}
.split-cont3 aside .author-txt .position {
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 15px;
	color: rgba(255,255,255,.6);
	line-height: 26px;
	text-transform: uppercase;
	padding: 0
}
.split-cont3 aside .btm-link {
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	line-height: 24px;
	text-transform: uppercase;
	padding: 0
}
.split-cont3 aside .btm-link a {
	color: #fff;
	text-decoration: none
}
.split-cont3 aside .btm-link a:hover {
	color: #fff;
	text-decoration: underline
}
.split-cont3 aside .testi-cont {
	width: 100%;
	max-width: 90%;
	float: left;
	padding: 0 0 0 9%
}
@media (max-width:991px) {
.split-cont3 {
	width: 100%;
	float: left;
	background: #1f2e5c;
	overflow: hidden
}
.split-cont3 figure {
	width: 50%;
	margin: 0 -4px 0 0
}
.split-cont3 aside {
	width: 50%;
	padding: 0 30px 0 40px;
	margin: 0 0 0 -4px
}
.split-cont3 aside p {
	font-size: 26px;
	line-height: 32px
}
.split-cont3 aside .testi-cont {
	padding: 0
}
}
@media (max-width:767px) {
.split-cont3 {
	text-align: center
}
.split-cont3 figure {
	width: 100%;
	margin: 0
}
.split-cont3 figure img {
	min-width: 100%;
	margin: 0
}
.split-cont3 aside {
	width: 100%;
	max-width: 540px;
	text-align: left;
	padding: 35px 20px 33px 20px;
	margin: 0
}
.split-cont3 aside p {
	font-size: 22px;
	line-height: 28px;
	padding: 0 0 23px 0
}
.split-cont3 aside .author-details {
	padding: 0 0 35px 0
}
.split-cont3 aside .user {
	width: 60px;
	height: 60px;
	margin: 0 -60px 0 0
}
.split-cont3 aside .user img {
	max-width: 60px;
	max-height: 60px
}
.split-cont3 aside .author-txt {
	padding: 0 0 0 75px
}
.split-cont3 aside .author-txt .name {
	font-size: 14px;
	line-height: 24px
}
.split-cont3 aside .author-txt .position {
	font-size: 14px;
	line-height: 24px
}
.split-cont3 aside .btm-link {
	font-size: 14px;
	line-height: 22px
}
}
.banner-main3 {
	width: 100%;
	float: left;
	color: #fff;
	background: #220845 url(../png/xd-to-wordpress-bg.png) no-repeat center center;
	background-size: cover;
	padding: 80px 0 95px 0
}
.banner-main3 h1 {
	padding: 0 0 75px 0;
	color: #fff
}
.banner-main3 .logo-inn {
	margin: 0 0 45px 0
}
.banner-main3 .logo-inn img {
	width: 100%;
	max-width: 417px
}
.banner-main3 .txt-sml {
	padding: 0
}
.banner-main3 .txt-sml a {
	color: #fff;
	text-decoration: underline
}
.banner-main3 .txt-sml a:hover {
	color: #ff5800;
	text-decoration: underline
}
.banner-main3 .btn-out {
	margin: 0 0 20px 0
}
.banner-main3 aside {
	width: 100%;
	max-width: 790px;
	float: left
}
@media only screen and (max-width:991px) {
.banner-main3 {
	padding: 70px 0
}
.banner-main3 h1 {
	padding: 0 0 60px 0
}
.banner-main3 .logo-inn {
	margin: 0 0 35px 0
}
.banner-main3 .logo-inn img {
	width: 100%;
	max-width: 380px
}
.banner-main3 aside {
	max-width: 600px
}
}
@media only screen and (max-width:767px) {
.banner-main3 {
	padding: 60px 0
}
.banner-main3 h1 {
	padding: 0 0 55px 0
}
.banner-main3 .logo-inn {
	margin: 0 0 30px 0
}
.banner-main3 .logo-inn img {
	width: 100%;
	max-width: 300px
}
.banner-main3 aside {
	max-width: 500px
}
}
.section-4 {
	width: 100%;
	float: left;
	padding: 50px 0 40px 0;
	background: #10212B
}
.section-4 .container {
	padding: 0
}
.section-4 .article {
	width: 100%;
	float: left;
	position: relative;
	z-index: 150
}
.section-4 .article aside {
	width: 22.5%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	margin: 0 -2px 40px -2px
}
.section-4 .article aside p {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	padding: 0;
	margin: 0
}
.section-4 .article aside .num {
	width: 100%;
	float: left;
	font-size: 33px;
	color: #fff;
	line-height: 32px;
	padding: 0 0 21px 0;
	font-family: manropeextrabold, Arial, Helvetica, sans-serif
}
.section-4 .article .aside-out {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 20px;
	margin: 0 0 -43px 0
}
@media (min-width:1200px) {
.section-4 {
	padding: 40px 0 35px 0
}
.section-4 .article aside p {
	font-size: 13px;
	line-height: 18px
}
.section-4 .article aside .num {
	font-size: 29px;
	line-height: 25px;
	padding: 0 0 18px 0
}
}
@media only screen and (max-width:991px) {
.section-4 {
	padding: 60px 0 55px 0
}
.section-4 .article aside {
	width: 33.33%;
	padding: 0 15px
}
.section-4 .article aside .num {
	font-size: 32px;
	line-height: 30px;
	padding: 0 0 15px 0
}
.section-4 .article .aside-out {
	padding: 0 25px
}
}
@media only screen and (max-width:767px) {
.section-4 {
	padding: 45px 0 25px 0
}
.section-4 .article aside {
	width: 50%;
	padding: 0 10px;
	margin: 0 -2px 35px -2px
}
.section-4 .article aside p {
	font-size: 11px;
	line-height: 18px
}
.section-4 .article aside .num {
	font-size: 27px;
	line-height: 30px;
	padding: 0 0 5px 0
}
.section-4 .article .aside-out {
	padding: 0 10px;
	margin: 0 0 -27px 0
}
}
.section-5 {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	overflow: hidden;
	padding: 70px 0 60px 0;
	overflow: hidden
}
.section-5 .article {
	width: 33.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 18px 60px 18px;
	margin: 0 -2px
}

.section-5 p {
    font-size:1rem;
    line-height:1rem;
	margin: 0;
	padding: 0 0 10px 0;
}

.section-5 .article .hothl {
	width: auto;
	background: #ff0028;
	border-radius: 2px;
	padding: 0 12px;
	color: #fff;
	font-size: 12px;
	margin: -10px 0 0 -60px;
	position: absolute;
	display: inline-block
}
.section-5 .article figure {
	width: 100%;
	max-height: 380px;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 36px 0
}
.section-5 .article figure img {
	width: 100%
}
.section-5 .article h3 {
	padding: 0 0 7px 0;
	margin: 0
}
.section-5 .article h3:last-child {
	padding-bottom: 0
}
.section-5 .article h3 a {
	color: #111;
	text-decoration: none
}
.section-5 .article h3 a:hover {
	color: #ff5800
}
.section-5 .article p {
    font-size:.875rem;
	line-height: 1.4rem;
	padding: 0 20px
}
.section-5 .article p strong {
font-size:.75rem
}
.section-5 .article-out {
	width: 100%;
	float: left;
	padding: 0 22px;
	padding-bottom: 50px;
	margin: 60px 0 -43px 0
}
@media only screen and (max-width:991px) {
.section-5 {
	padding: 71px 0 78px 0
}
.section-5 .article {
	width: 50%
}
.section-5 .article figure {
	margin: 0 0 28px 0
}
.section-5 .article-out {
	padding: 0 25px;
	padding-bottom: 50px
}
}
@media only screen and (max-width:767px) {
.section-5 {
	padding: 42px 0 47px 0
}
.section-5 .article {
	width: 100%;
	padding: 0 10px 37px 10px;
	margin: 0 -2px
}
.section-5 .article figure {
	margin: 0 0 24px 0
}
.section-5 .article h3 {
	font-size: 18px;
	padding: 0 0 5px 0
}
.section-5 .article-out {
	padding: 0 10px;
	padding-bottom: 50px;
	margin: 30px 0 -37px 0
}
}
@media only screen and (max-width:479px) {
.section-5 .article {
	width: 100%;
	padding: 0 0 37px 0;
	margin: 0
}
.section-5 .article-out {
	padding: 0 20px;
	margin: 0 0 -37px 0
}
.section-5 .article p {
	font-size: 13px
}
}
.section-6 {
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	overflow: hidden;
	padding: 30px 0 50px 0
}
.section-6 .container {
	max-width: 1200px
}
.section-6 .article {
	width: 29.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 18px 45px 18px;
	margin: 0 -2px
}
.section-6 .article figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 20px 0
}
.section-6 .article figure img {
	width: 100%
}
.section-6 .article h3 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 1rem;
letter-spacing:.02rem
}
.section-6 .article h3:last-child {
	padding-bottom: 0
}
.section-6 .article p {
font-size:.875rem;
	line-height: 1.25rem;
	padding: 0 30px;
	padding-bottom: 10px;
	color: #666
}
.section-6 .article .btn, .section-6 .article button {
	height: 40px;
	line-height: 40px;
	font-size: 14px
}
.section-6 .article .btn-out {
	margin-top: 5px
}
.section-6 .article-out {
	width: 100%;
	float: left;
	padding: 0 22px;
	padding-bottom: 50px;
	margin: 0 0 -43px 0
}
@media only screen and (max-width:1399px) {
.section-6 {
	padding: 30px 0 40px 0
}
.section-6 .container {
	max-width: 100%;
	width: 1170px
}
.section-6 .article figure {
	margin: 0 0 20px 0
}
.section-6 .article {
	width: 29.33%;
	padding: 0 20px 0 20px;
	margin: 0 -2px 30px -2px
}
.section-6 .article p {
	padding: 0 10px;
	padding-bottom: 20px;
font-size:.75rem;
	line-height: 1.125rem
}
.section-6 .article-out {
	padding: 0;
	padding-bottom: 50px
}
}
@media only screen and (max-width:767px) {
.section-6 {
	padding: 20px 0 30px 0
}
.section-6 .container {
	max-width: 100%;
	width: 100%
}
.section-6 .article {
	width: 90%;
	padding: 0 10px 30px 10px;
	margin: 0 -2px
}
.section-6 .article figure {
	margin: 0 0 24px 0
}
.section-6 .article p {
	padding: 0;
	padding-bottom: 20px
}
.section-6 .article-out {
	padding: 0;
	padding-bottom: 50px;
	margin: 0 0 -37px 0
}
}
.testimonials2 {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden
}
.testimonials2 figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative
}
.testimonials2 figure:before {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: rgba(0,0,0,.15);
	position: absolute;
	top: 0;
	left: 0
}
.testimonials2 figure img {
	width: 100%;
	min-width: 1500px;
	float: none!important;
	display: inline-block!important;
	margin: 0 -750px
}
.testimonials2 .testimonial-cont {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0
}
.testimonials2 .testimonial-cont p {
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	line-height: 42px;
	letter-spacing: .02em;
	padding: 0 0 75px 0
}
.testimonials2 .testimonial-cont .company-logo {
	float: left;
	position: relative;
	padding: 0 50px 0 0
}
.testimonials2 .testimonial-cont .company-logo:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #696b6a;
	position: absolute;
	top: 0;
	right: 0
}
.testimonials2 .testimonial-cont .company-logo img {
	width: auto;
	max-width: 100%;
	float: none!important;
	display: inline-block!important
}
.testimonials2 .testimonial-cont .position {
	font-size: 14px;
	color: #888;
	line-height: 36px;
	letter-spacing: .01em;
	text-transform: uppercase
}
.testimonials2 .testimonial-cont .name {
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	letter-spacing: .01em;
	text-transform: uppercase
}
.testimonials2 .testimonial-cont .author-out {
	float: left;
	position: relative;
	padding: 0 0 0 50px;
	margin: -12px 0 0 0
}
.testimonials2 .testimonial-cont .author-out:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #696b6a;
	position: absolute;
	top: 0;
	left: -1px
}
.testimonials2 .testimonial-cont .author-cont {
	width: 100%;
	float: left;
	overflow: hidden
}
.testimonials2 .testimonial-cont aside {
	width: 100%;
	max-width: 680px;
	float: left;
	padding: 0 50px
}
.testimonials2 .item {
	width: 100%;
	float: left;
	position: relative
}
.testimonials2 .owl-nav div {
	width: 48px;
	height: 48px;
	margin: -24px 0 0 0
}
.testimonials2 .owl-nav div:before {
	width: 48px;
	height: 48px;
	font-weight: 400;
	font-size: 26px;
	color: #444;
	line-height: 48px;
	background: #878b8c;
	border-radius: 360px
}
.testimonials2 .owl-nav div:hover:before {
	color: #444;
	background: #fff
}
.testimonials2 .owl-nav .owl-prev {
	left: 10px
}
.testimonials2 .owl-nav .owl-next {
	right: 10px
}
.testimonials2 .owl-carousel .animated {
	animation-duration: .3s;
	animation-fill-mode: both
}
@media only screen and (max-width:1199px) {
.testimonials2 .testimonial-cont {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0
}
.testimonials2 .testimonial-cont p {
	font-size: 20px;
	line-height: 36px;
	padding: 0 0 50px 0
}
.testimonials2 .testimonial-cont .company-logo {
	padding: 0;
	margin: 0 0 20px 0
}
.testimonials2 .testimonial-cont .company-logo:before {
	display: none
}
.testimonials2 .testimonial-cont .company-logo img {
	max-width: 70%
}
.testimonials2 .testimonial-cont .position {
	font-size: 12px;
	line-height: 30px
}
.testimonials2 .testimonial-cont .name {
	font-size: 14px;
	line-height: 30px
}
.testimonials2 .testimonial-cont .author-out {
	width: 100%;
	padding: 0;
	margin: 0
}
.testimonials2 .testimonial-cont aside {
	max-width: 580px;
	padding: 0 50px
}
.testimonials2 .owl-nav div {
	width: 40px;
	height: 40px;
	margin: -20px 0 0 0
}
.testimonials2 .owl-nav div:before {
	width: 40px;
	height: 40px;
	font-size: 22px;
	line-height: 40px
}
}
@media only screen and (max-width:767px) {
.testimonials2 figure img {
	min-width: 1400px;
	margin: 0 -700px
}
.testimonials2 .testimonial-cont p {
	font-size: 18px;
	line-height: 30px;
	padding: 0 0 30px 0
}
.testimonials2 .testimonial-cont .company-logo {
	margin: 0 0 20px 0
}
.testimonials2 .testimonial-cont .company-logo img {
	max-width: 60%;
	margin: 0 0 10px 0
}
.testimonials2 .testimonial-cont .position {
	font-size: 12px;
	line-height: 30px
}
.testimonials2 .testimonial-cont .name {
	font-size: 14px;
	line-height: 30px
}
.testimonials2 .testimonial-cont aside {
	max-width: 100%;
	padding: 0
}
.testimonials2 .item {
	width: 100%;
	float: left;
	position: relative
}
}


.split-cont4 {
	width: 100%;
	float: left;
	padding: 40px 0 80px 0;
	background: #fff
}

.split-cont4 h3 {
    font-size: 26px; 
    margin: 10px 0 15px 0;
    padding: 0;
    letter-spacing: 0.03em;
    line-height: 1.4em;
}


.split-cont4 h4 {
    font-size:18px; 
    margin: 0 0 25px 0;
    padding: 0 40px 0 0;
    font-weight: 500; 
    letter-spacing: 0.03em;
    line-height: 1.4em;
    color: #333333;
}


.split-cont4:last-child {
	padding-bottom: 0
}
.split-cont4 figure {
	width: 40%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	margin: 0 -4px 0 0
}
.split-cont4 figure img {
	max-width: 100%
}
.split-cont4 aside {
	width: 60%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px 0 60px;
	margin: 0 0 0 -4px
}
.split-cont4 aside ul {
	margin-bottom: 20px;
}
.split-cont4 aside ul li {
	font-size: 16px;
	letter-spacing: 0.03em;
}

.split-cont4 aside li {
	position: relative;
	padding: 0 0 6px 30px;
	margin: 0;
	color: #333333;
    font-weight: 400;
    
}

.split-cont4 aside li a {
	color: #7F62F6;
    font-weight: 600
}

.split-cont4 aside li .hot {
	width: auto;
	background: #ff561e;
	border-radius: 1px;
	padding: 3px 6px;
	color: #fff;
	font-size:12px;
	line-height:1.4em;
	margin: -6px 0 0 10px;
	position: relative;
	display: inline-block;
}



.split-cont4 aside li:last-child {
	padding-bottom: 20px
}
.split-cont4 aside ul li::before {
	content: "\f35a";
	float: left;
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	font-size: 18px;
	color: #6A4AED;
	line-height: 18px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	top: 3px;
	left: 0
}

.split-cont4 aside li:hover {
	color: #6A4AED;
    

}


.split-cont4 aside ul li:last-child {
	padding-bottom: 0
}
@media only screen and (max-width:1199px) {
.split-cont4 aside {
	padding: 0 0 0 50px
}
.split-cont4 figure img {
	max-width: 100%
}
}
@media only screen and (max-width:767px) {
.split-cont4 {
	padding: 45px 0 50px 0
}

    
    .split-cont4 figure {
	width: 100%;
	margin: 0 0 36px 0
}
.split-cont4 figure img {
	width: 100%;
	max-width: 100%;
	padding: 0 5%
}
    
    
.split-cont4 aside {
	width: 100%;
	padding: 0;
	margin: 0
}
.split-cont4 aside ul li {
	font-size: 15px
}
.split-cont4 aside ul li::before {
	width: 18px;
	height: 18px;
	line-height: 18px;
	top: 3px
}
}





.section-home {
	width: 100%;
	float: left;
	text-align: center;
	padding: 60px 0 90px 0;
	background: #fff
}

.section-home.works {
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px 0 90px 0;
	background: #fff
}


.section-home p {
    font-size:16px;
    line-height:1.5em;
	margin: 0;
	padding: 0 0 20px 0;
}
.section-home .article {
	width: 50%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 18px 60px 18px;
	margin: 0 -2px;

}
.section-home .article figure {
	width: 100%;
	max-height: 380px;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 36px 0;
    
}
.section-home .article figure img {
	width: 100%
}
.section-home .article h3 {
	padding: 0 0 5px 0;
	margin: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 19px;
}

.section-home .article h3 i {
    color: #457EFF;
    padding-left: 5px;
    font-size: 16px;
}

.section-home .article h3:last-child {
	padding-bottom: 0
}
.section-home .article h3 a {
	color: #333333;
	text-decoration: none
}
.section-home .article h3 a:hover {
	color: #ff5800
}
.section-home .article p {
	font-size: 15px;
	line-height: 20px;
	padding: 0 30px;
    color: #333333;
}

.section-home .article .days {
	font-size: 13px;
	line-height: 22px;
	padding: 0 10px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #333333;
    letter-spacing: 0.03em;
}

.section-home .article-out {
	width: 100%;
	float: left;
	padding: 0 22px;
	padding-bottom: 50px;
	margin: 50px 0 -43px 0
}

.section-home.works .article-out {
	width: 100%;
	float: left;
	padding: 0 22px;
	padding-bottom: 50px;
	margin: 20px 0 -43px 0
}


@media only screen and (max-width:991px) {
.section-home {
	padding: 20px 0 78px 0
}
.section-home .article {
	width: 50%
}
.section-home .article figure {
	margin: 0 0 28px 0
}
.section-home .article-out {
	padding: 0 25px;
	padding-bottom: 50px
}
}
@media only screen and (max-width:767px) {
.section-home {
	padding: 30px 0 47px 0
}
.section-home .article {
	width: 100%;
	padding: 0 10px 37px 10px;
	margin: 0 -2px
}
.section-home .article figure {
	margin: 0 0 24px 0
}
.section-home .article h3 {
	font-size: 18px;
	padding: 0 0 5px 0
}
.section-home .article-out {
	padding: 0 10px;
	padding-bottom: 50px;
	margin: 30px 0 -37px 0
}
}
@media only screen and (max-width:479px) {
.section-home .article {
	width: 100%;
	padding: 0 0 37px 0;
	margin: 0
}
.section-home .article-out {
	padding: 0 20px;
	margin: 0 0 -37px 0
}
.section-home .article p {
	font-size: 13px
}
}





.pricing-tabless {
	margin: 0;
	width: 100%;
	float: left;
	padding: 70px 0 40px 0;
	background: #FEE9FB;
}

.pricing-tabless.blue {
	background: #E2F3FC;
}

.pricing-tabless.pink {
	background: #FAE8ED;
}

.pricing-tabless .article {
	width: 33.33%;
	float: left;
	padding: 0 8px;
	margin: 0 0 70px 0;
}

.pricing-tabless .article .sub-title {
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 18px;
	opacity: 0;
	padding: 0 0 10px 0;

}
.pricing-tabless .article h3 {
	width: 100%;
	float: left;
	display: table-cell;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-align: center
    

}


.pricing-tabless .article p {
	padding: 0 0 30px 0;
    font-size:15px;
    line-height: 1.5em;
}
.pricing-tabless .article p.delivery {
	padding: 10px 0 10px 0
}
.pricing-tabless .article ul {
	padding: 0;
	margin: 0
}
.pricing-tabless .article ul li {
	color: #333333;
	padding: 1px 0 4px 27px;
	margin: 0;
    font-size:16px;
    line-height: 1.4em;
}
.pricing-tabless .article ul li:before {
    content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #43C499;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 1px;
	left: 0;
    font-size: 16px;
    border-radius: 20px;
}
.pricing-tabless .article ul li:last-child {
	padding-bottom: 0
}
.pricing-tabless .article .prize {
	width: 100%;
	float: left;
	color: #0BC869;
	line-height: 1em;
	letter-spacing: normal;
	padding: 20px 0 5px 0;
    font-size: 38px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    

}
.pricing-tabless .article .prize sup {
	font-size:32px;
	top: -3px;
	margin-right: 1px;
    font-weight: 500;
}


.pricing-tabless .article .prize span {
    top: -6px;
    position: relative;
    color: #666;
    padding: 3px 7px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 500
}




.pricing-tabless .article .mnth {
	width: 100%;
	float: left;
	font-size:18px;
	text-transform: none;
	color: #333333;
    font-family: "poppins", sans-serif;
    margin-bottom: 10px;
    font-weight: 600;
}


.pricing-tabless .article .prize-out {
	width: 100%;
	float: left;
	padding: 0 15px 20px 15px;
    text-align: center
}



.pricing-tabless .article .prize-out span.highlight {
    color: #00BAF1;
    font-size: 20px;
}


.pricing-tabless .article .prize-out p {
letter-spacing:.05rem;
	padding-bottom: 10px
}
.pricing-tabless .article .prize-out p.sml-text {
    font-size:15px;
    line-height: 1.4em;
	color: #7c7c7c;
    padding-top: 2px;
    font-family: "poppins", sans-serif;
    
}
.pricing-tabless .article aside {
	width: 100%;
	float: left;
	padding: 10px 15px 30px 15px
}
.pricing-tabless .article .box {
	width: 100%;
	float: left;
	position: relative;
	padding:0 25px 20px 25px;
	margin: 0;
    background: #fff;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    
}
.pricing-tabless .article .btm-btn {
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px 0 10px 0;
    border-top: 1px solid #E3E6E8;
    border-bottom: 1px solid #E3E6E8;
    background: #F2F4FA;
    border-radius: 6px;
    margin-top: 10px;
}
.pricing-tabless .article .btm-btn .btn, .pricing-tabless .article .btm-btn button {
	min-width: 200px;
	padding-right: 0;
	padding-left: 0;
    font-size: 17px
}

.pricing-tabless .article .btm-btn .btn-out:last-child {
	margin-bottom: 0
}

.pricing-tabless .article .btm-btn .btn-out p { 
    font-size: 13px; margin: 0; letter-spacing: normal; padding: 0 15px 0 15px; padding-top: 10px; text-align: center; color: #666}





.pricing-tabless .article .btm-btn .sml-txt {
	width: 100%;
	float: left;
    font-size:14px;
	line-height: 1.25rem;
	position: relative
}
.pricing-tabless .article .btm-btn .sml-txt a {
	color: #7c7c7c;
	text-decoration: underline
}
.pricing-tabless .article .btm-btn .sml-txt a:hover {
	color: #00BAF1
}
.pricing-tabless .article .box.selected {
	background: #fff;
}
.pricing-tabless .article .box.selected .sub-title {
	color: #fff;
	opacity: 1;
	text-align: left;
    font-size:13px;
	margin-top: -30px;
	margin-bottom: 30px;
    letter-spacing: 0.15em;
    text-align: center;
    text-transform: uppercase;
    background: #00BAF1;
    padding-top: 7px;
    padding-bottom: 5px;
    font-family: "aribau_grotesk_trialbold", sans-serif;
}
.pricing-tabless .article-out {
	width: 100%;
	float: left;
	padding: 0 12px;
	margin: 20px 0 -20px 0
}


.pricing-tabless .litmus { width: 100%; float: left; margin-top: 40px; }
.pricing-tabless .litmus p { margin: 0; padding: 0; padding-top: 15px; color: #1E4557; font-size: 15px}

.pricing-tabless .litmus figure { text-align: center; margin-bottom: 10px}
.pricing-tabless .litmus figure img { text-align: center; display: inline-block}


.content-med.whitebg p strong { color: #fff;}
.content-med.whitebg ol li { color: #fff;}
.content-med.whitebg ol li strong { color: #fff;}
.content-med.whitebg ol>li:before { color: #fff;}


@media (max-width:1399px) {

.pricing-tabless { margin:20px 0 0 0;}

.pricing-tabless .article .prize-out {
	padding: 0 15px 20px 15px
}

.pricing-tabless .article aside {
	padding: 10px 15px 10px 15px
}
.pricing-tabless .article ul li {
	padding: 0 0 3px 25px
}

.pricing-tabless .article .btm-btn {
	padding: 10px 0 20px 0;
    margin:10px 0 0 0;
}
.pricing-tables .btm-btn .sml-txt {
	font-size: 10px;
	line-height: 14px
}
}




@media (max-width:991px) {

.pricing-tabless { margin:20px 0 0 0;}

.pricing-tabless .article .prize-out {
	padding: 0 15px 20px 15px
}

.pricing-tabless .article h3 {
	font-size:18px;
    margin: 0;
    padding: 0;
}

.pricing-tabless .article .prize {
    font-size: 36px;
    padding: 15px 0 5px 0;

}
    
.pricing-tabless .article ul li {
	padding: 0 0 5px 15px;
	margin: 0;
    font-size:14px;
    line-height: 1.4em;
}
    
    .pricing-tabless .article .btm-btn {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 20px 0
}
.pricing-tabless .article .btm-btn .btn, .pricing-tabless .article .btm-btn button {
	min-width: auto;
	padding-right: 25px;
	padding-left: 25px;
}
    
    
.pricing-tabless .article ul li:before {
    content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	background: 0 0;
	font-size:9px;
	color: #333333;
	position: absolute;
    top: -1px;
	left: 0;
    font-weight: normal;
}
    
    
    
.pricing-tabless .article .prize-out p.sml-text {
    font-size:13px;
	color: #7c7c7c;
    padding-top: 2px;
    line-height: 1.3em;
    margin: 0;
    padding: 3px 0 5px 0;
}
    
    .pricing-tabless .article .mnth {

	font-size:15px;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
    margin-bottom:0;
}
    
.pricing-tabless .article .box {
	padding:0 5px 20px 5px;
	margin: 0;
    
}

.pricing-tabless .article .prize sup {
	font-size:25px;
	top: -6px;
	margin-right: 2px;
}

.pricing-tabless .article .box.selected .sub-title {

    font-size:10px;
	margin-top: -25px;
	margin-bottom: 30px;
    letter-spacing: 0.15em;
    padding-top: 5px;
    padding-bottom: 3px;
    font-family: "aribau_grotesk_trialbold", sans-serif;
}

.pricing-tabless .article aside {
	padding: 20px 15px 10px 15px
}
.pricing-tabless .article ul li {
	padding: 0 0 3px 20px
}
.pricing-tabless .article ul li:before {
font-size:.75rem;
	top: -1px
}
.pricing-tabless .article .btm-btn {
	padding: 30px 0 30px 0
}
.pricing-tables .btm-btn .sml-txt {
	font-size: 10px;
	line-height: 14px
}
}





@media only screen and (max-width:767px) {
    

.pricing-tabless {
	padding: 60px 0 20px 0;
}
    
.pricing-tabless .article {
	width: 100%;
	margin: 0 0 40px 0
}
    
    
.pricing-tabless .article h3 {
	padding-bottom: 5px;
    font-size: 22px;
}
.pricing-tabless .article .sub-title {
	font-size: 12px;
	letter-spacing: 2px;
	padding: 0 0 10px 0
}
.pricing-tabless .article p {
	padding: 0 0 30px 0
}
.pricing-tabless .article ul {
	padding: 0;
	margin: 0
}
    
    .pricing-tabless .article ul li {
	padding: 0 0 5px 20px;
	margin: 0;
    font-size:15px;
    line-height: 1.4em;
}

    
.pricing-tabless .article ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0
}
.pricing-tabless .article ul li:before {
	font-size: 12px;
	line-height: 1em;
	top: 4px
}
.pricing-tabless .article .prize {
	font-size: 50px;
	padding: 25px 0 10px 0
}
.pricing-tabless .article .prize sup {
	font-size:34px;
	top: -7px;
	margin-right: 2px;
}
.pricing-tabless .article .prize-out {
	padding: 0 0 20px 0
}
.pricing-tabless .article aside {
	padding: 40px 0 10px 0
}
.pricing-tabless .article .box {
	padding: 0 35px
}
.pricing-tabless .article .btm-btn {
	padding: 30px 0 50px 0
}
.pricing-tabless .article-out {
	padding: 0;
	margin: 0 0 40px 0
}
    
.pricing-tabless .article .box.selected {
    margin-top: 40px;
}
    
.pricing-tabless .article .box, .pricing-tabless .article .prize-out, .pricing-tabless .article aside, .pricing-tabless .article h3 {
	height: auto!important
}
    
.pricing-tabless .litmus { width: 100%; float: left; margin-top: 40px; background: #f8f8f8; padding: 20px;}
.pricing-tabless .litmus p { margin: 0; padding: 0; padding-top: 15px; color: #202F38; font-weight: 500; font-size: 15px}
}


.pricing-tabless .article .headaddon {
	width: 100%;
	float: left;
	color: #333333;
	font-size: 15px;
	text-align: left;
	margin: 0;
	padding: 40px 0 10px 0;
    font-weight:800;
}
.pricing-tabless .article ul.addons {
	width: 100%;
	float: left;
	list-style: none;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0
}
.pricing-tabless .article ul.addons li {
	width: 100%;
	float: left;
	font-size:15px;
	line-height: 1.5em;
	color: #333333;
	margin: 0;
	position: relative;
	padding: 0 0 5px 23px;
	margin: 0
}
.pricing-tabless .article ul.addons li:before {
	content: "\f055";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
    font-size:16px;
	color: #006485;
	position: absolute;
	top: 1px;
	left: 0
}
.pricing-tabless .article ul.addons li span {
	color: #fff;
    font-size:15px;
    font-family: 'manropeextrabold',Verdana,Geneva,sans-serif;
    background: #006485;
    padding: 2px 5px;
}


@media only screen and (max-width:1399px) {


.pricing-tabless .article ul.addons li:before {
	top: 0;
	left: 0
}
}







.faq-list {
	width: 100%;
	float: left;
	background: #fff;
	padding: 90px 0 70px 0;
    margin-bottom: 100px;
}
.faq-list .container {
	max-width: 990px
}
.faq-list h2 {
	text-align: center;
	padding: 0 0 50px 0
}

.faq-list h4 {
    margin: 0;
    padding: 0 0 5px 0;
}


.faq-list .article p a {
    font-weight: 400;
}

.faq-list .article {
	width:100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 40px 0;
}
.faq-list .article-out {
	width: 104%;
	float: left;
	margin: 0 -2% -30px -2%
}


.faq-list .article ul { width: 100%; float: left; margin: 0 0 20px 20px; padding: 0}

.faq-list .article ul li { margin: 0; padding: 1px 0 1px 5px; font-size: 16px; list-style: disc; line-height: 1.4em;}

.faq-list .article ul li:before { display: none}

@media only screen and (max-width:1399px) {
.faq-list {
	padding: 50px 0 50px 0
}
.faq-list .container {
	max-width: 800px
}
.faq-list h2 {
	text-align: center;
	padding: 0 0 30px 0
}
}
@media only screen and (max-width:767px) {
.faq-list {
	padding: 50px 30px 70px 30px;
}
.faq-list .container {
	max-width: 630px
}
.faq-list h2 {
	padding: 0 0 30px 0
}
.faq-list .article {
	width: 100%;
	margin: 0
}
    
.faq-list h4 {
    margin: 0;
    padding: 25px 0 7px 0;
}
}







#sub3 {
	display: none
}



.icons-customers {
	width: 100%;
	float: left;
	padding: 40px 0 100px 0;
	background: #fff
}
.icons-customers .container {
	max-width: 1200px
}
.icons-customers figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top
}
.icons-customers figure img {
	width: auto;
	height: 52px;
	float: none;
	display: inline-block;
	vertical-align: top
}
.icons-customers .article {
	width: 20%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 16px 8px;
	padding: 25px 5px;
	text-align: center;
	border-radius: 6px;
		box-shadow: none;
    border: 1px solid #457EFF;
}
.icons-customers .article-bg {
	width: 110%;
	float: none;
	display: inline-block;
	text-align: center;
	margin: 20px -5% 0 -5%
}
@media only screen and (max-width:1399px) {
.icons-customers {
	padding: 10px 0 70px 0
}
.icons-customers .article {
	width: 22%;
	padding: 12px 5px
}
.icons-customers .container {
	max-width: 990px
}
.icons-customers .article-bg {
	width: 100%;
	margin: 0 10px 10px 10px
}
.icons-customers figure img {
	height: 39px
}
}
@media (max-width:767px) {
.icons-customers {
	padding: 20px 0 60px 0
}
.icons-customers .article {
	width: 40%;
	padding: 12px 0;
	margin: 0 10px 10px 10px
}
.icons-customers .article-bg {
	width: 100%;
	margin: 0
}
}



.feature-listhome {
	width: 100%;
	float: left;
	padding: 0;
	text-align: center;
	background: #fff;
	padding-bottom: 80px;
    padding-top: 50px
}
.feature-listhome .list-group-item {
	width: 33.33%;
	float: left;
	display: inline-block;
	border-radius: 2px;
	vertical-align: top;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	border: none;
	padding: 40px 10px;
	background: 0 0;
}
.feature-listhome .list-group-item ul {
	list-style: none
}
.feature-listhome .list-group-item ul li {
	width: 100%;
	float: left;
    font-size:16px;
	line-height: 1.4em;
    font-weight: 400;
	position: relative;
	padding: 0 0 10px 0;
	text-align: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.feature-listhome .list-group-items ul li:before {
	content: "\f00c";
	font-family: "Font Awesome\ 5 Pro";
	background: 0 0;
	font-size: 1.5rem;
	color: #3CC90E;
	position: absolute;
	top: 0;
	left: 0
}
.feature-listhome .list-group-item ul li:before {
	background: 0 0
}
.feature-listhome .list-group-item ul li i {
	color: #457EFF;
    font-size: 24px;
    width: 50px;
    text-align: center;
    padding: 5px 3px;
    font-weight: 900
}
.feature-listhome .list-group-item ul li:last-child {
	padding-bottom: 0
}
.feature-listhome .list-group {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 20px 0;
	margin: 0 -2% -40px -2%
}



@media (max-width:1399px) {
.feature-listhome {
	padding: 30px 10px 30px 10px
}
.feature-listhome .list-group {
	margin: 0
}
.feature-listhome .list-group-item {
	width:33.33%;
	display: inherit;
	margin: 10px 0 10px 0;
	padding: 0
}
.feature-listhome .list-group-item ul li {
font-size:15px;
line-height:1.5em
}

}


@media (max-width:767px) {
.feature-listhome {
	padding: 30px 10px 30px 10px
}
.feature-listhome .list-group {
	margin: 0
}
.feature-listhome .list-group-item {
	width: 100%;
	max-width: 100%;
	display: inherit;
	margin: 10px 0 10px 0;
	padding: 0
}
.feature-listhome .list-group-item ul li {
font-size:16px;
line-height:1.5em
}

}





.list-services {
	text-align: center;
	background: #F8F9F9;
	padding: 60px 0 20px 0;
	width: 100%;
	float: left;
    
}


.list-services.bg {
	text-align: center;
	background: #F6F6FF;
	padding: 60px 0 50px 0;
	width: 100%;
	float: left
}



.list-services .container {
	padding: 0
}
.list-services .article {
	width: 33.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px 20px 5px;
	margin: 0 -5px;
}
.list-services .article h2 {
	padding: 0 0 10px 0;
	font-size: 26px;
	margin: 0;
    line-height: 1.3em;
}


.list-services .article h4 {
	padding: 0 0 20px 0;
	font-size: 18px;
	margin: 40px 0 20px 5px;
	padding: 0;
	text-align: left;
    font-weight: 700;
}
.list-services .article p {
	font-size: 15px;
	line-height: 22px;
	color: #333333;
    font-weight: 400
}

.list-services .article p.cap {
	padding: 0 0 20px 0;
	font-size:15px;
    letter-spacing: 0.04em;
    line-height:1.5em;

}

.list-services .article .icon-out {
	float: none;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 60px;
	color: #474c52;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin: 0 0 25px 0
}
.list-services .article .icon-out i {
	vertical-align: middle
}
.list-services .article .icon-out img {
	max-height: 90px
}
.list-services .article .btn {
	width: 100%;
	max-width: 147px;
    font-size: 20px;
}
.list-services .article .btn-out {
	padding: 0 25px;
	position: absolute;
	bottom: 30px;
	left: 0
}
.list-services .article .box {
	width: 100%;
	float: left;
	position: relative;
	padding: 40px 10px 20px 10px;
}

.list-services .article .box.no-border {
	width: 100%;
	float: left;
	background: #fff;
	position: relative;
	padding: 40px 10px 20px 10px;
	border:none;
	border-radius:1px;
	box-shadow:none;
}


.list-services .article-out {
	width: 100%;
	float: left;
	padding: 20px 20px;
	margin: 0 0 60px 0;
    padding-bottom: 50px;
    background: #fff;
    border-radius:6px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.list-services ul {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: left;
	padding: 0;
}

.list-services ul.line {
	width: 100%;
	margin: 0;
	text-align: left;
	padding:30px 5px 10px 5px;

}



.list-services ul li {
	width: 100%;
	padding:12px 5px 12px 15px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5em;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    font-family: "circularregular", sans-serif;
    border: 1px solid #F1F1F1;
    letter-spacing: 0.03em;
}


.list-services ul li:hover {
	box-shadow: inset #fff 0 0 0 0, rgba(0,0,0,.1) 0 0 10px;
    border: 1px solid #7F62F6;
}

.list-services ul li a {
	color: #000
}
.list-services ul li:before {
	display: none
}
.list-services ul.int {
	padding: 0;
	margin: 10px 0 20px 0
}
.list-services ul.int li {
	color: #333333;
	padding: 8px 0 8px 28px;
	margin: 0;
	font-size: 16px;
	line-height: 1.1em;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #E8E9EA
}
.list-services ul.int li:before {
	content: "\f058";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 600;
	background: 0 0;
	font-size: 15px;
	color: #3CC90E;
	position: absolute;
	top: 8px;
	left: 0;
	display: inherit
}
.list-services ul li img {
	width: 90px;
	padding: 0 10px 0 0
}
.list-services aside {
	width: 100%;
	max-width: 900px;
	float: none;
	display: inline-block;
	text-align: center;
	padding: 0 30px;
	margin: 0 0 30px 0
}



.list-services ul li .hot {
	width: auto;
	background: #ff561e;
	border-radius: 1px;
	padding: 3px 6px;
	color: #fff;
	font-size:.6rem;
	line-height:1.4em;
	margin: -6px 0 0 10px;
	position: relative;
	display: inline-block;
	font-family: manropebold, Verdana, Geneva, sans-serif
}


.list-services .litmus { width: 100%; float: left; margin-top: 30px; margin-bottom: 20px; text-align: left; }
.list-services .litmus p { margin: 0; padding: 0; padding-top: 20px; color: #202F38; font-weight: 500; font-size: 15px}
    

.list-services .litmus figure { text-align: center; margin-bottom: 10px}
.list-services .litmus figure img { text-align: center; display: inline-block}




@media only screen and (max-width:1399px) {
.list-services .article {
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 7px 14px 7px;
	margin: 0 -2px
}
.list-services aside {
	max-width: 720px
}
}
@media only screen and (max-width:1199px) {
.list-services .article .icon-out {
	margin: 0 0 20px 0
}
.list-services .article {
	width: 50%;
	margin-bottom: 20px;
	margin: 0 -5px;
	padding: 0 10px 20px 10px
}
.list-services .article .btn-out {
	padding: 0 15px;
	bottom: 25px
}
.list-services .article .box {
	padding: 35px 25px 40px 25px
}
}


@media only screen and (max-width:767px) {
.list-services .container {
	max-width: 540px;
}
.list-services .article {
	width: 100%;
	margin-bottom: 20px;
	padding: 0 5px 20px 5px
}
.list-services .article .btn-out {
	padding: 0 20px;
	bottom: 25px
}
.list-services .article .box {
	padding: 40px 5px 30px 5px
}
    


}



/* ChatBox */
.zsiq_custommain, 
.zsiq_floatmain {
	z-index: 6 !important;
}

.siq_bR {
	bottom: 60px!important;
	right: 30px!important;
}

.zsiq_theme1 div.zsiq_cnt {
    left: -235px!important;
    width: 220px!important;
}

@media (max-width: 767px) { 
.siq_bR {
	bottom: 40px!important;
	right: 20px!important;
}
}








/* Customers - Reviews  */
.customers-reviews { width:100%; text-align:center;  padding:80px 0; background: #fff}
.customers-reviews i {  color: #FF2B58}


.customers-reviews .figure { width:100%; text-align:center; overflow:hidden; margin-bottom:60px;}
.customers-reviews .figure:last-child { margin-bottom:0;}
.customers-reviews .btn-out { width:100%; text-align: center; margin:0 0 17px 0;}
.customers-reviews .btn-out:last-child { margin-bottom:0;}
.customers-reviews .btn-out a { margin:0;}
.customers-reviews .sml-txt { width:100%; font-size:16px; line-height:24px; overflow:hidden;}

@media only screen and (max-width: 1199px) {
.customers-reviews { padding:70px 0;}
.customers-reviews .heading-txt { padding-bottom:60px;}
.customers-reviews .figure { margin-bottom:50px;}
}

@media only screen and (max-width: 767px) {
.customers-reviews { padding:60px 0;}
.customers-reviews .heading-txt { padding-bottom:50px;}
.customers-reviews .figure { margin-bottom:40px;}
.customers-reviews .btn-out { margin:0 0 10px 0;}
.customers-reviews .sml-txt { font-size:15px;}
}





/* Get a Free Quote */
.get-a-free-quote {
	width: 100%;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	letter-spacing: 0.02em;
	text-align: center;
	background: #F6F6FF;
	padding: 100px 0 90px 0;
}

.get-a-free-quote .container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 40px;
}

.get-a-free-quote a {
	color: #457EFF;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	outline: 0;
	cursor: pointer;
}

.get-a-free-quote a:focus,
.get-a-free-quote a:active,
.get-a-free-quote a:hover {
	color: #145cff;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	outline: 0;
}

.get-a-free-quote a:visited {
	outline: 0;
	text-decoration: none;
}

.get-a-free-quote a[href^="mailto:"] {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.get-a-free-quote h2 {
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-size: 30px;
	line-height: 40px;
	padding: 0 0 10px 0;
	margin: 0;
}

.get-a-free-quote h2:last-child {
	padding-bottom: 0;
}

.get-a-free-quote h3 {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	padding: 0 0 10px 0;
	margin: 0;
}

.get-a-free-quote h3:last-child {
	padding-bottom: 0;
}

.get-a-free-quote p {
	padding-bottom: 10px;
}

.get-a-free-quote p:last-child {
	padding-bottom: 0;
}


.get-a-free-quote textarea,
.get-a-free-quote select,
.get-a-free-quote input[type="text"],
.get-a-free-quote input[type="password"],
.get-a-free-quote input[type="datetime"],
.get-a-free-quote input[type="datetime-local"],
.get-a-free-quote input[type="date"],
.get-a-free-quote input[type="month"],
.get-a-free-quote input[type="time"],
.get-a-free-quote input[type="week"],
.get-a-free-quote input[type="number"],
.get-a-free-quote input[type="email"],
.get-a-free-quote input[type="url"],
.get-a-free-quote input[type="search"],
.get-a-free-quote input[type="tel"],
.get-a-free-quote input[type="color"],
.get-a-free-quote .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.get-a-free-quote input,
.get-a-free-quote textarea,
.get-a-free-quote select {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.get-a-free-quote label {
	width: 100%;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	letter-spacing: normal;
	text-transform: none;
	padding: 0 0 6px 0;
	margin: 0;
}

.get-a-free-quote textarea,
.get-a-free-quote select,
.get-a-free-quote input[type="text"],
.get-a-free-quote input[type="password"],
.get-a-free-quote input[type="datetime"],
.get-a-free-quote input[type="datetime-local"],
.get-a-free-quote input[type="date"],
.get-a-free-quote input[type="month"],
.get-a-free-quote input[type="time"],
.get-a-free-quote input[type="week"],
.get-a-free-quote input[type="number"],
.get-a-free-quote input[type="email"],
.get-a-free-quote input[type="url"],
.get-a-free-quote input[type="search"],
.get-a-free-quote input[type="tel"],
.get-a-free-quote input[type="color"],
.get-a-free-quote .uneditable-input {
	width: 100%;
	height: 52px;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	letter-spacing: normal;
	background: #ffffff;
	border: 1px solid #B1B1B1;
	border-radius: 0;
	outline: none;
	position: relative;
	padding: 12px 20px;
	margin: 0;
}

.get-a-free-quote textarea {
	height: 285px;
	font-family: "Poppins", sans-serif;
	outline: none;
	resize: none;
}

.get-a-free-quote select {
	background-image: url(../svg/select.svg);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: top 16px right 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 0;
	padding-right: 55px;
	padding-bottom: 0;
}

.get-a-free-quote select::-ms-expand {
	display: none;
}

.get-a-free-quote select.colorize option:not([disabled]) {
	color: #aaaaaa;
}

.get-a-free-quote select.colorize option.def:not([disabled]),
.get-a-free-quote select.colorize.empty:not([disabled]) {
	color: #aaaaaa;
}

.get-a-free-quote ::-webkit-input-placeholder,
.get-a-free-quote ::-webkit-textarea-placeholder {
	color: #aaaaaa;
}

.get-a-free-quote input::-moz-placeholder,
.get-a-free-quote textarea::-moz-placeholder {
	color: #aaaaaa;
}

.get-a-free-quote ::-moz-placeholder {
	color: #aaaaaa;
}

.get-a-free-quote ::-ms-input-placeholder {
	color: #aaaaaa;
}

.get-a-free-quote textarea:focus,
.get-a-free-quote select:focus,
.get-a-free-quote input[type="text"]:focus,
.get-a-free-quote input[type="password"]:focus,
.get-a-free-quote input[type="datetime"]:focus,
.get-a-free-quote input[type="datetime-local"]:focus,
.get-a-free-quote input[type="date"]:focus,
.get-a-free-quote input[type="month"]:focus,
.get-a-free-quote input[type="time"]:focus,
.get-a-free-quote input[type="week"]:focus,
.get-a-free-quote input[type="number"]:focus,
.get-a-free-quote input[type="email"]:focus,
.get-a-free-quote input[type="url"]:focus,
.get-a-free-quote input[type="search"]:focus,
.get-a-free-quote input[type="tel"]:focus,
.get-a-free-quote input[type="color"]:focus,
.get-a-free-quote .uneditable-input:focus {
	outline: 0;
	border-color: #ff0000;
}

.get-a-free-quote .btn,
.get-a-free-quote button,
.get-a-free-quote input[type="button"],
.get-a-free-quote input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
	background: #ff0000;
	border: none;
	border-radius: 30px;
	box-shadow: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	cursor: pointer;
	outline: 0;
	padding: 11px 40px;
	margin: 0;
}

.get-a-free-quote .btn:hover,
.get-a-free-quote .btn:focus,
.get-a-free-quote .btn:active,
.get-a-free-quote .btn:active:focus,
.get-a-free-quote .btn.active,
.get-a-free-quote .btn.active:focus,
.get-a-free-quote button:hover,
.get-a-free-quote button:focus,
.get-a-free-quote button:active,
.get-a-free-quote button:active:focus,
.get-a-free-quote button.active,
.get-a-free-quote button.active:focus,
.get-a-free-quote input[type="button"]:hover,
.get-a-free-quote input[type="button"]:focus,
.get-a-free-quote input[type="button"]:active,
.get-a-free-quote input[type="button"]:active:focus,
.get-a-free-quote input[type="button"].active,
.get-a-free-quote input[type="button"].active:focus,
.get-a-free-quote input[type="submit"]:hover,
.get-a-free-quote input[type="submit"]:focus,
.get-a-free-quote input[type="submit"]:active,
.get-a-free-quote input[type="submit"]:active:focus,
.get-a-free-quote input[type="submit"].active,
.get-a-free-quote input[type="submit"].active:focus,
.get-a-free-quote .btn:not(:disabled):not(.disabled).active,
.get-a-free-quote .btn:not(:disabled):not(.disabled):active {
	color: #ffffff;
	text-decoration: none;
	background: #ff0000;
	box-shadow: none;
	border: none;
	outline: 0;
}

.get-a-free-quote .heading-txt {
	width: 100%;
	float: none;
	display: inline-block;
	text-align: center;
	padding: 0 20px 50px 20px;
}

.get-a-free-quote .heading-txt p {
	color: #666666;
	padding-bottom: 6px;
}

.get-a-free-quote .heading-txt p:last-child {
	padding-bottom: 0;
}

.get-a-free-quote .heading-txt .aside {
	width: 100%;
	max-width: 680px;
	float: none;
	display: inline-block;
}

.get-a-free-quote .form-block {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	background: #ffffff;
	padding: 8%;
}

.get-a-free-quote .row_from_field {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
}

.get-a-free-quote .row_from_field:last-child {
	padding-bottom: 0;
}

.get-a-free-quote .txt_wrap {
	padding-bottom: 15px;
}

.get-a-free-quote .txt_wrap:last-child {
	padding-bottom: 0;
}

.get-a-free-quote .from_field_out {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 25px 0;
	margin: 0 -15px -30px -15px;
}

.get-a-free-quote .from_field_out:last-child {
	padding-bottom: 0;
}

.get-a-free-quote .from_field {
	width: 50%;
	float: left;
	padding: 0 15px 30px 15px;
	margin: 0;
}

.get-a-free-quote .from_field.full_width {
	width: 100%;
}

.get-a-free-quote .txt_size {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.3em;
	padding: 10px 0 0 0;
	margin: 0;
}

.get-a-free-quote p.form_policy {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 22px;
	padding: 0;
	margin: 0;
}

.get-a-free-quote .from_field_btn_out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	padding: 0;
	margin: 0;
}

.get-a-free-quote .from_field_btn_out .btn {
	min-width: 150px;
    background: #457EFF;
    font-size: 20px;
}

.get-a-free-quote .from_field_btn_out .btn:hover {
    background: #145cff;
}


.get-a-free-quote .from_field_btn_out p {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0;
}

.get-a-free-quote .error {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #ff0000;
	line-height: 18px;
	padding: 10px 0 0 0;
	margin: 0;
}

.get-a-free-quote .thankyou-message {
	width: 100%;
	float: left;
	font-size: 15px;
	color: #006633;
	line-height: 1.4em;
	text-align: center;
	padding: 0;
	margin: 30px 0 0 0;
}

.get-a-free-quote #loader {
	width: 100%;
	float: left;
	text-align: center;
	margin: -35px 0;
}

.get-a-free-quote .hidden-field1,
.get-a-free-quote .hidden-field2 {
	width: 100%;
	float: left;
	display: none;
}

@media only screen and (max-width: 767px) {
.get-a-free-quote {
	font-size: 17px;
	line-height: 28px;
	padding: 60px 0;
}

.get-a-free-quote .container {
	max-width: 540px;
	padding: 0 20px;
}

.get-a-free-quote h2 {
	font-size: 28px;
	line-height: 36px;
}

.get-a-free-quote h3 {
	font-size: 20px;
	line-height: 28px;
}


.get-a-free-quote .from_field {
	width: 100%;
}
}







.features-list25 {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 80px 0;
	margin: 0;
    background: #fff;
}

.features-list25 h2 {
    margin: 0;
    padding: 0 0 10px 0;
    letter-spacing: 0.03em;

}

.features-list25 h4 {
    margin: 0;
    padding: 0 0 10px 20px;
    letter-spacing: 0.03em;
    font-size: 20px;
}


.features-list25 figure {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: -50px
}
.features-list25 figure img {
	max-width: 440px
}
.features-list25 .article {
	width: 31.33%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 0.25% 30px 0;
	padding: 0 10px 0 0
}
.features-list25 .article span {
		font-family: "Poppins", sans-serif;
    font-weight: 600
}
.features-list25 .article .icon {
	width: 75px;
    height: 75px;
	float: left;
	padding: 0;
	margin: 5px -75px 0 0;
	position: relative;
	text-align: left
}
.features-list25 .article .icon img {
	max-width: 100%;
	height: 75px;
}
.features-list25 .article p {
	letter-spacing: .03em;
	padding: 0 0 0 20px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.5em
}
.features-list25 .article aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 75px;
	margin:0
}
.features-list25 .article-out {
	width: 100%;
	float: left;
	margin: 30px 30px -20px 30px;
	padding-bottom: 50px
}
.features-list25 .content-med {
	width: 100%;
	float: left;
	text-align: left
}


@media only screen and (max-width:991px) {
.features-list25 {
	padding: 60px 0 50px 0
}
.features-list25 .article {
	width: 100%;
	margin: 0 0 20px 0;
}
.features-list25 .article-out {
	width: 100%;
	margin: 30px 10px -30px 10px
}
}
@media only screen and (max-width:767px) {
.features-list25 {
	padding: 60px 10px 70px 10px
}
}







.icons-jquery {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
	background: #fff;
    margin-top: 20px
}


.icons-jquery h2 { margin: 0; padding: 0; padding-bottom: 10px; font-size: 22px}


.icons-jquery figure {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.icons-jquery figure img {
	width: auto;
    height: 55px;
	float: none;
	display: inline-block;
	vertical-align: top;
    margin-bottom: 20px;
}
.icons-jquery .article {
	width: 12.5%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding:15px 5px 15px 5px;
    margin:10px;
    font-size: 14px;
    line-height: 1.5em;
}

.icons-jquery .article p { font-size: 15px; padding-bottom: 5px; color: #333333; font-family: "circularmedium", Verdana, Geneva, sans-serif}

    
.icons-jquery .article-bg {
	width: 100%;
	float: none;
	display: inline-block;
	text-align: center;
	margin: 0 -5% 20px -5%
}
    
    
@media only screen and (max-width:1399px) {
.icons-jquery {
	padding: 10px 0 30px 0
}
.icons-jquery .article {
	width: 22%;
	padding: 12px 5px;
    float: left;
}
.icons-jquery .container {
	max-width: 990px
}
.icons-jquery .article-bg {
	width: 100%;
	margin: 0 10px 10px 10px
}
.icons-jquery figure img {
	height: 39px
}
}
    
    
@media (max-width:767px) {
.icons-jquery {
	padding: 20px 0 60px 0
}
.icons-jquery .article {
	width:20%;
    float: none;
	padding: 15px 0;
	margin: 0 10px 20px 10px
}
.icons-jquery .article-bg {
	width: 100%;
	margin: 0
}
}








.split-cont10 {
	width: 100%;
	float: left;
	padding: 0;
	text-align: left;
    margin-top: 40px
}

.split-cont10 h3 {
    font-size: 22px; 
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0 0 20px 0;
    font-weight: 700; 
    line-height: 1.4em;
}

.split-cont10 figure {
	width: 40%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin:0 -4px 20px 0
}
.split-cont10 figure img {
	width: 100%;
    padding: 0 10px;
}
.split-cont10 aside {
	width: 60%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 50px 0 0;
	margin: 0 -4px 0 0;
}


@media (max-width:991px) {
.split-cont10 {
	padding: 30px 0 20px 0
}
.split-cont10 aside {
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
}
.split-cont10 figure {
	width: 100%;
	margin: 0 0 36px 0;
	padding: 0
}
.split-cont10 figure:last-child {
	margin-bottom: 0
}
}
@media (max-width:767px) {
.split-cont10 {
	padding: 30px 0 10px 0
}
.split-cont10 figure {
	width: 100%;
	margin: 0 0 36px 0
}
.split-cont10 figure:last-child {
	margin-bottom: 0
}
    .split-cont10 figure img {
	width: 100%;
    padding: 0;
}
.split-cont10 aside {
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
}
}









/* Split - Cont */
.split-cont3 { width: 100%;
	float: left;
	padding: 0 0 30px 0;
background:#F6F6FF;}

.split-cont3 .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; padding:20px 0;}
.split-cont3 .box .figure { width:32.95%; text-align:center; overflow:hidden; margin-top: 70px;}
.split-cont3 .box .figure img { max-width:100%;}
.split-cont3 .box .aside { width:67.05%; color:#000000; padding:0 40px 0 0;}


.split-cont3 .box .aside ul li {
	padding: 10px 0 0 25px;
}

.split-cont3 .box .aside ul li::before {
	content: "\f058"; 
	font-family:"Font Awesome 5 Pro"; 
	font-weight: 900; 
	font-size: 16px; 
	color: #037bff; 
	line-height: 1em; 
	text-align: center; 
	position: absolute;
	top: 14px;
	left: 0;
}


@media only screen and (max-width: 1199px) {
.split-cont3 .box { padding:50px 0;}
}

@media only screen and (max-width: 767px) {
.split-cont3 .container { max-width:600px;}
.split-cont3 .box { padding:40px 0;}
.split-cont3 .box .figure { width:100%;}
.split-cont3 .box .aside { width:100%; padding:0 0 40px 0;}
.split-cont3 .box .aside:last-child { padding-bottom:0;}
.split-cont3 .box .aside h3,
.split-cont3 .box .aside .h3 { font-size:22px; line-height:28px; padding-bottom:25px;}
    
.split-cont3 .box li {
	padding-left: 24px;
    text-align: left;
}

.split-cont3 .box ul li::before {
	font-size: 15px; 
}
    
}



/* Split - Cont */
.split-cont4 { width:100%; float:left; padding:60px 0 90px 0;}

.split-cont4 .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center;}
.split-cont4 .box .figure { width:41.45%; text-align:center; border-radius:6px; overflow:hidden;}
.split-cont4 .box .figure img { width:100%; border-radius:6px;}
.split-cont4 .box .aside { width:58.55%; padding:0 7.5% 0 0;}
.split-cont4 .box .aside .btn-out { margin-top: 20px; margin-bottom: 10px}


@media only screen and (max-width: 1199px) {
.split-cont4 .box .aside { padding:0 40px 0 0;}
}

@media only screen and (max-width: 767px) {
.split-cont4 { padding:40px 0 80px 0;}
.split-cont4 .box .figure { width:100%;}
.split-cont4 .box .aside { width:100%;padding:0 0 40px 0;}
.split-cont4 .box .aside:last-child { padding-bottom:0;}
}





/* Split - Cont */
.split-cont5 { width:100%; color:#ffffff; background:#2EC181; position:relative; overflow:hidden;}
.split-cont5:before { content:""; width:50%; height:100%; float:left; background:#457EFF; position:absolute; top:0; left:0;}
.split-cont5 .container { max-width:1170px;}
.split-cont5 .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; position:relative; z-index:1;}
.split-cont5 .box .aside { width:50%; padding:60px 60px 60px 0;}
.split-cont5 .box .aside h3 { color: #fff;}
.split-cont5 .box .aside p { letter-spacing:0.05em;}
.split-cont5 .box .aside:nth-child(2) { padding-right:0; padding-left:60px;}

@media only screen and (max-width: 1199px) {
.split-cont5 .box .aside { padding:40px 40px 40px 0;}
.split-cont5 .box .aside:nth-child(2) { padding-right:0; padding-left:40px;}
}

@media only screen and (max-width: 767px) {
.split-cont5 .container { max-width:600px;}
.split-cont5:before { display:none;}
.split-cont5 .box .aside { width:100%; padding:40px 0;}
.split-cont5 .box .aside:nth-child(2) { padding-right:0; padding-left:0;}
.split-cont5 .box .aside:first-child { width:1000%; background:#457EFF; margin:0 -450%; padding-right:450%; padding-left:450%;}
}





/* Pricing - Tables */
.pricing-tables5 { width:100%; overflow:hidden; padding:70px 0; background: #F6F6FF}
.pricing-tables5 .quick-static-wrap { width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; border:2px solid #69b357; border-radius:6px; padding:20px 20px; margin-bottom:40px;}
.pricing-tables5 .quick-static-wrap:last-child { margin-bottom:0;}
.pricing-tables5 .quick-static-wrap .unlimited { width:50%; font-weight:600; font-size:18px; line-height:26px; letter-spacing:normal; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;align-items:center;}
.pricing-tables5 .quick-static-wrap .unlimited .icon { width:77px; margin-right:-77px; position:relative; z-index:5;}
.pricing-tables5 .quick-static-wrap .unlimited .icon img { width:100%;}
.pricing-tables5 .quick-static-wrap .unlimited .aside { width:100%; padding:0 0 0 115px;}
.pricing-tables5 .quick-static-wrap .unlimited .aside p { max-width:200px;}
.pricing-tables5 .quick-static-wrap .quick-static { width:50%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content: right;} 
.pricing-tables5 .quick-static-wrap .quick-static p { padding:0 10px 0 0;}
.pricing-tables5 .quick-static-wrap .quick-static ul { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;  padding:0; margin:0 -3px -6px -3px;}
.pricing-tables5 .quick-static-wrap .quick-static ul li { float: left; padding:0 3px 6px 3px; margin:0;}
.pricing-tables5 .quick-static-wrap .quick-static ul li .box { width:50px; height:50px; float:left; color:#70b65e; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; border:1px solid #70b65e; border-radius:6px;}
.pricing-tables5 .quick-static-wrap .quick-static ul li .box p { font-size:12px; line-height:16px; padding:0;}
.pricing-tables5 .quick-static-wrap .quick-static ul li .box .number { font-weight:600; font-size:20px; line-height:20px;}
.pricing-tables5 .quick-static-wrap .quick-static ul li .box .txt { width:100%; float:left; text-align:center;}
.pricing-tables5 .quick-static-wrap .quick-static ul li:before { display:none;}
.pricing-tables5 .quick-static-wrap .quick-static ul li.selected  .box { color:#ffffff; background:#457EFF;}

.pricing-tables5 .heading-txt { width:100%; float:left; text-align:center; padding-bottom:40px;}
.pricing-tables5 .heading-txt:last-child { padding-bottom:0;}

.pricing-tables5 .article { width:33.33%; padding:0 15px 30px 15px;}

.pricing-tables5 .article .box { width:100%; float:left; color:rgba(42, 51, 56, 0.80); text-align:center; background:#fff; border:1px solid #f3f3f3; border-radius:6px; position:relative; padding:30px 30px;}

.pricing-tables5 .article .box .save-btn { min-width:160px; height:36px; display:none; font-weight:600; font-size:16px; color:#ffffff; line-height:36px; background:#7F62F6; border-radius:360px; position:absolute; top:-18px; left:50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);	-moz-transform: translate(-50%, 0);	-o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding:0 20px;}
.pricing-tables5 .article .box .month { font-size:18px; line-height:30px; padding-bottom:10px;}
.pricing-tables5 .article .box .month:last-child { padding-bottom:0;}
.pricing-tables5 .article .box .price { font-weight:600; font-size:60px; line-height:1em; padding-bottom:5px; margin-top:10px;}

.pricing-tables5 .article .price1 { width:100%; float:left; font-size:14px; line-height:26px; padding-bottom:25px; }

.pricing-tables5 .article .box .price:last-child { padding-bottom:0;}
.pricing-tables5 .article .box .price sub { font-size:30%; top:0;}

.pricing-tables5 .article .botton-wrap .btn { width: 100%; color:#457EFF; background: none; border-radius:30px; margin-bottom: 10px; font-size: 20px;}


.pricing-tables5 .article .botton-wrap { width:100%; float:left;}
.pricing-tables5 .article .botton-wrap .btn-out { padding:0; margin:0 0 15px 0;}
.pricing-tables5 .article .botton-wrap .btn-out:last-child { margin-bottom:0;}

.pricing-tables5 .article .guarantee-txt { width:100%; float:left; font-size:16px; line-height:26px; padding-bottom: 20px;}
.pricing-tables5 .article .guarantee-txt1 { width:100%; float:left; font-size:14px; line-height:26px; text-decoration: underline}




.pricing-tables5 .article.selected .box { color:rgba(42, 51, 56, 1); background:#ffffff; box-shadow: 0px 30px 30px #0000001d; padding-top:50px; padding-bottom:50px;}
.pricing-tables5 .article.selected .box .save-btn { display:block;}
.pricing-tables5 .article.selected .box .reg-price { display:block;}
.pricing-tables5 .article.selected .botton-wrap .btn { color:#ffffff; background:transparent linear-gradient(90deg, #457EFF 0%, #457EFF 100%) 0% 0%; box-shadow:none;}
.pricing-tables5 .article-wrap {	display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content:center; padding-bottom:30px; margin:0 -15px -10px -15px}

.pricing-tables5 .article-wrap:last-child { padding-bottom:0;}
.pricing-tables5 .bottom-txt { width:100%; float:left; font-size:14px; line-height:24px; text-align:center;}

@media (max-width: 1199px) {
.pricing-tables5 { padding:70px 0;}
.pricing-tables5 .article { width:50%;}
}

@media (max-width: 767px) {
.pricing-tables5 { padding:50px 0;}
.pricing-tables5 .article { width:100%; margin-bottom: 30px}
.pricing-tables5 .quick-static-wrap .unlimited { width:100%; font-size:16px; line-height:24px; padding:0 0 20px 0;}
.pricing-tables5 .quick-static-wrap .unlimited:last-child { padding-bottom:0;}
.pricing-tables5 .quick-static-wrap .unlimited .aside { padding:0 0 0 100px;}
.pricing-tables5 .quick-static-wrap .quick-static { width:100%; justify-content:left;} 
.pricing-tables5 .quick-static-wrap .quick-static p { width:100%; padding:0 0 10px 0;}
}



/* Overlay */
#overlay {
	width: 100%;
	height: 100%; 
	float: left;
	display: none; 
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.popup-onload{
	width: 100%; 
	height: 100%; 
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center; 
	justify-content: center;
	position: fixed;
	z-index: 111; 
	overflow: auto; 
	padding: 20px 20px;
}


/* Model - Guarantee */
.model-guarantee { width:100%; max-width:960px; float:left;}
.model-guarantee .box { display:-ms-flexbox; display:flex;	-ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; background: #ffffff; background-size:auto 100%;  border-radius:6px; position:relative; padding:40px 50px 0 80px;}
.model-guarantee .box .figure { width:44.80%; text-align:center; overflow:hidden; }
.model-guarantee .box .figure img { width:100%;}
.model-guarantee .box .aside { width:55.20%; padding:0 10px 40px 0;}
.model-guarantee .box .aside .popheading { font-size:40px; line-height: 1.1em; font-weight:600; padding-bottom:25px; color:#333333}
.model-guarantee .box .aside ul { width:100%; float:left; text-align:left; padding:10px 0 30px 0; margin:0;}
.model-guarantee .box .aside ul:last-child { padding-bottom:0;}
.model-guarantee .box .aside ul li { font-size:17px; line-height:24px; padding:0 0 7px 0; margin:0;}
.model-guarantee .box .aside ul li:last-child { padding-bottom:0;}
.model-guarantee .box .aside ul li:before { content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-weight:300; color:#1f7db2; top:7px; padding-right:10px}
.model-guarantee .box .aside ul li img { margin-left:5px;}
.model-guarantee .box .aside .sub-title { width:100%; float:left; font-size:16px; line-height:30px; padding-bottom:15px; font-weight: 300; color: #333333; letter-spacing: 0.075em;}
.model-guarantee .box .aside .sub-title:last-child { padding-bottom:0;}
.model-guarantee .box .aside .guarantee-txt { width:100%; float:left; font-weight:600; font-size:18px; line-height:30px; margin-bottom:15px;}
.model-guarantee .box .aside .guarantee-txt em { position:relative; top:-1px; margin-right:6px;}
.model-guarantee .box .aside .btn { color:#ffffff; background: #457EFF;  box-shadow:none; padding-left:40px; padding-right:40px; font-size: 18px}
.model-guarantee .box .aside .btn { color:#ffffff; background: #457EFF;  box-shadow:none; padding-left:40px; padding-right:40px; font-size: 18px}

.model-guarantee .box .aside .btn:hover,
.model-guarantee .box .aside .btn:focus,
.model-guarantee .box .aside .btn:active,
.model-guarantee .box .aside .btn:active:focus,
.model-guarantee .box .aside .btn.active,
.model-guarantee .box .aside .btn.active:focus {
	background: #145CFF; 
}

.model-guarantee .box .aside .btn-out { padding:0;}
.model-guarantee .box .close { float:right; position:absolute; top:20px; right:20px;}
.model-guarantee .box .close a { font-size:26px; color:rgba(0, 0, 0, 0.8); line-height:1em; text-decoration:none; font-weight: 400}
.model-guarantee .box .close a:hover,
.model-guarantee .box .close a:focus,
.model-guarantee .box .close a:active { color:rgba(0, 0, 0, 1);}

@media (max-width: 767px) {
.model-guarantee .box { padding:40px 30px;}
.model-guarantee .box .figure { width:100%;}
.model-guarantee .box .figure img { width:100%;}
.model-guarantee .box .aside { width:100%; padding:0 0 40px 0;}
.model-guarantee .box .aside:last-child { padding-bottom:0;}
}




/* Banner - Inner */
.banner-inner2 { width:100%; background:#F8F8FF url(../png/hero_bg.png) no-repeat top right; overflow:hidden; padding:60px 0; }


.banner-inner2 .box { width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; margin-bottom:70px;}

.banner-inner2 .box:last-child { margin-bottom:0;}
.banner-inner2 .box .figure { width:40.70%; text-align:center; overflow:hidden;}
.banner-inner2 .box .figure img { width:85%;}

.banner-inner2 .box .aside { width:59.30%; font-size:18px; line-height:28px; padding:0 8.5% 0 0;}

.banner-inner2 .box .aside h1,
.banner-inner2 .box .aside .h1 { font-size: 48px; line-height: 1.2em; padding-bottom:15px;}
.banner-inner2 .box .aside h1:last-child,
.banner-inner2 .box .aside .h1:last-child { padding-bottom:0;}

.banner-inner2 .box .aside .thumbnail-img { width:100%; text-align:left; overflow:hidden; margin-bottom:40px; }

.banner-inner2 .box .aside .thumbnail-img:last-child { margin-bottom:0;}
.banner-inner2 .box .aside .thumbnail-img img { height: 110px}

.banner-inner2 .box .aside .btn-wrap .btn { height: 62px;
	line-height: 62px;
	padding: 0 35px;
    margin:0 8px 16px 8px; 
    font-size: 20px;
}

.banner-inner2 .box .aside .btn-wrap .btn:hover {background: #006485;}

.banner-inner2 .box .aside .btn-wrap .btn-blank { background: #fff}
.banner-inner2 .box .aside .btn-wrap .btn-blank:hover { background: #FFF; color: #006485}

.banner-inner2 .box .aside .btn-wrap { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:30px 0 0 0; margin:0 -8px -16px -8px;}


.banner-inner2 .partners-logo2 { width:100%; text-align:center; overflow:hidden;}
.banner-inner2 .partners-logo2 p { font-weight:700; font-size:14px;line-height:20px;letter-spacing:1px;text-transform:uppercase;padding-bottom:35px;}
.banner-inner2 .partners-logo2 p:last-child { padding-bottom:0;}

.banner-inner2 .partners-logo2 p span { color:#FA3D3D; font-size: 25px; margin-left: 5px}

.banner-inner2 .partners-logo2 ul { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content:center; padding:0; margin:0 -18px -30px -18px;}
.banner-inner2 .partners-logo2 ul li { padding:0; margin:0 25px 30px 25px;}
.banner-inner2 .partners-logo2 ul li:before { display: none;}
.banner-inner2 .partners-logo2 ul li img { max-height:40px;}

@media (max-width: 1199px) {
.banner-inner2 { padding:70px 0;}
.banner-inner2 .box { margin-bottom:70px;}
.banner-inner2 .box .figure { width:50%;}
.banner-inner2 .box .aside { width:50%; padding:0 40px 0 0;}
.banner-inner2 .box .aside .thumbnail-img { margin-bottom:40px;}
.banner-inner2 .partners-logo2 ul li img { max-height:36px;}
}

@media (max-width: 767px) {
.banner-inner2 { padding:60px 0;}
.banner-inner2 .box { margin-bottom:60px;}
.banner-inner2 .box .figure { width:100%;}
.banner-inner2 .box .aside { width:100%; font-size:16px; line-height:26px; padding:0 0 40px 0;}
.banner-inner2 .box .aside:last-child { padding-bottom:0;}
.banner-inner2 .box .aside .thumbnail-img { margin-bottom:30px;}
.banner-inner2 .partners-logo2 p { padding-bottom:30px;}
.banner-inner2 .partners-logo2 ul { margin:0 -15px -30px -15px;}
.banner-inner2 .partners-logo2 ul li { margin:0 15px 30px 15px;}
.banner-inner2 .partners-logo2 ul li img { max-height:32px;}
}









/* Support Page */
.alert-bars { width:100%; float: left;color:#006485; background:#FFF0F0; border-radius:6px; overflow:hidden; padding:12px 25px; position: relative; margin: 50px 0 30px 0}	
.alert-bars p { position: relative; z-index: 1; padding: 0 0 0 30px; font-size: 13px; line-height: 20px}	
.alert-bars p em { position:absolute; top:4px; left:0;}	


/* Support Page */
.request-form { 
	width:100%; 
	overflow:hidden; 
	padding:90px 0 70px 0;
}

.request-form .container { 
	max-width:900px;
}

.request-form .heading-txt { 
	padding-bottom: 32px;
}

.request-form .heading-txt .aside { 
	max-width:100%;
}

.request-form .form-field { 
	width: 100%; 
	overflow: hidden;
    padding: 40px;
    background: #F3F3F6;
    border-radius: 6px;
    
} 

.request-form .form-field label {
	width: 100%;
	float: left;
	font-family: "aribau_grotesk_trialmedium", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 5px;
}

.request-form .form-field label .redmark {
	color: #ff0000;
}

.request-form .form-field textarea,
.request-form .form-field select,
.request-form .form-field input[type="text"],
.request-form .form-field input[type="password"],
.request-form .form-field input[type="datetime"],
.request-form .form-field input[type="datetime-local"],
.request-form .form-field input[type="date"],
.request-form .form-field input[type="month"],
.request-form .form-field input[type="time"],
.request-form .form-field input[type="week"],
.request-form .form-field input[type="number"],
.request-form .form-field input[type="email"],
.request-form .form-field input[type="url"],
.request-form .form-field input[type="search"],
.request-form .form-field input[type="tel"],
.request-form .form-field input[type="color"],
.request-form .form-field .uneditable-input {
	width: 100%;
	float: left;
	height: 50px;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 18px;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #999;
	background: #fff;
	box-shadow: none;
	border-radius: 6px;
	outline: none;
	overflow: hidden;
	position: relative;
	padding: 12px 15px;
	margin: 0 0 5px 0;
}

.request-form .form-field textarea[rows],
.request-form .form-field textarea {
	height: 140px;
	white-space: normal;
	resize: none;
}

.request-form .form-field ::-webkit-input-placeholder,
.request-form .form-field ::-webkit-textarea-placeholder {
	color: #aeaeae;
}

.request-form .form-field input::-moz-placeholder,
.request-form .form-field textarea::-moz-placeholder {
	color: #aeaeae;
}

.request-form .form-field ::-moz-placeholder {
	color: #aeaeae;
}

.request-form .form-field ::-ms-input-placeholder {
	color: #aeaeae;
}

.request-form .form-field select:focus,
.request-form .form-field textarea:focus,
.request-form .form-field input[type="text"]:focus,
.request-form .form-field input[type="password"]:focus,
.request-form .form-field input[type="datetime"]:focus,
.request-form .form-field input[type="datetime-local"]:focus,
.request-form .form-field input[type="date"]:focus,
.request-form .form-field input[type="month"]:focus,
.request-form .form-field input[type="time"]:focus,
.request-form .form-field input[type="week"]:focus,
.request-form .form-field input[type="number"]:focus,
.request-form .form-field input[type="email"]:focus,
.request-form .form-field input[type="url"]:focus,
.request-form .form-field input[type="search"]:focus,
.request-form .form-field input[type="tel"]:focus,
.request-form .form-field input[type="color"]:focus,
.request-form .form-field .uneditable-input:focus {
	border-color: #ff0000;
}

.request-form .form-field .file-upload {
	width: 100%;
	height: 115px; 
	float: left;	
	display: flex;
	flex-wrap: wrap; 
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 15px;
	color: #333333;
	line-height: 26px;
	text-align: center;
	border: 1px dashed #89878D;
	border-radius: 6px;
	position: relative;
	padding: 0;
	margin: 0;
}

.request-form .form-field .file-upload input[type=file] { 
	width: 100%; 
	height: 100%; 
	float: left; 
	position: absolute; 
	top: 0; 
	left: 0; 
	padding: 0; 
	margin: 0; 
	opacity: 0; 
	cursor: pointer;
	z-index: 2;
}

.request-form .form-field .file-upload .gray {	
	color: #aeaeae;
}

.request-form .form-field .file-upload.active .file-select-btn { 
	display: none;
}

.request-form .form-field .file-upload.active .file-select-btn em {
	display: block;
}

.request-form .form-field .file-upload .file-wrap:before {
	content: "\f0c1";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}

.request-form .form-field .file-upload .error {
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: -30px;
	left: 0;
}

.request-form .form-field ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding: 0 0 20px 0;
	margin: 0 -15px -18px -15px;
}

.request-form .form-field ul:last-child { 
	padding-bottom: 0;
}

.request-form .form-field ul li {
	width: 50%;
	padding: 0 15px;
	margin: 0 0 18px 0;
}

.request-form .form-field ul li:before {
	display: none;
}

.request-form .form-field ul li.full {
	width: 100%;
}

.request-form .form-field .btn-out { 
	text-align: center; 
	padding: 0;
    margin-bottom: 30px
}

.request-form .form-field .btn-out .btn {width: 100%}


@media only screen and (max-width: 767px) {
.request-form .form-field ul li {
 	width: 100%;
}
}
	
	



/* Contact Page */


/* Contact - Info */
.contact-info { width: 100%;
	overflow: hidden;
	position: relative;
	padding: 160px 0 20px 0;}

.contact-info .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative; margin-bottom: 50px}

.contact-info p.small { font-size: 13px; font-family: "aribau_grotesk_trialbold", sans-serif; margin:-15px 0 0 0; padding: 0}

.contact-info .box:before { content:""; width:6px; height:100%; float:left; background:#1E4557; position: absolute; top: 0; left: 29%;}

.contact-info .box .left-sidebar { width:29%; padding:0 65px 0 0;}
.contact-info .box .left-sidebar .logo { width: 100%; overflow:hidden; margin-bottom:30px;}
.contact-info .box .left-sidebar .logo img { max-height:22px;}
.contact-info .box .left-sidebar .aside { width:100%; overflow:hidden; position: relative; padding:0 0 33px 0; margin: 0 0 31px 0;}
.contact-info .box .left-sidebar .aside:before { content:""; width:30px; height:1px; float:left; background:#D2D2D7; position: absolute; bottom: 0; left: 0;}
.contact-info .box .left-sidebar .aside:last-child { padding-bottom:0; margin-bottom:0;}
.contact-info .box .left-sidebar .aside:last-child:before { display:none;}
.contact-info .box .left-sidebar .aside p { padding-bottom:30px;}
.contact-info .box .left-sidebar .aside p:last-child { padding-bottom:0;}
.contact-info .box .left-sidebar .aside p a { font-weight:inherit;}



.contact-info .box .form-field { 
	width:71%; 
	padding:0 0 0 65px;
}

.contact-info .box .form-field .heading-txt { 
	text-align:left; 
	padding-bottom:15px;
    margin-bottom: 20px;
}

.contact-info .box .form-field .heading-txt:last-child { 
	padding-bottom:0;
}

.contact-info .box .form-field .heading-txt .aside { 
	max-width: 100%;
}

.contact-info .box .form-field label {
	width: 100%;
	float: left;
	font-family: "aribau_grotesk_trialmedium", sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 2px;
}

.contact-info .box .form-field label .redmark {
	color: #ff0000;
}

.contact-info .box .form-field textarea,
.contact-info .box .form-field select,
.contact-info .box .form-field input[type="text"],
.contact-info .box .form-field input[type="password"],
.contact-info .box .form-field input[type="datetime"],
.contact-info .box .form-field input[type="datetime-local"],
.contact-info .box .form-field input[type="date"],
.contact-info .box .form-field input[type="month"],
.contact-info .box .form-field input[type="time"],
.contact-info .box .form-field input[type="week"],
.contact-info .box .form-field input[type="number"],
.contact-info .box .form-field input[type="email"],
.contact-info .box .form-field input[type="url"],
.contact-info .box .form-field input[type="search"],
.contact-info .box .form-field input[type="tel"],
.contact-info .box .form-field input[type="color"],
.contact-info .box .form-field .uneditable-input {
	width: 100%;
	float: left;
	height: 50px;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #999;
	background: none;
	box-shadow: none;
	border-radius: 6px;
	outline: none;
	overflow: hidden;
	position: relative;
	padding: 12px 15px;
	margin: 0 0 5px 0;
}

.contact-info .box .form-field textarea[rows],
.contact-info .box .form-field textarea {
	height: 140px;
	white-space: normal;
	resize: none;
}

.contact-info .box .form-field ::-webkit-input-placeholder,
.contact-info .box .form-field ::-webkit-textarea-placeholder {
	color: #aeaeae;
}

.contact-info .box .form-field input::-moz-placeholder,
.contact-info .box .form-field textarea::-moz-placeholder {
	color: #aeaeae;
}

.contact-info .box .form-field ::-moz-placeholder {
	color: #aeaeae;
}

.contact-info .box .form-field ::-ms-input-placeholder {
	color: #aeaeae;
}

.contact-info .box .form-field select:focus,
.contact-info .box .form-field textarea:focus,
.contact-info .box .form-field input[type="text"]:focus,
.contact-info .box .form-field input[type="password"]:focus,
.contact-info .box .form-field input[type="datetime"]:focus,
.contact-info .box .form-field input[type="datetime-local"]:focus,
.contact-info .box .form-field input[type="date"]:focus,
.contact-info .box .form-field input[type="month"]:focus,
.contact-info .box .form-field input[type="time"]:focus,
.contact-info .box .form-field input[type="week"]:focus,
.contact-info .box .form-field input[type="number"]:focus,
.contact-info .box .form-field input[type="email"]:focus,
.contact-info .box .form-field input[type="url"]:focus,
.contact-info .box .form-field input[type="search"]:focus,
.contact-info .box .form-field input[type="tel"]:focus,
.contact-info .box .form-field input[type="color"]:focus,
.contact-info .box .form-field .uneditable-input:focus {
	border-color: #ff0000;
}

.contact-info .box .form-field ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding: 0 0 25px 0;
	margin: 0 -15px -18px -15px;
}

.contact-info .box .form-field ul:last-child { 
	padding-bottom: 0;
}

.contact-info .box .form-field ul li {
	width: 50%;
	padding: 0 15px;
	margin: 0 0 20px 0;
}

.contact-info .box .form-field ul li:before {
	display: none;
}

.contact-info .box .form-field ul li.full {
	width: 100%;
}

.contact-info .box .form-field .btn-out { 
	margin: 0;
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
.contact-info .box:before { left:33.33%;}
.contact-info .box .left-sidebar { width:33.33%; padding:0 40px 0 0;}
.contact-info .box .form-field { width:66.6667%; padding:0 0 0 40px;}
}

@media only screen and (max-width: 767px) {
.contact-info .box:before { display:none;}
.contact-info .box .left-sidebar { width:100%; border-bottom:6px solid #1E4557; padding:0 0 38px 0; margin-bottom: 34px;}
.contact-info .box .left-sidebar .aside { padding:0 0 28px 0; margin: 0 0 26px 0;}
.contact-info .box .left-sidebar .aside p { padding-bottom:25px;}

.contact-info .box .form-field { 
	width:100%; 
	padding:0;
}

.contact-info .box .form-field ul li {
	width:100%;
}
}


.thankyou-message { 
    width: 100%; float: left; font-size: 15px; color: #0BB20E; line-height: 1.4em; text-align: center; padding: 0;}

.error {
	color: #e95837;
	text-transform: none;
	font-size: 14px;
	line-height: 1.4em; 
}


/* Gallery */
.gallery { width:100%; overflow:hidden;}
.gallery .figure { width:100%; text-align:center; overflow:hidden;}
.gallery .figure img { width: 100%;}





/* Team - Cont */
.team-cont { width:100%; text-align:center; overflow:hidden; padding:70px 0;}
.team-cont .aside { width:100%; max-width:760px; float:none; display:inline-block; vertical-align:top;}








/* Contact Page */


/* Contact - Form */
.contact-form { 
	width: 100%; 
	text-align: center; 
	overflow: hidden; 
	padding: 0 0 100px 0;
}

.contact-form p span {font-family: "aribau_grotesk_trialbold", sans-serif; color: #037FAA; border-bottom: 1px dashed #037FAA}

.contact-form h3 { margin: 0; padding: 0 0 10px 0}

.contact-form .box { 
	width: 100%; 
	max-width: 820px; 
	float: none; 
	display: inline-block; 
	vertical-align: top; 
	text-align: left; 
	background: #fff; 
	border-radius: 20px;
	padding: 50px 60px 50px 60px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
    margin-top: 30px
}

.contact-form .box label {
	width: 100%;
	float: left;
	font-family: "aribau_grotesk_trialbold", sans-serif;
	font-size: 15px;
	line-height: 16px;
	margin: 0;
}

.contact-form .box label .redmark {
	color: #ff0000;
}

.contact-form .box textarea,
.contact-form .box select,
.contact-form .box input[type="text"],
.contact-form .box input[type="password"],
.contact-form .box input[type="datetime"],
.contact-form .box input[type="datetime-local"],
.contact-form .box input[type="date"],
.contact-form .box input[type="month"],
.contact-form .box input[type="time"],
.contact-form .box input[type="week"],
.contact-form .box input[type="number"],
.contact-form .box input[type="email"],
.contact-form .box input[type="url"],
.contact-form .box input[type="search"],
.contact-form .box input[type="tel"],
.contact-form .box input[type="color"],
.contact-form .box .uneditable-input {
	width: 100%;
	float: left;
	height: 46px;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 18px;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #81858A;
	background: #FAFCFF;
	box-shadow: none;
	border-radius: 3px;
	outline: none;
	overflow: hidden;
	position: relative;
	padding: 12px 15px;
	margin: 0 0 10px 0;
}

.contact-form .box textarea[rows],
.contact-form .box textarea {
	height: 140px;
	white-space: normal;
	resize: none;
}

.contact-form .box ::-webkit-input-placeholder,
.contact-form .box ::-webkit-textarea-placeholder {
	color: #aeaeae;
}

.contact-form .box input::-moz-placeholder,
.contact-form .box textarea::-moz-placeholder {
	color: #aeaeae;
}

.contact-form .box ::-moz-placeholder {
	color: #aeaeae;
}

.contact-form .box ::-ms-input-placeholder {
	color: #aeaeae;
}

.contact-form .box select:focus,
.contact-form .box textarea:focus,
.contact-form .box input[type="text"]:focus,
.contact-form .box input[type="password"]:focus,
.contact-form .box input[type="datetime"]:focus,
.contact-form .box input[type="datetime-local"]:focus,
.contact-form .box input[type="date"]:focus,
.contact-form .box input[type="month"]:focus,
.contact-form .box input[type="time"]:focus,
.contact-form .box input[type="week"]:focus,
.contact-form .box input[type="number"]:focus,
.contact-form .box input[type="email"]:focus,
.contact-form .box input[type="url"]:focus,
.contact-form .box input[type="search"]:focus,
.contact-form .box input[type="tel"]:focus,
.contact-form .box input[type="color"]:focus,
.contact-form .box .uneditable-input:focus {
	border-color: #ff0000;
    background: #fff;
}

.contact-form .box .form-field { 
	width: 100%; 
	overflow: hidden; 
	margin-bottom: 40px;
} 

.contact-form .box .form-field:last-child { 
	margin-bottom: 0;
}

.contact-form .box .form-field ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px -18px -15px;
}

.contact-form .box .form-field ul li {
	width: 50%;
	padding: 0 15px;
	margin: 0 0 18px 0;
}

.contact-form .box .form-field ul li:before {
	display: none;
}

.contact-form .box .form-field ul li.full {
	width: 100%;
}

.contact-form .box .project-design { 
	width: 100%; 
	overflow: hidden; 
	padding: 0 0 30px 0;
}

.contact-form .box .project-design p { 
    font-size: 14px;
}


.contact-form .box .project-design .radio-option {
	width: 100%; 
	float: left;	
	margin: 0;
}

.contact-form .box .project-design .radio-option ul {	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding: 0; 
	margin: 0 -10px -20px -10px;
}

.contact-form .box .project-design .radio-option ul li { 
	width: 50%; 
	padding: 0 10px 20px 10px; 
	margin: 0;
}

.contact-form .box .project-design .radio-option ul li:before { 
	display: none;
}

.contact-form .box .project-design .radio-option input[type=radio] {
	display: none;
}

.contact-form .box .project-design .radio-option label {
	width: 100%;
	height: 50px; 
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	align-items: center;
	justify-content: center;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 17px; 
	color: #F5F7FA;
	line-height: 18px; 
	text-decoration: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	background: #f8f8f7;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px; 
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.contact-form .box .project-design .radio-option input[type=radio]:checked+label,
.contact-form .box .project-design .radio-option input[type=radio]:checked+label:focus {
	color: #FEE9FB; 
	background: #D2ECFF;
	box-shadow: inset #FEE9FB 0 0 0 1px;
}

.contact-form .box .project-design .website { 
	width: 100%; 
	float: left;
	position: relative; 
	display: none;
	margin: 20px 0 0 0;
}

.contact-form .box .project-design .upload { 
	width: 100%; 
	float: left;
	position: relative; 
	display: none;
	margin: 20px 0 0 0;
}

.contact-form .box .project-design .file-upload {
	width: 100%;
	height: 115px; 
	float: left;	
	display: flex;
	flex-wrap: wrap; 
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	text-align: center;
	border: 1px dashed #e0e0e0;
	border-radius: 6px;
	position: relative;
	padding: 0;
	margin: 0;
}

.contact-form .box .project-design .file-upload input[type=file] { 
	width: 100%; 
	height: 100%; 
	float: left; 
	position: absolute; 
	top: 0; 
	left: 0; 
	padding: 0; 
	margin: 0; 
	opacity: 0; 
	cursor: pointer;
	z-index: 2;
}

.contact-form .box .project-design .file-upload .gray {	
	color: #aeaeae;
}

.contact-form .box .project-design .file-upload.active .file-select-btn { 
	display: none;
}

.contact-form .box .project-design .file-upload.active .file-select-btn em {
	display: block;
}

.contact-form .box .project-design .file-upload .file-wrap:before {
	content: "\f0c1";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}

.contact-form .box .project-design .file-upload .error {
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: -30px;
	left: 0;
}

.contact-form .box .bottom-btn { 
	width: 100%; 
	font-size: 20px; 
	color: #aeaeae; 
	line-height: 24px; 
	overflow: hidden;
}

.contact-form .box .bottom-btn .btn{ width: 100%;
}

.contact-form .box .bottom-btn p { 
	font-style: italic;
    font-size: 14px; margin-bottom: 20px
}

.contact-form .box .bottom-btn .btn-out { 
	margin-top: 0; 
	margin-bottom:  30px;
    text-align: center;
}

.contact-form .box .bottom-btn .btn-out:last-child { 
	margin-bottom: 0; 
}


.contact-form .box .bottom-btn ul { width: 100%; float: left; margin-top: 30px}
.contact-form .box .bottom-btn ul li { font-size: 14px; color: #666; line-height: 1.3em; margin: 0; padding: 0 0 4px 0;}


.contact-form .order-terms2 { width:100%; float:left; margin-top: 50px; position: relative; border: 1px dashed #666; background: #fff; padding: 30px;}
.contact-form .order-terms2  p { font-size: 16px;  margin: 0; padding: 0 0 5px 0}

.contact-form .order-terms2  ul { width: 100%; float: left; padding-bottom: 30px; margin-left: 16px}
.contact-form .order-terms2  ul li  {font-size: 15px; color: #333; line-height: 1.5em; margin: 0; padding: 0 0 0 5px; list-style: disc;}

.contact-form .order-terms2  ul li span {font-weight: bold}

.contact-form .order-terms2 p.small { font-size: 14px; line-height: 1.4em;
}


@media only screen and (max-width: 1199px) {
.contact-form { 
	padding: 0 0 80px 0;
}
}

@media only screen and (max-width: 767px) {
.contact-form { 
	padding: 0 0 60px 0;
}

.contact-form .box { 
	max-width: 100%; 
	padding: 40px 25px;
}

.contact-form .box .form-field ul li {
	width: 100%;
}


    
.contact-form .box .bottom-btn .btn .btn{ width: 100%;
}
    
.contact-form .box .project-design .tab-links ul li {
	width: 100%;
}
}






/* From Page */

/* Pricing - Details */
.pricing-details {
	width: 100%;
	float: left;
	padding: 20px 0 100px;
}


.pricing-details .heading-txt h2 {
    padding-bottom: 15px;
}

.pricing-details .heading-txt .blue {
	color: #037FAA;
}

.pricing-details .heading-txt p .blue {
	font-weight: 700;
}

.pricing-details .heading-txt br {
	display: none;
}

.pricing-details .row-steps {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}

.pricing-details .row-steps:last-child {
	padding-bottom: 0;
}

.pricing-details .row-steps h3,
.pricing-details .row-steps .h3 {
	padding-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-size:18px
}

.pricing-details .row-steps h3:last-child,
.pricing-details .row-steps .h3:last-child {
	padding-bottom: 0;
}

.pricing-details .row-steps h3 .label,
.pricing-details .row-steps .h3 .label {
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	text-transform: uppercase;
	background: #10866C;
	border-radius: 360px;
	position: relative;
	top: -2px;
	padding: 3px 12px 2px 12px;
	margin: 0 5px 0 0;
    font-weight: 400;
}

.pricing-details .split-col {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px -30px -15px;
}

.pricing-details .split-col .left-cl {
	width: 58.50%;
	padding: 0 15px 30px 15px;
}

.pricing-details .split-col .right-cl {
	width: 41.50%;
	padding: 0 15px 30px 15px;
}


@media only screen and (max-width: 1199px) {
.pricing-details {
	padding: 30px 0 120px;
}

.pricing-details .row-steps {
	padding-bottom: 50px;
}

.pricing-details .split-col .left-cl {
	width: 100%;
}

.pricing-details .split-col .right-cl {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.pricing-details {
	padding: 20px 0 120px;
}

.pricing-details .heading-txt br {
	display: inline-block;
}

.pricing-details .row-steps {
	padding-bottom: 40px;
}

.pricing-details .row-steps h3 .label,
.pricing-details .row-steps .h3 .label {
	top: -4px;
}
}




/* Order Page Pricing - Tables */
.pricing-tables {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 0 20px 0;
}

.pricing-tables .box {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 14px;
	line-height: 20px;
	text-align: center; 
	background: #ffffff;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	padding: 35px 40px;
}


.pricing-tables .box .top-label { 
	width: 100%;
	height: 40px; 
	float: left;
	font-weight: 600;
	font-size: 12px; 
	color: #ffffff;
	line-height: 42px;
	background: #161613;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 1;
    letter-spacing: 0.05em;
    font-family: "aribau_grotesk_triallight", sans-serif;
}

.pricing-tables .box .top-label i { padding-right: 5px}

.pricing-tables .box .front-label { 
	width: 100%; 
	float: left;
    font-family: "poppins", sans-serif;
    font-size: 24px;
	line-height: 28px; 
	padding-bottom:5px;
    font-weight: 900;
    color: #161613;
    text-transform: uppercase;
}

.pricing-tables .box .front-label:last-child {
	margin-bottom: 0;
}

.pricing-tables .box .front-label br {
	display: none;
}

.pricing-tables .box .front-label .sml {
	font-size: 75%;
	color: #00BAF1;
}

.pricing-tables .box .price {	

	font-size: 47px;
	line-height: 1.1em;	
    font-family: "poppins", sans-serif;
    color: #161613;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.pricing-tables .box .save {
	width: 100%; 
	float: left;
	padding-bottom: 20px;
    font-size: 15px;
    color: #666

}

.pricing-tables .box .save:last-child {
	margin-bottom: 0;
}



.pricing-tables .box .price:last-child {
	padding-bottom: 0;
}

.pricing-tables .box .price sup {
	font-size: 27px;
	position: relative;
	top: -9px;
	margin-right: 3px;
    font-weight: 600
}

.pricing-tables .box .per-page {
    font-family: "poppins", sans-serif;
    padding-bottom: 25px;
    color: #666;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    
}

.pricing-tables .box .per-page:last-child {
	padding-bottom: 0;
}

.pricing-tables .box .home-page {
	width: 100%; 
	float: left;
	font-size: 14px;
	line-height: 24px;
    margin-top: 20px;
	padding-bottom: 15px;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    background: #ECECEC;
    padding: 2px 5px 5px 5px;
    border-radius: 20px;
    color: #555;

}

.pricing-tables .box .home-page:last-child {
	padding-bottom: 0;
}


.pricing-tables .radio-option .features {
	float: left;
	padding: 30px 20px 0 20px;
    margin-bottom: -20px;
}

.pricing-tables .radio-option .features p {
    font-size: 14px;
    line-height: 1.4em;
    border-bottom: 1px solid #D2D2D7;
    margin-bottom: 20px;
    padding-top: 10px;
}


.pricing-tables .features h5 { padding-bottom: 10px; margin: 0; font-family: "aribau_grotesk_trial_rgRg", sans-serif;
font-weight: 500; font-size: 14px; }


.pricing-tables ul.benefits { 
    width: 100%; 
    float: left; 
    margin: 5px 0 20px 0; 
    text-align: left; 
    padding: 0 5px 0 0; }

.pricing-tables ul.benefits li { 
    margin: 0; 
    padding: 0 0 4px 0; 
    font-size: 18px;
    line-height: 18px;
    padding-left: 5px;
    font-family: "aribau_grotesk_trialbold", sans-serif;}

.pricing-tables ul.benefits li .fa-check-circle {
	font-size: 22px;
	color: #009344;
    margin-right: 4px;
    top: 2px;
    position: relative;
}

.pricing-tables ul.benefits li .fa-times-circle {
	font-size: 22px;
	color: #FE0000;
    margin-right: 4px;
    top: 2px;
    position: relative;
}


.pricing-tables .radio-options-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px -40px -20px;
}

.pricing-tables .radio-option {
	width: 33.33%;
	float: left;
	padding: 0 20px 40px 20px;
}

.pricing-tables .radio-option input[type=radio] {
	display: none;
}

.pricing-tables .radio-option:nth-child(2) .box {
	padding-top: 90px;
}

.pricing-tables .radio-option input[type=radio]:checked+label .box,
.pricing-tables .radio-option input[type=radio]:checked+label:focus .box {
	box-shadow: #00B359 0 0 0 4px;
    border-radius: 12px; 
}

.pricing-tables .radio-option input[type=radio]:checked+label .box .price {	
    color: #0BC869;
}


.pricing-tables .radio-option input[type=radio]:checked+label .box .top-label,
.pricing-tables .radio-option input[type=radio]:checked+label:focus .box .top-label { 
	background: #00B359;
}





@media only screen and (min-width: 768px) {
.pricing-tables .radio-option:nth-child(1),
.pricing-tables .radio-option:nth-child(3) {
	padding-top: 40px;
}

.pricing-tables .radio-option:nth-child(2) .box {
	padding-top: 90px;
}
}

@media only screen and (max-width: 1199px) {
.pricing-tables .radio-options-wrap {
	margin-bottom: -30px;
	margin-left: -10px;
	margin-right: -10px;
}

.pricing-tables .radio-option {
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.pricing-tables .box {
	font-size: 12px;
	line-height: 18px;
	border-radius: 6px;
}

.pricing-tables .box .front-label { 
	font-size: 20px;
	line-height: 24px;
}

.pricing-tables .box .price {
	font-size: 48px;
}

.pricing-tables .box .price sup {
	top: -3px;
}

.pricing-tables .box .home-page {
	font-size: 14px;
	line-height: 20px;
}
}

@media only screen and (max-width: 767px) {
.pricing-tables .radio-option {
	width: 100%;
}	
}


/* Pricing - Details */
.form-block {
	width: 100%;
	float: left;
}

.form-block p {
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.form-block ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px -15px -10px;
}

.form-block ul li {
	width: 50%;
	padding: 0 10px;
	margin: 0 0 15px 0;
}

.form-block ul li:before {
	display: none;
}

.form-block label {
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 18px;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
    margin: 0;
    padding: 0 0 4px 0;
}

.form-block ul li.full {
	width: 100%;
}

.form-block textarea,
.form-block select,
.form-block input[type="text"],
.form-block input[type="password"],
.form-block input[type="datetime"],
.form-block input[type="datetime-local"],
.form-block input[type="date"],
.form-block input[type="month"],
.form-block input[type="time"],
.form-block input[type="week"],
.form-block input[type="number"],
.form-block input[type="email"],
.form-block input[type="url"],
.form-block input[type="search"],
.form-block input[type="tel"],
.form-block input[type="color"],
.form-block .uneditable-input {
	width: 100%;
	float: left;
	height: 52px;
	font-size: 18px;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #CCD2D5;
	background: #fff;
	box-shadow: none;
	border-radius: 6px;
	outline: none;
	overflow: hidden;
	position: relative;
	padding: 11px 16px;
	margin: 0 0 10px 0;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.form-block textarea[rows],
.form-block textarea {
	height: 250px;
	white-space: normal;
	resize: none;
}

.form-block textarea { height: 275px; background: #fff;}

.form-block ::-webkit-input-placeholder,
.form-block ::-webkit-textarea-placeholder {
	color: #050505;
}

.form-block input::-moz-placeholder,
.form-block textarea::-moz-placeholder {
	color: #050505;
}

.form-block ::-moz-placeholder {
	color: #050505;
}

.form-block ::-ms-input-placeholder {
	color: #050505;
}

.form-block select:focus,
.form-block textarea:focus,
.form-block input[type="text"]:focus,
.form-block input[type="password"]:focus,
.form-block input[type="datetime"]:focus,
.form-block input[type="datetime-local"]:focus,
.form-block input[type="date"]:focus,
.form-block input[type="month"]:focus,
.form-block input[type="time"]:focus,
.form-block input[type="week"]:focus,
.form-block input[type="number"]:focus,
.form-block input[type="email"]:focus,
.form-block input[type="url"]:focus,
.form-block input[type="search"]:focus,
.form-block input[type="tel"]:focus,
.form-block input[type="color"]:focus,
.form-block .uneditable-input:focus {
	border-color: #ff0000;
}

@media only screen and (max-width: 767px) {
.form-block ul li {
	width: 100%;
}
}


/* Payments - Method */
.payments-method {
	width: 100%; 
	float: left;
}

.payments-method .checkout-bar {
	width: 100%;
	float: left;
	background: #ffffff;
	border: 1px solid #D0D4D6;
	border-radius: 6px;
	padding: 18px 20px;
	margin: 0 0 20px 0;
}

.payments-method .checkout-bar:last-child {
	margin-bottom: 0;
}

.payments-method .checkout-bar p {
	position: relative;
	padding: 0 0 0 30px;
}

.payments-method .checkout-bar p:before {
	content: "\f00c";
	width: 20px;
	height: 20px;
	float: left;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	background: #00BAF1;
	border-radius: 360px;
	position: absolute;
	top: 0;
	left: 0;
}

.payments-method .checkout-bar p .divider {
	position: relative;
	top: -1px;
	margin: 0 5px;
}

.payments-method .payment-type {
	width: 100%;
	border: 1px solid #CCD2D5;
	border-radius: 6px;
	overflow: hidden;
    background: #fff;
}

.payments-method .payment-type h3,
.payments-method .payment-type .h3 {
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid rgba(22, 22, 19, 0.1);
	padding: 18px 14px 12px 20px;
}


.payments-method .payment-type h3:last-child,
.payments-method .payment-type .h3:last-child {
	border-bottom: none;
}

.payments-method .payment-type h3 em,
.payments-method .payment-type .h3 em {
	width: 13%;
	max-width: 40px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid rgba(22, 22, 19, 0.1);
	border-radius: 6px;
	position: relative;
	top: 0;
	padding: 0;
	margin: 0 6px 6px 0;
}

.payments-method .payment-type h3 em img,
.payments-method .payment-type .h3 em img {
	width: 100%;
	max-width: 40px;
}

.payments-method .aside {
	width: 100%;
	float: left;
	padding: 30px 20px;
}

.payments-method .aside p {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.04em;
}

.payments-method .aside p a {
	text-decoration: none;
    color: #333;
}

.payments-method .aside p a:hover,
.payments-method .aside p a:focus,
.payments-method .aside p a:active {
	color: #00BAF1;
}


.payments-method .aside .sub-heading {
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 0 0 10px 0;
}

.payments-method .aside .sub-heading:last-child {
	padding-bottom: 0;
}


.payments-method .mbg { width: 100%; float: left; text-align: center; margin-bottom: 10px
}

.payments-method .mbg img {height: 24px; margin-right: 5px; margin-top: -1px
}


.payments-method .mbg p {text-align: center; font-family: "aribau_grotesk_trialmedium", sans-serif;}




.payments-method .aside .btn-out {
	margin: 0 0 15px 0;
}

.payments-method .aside .btn-out:last-child {
	margin-bottom: 0;
}

.payments-method .aside .btn {
    width: 100%;
    float: left;
	font-size: 18px;
	color: #fff;
	line-height: 20px;
	background: #00B359;
	border-radius: 6px;
	padding: 13px 35px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "aribau_grotesk_trialbold", sans-serif;
    font-weight: normal;
}

.payments-method .aside .btn:hover,
.payments-method .aside .btn:focus,
.payments-method .aside .btn:active,
.payments-method .aside .btn:active:focus,
.payments-method .aside .btn.active,
.payments-method .aside .btn.active:focus {
	color: #fff;
	text-decoration: none;
	background: #17A485;
	box-shadow: none;
	outline: 0;
}


.payments-method .aside .btn-submit {
	display: none;
}



/* Order - Summary */
.order-summary {
	width: 100%; 
	float: left;
}

.order-summary .box {
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 20px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	padding: 25px 35px;
    background: #fff;
}

.order-summary .box h4,
.order-summary .box .h4 {
	font-size: 22px;
	line-height:1.4em;
	padding-bottom: 20px;
    font-weight: 700;
}

.order-summary .box h4:last-child,
.order-summary .box .h4:last-child {
	padding-bottom: 0;
}

.order-summary .box .price-list {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
}

.order-summary .box .price-list:last-child {
	padding-bottom: 0;
}


.order-summary .box .price-wrap {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
    padding: 20px; 
    border: 1px solid #BFC6C9; 
    background: #F1FBFD; 
    border-radius: 6px; 
    margin-bottom: 20px;
}

.pricing-details .order-testimonial { width: 100%; float: left; padding: 20px; border: 1px solid #B0E2FC; background: #F1FDFF; border-radius: 12px; margin-bottom: 20px;}

.pricing-details .order-testimonial p { font-size: 15px;}
.pricing-details .order-testimonial p.small { font-size: 14px; font-weight: bold}



.order-summary .box .price-wrap:last-child {
	padding-bottom: 0;
}

.order-summary .box .price-list ul {
	width: 100%;
	overflow: hidden;
	padding: 0 0 16px 0;
	margin: 0;
}

.order-summary .box .price-list ul:last-child {
	padding-bottom: 0;
}

.order-summary .box .price-list ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
	color: #161616;
	line-height: 20px;
	padding: 0;
	margin: 0 0 13px 0;
}

.order-summary .box .price-list ul li:before {
	display: none;
}

.order-summary .box .price-list ul li:last-child {
	margin-bottom: 0;
}

.order-summary .box .price-list ul li .regular-price {
	text-decoration: line-through;
	margin-right: 5px;
}

.order-summary .box .price-list ul li .spl-price {
	color: rgba(22, 22, 19, 1);
}

.order-summary .box .price-list ul li .label {
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	color: #00BAF1;
	line-height: 16px;
    font-family: "aribau_grotesk_trialblack", sans-serif;
	letter-spacing: 1px;
	background: rgba(93, 62, 179, 0.1);
	position: relative;
	top: -2px;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 5px 5px;
}

.order-summary .box .price-list .total {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	font-family: "poppins", sans-serif;
	font-size: 22px;
	line-height: 24px;
	border-top: 1px solid #B6C1CF;
    border-bottom: 1px solid #B6C1CF;
	overflow: hidden;
	padding: 20px 0 20px 0;
    margin-bottom: 20px;
    font-weight: 700;
}



.order-summary .box .price-list .total:last-child {
	padding-bottom: 0;
}

.order-summary .box .price-list .total .blue {
	color: #161616 !important;
    font-size: 30px;
    font-family: "aribau_grotesk_trialbold", sans-serif;
    font-weight: 700;

}



.order-summary .box .price-list .col-1 {
	width: 60.80%;
}

.order-summary .box .price-list .col-2 {
	width: 39.20%;
	text-align: right;
}

.order-summary .box .price-list .order-day {
	width: 100%;
	float: left;
	font-family: "aribau_grotesk_trial_rgRg", sans-serif;
	font-size: 15px;
	line-height: 21px;
	padding: 0 0 10px 0;
    
    
}

.order-summary .box .price-list .order-day:last-child {
	padding-bottom: 0;
}

.order-summary .box .bottom-txt { width:100%; float:left; font-size:14px; line-height:20px; text-align:left; margin-bottom: 10px; color: #555;}


.order-summary .guarantee-txt { width:100%; float:left; font-size:14px; line-height:26px; padding-bottom: 20px;}


.pricing-details .order-terms { width:100%; float:left; margin-top: 50px; position: relative}
.pricing-details .order-terms  p { font-size: 14px; font-family: "aribau_grotesk_trialblack", sans-serif; margin: 0; padding: 0 0 5px 0}

.pricing-details .order-terms  ul { width: 100%; float: left; padding-bottom: 20px; margin-left: 10px}

.pricing-details .order-terms  ul li  {font-size: 14px; color: #333; line-height: 1.4em; margin: 0; padding: 0 0 0 5px; list-style: disc;}





@media only screen and (max-width: 767px) {
.order-summary .box {
	padding: 20px 20px;
}

.order-summary .box .price-list ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	padding: 0;
	margin: 0 0 18px 0;
}
}





/* Form - Validation */
form .error,
form .checkerror {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #ff0000;
	line-height: 18px;
	padding: 10px 0 0 0;
	margin: 0;
}

form .checkerror {
	display: none;
}

form .btn-out .btn,
form .btn-out input[type="button"],
form .btn-out input[type="submit"] {
	float: left;
	margin: 0;
}

form .btn-out #loader {
	height: 44px;
	float: left;
	line-height: 44px;
	margin: 0 0 0 20px;
}

.thankyou-message {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #006633;
	line-height: 1.6em;
	text-align: center;
	padding: 0;
	margin: 40px 0 0 0;
}


.order-form-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}




/* Pricing - Table */
.pricing-table { width:100%; font-size:15px; line-height:20px; background:#ffffff; border-radius:6px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); padding:20px 20px; overflow:hidden; margin-bottom: 50px; margin-top: 50px;}


.pricing-table:last-child { margin-bottom:0;}
.pricing-table ul { width:100%; float: left; padding:0; margin:0;}
.pricing-table ul li { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items: center; border-bottom: 1px solid #D2D2D7; padding: 0; margin: 0;}
.pricing-table ul li:before { display:none;}
.pricing-table ul li:last-child { border-bottom:none;}


.pricing-table ul li .fa-check { width:22px; height:22px; float:left; font-size:90%; color:#037FAA; line-height:21px; text-align:center; background:#e8f3f5; border:1px solid #037FAA; border-radius:100%;} 

.pricing-table ul li .col1 { font-size: 17px; color: #161616;}


.pricing-table ul li .col1 strong {color: #000;}



.pricing-table ul li .col1,
.pricing-table ul li .col2,
.pricing-table ul li .col3,
.pricing-table ul li .col4 { width:26.55%; position:relative; padding: 20px 20px;}
.pricing-table ul li .col1 { width:20.35%;	padding-left:0;}
.pricing-table ul li .col1:before,
.pricing-table ul li .col2:before,
.pricing-table ul li .col3:before { content:""; width:1px; height:10000px; float:left; background:#D2D2D7; position:absolute; top:-50%; right:0;}
.pricing-table ul li .col4 { padding-right:0;}

.pricing-table ul li .col1 .smalltxt { font-size: 12px; color: #666; line-height: 1.2em;}

.pricing-table ul li.table-heading { align-items:flex-start; border-bottom:none;}
.pricing-table ul li.table-heading .col1,
.pricing-table ul li.table-heading .col2,
.pricing-table ul li.table-heading .col3,
.pricing-table ul li.table-heading .col4 { padding-top:0; padding-bottom:10px;}

.pricing-table ul li.table-heading p { padding-bottom:16px; font-size: 15px; line-height: 24px;}

.pricing-table ul li.table-heading p:last-child { padding-bottom:0;}
.pricing-table ul li.table-heading .sub-heading-price { position: relative; float: left; width: 100%; font-size: 14px;  color: #333333; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #D2D2D7; padding-bottom: 10px; margin-bottom: 18px; font-family: "aribau_grotesk_trial_rgRg", sans-serif;}

.pricing-table ul li.table-heading .price { width: 100%; float: left; font-family: "aribau_grotesk_trialblack", sans-serif; font-size:25px; line-height:30px; padding-bottom:16px;}

.pricing-table ul li.table-heading .price:last-child { padding-bottom:0;}
.pricing-table ul li.table-heading .btn { width:100%; font-size: 18px }
.pricing-table ul li.table-heading .btn { width:100%; font-size: 18px }
.pricing-table ul li.table-heading .btn-out { margin-top:0;}


.pricing-table ul li.table-heading .title-box { width: 100%; float:left; background: #0BC869; border-radius:6px; padding: 15px 15px;}
.pricing-table ul li.table-heading .title-box p { padding: 0 0 10px 0; margin: 0; color: #fff;}
.pricing-table ul li.table-heading .title-box p:last-child { padding-bottom: 0;}


@media only screen and (max-width: 1199px) {
.pricing-table { font-size:14px; line-height:20px; padding:15px 15px; margin-bottom: 40px; margin-top: 0}
.pricing-table ul li .fa-check { width:20px; height:20px; line-height:19px;} 
.pricing-table ul li .col1,
.pricing-table ul li .col2,
.pricing-table ul li .col3,
.pricing-table ul li .col4 { width:25%; padding: 15px 15px;}
.pricing-table ul li .col1 { width:25%;	padding-left:0;}
.pricing-table ul li.table-heading p { padding-bottom:10px;}
.pricing-table ul li.table-heading p:last-child { padding-bottom:0;}
.pricing-table ul li.table-heading .sub-heading { font-size: 10px; line-height: 16px; letter-spacing: 1px; margin-bottom: 10px;}
.pricing-table ul li.table-heading .price { font-size:20px; line-height:25px; padding-bottom:10px;}
    
    
.pricing-table ul li.table-heading .btn { padding-right:20px; padding-left:20px; font-size: 18px}
}


@media only screen and (max-width: 767px) {
.pricing-table { display:none;}
}


/* Pricing - Table */
.pricing-table-mbl { width:100%; float:left; display: none; font-size:14px; line-height:18px; margin-bottom: 30px;}
.pricing-table-mbl:last-child { margin-bottom: 0;}

.pricing-table-mbl .article { width:100%; background:#ffffff; border-radius:6px; box-shadow:rgba(22, 22, 19, 0.1) 0 0 10px; padding:10px 10px; margin:0 0 20px 0;}

.pricing-table-mbl .article p { padding-bottom:16px; font-size: 14px; line-height: 24px;}


.pricing-table-mbl .article:last-child { margin-bottom:0;}

.pricing-table-mbl .article ul { width:100%; overflow:hidden; padding:0; margin:0;}
.pricing-table-mbl .article ul li {	display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items: center; border-bottom: 1px solid #D2D2D7; padding:10px 0; margin: 0;}
.pricing-table-mbl .article ul li:after { content: ""; width: 1px; height: 100%; float: left; background: #D2D2D7; position: absolute; top: 0; left: 50%;}
.pricing-table-mbl .article ul li:before { display:none;}
.pricing-table-mbl .article ul li:last-child { border-bottom:none;}
.pricing-table-mbl .article ul li .col1,
.pricing-table-mbl .article ul li .col2 { width: 50%;}
.pricing-table-mbl .article ul li .col1 { padding-right:10px;}
.pricing-table-mbl .article ul li .col2 { padding-left:10px;}
.pricing-table-mbl .article ul li .col2 p { padding-bottom:14px;}
.pricing-table-mbl .article ul li .fa-check { width:18px; height:18px; float:left; font-size:90%; color: #037FAA; line-height:16px; text-align:center; background:rgba(93, 62, 179, 0.10); border:1px solid #037FAA; border-radius:100%;}

.pricing-table-mbl .article ul li .sub-heading-price { position: relative; float: left; width: 100%; font-size: 12px;  color: #333333; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #D2D2D7; padding-bottom: 10px; margin-bottom: 18px; font-family: "aribau_grotesk_trial_rgRg", sans-serif;}



.pricing-table-mbl .article ul li .price { width:100%; float: left; font-family: "aribau_grotesk_trialblack", sans-serif; font-size:22px; line-height:25px; overflow:hidden; padding-bottom:8px;}


.pricing-table-mbl .article ul li .btn { width: 100%;}


.pricing-table-mbl .article ul li .btn-out { margin-top:0;}
.pricing-table-mbl .article .table-heading { align-items: flex-start; border-bottom:none; padding-top: 0;}
.pricing-table-mbl .article .table-heading .title-box { width:100%; float:left; background: #0BC869; border-radius:6px; padding:10px 10px;}
.pricing-table-mbl .article .table-heading .title-box p { padding-bottom:5px; color: #fff;}
.pricing-table-mbl .article .table-heading .title-box p:last-child { padding-bottom:0;}
.pricing-table-mbl .article-wrap { width:100%; float: left;}

@media only screen and (max-width: 767px) {
.pricing-table-mbl { display:inline-block;}
}





/* Feature - List */
.feature-list4 {
	width: 100%; 
	font-size: 14px; 
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	padding: 30px 0 100px 0
}

.feature-list4 h2,
.feature-list4 .h2 { 
	padding-bottom: 50px;
}

.feature-list4 h2:last-child,
.feature-list4 .h2:last-child { 
	padding-bottom:0;
}

.feature-list4 h3,
.feature-list4 .h3 { 
	padding-bottom: 50px;
}

.feature-list4 h3:last-child,
.feature-list4 .h3:last-child { 
	padding-bottom:0;
}

.feature-list4 p { 
	font-size: 14px;
    padding-top: 4px;
}

.feature-list4 .article {
	width: 25%;
	padding: 0 15px 30px 15px;
}

.feature-list4 .article .box {
	width: 100%;
	float: left;
    background: #F3F3F6;
    border-radius: 10px;
    padding: 30px 0;
}

.feature-list4 .article .box:hover {
    background: #fff;
}

.feature-list4 .article .box .icon {
	width: 100%;
	height: 53px;
	float: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 5;
	margin: 0 0 24px 0;
}

.feature-list4 .article .box .icon img { 
	max-height: 53px;
}

.feature-list4 .article .box .aside {
	width: 100%;
	float: left;  
}

.feature-list4 .article .box .aside h4,
.feature-list4 .article .box .asid.e .h4 { 
	font-size: 18px; 
	line-height: 24px; 
	padding-bottom: 0;
}

.feature-list4 .article .box .aside h4:last-child,
.feature-list4 .article .box .aside .h4:last-child {
	padding-bottom: 0;
}

.feature-list4 .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	margin: 0 -15px -60px -15px;
}

@media only screen and (max-width: 1199px) {
.feature-list4 {
	padding: 30px 0 80px 0
}
}

@media only screen and (max-width: 991px) {
.feature-list4 h2,
.feature-list4 .h2 { 
	padding-bottom: 40px;
}
    
    .feature-list4 h3,
.feature-list4 .h3 { 
	padding-bottom: 40px;
}

.feature-list4 .article {
	width: 33.33%;
}
}

@media only screen and (max-width: 767px) {
.feature-list4 {
	padding: 60px 0 60px 0
}

.feature-list4 h2,
.feature-list4 .h2 { 
	padding-bottom: 50px;
}
    
.feature-list4 h3,
.feature-list4 .h3 { 
	padding-bottom: 50px;
}

.feature-list4 .article {
	width: 50%;
	padding: 0 20px 40px 20px;
}

.feature-list4 .article-wrap {
	margin: 0 -20px -40px -20px;
}
}

@media only screen and (max-width: 479px) {
.feature-list4 .article {
	width: 100%;
}
}





/* Work Samples */

.work-samples {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 90px 0;
	background: #fff
}

.work-samples.home {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 90px 0;
	background: #F5F7FA
}

.work-samples.home .heading-txt {
	max-width:1100px;
}

.work-samples.service {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 90px 0;
	background: #F5F7FA
}

.work-samples.service .heading-txt {
	max-width:1000px;
}



.work-samples.etemplate {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 90px 0;
	background: #fff
}


.work-samples .article {
	width: 50%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 18px 60px 18px;
	margin: 0 -2px;

}
.work-samples .article figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 20px 0;
    
}
.work-samples .article figure img {
	width: 100%;
}
.work-samples .article h3 {
	padding: 0;
	margin: 0;
    font-size: 24px;
    text-align: left
}


.work-samples .article h3:last-child {
	padding-bottom: 0
}

.work-samples .article p {
	font-size: 15px;
	line-height: 20px;
    color: #999;
    text-align: left
}

.work-samples .article-out {
	width: 100%;
	float: left;
	padding: 0 22px;
	padding-bottom: 50px;
	margin: 30px 0 -43px 0
}


.work-samples .btn-out {text-align: center; margin-top: 10px}

.work-samples .btn-out p { font-size: 12px; padding-top: 10px; text-align: center; color: #999}





@media only screen and (max-width:991px) {
.work-samples {
	padding: 0 0 78px 0
}
.work-samples .article {
	width: 50%
}
.work-samples .article figure {
	margin: 0 0 28px 0
}
.work-samples .article-out {
	padding: 0 25px;
	padding-bottom: 50px
}
}
@media only screen and (max-width:767px) {
.work-samples {
	padding: 0 0 47px 0
}
.work-samples .article {
	width: 100%;
	padding: 0 10px 37px 10px;
	margin: 0 -2px
}
.work-samples .article figure {
	margin: 0 0 24px 0
}
    
.work-samples .article h3 {
font-size: 20px;
}

.work-samples .article-out {
	padding: 0 10px;
	padding-bottom: 50px;
	margin: 30px 0 -37px 0
}
}





/* Pricing - Table */
.pricing-tables11 {
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	background: #ffffff;
	overflow: hidden;
	padding: 80px 0 60px 0;
	margin: 0;
}

.pricing-tables11 .container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

.pricing-tables11 .article {
	width: 33.33%;
	min-height: 200px;
	padding: 0 15px 30px 15px;
}

.pricing-tables11 .article .box {
	width: 100%;
	height: 100%;
	background: #ffffff;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	overflow: hidden;
	padding: 40px 30px;
}

.pricing-tables11 .article .box .sub-heading {
	width: 100%;
	font-size: 17px;
	line-height: 24px;
	overflow: hidden;
	padding-bottom: 24px;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.pricing-tables11 .article .box .sub-heading:last-child {
	padding-bottom: 0;
}

.pricing-tables11 .article .box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-tables11 .article .box ul li {
	position: relative;
	padding: 0 0 6px 30px;
	margin: 0;
}

.pricing-tables11 .article .box ul li:last-child {
	padding-bottom: 0;
}

.pricing-tables11 .article .box ul li::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 18px;
	color: #0BC869;
	line-height: 1em;
	position: absolute;
	top: 3px;
	left: 0;
}

.pricing-tables11 .article .box .orange {
	color: #0BC869 !important;
    
}

.pricing-tables11 .article .price-wrap {
	width: 100%;
	text-align: center;
	border-bottom: 3px solid #0BC869;
	overflow: hidden;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
    
}

.pricing-tables11 .article .price-wrap .btn-out {
	margin-bottom: 20px
}

.pricing-tables11 .article .price-wrap .btn {
	width: 100%;
    font-size: 18px;
}



.pricing-tables11 .article .price-wrap p {
	padding: 0 0 10px 0;
	margin: 0;
    color: #999;
    font-size: 16px;
}

.pricing-tables11 .article .price-wrap p strong {
	padding: 0 0 20px 0;
	margin: 0;
    color: #333333;
    font-family: "aribau_grotesk_trialbold", sans-serif;
}


.pricing-tables11 .article .price-wrap p:last-child {
	padding-bottom: 0;
}

.pricing-tables11 .article .price-wrap .price {
    font-family: "aribau_grotesk_trialblack", sans-serif;
    font-size: 40px;
	color: #333333;
	line-height: 1em;
	position: relative;
	padding: 0 0 30px 0;
}

.pricing-tables11 .article .price-wrap .price sub,
.pricing-tables11 .article .price-wrap .price sup {
	position: relative;
	font-size: 50%;
	line-height: 0;
	vertical-align: baseline;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.pricing-tables11 .article .price-wrap .price sup {
	top: -12px;
	margin-right: 4px;
    font-family: "aribau_grotesk_trialmedium", sans-serif;
}

.pricing-tables11 .article .price-wrap .price sub {
	font-size: 60%;
	bottom: 0;
}

.pricing-tables11 .article .price-wrap .price-heading {
	width: 100%;
	font-family: "aribau_grotesk_trialbold", sans-serif;
	font-size: 24px;
	color: #0BC869;
	line-height: 1em;
	overflow: hidden;
	padding-bottom: 16px;
}

.pricing-tables11 .article .price-wrap .price-heading:last-child {
	padding-bottom: 0;
}

.pricing-tables11 .article-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -15px 30px -15px;
    
}





.pricing-tables11 .bottom-txt {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 0 30px 0;
}


.pricing-tables11 .bottom-txt aside {
	width: 100%;
	max-width: 950px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.pricing-tables11 .bottom-txt aside p {
	font-size: 15px;
    line-height: 1.4em;
    color: #666;
}




@media only screen and (max-width: 1199px) {
.pricing-tables11 {
	padding: 60px 0;
}

.pricing-tables11 .article {
	width: 50%;
}
}

@media only screen and (max-width: 767px) {
.pricing-tables11 {
	padding: 50px 0;
}

.pricing-tables11 .container {
	max-width: 600px;
	padding: 0 20px;
}

.pricing-tables11 .article {
	width: 100%;
}
}




/* Money - Back */
.money-back {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	padding: 20px 0 0 0;
	margin: 0 0 -120px 0;
}

.money-back .box {
	width: 100%;
	min-height: 100px;
	background: #1F1F23;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	overflow: hidden;
    padding-top: 20px;
}

.money-back .box .cont-wrap .figure {
	width: 180px;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-right: -180px;
    margin-bottom: 20px
}

.money-back .box .cont-wrap .figure img {
	width: 100%;
    	border-radius: 360px;

}

.money-back .box .cont-wrap .aside {
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	padding: 5px 0 0 240px;
}

.money-back .box .cont-wrap .aside h3,
.money-back .box .cont-wrap .aside .h3 {
	font-weight: 700;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: normal;
	padding-bottom: 25px;
    color: #fff;
}

.money-back .box .cont-wrap .aside p {
    color: #fff;
    font-style: italic;
    font-size: 18px;
    padding-bottom: 25px
}


.money-back .box .cont-wrap .aside h3:last-child,
.money-back .box .cont-wrap .aside .h3:last-child {
	padding-bottom: 0;
}

.money-back .box .cont-wrap .aside .author-txt {
	width: 100%;
	color: #919294;
	overflow: hidden;
}

.money-back .box .cont-wrap .aside .author-txt .name {
	font-weight: 700;
	font-size: 16px; 
	color: #0BC869;
	line-height: 24px;
    font-family: "poppins", sans-serif;
}

.money-back .box .cont-wrap .aside .author-txt .position {
	font-weight: 400;
	font-size: 15px; 
	color: #fff;
}

.money-back .box .cont-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #444;
	padding: 30px 80px 40px 80px;
}

.money-back .box .cont-wrap:last-child {
	border-bottom: none;
}

.money-back .box .card-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	font-size: 14px;
	line-height: 24px;
	padding: 40px 30px;
	margin: 0 -20px -40px -20px;
}

.money-back .box .card-wrap p {
    color: #999;
    font-size: 14px;
}

.money-back .box .card-wrap .txt-max {
	width: 60%;
	padding: 0 20px 40px 20px;
}

.money-back .box .card-wrap .cards {
	width: 40%;
	text-align: right;
	overflow: hidden;
	padding: 0 20px 40px 20px;
}

.money-back .box .card-wrap .cards img {
	max-height: 32px;
}

@media only screen and (max-width: 991px) {
.money-back .box .cont-wrap .aside {
	padding: 0 0 0 215px;
}

.money-back .box .cont-wrap {
	padding: 30px 40px 40px 40px;
}

.money-back .box .card-wrap {
	text-align: center;
	padding: 30px 40px;
	margin: 0 -20px -30px -20px;
}

.money-back .box .card-wrap .txt-max {
	width: 100%;
	padding: 0 20px 30px 20px;
}

.money-back .box .card-wrap .cards {
	width: 100%;
	text-align: center;
	padding: 0 20px 30px 20px;
}

.money-back .box .card-wrap .cards img {
	max-height: 32px;
}
}

@media only screen and (max-width: 767px) {
.money-back {
	padding: 30px 0 0 0;
}

.money-back .box {
	text-align: center;
}

.money-back .box .cont-wrap .figure {
	margin: 0 0 25px 0;
}

.money-back .box .cont-wrap .aside {
	width: 100%;
	padding: 0;
}

.money-back .box .cont-wrap {
	justify-content: center;
	padding: 30px 30px;
}

.money-back .box .card-wrap {
	padding: 30px 30px;
}

.money-back .box .card-wrap .txt-max p br {
	display: none;
}
}




/* Portfolio - Page */



/* Portfolio - Info */
.portfolio-info {
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 0 90px 0;
	background: #F5F7FA
}

.portfolio-info .heading-txt2 {
	max-width: 900px;
    margin-top: 40px;
}

.portfolio-info .heading-txt .aside {
	max-width: 900px;
}

.portfolio-info .filter-links {
	width: 100%;
	overflow: hidden;
	margin: 0 0 40px 0;
}

.portfolio-info .filter-links ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	margin: 0 -0.80% -1.60% -0.80%;
}

.portfolio-info .filter-links ul li { 
	width: 16.6667%; 
	position: relative; 
	z-index: 1;
	padding: 0 0.80% 1.60% 0.80%;
}

.portfolio-info .filter-links ul li::before {
	display: none;
}

.portfolio-info .filter-links ul li a { 
	width: 100%; 
	min-height: 72px; 
	float: left;	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	font-weight: 600;
	font-size: 14px;
	color: #161613;
	line-height: 20px;
	text-decoration: none; 
	background: #eeeeee;
	border-radius: 6px; 
	position: relative; 
	overflow: hidden;
	padding: 16px 46px 16px 16px;
}

.portfolio-info .filter-links ul li a .icon {
	width: 36px; 
	height: 36px;
	float: left; 	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	align-items: center; 
	justify-content:  center;
	position: absolute; 
	top: 50%;
	right: 5px; 
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1; 
}

.portfolio-info .filter-links ul li a .icon img { 
	max-height: 36px; 
}

.portfolio-info .filter-links ul li a:hover,
.portfolio-info .filter-links ul li a:focus,
.portfolio-info .filter-links ul li a:active,
.portfolio-info .filter-links ul li .is-checked { 
	color: #ffffff;
	background: #5d3eb3; 
	background: transparent linear-gradient(90deg, #5d3eb3 50%, #39286a 100%);	
}

.portfolio-info .gallery-item {
	width: 100%;
	overflow: hidden;
    margin-bottom: 50px
}

.portfolio-info .gallery-item .item {
	width: 25%;
	padding: 0 0.8% 1.90% 0.8%;
}

.portfolio-info .gallery-item .item p {
    position: relative;
    vertical-align: bottom;
    text-align: right;
    float: right;
    margin: -60px 20px 0 0;
    padding: 5px 15px;
    background: #161616;
    color: #fff;
    border-radius:6px;
    font-size: 13px;
    font-family: "poppins", sans-serif;
    letter-spacing: 0.06em;
    font-weight: 600;
    
    

}


.portfolio-info .gallery-item .item .box {
	width: 100%;
	float: left;
	position: relative;
}

.portfolio-info .gallery-item .item .box .figure {
	width: 100%;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
}

.portfolio-info .gallery-item .item .box .figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.portfolio-info .gallery-item .medium-img {
	width: 50%;
}

.portfolio-info .gallery-item .item-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -0.8% -1.90% -0.8%;
}

.portfolio-info .heading-txt .btn-out p { font-size: 15px; margin-top: 20px}


.portfolio-info .gallery-item .item .box:hover .figure img,
.portfolio-info .gallery-item .item .box:focus .figure img,
.portfolio-info .gallery-item .item .box:active .figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media only screen and (max-width: 1199px) {
.portfolio-info {
	padding: 150px 0 70px 0;
}

.portfolio-info .filter-links ul {
	margin: 0 -1.5% -3% -1.5%;
}

.portfolio-info .filter-links ul li { 
	width: 33.33%; 
	padding: 0 1.5% 3% 1.5%;; 
}

.portfolio-info .gallery-item .item {
	padding: 0 0.7% 1.5% 0.7%;
}

.portfolio-info .gallery-item .item-wrap {
	margin: 0 -0.7% -1.5% -0.7%;
}
}

@media only screen and (max-width: 767px) {
.portfolio-info {
	padding: 120px 0 50px 0;
}

.portfolio-info .filter-links ul li { 
	width: 50%; 
}

.portfolio-info .gallery-item .item {
	width: 49.75%;
	padding: 0 5px 10px 5px;
}

.portfolio-info .gallery-item .medium-img {
	width: 100%;
}

.portfolio-info .gallery-item .item-wrap {
	padding: 0;
	margin: 0 -5px -10px -5px;
}
}







/* Offer - Pages */



/* Portfolio - Cont */
.portfolio-cont { width:100%; font-weight:600; font-size:24px; line-height:36px; text-align:center; overflow:hidden; padding:60px 0 50px 0; background: #fff; margin-bottom: 60px; margin-top: 20px}

.portfolio-cont .sub-title { float:none; display:inline-block; vertical-align:top; font-size:20px; color:#1F1F23; line-height:20px; letter-spacing:1px; text-transform:uppercase; background:#fff; padding:16px 26px; margin:0 0 50px 0;font-family: "poppins", sans-serif; word-spacing: 2px; border: 3px dashed #00b359; border-bottom: 2px dashed #00b359;border-radius: 10px; font-weight: 800; }


.top-cont .aside p span {font-family: "aribau_grotesk_trialbold", sans-serif; color: #037FAA; border-bottom: 1px dashed #037FAA}


.portfolio-cont .sub-title:last-child { margin-bottom:0;}
.portfolio-cont h1,
.portfolio-cont .h1 { padding-bottom:30px; font-weight: 900}
.portfolio-cont h1:last-child,
.portfolio-cont .h1:last-child { padding-bottom:0;}
.portfolio-cont h1 .underline,
.portfolio-cont .h1 .underline { color:#161616; }


.portfolio-cont h2 { padding-bottom:30px; font-weight: 300; font-family: "poppins", sans-serif;
}

.portfolio-cont h2 span { color:#161616; font-weight: 900}



.portfolio-cont p { font-weight: normal; padding: 0 100px; margin-bottom: 20px}


.portfolio-cont p .underline { text-decoration:underline;}


.portfolio-cont h1.offer { font-size:56px; letter-spacing: -0.03em; margin:0 ; padding: 0; line-height: 1.7em;
}

.portfolio-cont h1 img { 
    height: 120px;
	color: #FF7278;
	line-height: 18px;
    top: 10px;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 30px;
	
}


.portfolio-cont .btn-out { margin-top: 40px; margin-bottom: 10px}


.portfolio-cont .txt { padding-bottom:80px;}
.portfolio-cont .txt:last-child { padding-bottom:0;}

.portfolio-cont .gallery-img { width:100%; float:none; display:inline-block; vertical-align:top;}
.portfolio-cont .gallery-img ul { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0; margin:20px -10px -20px -10px;}
.portfolio-cont .gallery-img ul li { width:50%; padding:0 10px 40px 10px; margin:0;}

.portfolio-cont .gallery-img ul li span {margin: 10px 0 10px 0; font-size: 14px}

.portfolio-cont .gallery-img ul li::before { display:none;}
.portfolio-cont .gallery-img ul li img { width:100%; border-radius: 10px;}

@media only screen and (max-width: 1199px) {
.portfolio-cont { font-size:22px; line-height:32px; padding:40px 0 80px 0;}
.portfolio-cont .sub-title { margin:0 0 25px 0;}
.portfolio-cont h1,
.portfolio-cont .h1 { padding-bottom:25px;}
.portfolio-cont .txt { padding-bottom:60px;}
}

@media only screen and (max-width: 767px) {
.portfolio-cont { font-size:20px; line-height:30px; padding:40px 0 60px 0;}
.portfolio-cont .sub-title { margin:0 0 20px 0;}
.portfolio-cont h1,
.portfolio-cont .h1 { padding-bottom:20px;}
.portfolio-cont .txt { padding-bottom:60px;}
    .portfolio-cont p { font-weight: normal; padding: 0 30px}

}




/* Split - Cont4 */
.split-cont41 { width:100%; margin: 0; padding: 0; }

.split-cont41 .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:flex-end; background:#ffffff; padding:20px 0 0 0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); z-index: 1000; position: relative}

.split-cont41 .box .figure { width:44%; text-align:center; overflow:hidden;}
.split-cont41 .box .figure img { width:100%;}


.split-cont41 .box .aside { width:56%; font-size: 20px; line-height: 30px; padding: 0 50px 50px 0;}

.split-cont41 .box .aside h2,
.split-cont41 .box .aside .h2 { font-size:40px; line-height: 50px; padding-bottom:20px;}
.split-cont41 .box .aside h2:last-child,
.split-cont41 .box .aside .h2:last-child { padding-bottom:0;}

.split-cont41 .box .aside p { padding-bottom:30px;}


.split-cont41 .box ol { width:100%; overflow:hidden; padding:0; margin:30px 0 0 0;}
.split-cont41 .box ol li { width:100%; overflow: hidden; font-size:18px; line-height:26px; padding:0 0 0 60px; margin:0 0 30px 0}
.split-cont41 .box ol li strong {font-family: "poppins", sans-serif; font-size: 18px; font-weight: 800}


.split-cont41 .box ol li:last-child { margin-bottom:0;}
.split-cont41 .box ol li::before { content: "0" counter(item); font-weight:600; font-size:200%; line-height:1.3em; color:#43C499}

@media only screen and (max-width: 1199px) {
.split-cont41 .box { padding:50px 0 0 0;}
.split-cont41 .box .figure { width:50%;}
.split-cont41 .box .aside { width:50%; font-size: 18px; line-height: 28px; padding: 0 40px 50px 0;}
.split-cont41 .box .aside h2,
.split-cont41 .box .aside .h2 { font-size:30px; line-height:40px; padding-bottom:25px;}
.split-cont41 .box .aside p { padding-bottom:25px;}

.split-cont41 .box ol { padding:0; margin:0;}
.split-cont41 .box ol li { margin:0 0 50px 0}
}

@media only screen and (max-width: 767px) {
.split-cont41 .box { padding:40px 0 0 0;}
.split-cont41 .box .figure { width:100%; order:2;}
.split-cont41 .box .aside { width:100%; order:1; font-size:16px; line-height:26px; padding:0 20px 40px 20px;}
.split-cont41 .box ol li { font-size:16px; line-height:26px; padding:0 0 0 75px; margin:0 0 40px 0}
}




/* Order - Cont */
.order-cont { width:100%; overflow: hidden; padding:70px 0;}
.order-cont .container { max-width:900px;}
.order-cont .heading-txt { font-size:24px; line-height:34px; padding-bottom:40px;}
.order-cont .heading-txt:last-child { padding-bottom:0;}
.order-cont .heading-txt h2,
.order-cont .heading-txt .h2 { font-size:40px; line-height: 50px; padding-bottom:20px;}
.order-cont .heading-txt h2:last-child,
.order-cont .heading-txt .h2:last-child { padding-bottom:0;}

.order-cont ul { width:70%; overflow:hidden; padding:0; margin:0 15%;}
.order-cont ul li { width:100%; overflow: hidden; font-size:18px; line-height:28px; padding:0 0 5px 30px; margin: 0}
.order-cont ul li:last-child { margin-bottom:0;}
.order-cont ul li:before {
    content:"\f058";
    font-family:"Font Awesome\ 5 Pro";
    font-weight:800;
    font-size:16px;
    color:#43C499;
    position:absolute;
    top:0;
    left:0;
}

@media only screen and (max-width: 1199px) {
.order-cont { padding:80px 0;}
.order-cont .heading-txt { font-size:22px; line-height:32px; padding-bottom:60px;}
.order-cont .heading-txt h2,
.order-cont .heading-txt .h2 { font-size:30px; line-height:40px;}
.order-cont ol { padding:0; margin:0;}
.order-cont ol li { margin:0 0 50px 0}
}

@media only screen and (max-width: 767px) {
.order-cont { padding:60px 0;}
.order-cont .heading-txt { font-size:20px; line-height:30px; padding-bottom:50px;}
.order-cont ol li { font-size:16px; line-height:26px; padding:0 0 0 75px; margin:0 0 40px 0}
}




/* Guarantee - Cont */
.guarantee-cont { width:100%; overflow:hidden; padding:0 0 100px 0;}
.guarantee-cont .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center; background:#ffffff; border-radius:0; overflow: hidden; padding:50px 100px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);}
.guarantee-cont .box .figure { width:203px; text-align:center; overflow:hidden; margin-right:-203px;}
.guarantee-cont .box .figure img { width:100%;}
.guarantee-cont .box .aside { width:100%; padding:0 0 0 253px;}

@media only screen and (max-width: 1199px) {
.guarantee-cont { padding:0 0 80px 0;}
.guarantee-cont .box { padding:50px 50px;}
}

@media only screen and (max-width: 767px) {
.guarantee-cont { text-align:center; padding:0 0 60px 0;}
.guarantee-cont .box { padding:40px 20px;}
.guarantee-cont .box .figure { width:100%; margin:0 0 30px 0;}
.guarantee-cont .box .figure img { max-width:180px;}
.guarantee-cont .box .aside { width:100%; padding:0;}
}






/* Porfolio - Sample - Page */


/* Porfolio - List */
.porfolio-list { width:100%; overflow: hidden; padding:70px 0 100px 0; background: #fff;}
.porfolio-list .article { width:50%; padding:0 15px 50px 15px; margin-bottom: 30px}
.porfolio-list .article .box { width:100%; height:100%; float:left; font-weight:inherit; font-size:16px; color:#999999; line-height:24px; text-decoration:none;}
.porfolio-list .article .box .figure { width:100%; text-align:center; border-radius:8px; overflow:hidden; margin-bottom:20px;}
.porfolio-list .article .box .figure img { width:100%; -webkit-transition-duration:0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property:transform; -webkit-transform:translateZ(0); transform:translateZ(0); z-index: 10; margin-bottom: 18px}

.porfolio-list .article .box .aside { width:100%; margin-top: -30px}
.porfolio-list .article .box .aside h3,
.porfolio-list .article .box .aside .h3 { font-weight:400; font-size:24px; color:#161613; line-height:34px; padding-bottom:5px; }
.porfolio-list .article .box:hover .figure img { -webkit-transform:scale(1.1); transform: scale(1.1); }
.porfolio-list .article-wrap { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -15px -50px -15px;}

@media only screen and (max-width: 1199px) {
.porfolio-list { padding:30px 0 80px 0;}
}

@media only screen and (max-width: 767px) {
.porfolio-list { padding:30px 0 60px 0;}
.porfolio-list .article { width:100%;}
}





/* Split - Cont5 */
.split-portfolio { width:100%; overflow:hidden; padding: 0 0 100px 0; background: #fff;}
.split-portfolio .box { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; background:#f7f7f7; overflow:hidden; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.split-portfolio .box .left-cl,
.split-portfolio .box .right-cl { width:50%; padding:100px 6%;}
.split-portfolio .box .aside { width:100%; font-weight:400; font-size:24px; color:#161613; line-height:36px; overflow:hidden;}

.split-portfolio .box .aside .sub-title { width:100%; font-weight:900; font-size:29px; color:#0399DB; line-height:1.4em; letter-spacing:0.5px; text-transform: capitalize; overflow:hidden; margin-bottom:30px; font-family: "poppins", sans-serif;}

.split-portfolio .box .left-cl .sub-title { color: #161613}



.split-portfolio .box .aside p { padding-bottom:30px; font-size: 18px}
.split-portfolio .box .aside p:last-child { padding-bottom:0;}
.split-portfolio .box .aside .btn,
.split-portfolio .box .aside input[type="button"],
.split-portfolio .box .aside input[type="submit"] { font-weight:500; }
.split-portfolio .box .aside .btn-out { margin:30px 0 0 0;}
.split-portfolio .box .right-cl { background:#0D2237;} 
.split-portfolio .box .right-cl .aside { color:#ffffff;}
.split-portfolio .box .right-cl .aside p { color:#ffffff;} 



@media only screen and (max-width: 1199px) {
.split-portfolio { padding: 0 0 80px 0;}
.split-portfolio .box .left-cl,
.split-portfolio .box .right-cl { width:50%; padding:80px 4%;}
.split-portfolio .box .aside { font-size:20px; line-height:32px;}
.split-portfolio .box .aside .sub-title { margin-bottom:30px;}
.split-portfolio .box .aside .btn-out { margin:20px 0 0 0;}
}

@media only screen and (max-width: 767px) {
.split-portfolio { padding: 0 0 60px 0;}
.split-portfolio .box .left-cl,
.split-portfolio .box .right-cl { width:100%; padding:60px 8%;}
.split-portfolio .box .aside .sub-title { margin-bottom:25px;}
.split-portfolio .box .aside p { padding-bottom:20px;}
}