/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Text color -------------------------------
	         Responsive Helpers -----------------------
	     05. Animation --------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Small Desktop ----------------------------
	     04. Header -----------------------------------
	         Small Desktop ----------------------------
	         Small Desktop ----------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Browser Box ------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     02. Button -----------------------------------
	     03. Btn Primary ------------------------------
	     04. Btn Green --------------------------------
	         Button Block -----------------------------
	     05. Button Play ------------------------------
	     06. Btn To top -------------------------------
	         Small Desktop ----------------------------
	     07. Checkperf Box ----------------------------
	     08. Customer ---------------------------------
	         Small Desktop ----------------------------
	     09. Feature ----------------------------------
	     10. Form Elements ----------------------------
	     11. Form -------------------------------------
	     12. Form Contact -----------------------------
	         Small Desktop ----------------------------
	     13. Form Login -------------------------------
	     14. Form Widget ------------------------------
	         Form Widget ------------------------------
	     15. Form Report ------------------------------
	     16. Ico --------------------------------------
	     17. Intro ------------------------------------
	         Small Desktop ----------------------------
	     18. List -------------------------------------
	     19. List Dots --------------------------------
	     20. List Results -----------------------------
	     21. List Details -----------------------------
	     22. List Thumbs ------------------------------
	     23. Logo -------------------------------------
	     24. Nav --------------------------------------
	         Small Desktop ----------------------------
	     25. Nav-show ---------------------------------
	     26. Nav language -----------------------------
	     27. Package ----------------------------------
	     28. Package Secondary ------------------------
	     29. Package Tertiary -------------------------
	     30. Popup ------------------------------------
	     31. Search -----------------------------------
	     32. Section ----------------------------------
	     33. Section Benefits  ------------------------
	         Small Desktop ----------------------------
	     34. Section Features -------------------------
	         Small Desktop ----------------------------
	     35. Section Pricing --------------------------
	     36. Section Partners -------------------------
	         Small Desktop ----------------------------
	     37. Section Start ----------------------------
	     38. Section Contact --------------------------
	     39. Slider Testimonials ----------------------
	         Small Desktop ----------------------------
	     40. Spinner ----------------------------------
	     41. Switch -----------------------------------
	     42. Table ------------------------------------
	     43. Testimonial ------------------------------
	         Small Desktop ----------------------------
	     44. Video ------------------------------------
	     45. Widget -----------------------------------
	IV.  Themes ---------------------------------------
	     01. Magnific Popup ---------------------------
 */

/* ----------------- BASE ----------------------- */

/* ----------------- CLOUDIMAGE ----------------------- */

/* bouton hover vert dans cloudimage (d'habitude bleu) */

/* ----------------- CLOUDIMAGE HSL ----------------------- */

/* https://www.w3schools.com/colors/colors_converter.asp */

/*

$color-primary:      hsl(195, 81%, 50%);
$color-primary2:     hsl(199, 72%, 46%);
$color-primary-dark: hsl(219, 23%, 27%);

$color-tra-1:        hsla(181, 83%, 88%, 1);
$color-tra-2:        hsla(201, 76%, 79%, 1);
$color-tra-3:        hsla(195, 81%, 50%, 1);
$color-tra-4:        hsla(227, 37%, 55%, 1);

$color-trb-1:        hsla(210, 17%, 98%, 1);
$color-trb-2:        hsla(201, 76%, 79%, 1);
$color-trb-3:        $color-tra-3;
$color-trb-4:        $color-tra-4;

$color-trc-1:        hsla(89, 52%, 53%, 1);
$color-trc-2:        hsla(174, 52%, 53%, 1);

$color-bg:           hsla(198, 67%, 82%, 0.3);

$color-btn-1:        hsla(198, 73%, 47%, 0.25);
$color-btn-2:        hsla(195, 81%, 50%, 1);
$color-btn-3:        hsla(199, 72%, 46%, 1);

$color-btn-s-1:      hsla(160, 49%, 55%, 0.25);
$color-btn-s-2:      hsla(89,  52%, 53%, 1);
$color-btn-s-3:      hsla(174, 52%, 53%, 1);

$color-btn-hover0:   $color-primary;
$color-btn-hover1:   hsl(89, 52%, 53%);

*/

/* ----------------- CLOUDVIDEO ----------------------- */

/* https://www.w3schools.com/colors/colors_converter.asp */

/*

$color-background:   hsl(29, 37%, 96%);

$color-primary:      hsl(29, 81%, 50%);
$color-primary2:     hsl(21, 72%, 46%);
$color-primary-dark: hsl(35, 23%, 27%);

$color-base:         hsla(40, 3%, 48%, 1);   
$color-blue:         hsla(40, 100%, 25%, 1);
$color-light-blue:   hsla(29, 79%, 50%, 1);
$color-light:        hsla(29, 75%, 60%, 0.3);

$color-tr-1:         hsla(29, 81%, 50%, 1);
$color-tr-2:         hsla(28, 72%, 46%, 1);

$color-tra-1:        hsla(23, 83%, 88%, 1);
$color-tra-2:        hsla(32, 76%, 79%, 1);
$color-tra-3:        hsla(30, 81%, 50%, 1);
$color-tra-4:        hsla(29, 37%, 55%, 1);

$color-trb-1:        hsla(31, 17%, 98%, 1);
$color-trb-2:        hsla(29, 76%, 79%, 1);
$color-trb-3:        $color-tra-3;
$color-trb-4:        $color-tra-4;

$color-trc-1:        hsla(2, 52%, 53%, 1);
$color-trc-2:        hsla(10, 52%, 53%, 1);

$color-bg:           rgba(178, 221, 240, 0.3);


$color-btn-1:        hsla(20, 73%, 47%, 0.25);
$color-btn-2:        hsla(20, 81%, 50%, 1);
$color-btn-3:        hsla(20, 72%, 46%, 1);

$color-btn-s-1:      hsla(0, 49%, 55%, 0.25);
$color-btn-s-2:      hsla(50,  52%, 53%, 1);
$color-btn-s-3:      hsla(20, 52%, 53%, 1);


$color-btn-hover0:   $color-primary;
$color-btn-hover1:   hsl(16, 52%, 53%);
*/

/* ----------------- AIRSTORE ----------------------- */

/* https://www.w3schools.com/colors/colors_converter.asp */

/*

$color-background:   hsl(270, 37%, 96%);

$color-primary:      hsl(270, 81%, 50%);
$color-primary2:     hsl(270, 72%, 46%);
$color-primary-dark: hsl(270, 23%, 27%);

$color-base:         hsla(270, 3%, 48%, 1); 
$color-blue:         hsla(270, 100%, 25%, 1); 
$color-light-blue:   hsla(270, 79%, 50%, 1);
$color-light:        hsla(270, 75%, 60%, 0.3);

$color-tr-1:         hsla(270, 81%, 50%, 1);
$color-tr-2:         hsla(270, 72%, 46%, 1);

$color-tra-1:        hsla(270, 83%, 88%, 1);
$color-tra-2:        hsla(270, 76%, 79%, 1);
$color-tra-3:        hsla(270, 81%, 50%, 1);
$color-tra-4:        hsla(270, 37%, 55%, 1);

$color-trb-1:        hsla(270, 17%, 98%, 1);
$color-trb-2:        hsla(270, 76%, 79%, 1);
$color-trb-3:        $color-tra-3;
$color-trb-4:        $color-tra-4;

$color-trc-1:        hsla(270, 52%, 53%, 1);
$color-trc-2:        hsla(270, 52%, 53%, 1);

$color-bg:           rgba(270, 221, 240, 0.3);


$color-btn-1:        hsla(270, 73%, 47%, 0.25);
$color-btn-2:        hsla(270, 81%, 50%, 1);
$color-btn-3:        hsla(270, 72%, 46%, 1);

$color-btn-s-1:      hsla(270, 49%, 55%, 0.25);
$color-btn-s-2:      hsla(270,  52%, 53%, 1);
$color-btn-s-3:      hsla(270, 52%, 53%, 1);

$color-btn-hover0:   $color-primary;
$color-btn-hover1:   hsl(270, 52%, 53%);

*/

