/*!
Theme Name: Tradeplus Online
Theme URI: https://tradeplusonline.com/
Author: Webinfy.in
Author URI: https://www.webinfy.in/
Description: Invest or Trade easily in Equity, Options, Commodities, Currency, Mutual funds, IPO, Global stocks with our Limitless Zero Brokerage Trading App.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tradeplusonline
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tradeplus Online is based on Webinfy https://www.webinfy.in/, (C) 2012-2020 Automattic, Inc.
Tradeplus Online is distributed under the terms of the GNU GPL v2 or later.
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
*, *::after, *::before
{
	box-sizing: border-box;
}
:after, :before
{
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
::selection
{
	background:#076bdd; color:#fff; 
}
::-moz-selection
{
	background:#076bdd; color:#fff;
}
.scrollup
{
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: none;
    color: #000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 10%);
    border: solid 1px #EBEBEB;
    border-radius: 3px;
    font-size: 26px;
    text-align: center;
    line-height: 34px;
}
.scrollup:hover
{
	
}
.scrollup i
{
	-webkit-animation:scrollup 1s infinite;
	animation:scrollup 1s infinite;
}
@-webkit-keyframes scrollup
{
	0%
	{
		transform:translateY(10px)
	}
	50%
	{
		transform:translateY(0px)
	}
	100%
	{
		transform:translateY(10px)
	}
}
@keyframes scrollup
{
	0%
	{
		transform:translateY(10px)
	}
	50%
	{
		transform:translateY(0px)
	}
	100%
	{
		transform:translateY(10px)
	}
}
body
{
	width:auto;
	margin:0;
	border:0;
	font-family: 'Inter', sans-serif;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
	position:static !important;
}
img
{
	max-width:100%;
	vertical-align: middle;
	border: 0;
}
.clearfix:after
{
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both !important;
	content:".";
	line-height:0;
	height:0;
}
.clearfix
{
	display:inline-block;
}
html[xmlns] .clearfix
{
	display:block;
}
*html .clearfix
{
	height:1%;
}
:focus
{
	outline:0;
}
.clear
{
	clear:both !important;
}
.clear:after
{
    display: block;
    content: "";
    clear: both;
}
ul.list
{
	padding:0;
	margin:15px 0;
	list-style:none;
} 
ul.list li
{
    color: #000;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
}
ul.list li strong
{
    color: #000;
    font-weight: 600;
}
ul.list li:before
{
    content: " ";
    background: url(../svg/listicon.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    left: 0px;
    width: 15px;
    height: 12px;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
p
{
    color: #000;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0px;
}
p strong
{
    color: #000;
    font-weight: 600;
}
a
{
	color:#ff3000;
	text-decoration:none;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
a:hover
{
	color:#000; 
}
h1, h2, h3
{ 
	margin:15px 0;
}

.progress-wrap {
	height: 36px;
	width: 36px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 1px rgba(0,0,0,0.2);
	z-index: 10000;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
	display:none;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: #1F8CCC;
	stroke-width: 6;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* #Cursor
================================================== */