/* ------------------------------------- */

.ico-arrow-right { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 1388.235294117647% 592.8571428571429%; width: 17px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-up { background-image: url(images/sprite.png); background-position: 98.20627802690582% 54.43037974683544%; background-size: 1815.3846153846152% 2075%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-cubes { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 287.8048780487805% 202.4390243902439%; width: 82px; height: 82px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-down { background-image: url(images/sprite.png); background-position: 90.54054054054053% 55.84415584415584%; background-size: 1685.7142857142858% 1383.3333333333335%; width: 14px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-download { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 323.28767123287673% 212.82051282051282%; width: 73px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-share { background-image: url(images/sprite.png); background-position: 52.760736196319016% 0%; background-size: 323.28767123287673% 207.50000000000003%; width: 73px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }

.logo-alt { background-image: url(images/sprite.png); background-position: 0% 78.08219178082192%; background-size: 143.03030303030303% 830.0000000000001%; width: 165px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }

.logo { background-image: url(images/sprite.png); background-position: 0% 60.56338028169014%; background-size: 119.79695431472082% 691.6666666666667%; width: 197px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-arrow-right { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 1388.235294117647% 507.1428571428571%; width: 17px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-up { background-image: url(images/sprite.@2x.png); background-position: 98.20627802690582% 64.17910447761194%; background-size: 1815.3846153846152% 1775%; width: 13px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-cubes { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 287.8048780487805% 173.17073170731706%; width: 82px; height: 82px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-down { background-image: url(images/sprite.@2x.png); background-position: 90.54054054054053% 66.15384615384615%; background-size: 1685.7142857142858% 1183.3333333333335%; width: 14px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-download { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 323.28767123287673% 182.05128205128204%; width: 73px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-share { background-image: url(images/sprite.@2x.png); background-position: 52.760736196319016% 0%; background-size: 323.28767123287673% 177.5%; width: 73px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { background-image: url(images/sprite.@2x.png); background-position: 0% 72.88135593220339%; background-size: 119.79695431472082% 591.6666666666667%; width: 197px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }}

.cols:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: hsl(197, 37%, 96%); font-family: 'Yantramanav', sans-serif; font-size: 16px; line-height: 1.63; color: hsla(240, 3%, 48%, 1); }

a { color: inherit; text-decoration: underline; }

a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.815em; color: hsla(195, 100%, 25%, 1); }

h1 { font-size: 55px; line-height: 1.09; font-weight: 300; }

h2 { font-size: 45px; }

h3 { font-size: 35px; letter-spacing: 0.01em;  }

h4 { font-size: 25px; letter-spacing: 0.01em; }

h5 { font-size: 18px; font-weight: 400; color: hsla(240, 3%, 48%, 1); }

h6 { font-size: 14px; font-weight: 700; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.63em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
	body { font-size: 14px; }
	
	h1 { font-size: 35px; }
	h2 { font-size: 25px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -ms-flexbox; display: flex;  }

.cols:after { }

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

.col--size1 { width: calc(17.19% + 7px); padding: 0 4px 0 3px; }

.col--size2 { width: calc(27.8% + 17px); padding: 0 4px 0 13px }

/* Text color */

.text-color-red { color: #c7254e; }

.text-color-blue { color: #2f50ee; }

.material-icons { font-size: 16px; color: #999; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1220px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1221px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
	Animation
\* ------------------------------------------------------------ */

@keyframes spinnerAnimation {
  0%, 40%, 100% { transform: scaleY(0.5); }

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

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@media (max-width: 1023px) {
	.col--size1,
	.col--size2 { width: 50%; padding: 0 10px; }
}

@media (max-width: 767px) {
	.col--size2 { width: 100%; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { position: relative; padding-bottom: 250px; }

.container + .section { margin-top: -250px; }

.container .shell { position: relative; z-index: 1; }

.container__background { height: 326px; width: 200%; position: absolute; bottom: 40px; left: -50%; -ms-transform: skew(30deg) rotate(-13deg); transform: skew(30deg) rotate(-13deg); z-index: -1; }

.container__background:before {
	content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
	background: linear-gradient(to right, rgba(25,  180, 231, 1) 0%, rgba(33,  149, 204, 1) 100%); 
	z-index: 1; opacity: .8; }

.container__background:after {
	content: '';
	background: linear-gradient(to right, rgba(200, 249, 250, 1) 0%, rgba(159, 213, 242, 1) 47%, rgba(24,  179, 230, 1) 68%, rgba(97,  115, 183, 1) 87%);
	opacity: .3; height: 49px;
	position: absolute;
	bottom: 93.5%; left: 0;
	right: 0; z-index: -1; width: 100%; z-index: -2; -ms-transform: rotate(1.2deg); transform: rotate(1.2deg); 
}

@media (max-width: 479px) {
	.container__background { width: 250%; left: -70%; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #fff; padding: 60px 0 40px; position: relative; }

.footer .footer__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 49px; }

.footer .logo-alt { display: inline-block; vertical-align: middle; margin-right: 31px; }

.footer .footer__aside { margin-top: -7px; padding-right: 36px; }

.footer .footer__aside h5 { font-size: 20px; color: #818182; display: inline-block; vertical-align: middle; margin: 0 17px 0 0; }

.footer .footer__nav { display: inline-block; vertical-align: middle; }

.footer .footer__nav { font-size: 0; display: inline-block; vertical-align: middle; }

.footer .footer__nav li { display: inline-block; vertical-align: middle; font-size: 14px;  }

.footer .footer__nav li ~ li { margin-left: 16px; }

.footer .footer__nav a { color: #585858; font-weight: 400; text-decoration: none; }

.footer .footer__nav a:hover { color: hsla(195, 79%, 50%, 1); }

.footer .copyright { font-size: 13px; color: #818182; letter-spacing: 0.01em; text-align: center; }

.footer .btn-to-top { position: absolute; bottom: 23px; left: 19px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.footer .footer__aside { padding-right: 0; }
}

@media (max-width: 1023px) {
	.footer { padding: 40px 0; }
	
	.footer .footer__nav { display: block; padding-top: 10px; }
	.footer .copyright { padding: 0 50px; }

	.footer .footer__aside { text-align: center; width: 220px; }
	.footer .footer__aside h5 { font-size: 18px; margin-right: 5px; display: block; }
}

@media (max-width: 767px) {
	.footer { padding-bottom: 20px; }

	.footer .logo-alt { margin:0 0 10px; }

	.footer .copyright { font-size: 12px; }
	.footer .footer__inner { display: block; text-align: center; margin-bottom: 35px; }

	.footer .footer__aside { margin-top: 0; width: 100%; margin-top: 20px; }
	.footer .footer__aside h5 { margin-right: 0; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 22px 37px 22px 30px; position: absolute; top: 0; left: 0; right: 0; z-index: 5; transition: background .3s; }

.header:before { content: ''; border-style: solid; border-width: 185px 50vw 0 0; border-color: #fff transparent transparent transparent; position: absolute; top: 0; left: 0; z-index: -1; }

.header:after { content: '';
	background: linear-gradient(to right, rgba(248, 249, 250, 1) 0%, rgba(159, 213, 242, 1) 47%, rgba(24,  179, 230, 1) 68%, rgba(97,  115, 183, 1) 87%);
	opacity: .1; height: 10vh; position: absolute; top: 4vw; left: -11%; width: 830px; -ms-transform: rotate(-18deg); transform: rotate(-18deg); z-index: -2;
}

.header .logo { float: left; margin-top: 5px; }

.header .header__content { text-align: right; font-size: 0; }

/* Small Desktop */

@media (max-width: 1520px) {
	.header:after { -ms-transform: rotate(-23deg); transform: rotate(-23deg); left: -18%; }

}

/* Small Desktop */

@media (max-width: 1220px) {
	.header:after { content: none; }
}

@media (max-width: 1023px) {
	.header {  padding: 22px 10px 22px; }
}

@media (max-width: 767px) {
	.header:before {  border-width: 10vh 50vw 0 0;}

	.header .nav-show { position: absolute; top: 50%; right: 10px; -ms-transform: translateY(-7px); transform: translateY(-7px); }
	.header.nav-active { background: #fff; }

}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1243px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell-fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; overflow: hidden; }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Browser Box
\* ------------------------------------------------------------ */

.browser-box .browser-box__actions { background: #fdfdfd; border-radius: 5px 5px 0 0; max-width: 292px; padding: 14px 18px 9px; border-bottom: 1px solid #e3f8ff; }

.browser-box .browser-box__actions .list-dots { margin-right: 11px; }

.browser-box .browser-box__actions h6 { display: inline-block; vertical-align: middle; margin-bottom: 0; color: #b3b4b4; text-transform: uppercase; letter-spacing: 0.01em; }

.browser-box .browser-box__content { background: #fff; font:400 14px/1.86 'Roboto Mono', monospace; color: #364156; padding: 37px 33px 48px; border-radius: 0 5px 5px 5px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.browser-box .browser-box__content { padding: 37px 15px 48px; }
}

/* Mobile */

@media (max-width: 767px) {

	.browser-box .browser-box__content { font-size: 12px; overflow-x: scroll; }
}

@media (max-width: 479px) {

	.browser-box .browser-box__actions { max-width: 100%; }
	.browser-box .browser-box__content { border-radius: 0 0 5px 5px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; cursor: pointer; border-radius: 5px; 
	box-shadow: 0 4px 10px rgba(32, 154, 208, 0.25);
	background: linear-gradient(to right, rgba(25, 180, 231, 1) 0%, rgba(33, 149, 204, 1) 100%); 
	color: #fff; line-height: 1; padding: 12px 19px 10px 20px; font-weight: 700; letter-spacing: 0.01em; text-transform: uppercase; 
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;

}

.btn:hover { background: #19b4e7; }

/* ------------------------------------------------------------ *\
	Btn Primary
\* ------------------------------------------------------------ */

.btn--primary { font-size: 20px; padding: 15px 16px 15px 21px; }

/* ------------------------------------------------------------ *\
	Btn Green
\* ------------------------------------------------------------ */

.btn--green { 
	box-shadow: 0 4px 10px rgba(85,  197, 159, 0.25); 
	background: linear-gradient(to right, rgba(136, 197, 71,  1) 0%, rgba(71,  197, 184, 1) 100%); 
}

.btn--green:hover { background: #88c547; }

/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Button Play
\* ------------------------------------------------------------ */

.btn-play { display: inline-block; width: 77px; height: 77px; border-radius: 50%; text-align: center; line-height: 77px; }

/* ------------------------------------------------------------ *\
	Btn To top
\* ------------------------------------------------------------ */

.btn-to-top { padding: 0; opacity: .5; width: 38px; height: 38px; line-height: 38px; transition: opacity .3s; }

.btn-to-top:hover { opacity: 1; }

/* Small Desktop */

@media (max-width: 1220px) {
	.btn { padding: 12px 14px 10px; }

	.btn-to-top { padding: 0; }
}

@media (max-width: 767px) {
	.btn { font-size: 14px; }
	.btn--primary { font-size: 16px; }
}

@media (max-width: 479px) {
	.btn-play { width: 51px; height: 51px; line-height: 51px; }
}

/* ------------------------------------------------------------ *\
  Checkperf Box
\* ------------------------------------------------------------ */

.checkperf-box .container {
  padding-bottom: 20px;
}

.checkperf-box .btn-reset {
  display: none;
}

.checkperf-box .checkperf-box-head { margin-bottom: 52px; }

.checkperf-box .checkperf-box-body p { color: #145C7D; }

.checkperf-box .checkperf-box-body p.location { color: white; }

.checkperf-box .checkperf-box-title {  line-height: 1.22; text-align: center; color: #fff; }

.checkperf-box .checkperf-box-results {
  display: none;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding-top: 15px;
}

.checkperf-box .checkperf-box-results .list-buttons {  
  color: #333;
}

.checkperf-box .checkperf-box-results > p {
  font-size: 17px;
  line-height: 20px;
}

.checkperf-box .checkperf-box-actions {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  width: 100%;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: visibility 1s ease-in-out, opacity 1s ease-in-out;
}

.checkperf-box .checkperf-box-actions.visible {
  visibility: visible;
  display: block;
  opacity: 1;
}

.checkperf-box .checkperf-box-inner {
  max-height: 0;
  transition: max-height 1.2s ease-in-out;
  overflow: hidden;
  position: relative;
}

.checkperf-box .checkperf-box-form {
  display: none;
}

.checkperf-box .checkperf-box-form.visible {
  display: block;
  animation: fadeIn .5s linear;
}

.checkperf-box .checkperf-box-information {
  position: relative;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  transition: transform .5s ease-in-out, visibility .5s ease-in-out, opacity .5s ease-in-out;
  visibility: hidden;
  display: none;
  opacity: 0;
}

.checkperf-box .checkperf-box-information.visible {
  -ms-transform: translateY(0);
      transform: translateY(0);
  visibility: visible;
  display: block;
  opacity: 1;
}

.checkperf-box .checkperf-box-information-inner {
  padding: 0 20px;
  min-height: 45px;
}

.checkperf-box .checkperf-box-information-content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.checkperf-box .checkperf-box-information-content span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.checkperf-box .checkperf-box-information-content p {
  font-size: 17px; line-height: 20px;
  margin: 0 10px;
}

.checkperf-box .checkperf-box-error {
  display: none;
  font-size: 3rem;
  font-weight: 400;
  padding: 47px 80px 0;
  text-align: center;
}

.checkperf-box-servers {
  list-style-type: none;
  margin: 0;
  text-align: left;
  padding: 0;
}

.checkperf-box-servers:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both;
}

.checkperf-box-server {
  float: left;
  width: 23%;
  margin-right: 2.6%;
  margin-bottom: 20px;
  overflow: hidden;
}

.checkperf-box-server:nth-child(4n+4) {
  margin-right: 0;
}

.checkperf-box-server .checkperf-box-server-head {
  text-align: center;
  background: #2296CD;
  color: #fff;
  padding: 7px 3px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  border: 1px solid  #2296CD;
  border-bottom: 0;
  min-height: 35px;
  position: relative;
}

.checkperf-box-server .checkperf-box-server-head p {
  margin-bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility .3s, opacity .3s;
}

.checkperf-box-server .checkperf-box-server-head .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: visibility .3s, opacity .3s;
}

.checkperf-box-server .checkperf-box-server-body {
  font-weight: 600;
  line-height: 2rem;
  border-radius: 0 0 5px 5px;
  border: 1px solid  #2296CD;
  border-top: 0;
  max-height: 0;
  transition: max-height 2s ease-in-out;
  overflow: hidden;
}

.checkperf-box-server .checkperf-box-server-body p {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.checkperf-box-server .checkperf-box-server-body p + p {
  margin-top: 12px;
}

.checkperf-box-server .checkperf-box-server-body p + .checkperf-box-server-gains {
  margin-top: 20px;
  display: block;
}

.checkperf-box-server .checkperf-box-server-body span {
  font-size: 16px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.checkperf-box-server .checkperf-box-server-body strong {
  width: 100%;
  max-width: 62px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.checkperf-box-server .checkperf-box-server-inner {
  background: #fff;
  padding: 10px 5px 10px 8px;
  font-size: 15px;
}

.checkperf-box-server .checkperf-box-server-gains {
  font-size: 2rem;
  text-align: center;
  line-height: 5rem;
  display: block;
}

.checkperf-box-server .checkperf-box-server-gains strong {
  font-size: 30px;
  line-height: 32px;
  display: block;
  max-width: 100%;
}

.checkperf-box.loading.user_data_sent .btn-submit {
  pointer-events: none;
}

.checkperf-box.loading.user_data_sent .btn-submit > strong {
  display: none;
}

.checkperf-box.loading.user_data_sent .btn-submit .spinner {
  display: inline-block;
}

.checkperf-box.visible .checkperf-box-results,
.checkperf-box.loaded .checkperf-box-results {
  display: block;
}

.checkperf-box.visible .checkperf-box-inner,
.checkperf-box.loaded .checkperf-box-inner {
  max-height: 10000px;
}

.checkperf-box.loaded .checkperf-box-server {
  border-radius: 5px;
}

.checkperf-box.loaded .btn-reset {
  display: inline-block;
}

.checkperf-box.loaded .btn-submit {
  display: none;
}

.checkperf-box.loaded .checkperf-box-server-body {
  max-height: 1000px;
}

.checkperf-box.loaded .checkperf-box-results.disabled {
  display: none;
  animation: fadeOut .5s linear;
}

.checkperf-box.loaded .checkperf-box-server .checkperf-box-server-head p {
  visibility: visible;
  opacity: 1;
}

.checkperf-box.loaded .checkperf-box-server .checkperf-box-server-head .spinner {
  visibility: hidden;
  opacity: 0;
}

.checkperf-box.error .checkperf-box-error {
  display: block;
  animation: fadeIn .5s linear;
}

.checkperf-box.error .btn-reset {
  display: inline-block;
}

.checkperf-box.loading .btn-submit {
  visibility: hidden;
}

.checkperf-box.error .btn-submit {
  display: none;
}

@media (max-width: 767px) {
  .checkperf-box-server {
    width: 47%;
    margin-right: 6%;
  }

  .checkperf-box-server:nth-child(2n+2) {
    margin-right: 0;
  }

  .checkperf-box .checkperf-box-actions {
    position: relative;
    margin-bottom: -110px;
  }

  .checkperf-box .checkperf-box-actions.visible {
    margin-bottom: 0;
  }

  .checkperf-box .checkperf-box-error {
    font-size: 2rem;
    padding: 30px 50px 0;
  }

  .checkperf-box .checkperf-box-information {
    font-size: 1.5rem;
    -ms-transform: translate(0);
        transform: translate(0);
    display: none;
    animation: fadeOut .5s linear;
  }

  .checkperf-box .checkperf-box-information-inner {
    min-height: 0;
    transition: min-height .5s;
    padding: 0;
  }

  .checkperf-box .checkperf-box-information-content {
    position: static;
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    display: block;
  }

  .checkperf-box .checkperf-box-information.visible {
    display: block;
    animation: fadeIn .5s linear;
  }

  .checkperf-box .checkperf-box-information.visible .checkperf-box-information-inner {
    min-height: 40px;
  }
}

@media (max-width: 480px) {
  .checkperf-box-server {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
  }

  .checkperf-box .checkperf-box-title {
    font-size: 1.6rem;
  }

  .checkperf-box .checkperf-box-information-content span {
    display: none;
  }

  .checkperf-box .checkperf-box-information-content p {
    margin: 0;
  }

  .checkperf-box-server .checkperf-box-server-gains {
    font-size: 18px; /*2rem;*/
    line-height: 4rem;
  }

  .checkperf-box-server .checkperf-box-server-gains strong {
    font-size: 40px;
  }

  .checkperf-box .checkperf-box-error {
    font-size: 1.5rem;
    padding: 20px 10px 0;
  }
}

.checkperf-image-example {
  color: black;
  font-size: 20px;
}

/* ------------------------------------------------------------ *\
	Customer
\* ------------------------------------------------------------ */

.customers { list-style: none; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; }

.customers .customer { width: 25%; max-width: 230px; }

.customer { text-align: center; }

.customer .customer__title { font-weight: 700; margin-bottom: 10px; }

.customer .customer__title a { text-decoration: none; }

.customer .customer__title a:hover { color: hsla(195, 79%, 50%, 1); }

.customer .customer__image { width: 135px; height: 135px; border-radius: 50%; overflow: hidden; margin: 0 auto 23px; }

.customer .customer__content p { letter-spacing: 0.01em; }

/* Small Desktop */

@media (max-width: 1220px) {
	.customer { padding: 0 10px; }
}

@media (max-width: 767px) {
	.customers { display: block; }
	.customers .customer { width: 100%; max-width: 100%; }
	.customers .customer ~ .customer { margin-top: 30px; }


	.customer .customer__image { margin-bottom: 10px; }

}

/* ------------------------------------------------------------ *\
	Feature
\* ------------------------------------------------------------ */

.features { list-style: none;}

.feature { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 380px; }

.feature ~ .feature { margin-top: 35px; }

.feature .feature__title { color: hsla(195, 100%, 25%, 1); font-weight: 500; margin-bottom: 13px; }

.feature .feature__icon { width: 100px; }

.feature .feature__content { width: calc(100% - 100px); }

@media (max-width: 1023px) {
	.feature { margin: 0 auto; }
}

@media (max-width: 479px) {
	.feature .feature__icon { width: 90px; }
	.feature .feature__content { width: calc(100% - 90px); }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: #c0c0c0; opacity: 1; }

input:-ms-input-placeholder { color: #c0c0c0; opacity: 1; }

input::placeholder { color: #c0c0c0; opacity: 1; }

textarea::-webkit-input-placeholder { color: #c0c0c0; opacity: 1; }

textarea:-ms-input-placeholder { color: #c0c0c0; opacity: 1; }

textarea::placeholder { color: #c0c0c0; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field,
.textarea { font-size: 16px; display: block; width: 100%; border: 0; border-radius: 0; box-shadow: 0 4px 10px rgba(199,204,207,.25); border: 1px solid transparent; border-radius: 5px; padding: 15px 20px 12px; transition: border-color .3s; }

.textarea:focus,
.field:focus { border-color: #cfdadf; }

.textarea { resize: none; min-height: 200px; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form .form__label { font-size: 18px; display: block; margin-bottom: 8px; }

.form .form__row ~ .form__row { margin-top: 20px; }

.form .form__actions { text-align: center; }

.form .form__body { margin-bottom: 20px; }

.form .form__btn { border: none; }

.form .error .field { color: #da6878; border-color: #d96777; }

.form .field-group { position: relative; }

.form .field-group .field__icon { position: absolute; top: 50%; left: 17px; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; line-height: 1; }

.form .field-group .field__icon ~ .field { padding: 14px 20px 13px 44px; }

.form .field-group .field {  padding: 14px 20px 13px 25px;}

@media (max-width: 767px) {
	.form .form__label { font-size: 16px; margin-bottom: 5px; }
}

/* ------------------------------------------------------------ *\
	Form Contact
\* ------------------------------------------------------------ */

.form--contact .form__row ~ .form__row { margin-top: 20px; }

.form--contact .form__body { margin-bottom: 40px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.form--contact .form__row ~ .form__row { margin-top: 15px; }
}

/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */

.form--login .form__body {overflow: hidden; }

.form--login .form__actions p { font-size: 13px; margin:3px 0 6px; }

.form--login .form__actions p ~ p { margin-bottom: 4px; }

.form--login .form__actions p a { font-size: 13px; }

.form--login .form__actions a { text-decoration: none; color: hsla(195, 79%, 50%, 1); font-size: 14px; }

.form--login .form__actions .form__btn { display: block; color:#fff; width: 100%; padding: 15px; margin-bottom: 23px; }

.form--login .form__actions a:hover { color: hsla(195, 100%, 25%, 1); }

.form--login .cols { margin: 0 -5px; }

.form--login .col { padding: 0 5px; }

/* ------------------------------------------------------------ *\
  Form Widget
\* ------------------------------------------------------------ */

.form-widget { position: relative; }

.form-widget .field:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*  Form Widget  */

.form-widget .form-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.form-widget .form-body { width: 100%; }

.form-widget .form-row {
  position: relative;
}

.form-widget .form-label { text-transform: uppercase; position: absolute; top: 22px; left: 22px; color: #999; font-weight: 400; margin-bottom: 0; line-height: 1; }

.form-widget .form-actions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.form-widget .field { border: none; padding: 19px 96px 18px 56px; color: #999; }

.form-widget .form-actions { position: absolute; top: 50%; right: 4px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.form-widget .btn { border: 0; border-radius: 0; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 20px; padding: 12px 28px; box-shadow: none; letter-spacing: 0.01em; font-weight: 700; line-height: normal; }

.form-widget .field::-webkit-input-placeholder { color: #dedede; }

.form-widget .field:-ms-input-placeholder { color: #dedede; }

.form-widget .field::placeholder { color: #dedede; }

@media (max-width: 767px) {
  .form-widget .field {
    width: 100%; font-size: 14px; 

  }

  .form-widget .form-inner {
    display: block;
    width: 100%;
  }
}

@media (max-width: 480px) {

  .form-widget .form-body {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .form-widget .form-actions { position: static; -ms-transform: translateY(0); transform: translateY(0);
    width: 100%;
  }

  .form-widget .form-label { left: 12px; top: 21px; }

  .form-widget .field {
    padding: 19px 22px 18px 44px;
  }
}

/* ------------------------------------------------------------ *\
	Form Report
\* ------------------------------------------------------------ */

.form-report {
  padding: 15px 0 0 0;
}

.form-report .form-inner {
  max-width: 55%;
  margin: auto;
}

.form-report .form-title {
  font-size: 1.8rem;
  margin-bottom: 0;
}

.form-report .form-head {
  margin-bottom: 20px;
}

.form-report .form-body {
  padding-right: 7px;
  margin-bottom: 12px;
}

.form-report .form-label {
  margin-bottom: 0;
  font-size: 1.8rem;
}

.form-report .form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 11px;
}

.form-report .form-row:last-child {
  margin-bottom: 0;
}

.form-report .form-col-size1 {
  width: 100%;
  text-align: right;
}

.form-report .form-col-size2 {
  max-width: 71.5%;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.form-report .form-message {
  font-weight: 700;
  font-size: 1.8rem;
  display: none;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #5cb85c;
}

.form-report .form-message p {
  margin-bottom: 0;
}

.form-report .field {
  width: 100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin-left: 10px;
  text-indent: 10px;
  font-size: 1.8rem;
  border: 1px solid  #a7a9aa;
  line-height: 1.8rem;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
  transition: border-color .5s, box-shadow .5s;
  border-radius: 0;
}

.form-report .field:focus {
  box-shadow: inset 0 0 1px rgba(68, 156, 250, 0.5);
  border-color: #449cfa;
}

.form-report .field::-webkit-input-placeholder {
  color: #dedede;
  opacity: 1;
}

.form-report .field::-moz-placeholder {
  color: #dedede;
  opacity: 1;
}

.form-report .field:-moz-placeholder {
  color: #dedede;
  opacity: 1;
}

.form-report .field:-ms-input-placeholder {
  color: #dedede;
  opacity: 1;
}

.form-report .btn-green {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
}

.form-report.submitted .form-inner {
  display: none;
  animation: fadeOut .5s linear;
}

.form-report.submitted .form-message {
  display: block;
  animation: fadeIn .5s linear;
}

@media (max-width: 767px) {
  .form-report .form-inner {
    max-width: 100%;
  }

  .form-report .form-row {
    display: block;
    width: 100%;
  }

  .form-report .form-body {
    padding-right: 0;
  }

  .form-report .field {
    margin-left: 0px;
  }

  .form-report .form-col-size1 {
    width: 100%;
    text-align: left;
  }

  .form-report .form-col-size2 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .form-report .form-title {
    font-size: 1.5rem;
  }

  .form-report .form-label {
    font-size: 1.3rem;
  }

  .form-report .field {
    font-size: 1.3rem;
    margin-left: 0px;
  }

  .form-report .form-message {
    font-size: 1.5rem;
  }

  .form-report .btn-green {
    display: block;
    width: 100%;
    text-align: center;
  }
}

/* ------------------------------------------------------------ *\
	Ico
\* ------------------------------------------------------------ */

[class^="ico-"] { display: inline-block; vertical-align: middle; background-repeat: no-repeat; }

.ico-face { width: 73px; height: 73px; }

.ico-flower { width: 62px; height: 71px; }

.ico-flower path { fill: #fff; }

.ico-suitcase { width: 67px; height: 61px; }

.ico-suitcase svg .cls-1 { fill:none; stroke-miterlimit:10;stroke-width:5px;}

.ico-rocket { width: 57px; height: 75px; }

.ico-rocket svg g { fill: #49b6e1; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { padding-top: 176px; margin-bottom: 169px; }

.intro .intro__inner {  display: -ms-flexbox;  display: flex; }

.intro .intro__content { width: 100%; max-width: 523px; padding-right: 40px; position: relative; }

.intro .intro__content .intro__image { position: absolute; top: 100%; right: 84px; margin-top: -7px; }

.intro .intro__aside { position: relative;  width: 100%; max-width: 700px; padding-top: 5px; }

.intro .intro__aside .intro__image { position: absolute; top: -88px; right: 11px; z-index: 1; }

.intro .intro__icon { box-shadow: 0 71px 38px rgba(51,91,106,.09); }

.intro .intro__title { margin-bottom: 30px; }

.intro .intro__title strong { color: hsla(195, 79%, 50%, 1); }

.intro .intro__actions { padding: 26px 0 0 0; }

/* Small Desktop */

@media (max-width: 1220px) {
	.intro .intro__content { padding-right: 20px; }

	.intro .intro__aside { max-width: 600px; }
}

@media (max-width: 1023px) {
	.intro { padding-top: 170px; }
	.intro .intro__inner { display: block; }

	.intro .intro__content { max-width: 100%; text-align: center; margin-bottom: 70px; padding-right: 0; }

	.intro .intro__content .intro__image { display: none; }

	.intro .intro__aside { display: block; max-width: 100%; }
}

@media (max-width: 767px) {
	.intro { padding-top: 100px; margin-bottom: 40px; }
	.intro .intro__title { margin-bottom: 20px; }
	.intro .intro__aside .intro__image { display: none; }

	.intro .intro__content { margin-bottom: 40px; }

	.intro .intro__actions { padding-top: 15px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"],
[class^="list-"] ul { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Dots
\* ------------------------------------------------------------ */

.list-dots { font-size: 0; display: inline-block; vertical-align: middle;  }

.list-dots li { display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; margin: 0 4px 0 3px; }

.list-dots .dot-orange { background: #f67a00; }

.list-dots .dot-yellow { background: #ebc71f; }

.list-dots .dot-green { background: #31bb37; }

/* ------------------------------------------------------------ *\
	List Results
\* ------------------------------------------------------------ */

.list-results li { position: relative; padding-left: 25px; }

.list-results li:before { content: ''; width: 6px; height: 2px; background: #d1d3d4; position: absolute; top: 11px; left: 0; }

.list-results .list-item-source { letter-spacing: 0.025em; color: #23527c; }

.list-results a { text-decoration: none; }

.list-results a:hover { text-decoration: underline; }

@media (max-width: 767px) {
	.list-results li { padding-left: 15px; }
	.list-results li:before { top: 12px; }
}

/* ------------------------------------------------------------ *\
	List Details
\* ------------------------------------------------------------ */

.list-details li { line-height: 1.13; }

.list-details li ~ li { margin-top: 22px; }

@media (max-width: 767px) {
	.list-details li ~ li { margin-top: 10px; }
}

/* ------------------------------------------------------------ *\
	List Thumbs
\* ------------------------------------------------------------ */

.list-thumbs { font-size: 0; }

.list-thumbs li { display: inline-block; vertical-align: middle; width: calc(25% - 12px); margin: 0 6px; cursor: pointer; box-shadow: 5px 9px 35px rgba(0,0,0,.05); display: block; height: 71px; position: relative; background: #fff; transition: background .3s; }

.list-thumbs li img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; transition: opacity .3s; }

.list-thumbs li .active-img { opacity: 0; transition: opacity .3s; }

.list-thumbs .thumb-red:hover,
.list-thumbs .thumb-red.slick-current { background: #db002f; }

.list-thumbs .thumb-blue:hover,
.list-thumbs .thumb-blue.slick-current { background: #1a60a8; }

.list-thumbs .thumb-yellow:hover,
.list-thumbs .thumb-yellow.slick-current { background: #fff040; }

.list-thumbs .thumb-darkred:hover,
.list-thumbs .thumb-darkred.slick-current { background: #a83146; }

.list-thumbs li:hover img,
.list-thumbs .slick-current img { opacity: 0; }

.list-thumbs li:hover .active-img,
.list-thumbs .slick-current .active-img { opacity: 1; }

@media (max-width: 479px) {
	.list-thumbs li { height: 50px; }
	.list-thumbs img { width: 80%; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo {}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-weight: 500; text-transform: uppercase; font-size: 0; padding-top: 2px; text-align: right; display: inline-block; vertical-align: middle; }

.nav ul { display: inline-block; vertical-align: middle; }

.nav li { display: inline-block; vertical-align: middle; margin: 0 20px; }

.nav a {  font-size: 16px; text-decoration: none; display: inline-block; vertical-align: middle; }

.nav a:not(.btn) { color: hsla(195, 100%, 25%, 1); transition: color .3s; }

.nav a:not(.btn):hover { color: hsla(195, 79%, 50%, 1); }

.nav .btn { margin:-2px 0 0 19px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.nav li { margin: 0 10px; }
}

@media (max-width: 1023px) {
	.nav a { font-size: 15px; }
	.nav li { margin: 0 5px; }

	.nav .btn { margin-left: 5px; }
}

@media (max-width: 767px) {
	.nav { position: absolute; top: 100%; left: 0; right: 0; text-align: center; background: #fff; padding: 30px 0; display: none; }
	.nav ul { display: block; text-align: center; margin: 0; }
	.nav li { display: block; width: 100%; text-align: center; margin: 0 0 10px; }
	.nav a { font-size: 16px; }

	.nav.active { -ms-transform: translateY(0); transform: translateY(0); }
}

/* ------------------------------------------------------------ *\
	Nav-show
\* ------------------------------------------------------------ */

.nav-show { position: relative; display: inline-block; width: 25px; height: 14px; display: none; }

.nav-show span { position: absolute; display: block; height: 2px; width: 100%; background: hsla(195, 79%, 50%, 1); transition: top .2s .25s, left .2s .25s, opacity .2s .25s; }

.nav-show span:nth-child(1) { top: 0; }

.nav-show span:nth-child(2) { top: 6px; }

.nav-show span:nth-child(3) { top: 12px; }

.nav-show.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }

.nav-show.active span:nth-child(3),
.nav-show.active span:nth-child(1) { top: 6px;  background: hsla(195, 100%, 25%, 1); }

.nav-show.active span:nth-child(2) { opacity: 0; }

.nav-show.active span:nth-child(1) { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.nav-show.active span:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (max-width: 767px) {
	.nav-show { display: inline-block; }
}

/* ------------------------------------------------------------ *\
	Nav language
\* ------------------------------------------------------------ */

.nav-lang { display: inline-block; vertical-align: middle; position: relative; min-width: 47px; margin-left: 5px; }

.nav-lang .nav-lang-selected { display: block; padding: 8px 10px; cursor: pointer; }

.nav-lang img { width: 25px; }

.nav-lang ul { border: 1px solid rgba(0,0,0,.15); background: #fff; position: absolute; top: 100%; left: 0; right: 0; display: none; }

.nav-lang li { padding: 3px 10px; }

@media (max-width: 1023px) {
	.nav-lang { margin-left: 0; min-width: 0; }

	.nav-lang .nav-lang-selected { padding: 8px 5px; margin-left: 2px; }

	.nav-lang li { padding: 3px 5px; }
}

@media (max-width: 767px) {
	.nav-lang { margin-right: 30px; }
}

/* ------------------------------------------------------------ *\
	Package
\* ------------------------------------------------------------ */

.package { position: relative; background: #f7fafc; box-shadow: 5px 9px 35px rgba(0,0,0,.05); border-radius: 5px; text-align: center; padding: 41px 15px 60px;
		min-height: 600px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.package .package__actions { text-align: center; -ms-flex-item-align: end; align-self: flex-end;}

.package h6 { color: #b3b4b4; font-weight: 400; }

.package .package__icon { margin-bottom: 21px; height: 75px; position: relative; }

.package .package__icon > i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.package .package__head { width: 100%; -ms-flex-item-align: start; align-self: flex-start; }

.package .package__head p { text-transform: uppercase; color: #b4b3b4; margin-bottom: 31px; }

.package .package__price { color: #818182; line-height: 1; margin-bottom: 4px; font-weight: 500; }

.package .package__body { letter-spacing: 0.01em; width: 100%; }

@media (max-width: 1023px) {
	.package { margin-bottom: 20px; min-height: 640px; }
}

@media (max-width: 767px) {
	.package { min-height: 451px; padding: 20px 10px; }
	.package .package__icon { margin-bottom: 10px; }
	.package .package__head { margin-bottom: 30px; }
	.package .package__head p { margin-bottom: 15px; }

	.package .package__body { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Package Secondary
\* ------------------------------------------------------------ */

.package--secondary { background:linear-gradient(#19b4e7, #2195cc); color: #fff; }

.package--secondary h6,
.package--secondary .package__head p,
.package--secondary .package__price { color: #fff; }

/* ------------------------------------------------------------ *\
	Package Tertiary
\* ------------------------------------------------------------ */

.package--tertiary { background: #364156; color: #d3d2d2; padding-top: 40px; }

.package--tertiary h6,
.package--tertiary .package__head p { color: #d3d2d2; }

.package--tertiary .package__price { color: #fff; }

.package--tertiary h6 { margin-bottom: 0; }

.package--tertiary .package__head p { margin-bottom: 21px; }

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup { max-width: 470px; margin: 0 auto; background: #f1f2f2; border-radius: 5px; overflow: hidden; }

.popup .popup__head { background: #fff; text-align: center; padding: 25px 0 23px; }

.popup .popup__body { padding: 30px 30px 23px; }

.popup .popup__title { font-weight: 400; line-height: 1; }

.popup .popup__title ~ p { margin-top: 5px; margin-bottom: -5px; }

@media (max-width: 767px) {
	.popup .popup__head { padding: 10px 5px; }

	.popup .popup__body { padding: 20px 10px; }
}

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { position: relative; }

.search .search__field { border: 0; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; display: block; width: 100%; color: #999; padding: 19px 96px 18px 22px;}

.search .search__btn {  position: absolute; top: 50%; right: 4px; border: 0; border-radius: 0; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 20px; padding: 12px 28px; -ms-transform: translateY(-50%); transform: translateY(-50%); box-shadow: none; letter-spacing: 0.01em; font-weight: 700; }

@media (max-width: 479px) {
	.search .search__field { margin-bottom: 20px; padding: 19px 22px 18px; }
	.search .search__btn { position: static; -ms-transform: translateY(0); transform: translateY(0); }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section .section__head { text-align: center; }

.section__background { height: 326px; width: 200vw; -ms-transform: skew(30deg) rotate(-13deg); transform: skew(30deg) rotate(-13deg); z-index: -1; opacity: .8; }

.section__background:before { content: '';  
	background: rgba(178, 221, 240, 0.3);
	position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.section__background:after { content: ''; border-style: solid; border-width: 42px 0 0 200vw; border-color: transparent transparent transparent hsla(196, 75%, 60%, 0.3); position: absolute; bottom: 0; left: 0; right: 0; }

@media (max-width: 767px) {
	.section__background { width: 250vw; }
}

/* ------------------------------------------------------------ *\
	Section Benefits 
\* ------------------------------------------------------------ */

.section--benefits { max-width: 653px; margin: 0 auto 150px; color: #fff; text-align: center; }

.section--benefits h3 { display: block; font-weight: 300; color: #fff; line-height: 1; }

.section--benefits .section__title { text-align: center; color: #fff; line-height: 1.22; }

.section--benefits .section__head { margin-bottom: 52px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.section--benefits { margin-bottom: 70px; }
}

/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */

.section--features { margin-bottom: 131px; }

.section--features .shell { position: relative; }

.section--features .section__head { margin-bottom: 76px; }

.section--features .section__head h5 { color: hsla(195, 100%, 25%, 1); }

.section--features .section__image { position: absolute; top: -33px; right: 40px; }

.section--features .section__body { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.section--features .section__aside { width: 100%; max-width: 760px; }

.section--features .section__content { width: calc(100% - 760px); }

/* Small Desktop */

@media (max-width: 1220px) {
	.section--features { margin-bottom: 70px; }

	.section--features .section__aside { max-width: 600px; }
	.section--features .section__content { width: calc(100% - 600px); }
}

@media (max-width: 1023px) {
	.section--features .section__head { margin-bottom: 40px; }

	.section--features .section__body { display: block; }
	.section--features .section__content { width: 100%; margin-bottom: 50px; }
	.section--features .section__aside { max-width: 100%; }
}

@media (max-width: 767px) {
	.section--features { margin-bottom: 40px; }
	.section--features .section__image { display: none; }
}

/* ------------------------------------------------------------ *\
	Section Pricing
\* ------------------------------------------------------------ */

.section--pricing {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	margin-top: 50px; /* changed by scaleflex, was too close from previous section */
}

.section--pricing .section__background { position: absolute; top: 45%; left: -50%; }

.section--pricing .section__head { margin-bottom: 76px; }

.section--pricing .section__title { margin-bottom: 19px; }

.section--pricing .cols { -ms-flex-pack: center; justify-content: center; }

.section--pricing .section__group { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: -1; }

.section--pricing .section__group--annual { opacity: 1; visibility: visible; position: relative; z-index: 1; }

.section--pricing.on-visible .section__group--monthly { opacity: 1; visibility: visible; position: relative; z-index: 1; }

.section--pricing.on-visible .section__group--annual { opacity: 0; position: absolute; visibility: hidden; z-index: -1;  }

@media (max-width: 1023px) {
	.section--pricing .section__head { margin-bottom: 40px; }
	
	.section--pricing .cols { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
}

@media (max-width: 767px) {
	.section--pricing .cols { display: block; }
}

/* ------------------------------------------------------------ *\
	Section Partners
\* ------------------------------------------------------------ */

.section--partners { position: relative; z-index: 1; }

.section--partners .section__group ~ .section__group { margin-top: 20px; }

.section--partners .section__head { margin-bottom: 74px; }

.section--partners .section__head--alt { margin-bottom: 49px; }

.section--partners .section__head h5 { color: hsla(195, 100%, 25%, 1); }

.section--partners .section__title { line-height: 1; margin-bottom: 4px; }

.section--partners .section__inner { box-shadow: 5px 9px 35px rgba(0,0,0,.05); background-color: #f7fafc; border-radius: 5px; padding: 88px 82px 30px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.section--partners .section__inner { padding: 40px 30px; }
}

@media (max-width: 1023px) {
	.section--partners .section__head { margin-bottom: 40px; }

	.section--partners .section__inner { padding: 20px; }
}

@media (max-width: 767px) {
	.section--partners .section__inner { padding: 30px 10px; }
}

/* ------------------------------------------------------------ *\
	Section Start
\* ------------------------------------------------------------ */

.section--start { text-align: center; padding: 78px 0 97px; }

.section--start h5 { color: hsla(195, 100%, 25%, 1); }

.section--start .section__actions { padding-top: 18px; }

@media (max-width: 1023px) {
	.section--start { padding: 40px 0; }
}

/* ------------------------------------------------------------ *\
	Section Contact
\* ------------------------------------------------------------ */

.section--contact { padding: 70px 0 100px; }

.section--contact .section__title { margin-bottom: 46px; }

.section--contact .section__head { margin-bottom: 35px; }

.section--contact .section__actions { display: inline-block; font-size: 0; border-radius: 5px; overflow: hidden; }

.section--contact .section__actions a { display: inline-block; vertical-align: middle; font-size: 20px; text-transform: uppercase; font-weight: 700; background: #fff; text-decoration: none; color: hsla(195, 100%, 25%, 1); padding: 9px 20px; letter-spacing: 0.01em; }

.section--contact .section__actions a:hover,
.section--contact .section__actions .active {
	background: linear-gradient(to right, rgba(136, 197, 71,  1) 0%, rgba(71,  197, 184, 1) 100%);
	color: #fff; }

.section--contact .section__body { max-width: 500px; margin: 0 auto; }

@media (max-width: 767px) {
	.section--contact { padding: 100px 0 50px; }
	.section--contact .section__head { margin-bottom: 30px; }
	.section--contact .section__title { margin-bottom: 20px; }
	.section--contact .section__actions a { font-size: 16px; }
	.section--contact .section__body { max-width: 520px; padding: 0 10px; }
}

/* ------------------------------------------------------------ *\
	Slider Testimonials
\* ------------------------------------------------------------ */

.slider--testimonials { position: relative; }

.slider--testimonials .slider__slide { padding-bottom: 50px; }

.slider--testimonials .list-thumbs { width: calc(100% - 513px); position: absolute; bottom: 0; right: 6px; }

.slider--testimonials .list-thumbs .slick-track { padding-bottom: 50px; }

/* Small Desktop */

@media (max-width: 1220px) {
	.slider--testimonials .list-thumbs { width: calc(100% - 500px); }
}

@media (max-width: 1023px) {
	.slider--testimonials .list-thumbs { position: static; width: 100%; }	
}

@media (max-width: 767px) {
	.slider--testimonials .slider__slides { margin-bottom: 20px; }
	.slider--testimonials .slider__slide { padding-bottom: 0; }

	.slider--testimonials .list-thumbs .slick-track { padding-bottom: 24px; }
}

/* ------------------------------------------------------------ *\
	Spinner
\* ------------------------------------------------------------ */

.spinner { width: 50px; height: 25px; text-align: center; font-size: 10px; display: inline-block; }

.spinner .rect { background-color: #fff; height: 100%; width: 3px; display: inline-block; animation: spinnerAnimation 1.2s infinite ease-in-out; }

.spinner .rect-2 { animation-delay: -1.1s; }

.spinner .rect-3 { animation-delay: -1.0s; }

.spinner .rect-4 { animation-delay: -0.9s; }

.spinner .rect-5 { animation-delay: -0.8s; }

/* ------------------------------------------------------------ *\
	Switch
\* ------------------------------------------------------------ */

.switch { position: relative; display: inline-block;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.switch input {display:none; }

.switch span { font-size: 20px; }

.switch .switch__on { color: hsla(195, 100%, 25%, 1); display: inline-block; vertical-align: middle; margin-right: 15px; }

.switch .switch__off { color: hsla(195, 79%, 50%, 1); display: inline-block; vertical-align: middle; margin-left: 15px; }

.switch .switch-slider { width: 50px; height: 25px; border-radius: 8px; background: linear-gradient(to right, rgba(25,  180, 231, 1) 0%, rgba(33,  149, 204, 1) 100%); border-radius: 5px; position: relative; display: inline-block; vertical-align: middle; }

.switch .switch-slider:before { content: ''; background: linear-gradient(to right, rgba(25,  180, 231, 1) 0%, rgba(33,  149, 204, 1) 100%); border-radius: 3px; width: 16px; height: 16px;  background: linear-gradient(to right, rgba(25,  180, 231, 1) 0%, rgba(33,  149, 204, 1) 100%); border: 3px solid #fff; position: absolute; top: 50%; margin-top: -7px; left: 4px; -ms-transform: translateX(26px); transform: translateX(26px); transition: transform .3s; }

.switch input:checked ~ .switch-slider:before { -ms-transform: translateX(0); transform: translateX(0); }

.switch input:checked ~ .switch__on { color: hsla(195, 79%, 50%, 1); }

.switch input:checked ~ .switch__off { color: hsla(195, 100%, 25%, 1); }

@media (max-width: 767px) {
	.switch span { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Testimonial
\* ------------------------------------------------------------ */

.testimonial { font-size: 18px; line-height: 1.53; letter-spacing: 0.01em; display: -ms-flexbox; display: flex; }

.testimonial blockquote { margin-bottom: 14px; }

.testimonial .testimonial__author a { color: hsla(195, 79%, 50%, 1); text-decoration: none; }

.testimonial .testimonial__author a:hover { color: hsla(195, 100%, 25%, 1); }

.testimonial .testimonial__actions { padding-top: 24px; }

.testimonial .testimonial__actions a { text-decoration: none; font-size: 14px; text-transform: uppercase; display: inline-block; line-height: 1; }

.testimonial .testimonial__actions a i { vertical-align: bottom; }

.testimonial .testimonial__actions a span { display: inline-block; vertical-align: bottom;  margin-left: 5px; }

.testimonial .testimonial__actions a:hover { color: hsla(195, 79%, 50%, 1); }

.testimonial .testimonial__content { width: calc(100% - 470px); padding-left: 43px;  display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 71px; }

.testimonial .testimonial__image { position: relative; width: 470px; height: 264px; background: #fff; box-shadow: 5px 9px 35px rgba(0,0,0,.05); }

.testimonial .testimonial__image > img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }

/* Small Desktop */

@media (max-width: 1220px) {
	.testimonial .testimonial__content { padding-left: 30px; }
}

@media (max-width: 1023px) {
	
	.testimonial .testimonial__image { width: 320px; }

	.testimonial .testimonial__content { width: calc(100% - 320px); padding: 0 0 0 20px; }
}

@media (max-width: 767px) {
	.testimonial { display: block; }
	.testimonial .testimonial__image { width: 100%; margin-bottom: 20px; }
	.testimonial .testimonial__content { width: 100%; padding-left: 0; }
}

@media (max-width: 479px) {
	.testimonial .testimonial__image { height: 200px; }
}

/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */

.video { position: relative; }

.video .video-holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.video .video-holder iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: -1; }

.video .btn-play { position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -34px; }

.video .video__image { position: relative; box-shadow: 5px 9px 35px rgba(0,0,0,.05); }

.video .video__image img { width: 100%; }

.video .video__image:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0;  background: rgba(255, 255, 255, 0.9); }

.video-play .btn-play { opacity: 0; z-index: -1; }

.video-play .video-holder,
.video-play iframe { z-index: 1; }

.video-play .video__image { opacity: 0; }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Magnific Popup
\* ------------------------------------------------------------ */

.mfp-bg { opacity: 1; background: rgba(74, 179, 219, 0.89); }