.cursor,
.cursor2,
.cursor3{
	position: fixed;
	border-radius: 50%;	
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	left: -100px;
	top: 50%;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.cursor{
	background-color: #9BC640;
	z-index: 999999999;
	height: 0;
	width: 0;
}
.cursor2,.cursor3{
	height: 46px;
	width: 46px;
	z-index:99999999;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out
}
.cursor2.hover,
.cursor3.hover{
	-webkit-transform:scale(1.4) translateX(-35%) translateY(-35%);
	transform:scale(1.4) translateX(-35%) translateY(-35%);
	border:none
}
.cursor2{
}
.cursor2.hover{
	background: #9BC640;
}
.cursor2.hover .progress-wrap {
	box-shadow: inset  0 0 0 2px #9BC640;
}
.cursor2.hover .progress-wrap svg.progress-circle path {
	
}
.loader
{
	
}
#preloader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999999;
}
#status
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.loader-icon
{
    width: 200px;
    height: 98px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.blue
{
    fill: rgba(31, 140, 204,0);
    stroke: rgba(31, 140, 204);
    stroke-width: 4px;
    stroke-dasharray: 2100;
    stroke-dashoffset: 2100;
	-webkit-animation:blue 6s ease-in infinite;
	animation:blue 6s ease-in infinite;
}
@keyframes blue
{
	50%
	{
		stroke-dashoffset:0;
		fill:rgba(31, 140, 204,0);
	}
	75%
	{
		stroke-dashoffset:0;
		fill:rgba(31, 140, 204,0);
	}
	100%,75%
	{
		stroke-dashoffset:0;
		fill:rgba(31, 140, 204,1);
	}
}
@-webkit-keyframes blue
{
	50%
	{
		stroke-dashoffset:0;
		fill:rgba(31, 140, 204,0);
	}
	75%
	{
		stroke-dashoffset:0;
		fill:rgba(31, 140, 204,0);
	}
	100%,75%
	{
		stroke-dashoffset:0;
		fill:rgba(31, 140, 204,1);
	}
}
.green
{
    fill: rgba(155, 198, 64, 0);
    stroke: rgb(155, 198, 64);
    stroke-width: 4px;
    stroke-dasharray: 2200;
    stroke-dashoffset: 2200;
	-webkit-animation:green 6s ease-in infinite;
	animation:green 6s ease-in infinite;
}
@keyframes green
{
	50%
	{
		stroke-dashoffset:0;
		fill:rgba(155, 198, 64,0);
	}
	75%
	{
		stroke-dashoffset:0;
		fill:rgba(155, 198, 64,0);
	}
	100%,75%
	{
		stroke-dashoffset:0;
		fill:rgba(155, 198, 64,1);
	}
}
@-webkit-keyframes green
{
	50%
	{
		stroke-dashoffset:0;
		fill:rgba(155, 198, 64,0);
	}
	75%
	{
		stroke-dashoffset:0;
		fill:rgba(155, 198, 64,0);
	}
	100%,75%
	{
		stroke-dashoffset:0;
		fill:rgba(155, 198, 64,1);
	}
}
.wow
{
	visibility:hidden;
}
.dark-mode
{
  background-color: #000;
}
.mode-switch-container
{
    position: fixed;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999999;
}
.mode-switch
{
    display: inline-block;
    width: 44px;
    height: 90px;
    position: relative;
    background-color: #dce9f0;
    border-radius: 22px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
	padding:2px;
	cursor:pointer;
}
.mode-switch:before,
.mode-switch:after
{
    content: "White";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: transform 0.3s ease;
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mode-switch:after
{
	content: "Dark";
    color: #fff;
}
.mode-switch:before {
  top: 2px;
  background-color: #fff;
}
.mode-switch:after {
  bottom: 2px;
  background-color: #000;
}
.mode-switch-container input[type="checkbox"] {
  visibility: hidden;
  display:none;
}
.mode-switch-container input[type="checkbox"]:checked + .mode-switch:before {
  transform: translateY(46px);
}
.mode-switch-container input[type="checkbox"]:checked + .mode-switch:after {
  transform: translateY(-46px);
}
.mode-switch-container input[type="checkbox"]:checked + .mode-switch {
  background-color: #6e6e6e;
}
.logowhite
{
	display:none !important;
}
.dark-mode .logoblack,
.dark-mode .fordesk
{
	display:none;
}
.dark-mode .logowhite
{
	display:block !important;
}
.dark-mode .nav:after
{
    background: url(../svg/bgnavblack.svg) top left/cover no-repeat;
    z-index: 98;
}
.dark-mode .menu-icon__line
{background-color:#fff}
.dark-mode .media ul li a:before
{
    background: #121212;
}
.dark-mode .media ul li a img
{
    background: #fff;
}
.dark-mode p,
.dark-mode .container h1,
.dark-mode .media ul li a h3,
.dark-mode .social-icon h3,
.dark-mode .nav__list-item a small
{
	color:#fff !important;
}
.dark-mode .date-time
{
	filter:invert(1);
}
.dark-mode .noContent
{
    color: #fff !important;
    border: solid 1px #fff !important;
}
.dark-mode .footer-bottom p
{
    color: #000 !important;
}
.language-slelect
{
    margin-right: 50px;
    margin-left: 15px;
    position: relative;
    width: 30px;
}
.language-slelect .gtranslate_wrapper
{
	
}
.gt_selector:nth-of-type(2)
{
	display:none !important;
}
.dark-mode .postcontent-nav-strip a
{
    border: solid 1px #fff;
}
.language-slelect .gtranslate_wrapper select
{
	border:solid 1px #999;
	background:url(../svg/language.svg) right 5px center no-repeat;
	background-size:15px;
    -webkit-appearance: none;
    -moz-appearance: none;
	width:45px;
	height:25px;
	padding-left:5px;
	font-family:Inter,sans-serif;
	border-radius:3px;
	cursor:pointer;
}
.dark-mode .gtranslate_wrapper select
{
	filter:invert(1);
}
.language-slelect select::-ms-expand {
    display: none;
}

.language-slelect .gtranslate_wrapper .langu
{
}
.language-slelect .gtranslate_wrapper select option
{
	
}
.wrapper
{
	overflow:hidden;
}
.btn_whatsapp_desk
{
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    z-index: 999999999;
}
.btn_whatsapp_desk button
{
    width: 50px;
    height: 50px;
	border:none;
	background:none;
	cursor:pointer;
}
#WhatsApp
{
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    padding: 15px;
    width: 260px;
    border-radius: 10px;
    z-index: 999999999;
	bottom:50px;
	left:50px;
	text-align:center;
}
#WhatsApp h3
{
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
#WhatsApp p
{
    font-weight: 300;
}
#WhatsApp h4
{
    color: #000;
    font-size: 17px;
    font-weight: 600;
    opacity: 0.6;
}
#WhatsApp img
{
    width: 130px;
    margin-top: 15px;
}
#WhatsApp button
{
    background: none;
    border: none;
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 8px;
	cursor:pointer;
}
.btn_whatsapp_mobile
{
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    z-index: 999999999;
	display:none;
}
.btn_whatsapp_mobile a, .btn_whatsapp_desk a
{
	display:block;
}
.header
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:99999;
    display: flex;
    align-items: center;
	padding:0 20px;
}
.header h1
{
	margin:10px 0;
}
.header h1 a
{
	display:block;
}
.header h1 a img
{
	height:60px;
}
.header aside
{
    margin-left: auto;
    display: flex;
    align-items: center;
}
.search-container
{
	margin-right:20px;
}
.search-container-mobile
{
	display:none;
}
.search-container form, .search-container-mobile form
{
    width: 350px;
    height: 44px;
    position: relative;
}
.search-container-mobile form
{
    width: 100%;
}
.search-field
{
    background:#fff url(../svg/search-2.svg) right 10px center no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    border: solid 1px #e3e3e3;
    font-family: 'Inter', sans-serif;
    border-radius: 6px;
    padding: 0px 16px;
    font-size: 17px;
    color: #4a4a4a;
}
.search-field:focus
{
	width:100%;
    background: #fff url(../svg/search-2.svg) right -50px center no-repeat;
    background-size: 24px 24px;
    cursor: text;
    outline: 0;
	z-index:99999999;
    border: solid 1px #e3e3e3;
    font-family: 'Inter', sans-serif;
    border-radius: 30px;
    padding: 8px 16px;
    font-size: 17px;
    color: #4a4a4a;
}
.search-field::-webkit-search-cancel-button
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -mz-appearance: none;
    -o-appearance: none;
    background: none;
}
.search-form
.search-submit
{ 
	display:none;
}
.nav-shrink
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.nav-shrink.header
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.navbar
{
    font-size: 30px;
    cursor: pointer;
    padding: 25px 24px;
    color: #4a4a4a;
    font-weight: 100;
    position: fixed;
    right: 0;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.sidenav
{
    height: 46px;
    width: 330px;
    position: fixed;
    z-index: 999999;
    top: 50%;
    right: 30px;
    -webkit-transform: rotate(-90deg) translateX(100%);
    transform: rotate(-90deg) translateX(100%);
    -webkit-transform-origin: right;
    transform-origin: right;
}
.sidenav ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}
.sidenav ul li
{
    margin: 0 10px;
}
.sidenav ul li a, .mtf-download-app a, .downloadapp-main aside a
{
    display: block;
    background: #000 url(../png/rocketicon.png) left 12px center no-repeat;
    background-size: 20px;
    padding: 10px 15px 10px 40px;
    border-radius: 6px;
    color: #fff;
}
.sidenav ul li a small, .mtf-download-app a small, .downloadapp-main aside a small
{
    display: block;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 1px;
}
.sidenav ul li a img, .mtf-download-app a img, .downloadapp-main aside a img
{
	
}
.sidenav ul li a:hover, .mtf-download-app a:hover, .downloadapp-main aside a:hover
{
	
}
.header-buttons
{
	width:200px;
	height:50px;
	position:relative;
	overflow:hidden;
}
.header-buttons a.linkbox
{
    margin: 0;
}
.header-buttons .owl-prev,
.header-buttons .owl-next
{
	display:none;
}
.menu-icon
{
    height: 30px;
    width: 30px;
    position: fixed;
    z-index: 9999999999;
    top: 25px;
    right: 20px;
    cursor: pointer;
    padding: 4px 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
	text-align:right;
}
.menu-icon:hover
{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.menu-icon__line
{
    height: 2px;
    width: 30px;
    display: block;
    background-color: #000;
    margin: 2px 0;
    transition: transform 0.2s ease, background-color 0.5s ease;
    -webkit-animation: stat 3s infinite;
    animation: stat 3s infinite;
    float: right;
}
.menu-icon:hover .menu-icon__line
{
    -webkit-animation: stat 3s none;
    animation: stat 3s none;
}
.menu-icon__line-left
{
	width: 22px;
    -webkit-animation: stat 3.5s infinite;
    animation: stat 3.5s infinite;
}
.menu-icon__line-right
{
	width: 15px;
    -webkit-animation: stat 4s infinite;
    animation: stat 4s infinite;
}
@keyframes stat
{
	0%
	{
		width:75%;
	}
	35%
	{
		width:82%;
	}
	75%
	{
		width:60%;
	}
	100%
	{
		width:100%;
	}
}
@-webkit-keyframes stat
{
	0%
	{
		width:75%;
	}
	35%
	{
		width:82%;
	}
	75%
	{
		width:60%;
	}
	100%
	{
		width:100%;
	}
}
.nav
{
	position: fixed;
	z-index: 999999999;
  height: 100vh;
  width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  background: url(../jpg/navbg.jpg) repeat ;
  transform: translateX(0%) translateY(100%);
  -webkit-transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
}
.nav:after
{
  content: "";
  position: fixed;
  width: 100%;
  right:0;
  height: 100vh;
  background:url(../svg/bgnav.svg) top left no-repeat;
  background-size:cover;
  z-index:98;
}
.nav:after {
  transition-delay: 0s;
}
.nav-inner
{
	width:62%;
    height: 100vh;
    position: fixed;
    visibility: hidden;
    padding: 50px;
    z-index: 9999;
    display: flex;
    align-items: center;
	right:0;
}
.nav__content
{
    position: fixed;
    width: 35%;
    cursor: pointer;
    visibility: hidden;
    right: 0;
    z-index: 9999999;
	margin-left:auto;
}
.nav__content h1
{
  opacity: 0;
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
  margin-bottom:50px;
}
.nav__list
{
	float:left;
}
.nav__list:first-of-type
{
	margin-right:50px;
}
.nav__list-item
{
  position: relative;
  display: block;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.nav__list-item a
{
    font-size: 36px;
    font-weight: 800;
    color: #999;
    display: block;
    margin-bottom: 10px;
	position:relative;
}
.nav__list-item a small
{
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    display: block;
	position:relative;
}
.nav__list-item a small:after
{
    content:" ";
    background: linear-gradient(75deg,#1F8CCC,#9BC640);
	border-radius:3px;
	position:absolute;
	top:0;
	bottom:0;
	left:-10px;
	width:3px;
}
.nav__list-item a:before, .nav__list-item a small:before
{
    content: attr(data-hover);
    background: linear-gradient(75deg,#1F8CCC,#9BC640);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	overflow:hidden;
    position: absolute;
	top:0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    font-size: 36px;
    font-weight: 800;
	width:0%;
}
.nav__list-item a small:before
{
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.nav__list-item a:hover:before, .nav__list-item a small:hover:before
{
	width:100%;
}
.navdetails
{
	width:50%;
	position: absolute;
	left:-150px;
	visibility:hidden;
    display: flex;
    align-items: center;
}
.navdetails a.linkbutton
{
    background: #fff;
    color: #fff;
  opacity: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.social-icon
{
  opacity: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.social-icon h3
{
    font-size: 20px;
    font-weight: 800;
    color: #000;
}
.social-icon a
{
    background: #fff;
    position: relative;
    border-radius: 30px;
    display: flex;
    font-size: 22px;
    color: #55acee;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.social-icon a:nth-of-type(2)
{
    color: #4267B2 ;
}
.social-icon a:nth-of-type(3)
{
	color: #cc2366  !important;
}
.social-icon a:nth-of-type(4)
{
    color: #c4302b;
}
.social-icon a:nth-of-type(5)
{
    color: #0088cc;
}
.social-icon a:nth-of-type(6)
{
    color: #007bb5;
}
.social-icon a:after
{
    content: " ";
    border-radius: 30px;
    background: #55acee;
    -webkit-transition: background 0.6s linear;
    -moz-transition: background 0.6s linear;
    -o-transition: background 0.6s linear;
    transition: background 0.6s linear;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -2px;
    z-index: -8;
}
.social-icon a:nth-of-type(2):after
{
    background: #4267B2;
}
.social-icon a:nth-of-type(3):after
{
	
    background: #f09433 !important;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
}
.social-icon a:nth-of-type(4):after
{
    background: #c4302b;
}
.social-icon a:nth-of-type(5):after
{
    background: #0088cc;
}
.social-icon a:nth-of-type(6):after
{
    background: #007bb5;
}
.social-icon a:hover
{
	
}
.social-icon a:before
{
    content: " ";
    -webkit-transform: scaleY(1.2) scaleX(1.2);
    transform: scaleY(1.2) scaleX(1.2);
    border-radius: 30px;
    background: #55acee;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -3px;
    z-index: -8;
    opacity: 0;
}
.social-icon a:nth-of-type(2):before
{
    background: #4267B2;
}
.social-icon a:nth-of-type(3):before
{
	
    background: #f09433 !important;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
}
.social-icon a:nth-of-type(4):before
{
    background: #c4302b;
}
.social-icon a:nth-of-type(5):before
{
    background: #0088cc;
}
.social-icon a:nth-of-type(6):before
{
    background: #007bb5;
}
.social-icon a:hover:before
{
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
    opacity: 1;
}
.navappdownload
{
    opacity: 0;
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
    -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
    transition: opacity 0.2s ease, transform 0.3s ease;
}
.navappdownload a, .mobileapp-link a
{
    background: #1F8CCC;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 20px 30px;
    display: block;
    position: relative;
    border-radius: 3px;
    margin: 20px 0 0 0;
}
.navappdownload a:hover, .mobileapp-link a:hover
{
	border-radius:15px 0;
}
.navappdownload a i, .mobileapp-link a i
{
    position: absolute;
    top: 7px;
    right: 12px;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.navappdownload a:hover i, .mobileapp-link a:hover i
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navappdownload a i svg, .mobileapp-link a i svg
{fill:#fff;width:40px;stroke:#fff;position:relative;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.navappdownload a i .arrow, .mobileapp-link a i .arrow{fill:none;stroke:#fff;stroke-width:20;stroke-dasharray:5000;stroke-dashoffset:5000;-webkit-transition:3s;-moz-transition:3s;-o-transition:3s;transition:3s}
.navappdownload a:hover i .arrow, .mobileapp-link a:hover i .arrow{stroke-dashoffset:0;transition-delay:0.5s}
body.nav-active .menu-icon
{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
body.nav-active .menu-icon:hover
{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
body.nav-active .menu-icon__line
{
  transform: translateX(0px) rotate(-45deg);
    -webkit-animation: stat 1s none;
    animation: stat 1s none;
	display:none;
}
body.nav-active .menu-icon__line-left
{
    transform: translateX(-3px) translateY(8px) rotate(45deg);
    display: block;
    width: 26px;
}
body.nav-active .menu-icon__line-right
{
    transform: translateX(-2px) translateY(2px) rotate(-45deg);
    display: block;
    width: 26px;
}
body.nav-active .nav, body.nav-active .nav-inner, body.nav-active .nav__content, body.nav-active .navdetails
{

  visibility: visible;
}
body.nav-active .nav, body.nav-active .nav:after {
  transform: translateX(0%) translateY(0%);
}
body.nav-active .navbg
{
  animation-delay: 1s;
}
body.nav-active .nav:after {
	
}
body.nav-active .nav:before {
}
body.nav-active .nav__list-item, body.nav-active .navdetails a.linkbutton, body.nav-active .social-icon, body.nav-active .navappdownload {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}
body.nav-active .nav__list-item:first-of-type
{
  transition-delay: 0.5s;
}
body.nav-active .nav__list-item:nth-of-type(1)
{
  transition-delay: 0.6s;
}
body.nav-active .nav__list-item:nth-of-type(2)
{
  transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-of-type(3)
{
  transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-of-type(4)
{
  transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-of-type(5)
{
  transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-of-type(6)
{
  transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-of-type(7)
{
  transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-of-type(8)
{
  transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-of-type(9)
{
  transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-of-type(10)
{
  transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-of-type(11)
{
  transition-delay: 1.6s;
}
body.nav-active .social-icon
{
  transition-delay: 1.7s;
}
body.nav-active .navappdownload
{
  transition-delay: 1.8s;
}
.fordesk
{
	display:block;
}
.formobile
{
	display:none;
}
.greeen
{
	position:absolute;
	top:-50px;
	left:250px;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
	width:200px;
	height:200px;
	margin:auto;
	background-color:#21D4FD;;
	background-image:linear-gradient(19deg, #1F8CCC 0%, #9BC640 100%);
	border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
	animation: morphing 10s infinite;
	overflow:hidden;
	z-index:999;
	opacity:0.3
}
@-webkit-keyframes morphing
	{
		0% {
			border-radius:30% 70% 70% 30% / 30% 30% 70% 70%
			box-shadow:15px 15px 50px rgba(0,0,0,0.2)
		}
		25% { 
			border-radius:58% 42% 75% 25% / 76% 46% 54% 24%
		}
		50% {
			border-radius:50% 50% 33% 67% / 55% 27% 73% 45%
			box-shadow -10px -5px 50px rgba(0,0,0,0.2)
		}
		75% {
			border-radius:33% 67% 58% 42% / 63% 68% 32% 37%		
		}
}
@keyframes morphing
	{
		0% {
			border-radius:30% 70% 70% 30% / 30% 30% 70% 70%
			box-shadow:15px 15px 50px rgba(0,0,0,0.2)
		}
		25% { 
			border-radius:58% 42% 75% 25% / 76% 46% 54% 24%
		}
		50% {
			border-radius:50% 50% 33% 67% / 55% 27% 73% 45%
			box-shadow -10px -5px 50px rgba(0,0,0,0.2)
		}
		75% {
			border-radius:33% 67% 58% 42% / 63% 68% 32% 37%		
		}
}
.bluemorphing
{
	position:absolute;
	top:250px;
	left:-30px;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
	width:100px;
	height:100px;
	margin:auto;
	background-color:#21D4FD;;
	background-image:linear-gradient(19deg, #9BC640 0%, #1F8CCC 100%);
	border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
	animation: bluemorphing 10s infinite;
	overflow:hidden;
	z-index:999;
	opacity:0.3
}
@keyframes bluemorphing
	{
		0% {
			border-radius:-30% 70% 70% 30% / 30% 30% 70% 70%
			box-shadow:15px 15px 50px rgba(0,0,0,0.2)
		}
		25% { 
			border-radius:-58% 42% 75% 25% / 76% 46% 54% 24%
		}
		50% {
			border-radius:50% -50% 33% 67% / 55% 27% 73% 45%
			box-shadow -10px -5px 50px rgba(0,0,0,0.2)
		}
		75% {
			border-radius:33% 67% 58% 42% / 63% 68% 32% 37%		
		}
}
.container
{
    padding-top: 50px;
    padding-bottom: 50px;
}
.row
{
    width:100%;
	max-width:1100px;
	margin:auto;
}
.container h4
{
    color: #4a4a4a;
    font-size: 22px;
    line-height: 28px;
	margin-bottom:30px;
}
.container h3
{
    color: #208ecd;
    font-size: 24px;
    font-weight: 600;
}
.container h2
{
    font-size: 30px;
    font-weight: 800;
    position: relative;
}
.container h1
{
    color: #000;
    font-weight: 800;
    font-size: 42px;
}
.alignmiddle
{
    display: flex;
    align-items: center;
}
a.linkbox
{
    background: #1F8CCC;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 16px 20px;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    margin: 15px 0;
	z-index:9;
	width:200px;
	text-align:center;
	overflow:hidden;
}
a.linkbox:hover
{
    border-radius: 15px 0px;
}
a.linkbox:after
{
    content:" ";
    background: #fff;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 0px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.linkbox:hover:after
{
    width: 20px;
}
a.linkbox:before
{
    content:" ";
    background: #fff;
    position: absolute;
    top: 50%;
    left: 16px;
    width: 16px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.linkbox:hover:before
{
    left: -30px;
    width: 0;
}
a.linkbox span
{
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.linkbox span:before
{
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 2px;
    background: #fff;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    transform-origin: right;
}
a.linkbox:hover span:before
{
    width: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
a.linkbox span:after
{
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 2px;
    background: #fff;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    transform-origin: right;
}
a.linkbox:hover span:after
{
    width: 10px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
a.linktext
{
    color: #000;
    font-weight: 600;
	display:inline-block;
	position:relative;
}
a.linktext:before
{
    content: " ";
    background: #1F8CCC;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 3px;
	width:0;
}
a.linktext:hover:before
{
	width:100%;
}
a.linktext:after
{
    content: " ";
    background: #9BC640;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 3px;
	width:100%;
}
a.linktext:hover:after
{
	width:0;
}
.margin-head
{
    margin-top: 82px;
}
.media-carousel
{
	padding-bottom:0;
}
.media-carousel .row
{
	width:830px;
}
.MediaCarousel
{
	padding:30px;
}
.MediaCarousel .item
{
	background:#fff;
    background: linear-gradient(75deg,#1F8CCC,#9BC640);
	box-shadow:12px 12px 36px rgba(0,0,0,0.1);
	padding:20px;
	border-radius:30px;
	position:relative;
	z-index:9;
}
.MediaCarousel .item:after
{
	content:" ";
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:2px 2px 1px 1px;
	border-radius:28px;
	z-index:-8;
}
.MediaCarousel .item img
{
	height:40px;
}
.MediaCarousel .item h3
{
	color:#000;
}
.MediaCarousel .owl-next,
.MediaCarousel .owl-prev
{
    bottom: -15px;
	background-color:transparent !important;
}
.MediaCarousel .owl-next
{
    right:50%;
	margin-right:-150px;
}
.MediaCarousel .owl-prev
{
	left:50%;
	margin-left:-150px;
}
.MediaCarousel.owl-theme .owl-dots
{
    bottom: -7px;
}
.media
{

}
.media article
{

}
.media ul
{
	padding:0;
	margin:0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.media ul li
{
	float:left;
	width:33.333333%;
}
.media ul li a
{
	display:block;
    background: linear-gradient(75deg,#1F8CCC,#9BC640);
	padding:15px 30px;
	border-radius:30px;
	position:relative;
	z-index:9;
	width:100%;
	margin:15px;
}
.media ul li a:hover
{
	box-shadow:12px 12px 36px rgba(0,0,0,0.2);
}
.media ul li a:before
{
    content: "";
    background: #fff;
    border-radius: 28px;
    position: absolute;
    top: 3px;
    bottom: 1px;
    left: 3px;
    right: 1px;
    z-index: -8;
}
.media ul li a:hover:before
{
    top: 1px;
    bottom: 0;
    left: 1px;
    right: 0;
}
.media ul li a img
{
	margin:15px 0;
	height:30px;
	width:auto;
}
.media ul li a h3
{
    color: #000;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
}
.postmore
{
  display: none;
}
#loadMore
{
    width: 200px;
    color: #fff;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 16px;
    border-radius: 2px;
    border: 1px solid transparent;
    background-color: #1F8CCC;
    -webkit-transition: .3s;
    transition: .3s;
}
#loadMore:hover
{
	color: #1F8CCC;
	background-color: #fff;
	border: 1px solid #1F8CCC;
	text-decoration: none;
}
.noContent
{
    color: #000 !important;
    background-color: transparent !important;
    pointer-events: none;
    border: solid 1px #000 !important;
}
.date-time
{
    display: flex;
}
.date, .time
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
}
.time
{
    margin-left:auto;
}
.date:before
{
    content: " ";
    display: inline-block;
    background: url(../svg/calendar.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.time:before
{
    content: " ";
    display: inline-block;
    background: url(../svg/time-2.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.accordion
{
    background-color: #1b1b1b;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-family: 'Inter', sans-serif;
    border-radius: 2px;
	position:relative;
}
.accordion .active, .accordion:hover
{
  
}
.accordion:before
{
    content: " ";
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: #fff;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 8px;
    height: 2px;
}
.accordion:after
{
    content: " ";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 8px;
    height: 2px;
}
.accordion .active:after
{
  
}
.accordion.active:before
{
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}
.panel
{
  padding: 15px 0px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}
.faqs
{
	 padding-top:0;
	 position:relative;
}
.faqs .accordion
{
    background-color: #fff;
    color: #000;
    padding: 18px 0;
    font-size: 20px;
    font-weight: 500;
    border-radius: 12px;
}
.faqs .accordion:after
{
    color: #1f8ccc;
    content: "+";
    font-weight: 200;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
    font-size: 36px;
    text-align: center;
    line-height: 20px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: solid 1px #000;
}
.faqs .accordion.active:after
{
    content: "-";
    -webkit-transform: translateY(-50%) rotateX(-180deg);
    transform: translateY(-50%) rotateX(-180deg);
}
.footer
{
	background:#000 url(../svg/logo-iconbg.svg) top 100px center no-repeat;
	background-size:86%;
	position:relative;
    z-index: 9999;
}
.footer:before
{
    content: " ";
    background: url(../shaper.html) top center no-repeat;
    background-size: contain;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 200px;
}
.footer article
{
	padding:85px 0 35px 0;
	position:relative;
	z-index:9;
}
.footer aside
{
    margin-right:6%;
}
.footer aside:nth-of-type(4), .footer aside:last-of-type
{
    margin-right:0%;
}
.footer h3
{
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}
.footer p
{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.footer p strong
{
    color: #666666;
    font-weight: 800;
}
.footer p span
{
	
}
.footer-nav
{
	
}
.footer-nav a
{
    color: #d3d3d3;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    display: block;
	position:relative;
}
.footer-nav a:before
{
	content:" ";
    background: linear-gradient(75deg,#1F8CCC,#9BC640);
    border-radius: 50%;
    -webkit-transform: translateX(3px) rotate(45deg);
    transform: translateX(3px) rotate(45deg);
	opacity:0;
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
}
.footer-nav a:hover:before
{
    -webkit-transform: translateX(-10px) rotate(0deg);
    transform: translateX(-10px) rotate(0deg);
	opacity:1;
}
.footer-nav a:hover
{
	color:#9bc640;
}
.footer-weblinks
{
    width: 200px;
}
.footer-weblinks a
{
    color: #d3d3d3;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    display: inline-block;
    border: solid 1px #d3d3d3;
    border-radius: 30px;
    padding: 0 8px;
    margin-bottom: 5px;
}
.footer-weblinks a:hover
{
	color:#9bc640;
    border: solid 1px #9bc640;
}
.footer .social-icon
{
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.footer .social-icon a
{
    background: #000;
}
.footer .navappdownload
{
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    margin-bottom: 50px;
	text-align:center;
}
.footer .navappdownload a
{
    background: #208ecd;
    color: #fff;
    padding: 20px 60px 20px 30px;
    display: inline-block;
    margin: 0px 8px;
}
.footer .navappdownload a i svg
{
    fill: #fff;
}
.footer .navappdownload a i .arrow
{
    stroke: #fff;
}
.footer-content
{
	
}
.footer-content p
{
    color: #818181;
    font-size: 12px !important;
    line-height: 20px;
    font-weight: 400;
}
.footer-content a
{
    color: #9BC640;
}
.footer-content p strong
{
    color: #1F8CCC;
    font-weight: 600;
}
.footer-bottom
{
    background:#fff;
	padding:20px 0px;
}
.footer-bottom a
{
    color: #666;
	text-decoration:underline;
}
.footer-bottom p
{
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.footer-text-link a:hover
{
	text-decoration:underline;
}
@media only screen and (max-width:1200px)
{
	
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.media-carousel .row
	{
		width:auto;
	}
	.footer
	{
		text-align:center;
	}
	.footer article, .footer-content
	{
		padding:20px 20px;
	}
	.footer h3
	{
		cursor:pointer;
	}
	.footer-nav h3
	{
		margin:10px 0;
    	display: block;
	}
	.footer-nav h3:after
	{
		content:"+";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: right;
	}
	.footer-nav nav
	{
		display:none;
	}
	.footer-nav:hover nav
	{
		display:block;
	}
	.footer aside, .footer-weblinks
	{
		float:none;
		margin:15px 0;
		width:auto;
	}
	.social-icon a
	{
		margin: 0 1px;
		float: none;
		display: inline-block;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.footer .navappdownload
	{
		margin-bottom: 0px;
	}
	.footer .navappdownload a
	{
		margin: 6px 0px;
	}
	.footer-bottom p
	{
		float: none;
		margin: 0;
		line-height: 24px;
	}
}
@media only screen and (max-width:768px)
{
	.nav
	{
		background: none;
		background-color:#fff;
		overflow:auto;
	}
	.nav-inner
	{
		width: 100%;
		height:100%;
		display: block;
   		padding: 20px;
	}
	.navdetails
	{
		display:none;
	}
	.nav__list
	{
		float:none;
	}
	.nav__list:first-of-type
	{
		margin:0;
	}
	.nav__content
	{
    	padding: 40px 20px 20px;
		float:none;
		width:100%;
	}
	.nav__list-item
	{
		margin-left: 30px;
	}
	.header-buttons
	{
		display:none;
	}
	.media
	{
		padding:0 20px;
	}
	.media ul li
	{
		width: 50%;
	}
	.fordesk
	{
		display: none;
	}
	.formobile
	{
		display: block;
	}
	.header h1 a img
	{
		height: auto;
	}
	.dark-mode .logowhite
	{
		display: none !important;
	}
}
@media only screen and (max-width:580px)
{
	.media ul li
	{
		width: 100%;
	}
}
@media only screen and (max-width:320px)
{
	
}