html, body{font: normal 16px/1.6 'Roboto', sans-serif; color: #858d97;margin:0;padding: 0;}
h1, h2, h3, h4{text-align: left; font-family: 'Muli', sans-serif;}
p{color:#6d7889; text-align: left;}
p.small{text-align: left;}

.top-content{
	direction: ltr;
	padding-left: 50px;
	padding-right: unset;
}

.logo-holder{
	margin-top: 50px;
	padding-left: 50px;
	display: flex;
	flex-direction: row;
	align-content: center;
	padding-right: 0;
}

.trigger {
	left: 30px;
	right: unset;
}

.nav-lang{
	justify-content: flex-start;
}

.dropdown{
	font: normal 16px/1.6 vazir, sans-serif;
}

.dropdown > span {
	text-align: left;
}

.dropdown > span:before, .dropdown > span:after {
	right: 15px;
	left: unset;
}

.dropdown > span:before{
	margin-right: 4px;
	margin-left: unset;
}

.dropdown ul li.active a:before, .dropdown ul li.active a:after {
	right: 17px;
	left: unset;
}


.lang{
	right: 30px;
	left: unset;
}

nav.navmenu>ul>li>a{
	font: 700 16px/1.2 'Muli', sans-serif;
}

nav.navmenu>ul>li{
	margin-right: 20px;
	margin-left: unset;
}

h1.main-title{
	font: 700 32px/1.6 'Muli', sans-serif;
}

.clients-title, .button{
	font: 700 15px/2 'Muli', sans-serif;
}

.green-login{
	font: 700 15px/1.4 'Muli', sans-serif;
}

.widgets{
	position: absolute;
	right: -25px;
	left: unset;
	top: 25px;
	width: 630px;
	flex-direction: row-reverse;
}

.column{
	margin-left: 0;
	margin-right: 0; 
}

.widgets>div:first-child{
	margin-left: 15px;
}

.widgets>div:nth-child(even){
	margin-left: 0;
	margin-right: 0;
}

.widgets>div:last-child{
	margin-right: 15px;
}

.pie-chart .value, .gauge .value{
	font: 700 1.5rem/1.4 'Muli', sans-serif;
}

.main-items .small {
	padding-right: unset;
	padding-left: 10px;	
}

.chart-title{
	font: 400 14px/1.4 'Muli', sans-serif;
	position: relative;
	padding-left: 10px;
}

.chart-title:after{
	content: '';
	display: inline-block;
	margin: 0 5px 0 0;
	position: absolute;
	left: 0;
	top: 6px;
}

.subtitle{
	text-align: left;
	padding-left: 16px;
	padding-right: unset;
}

.subtitle:before{
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0;
	right: unset;
	width: 10px;
	height: 2px;
	background: #26c195;
}

.title-holder h2{
	text-align: left;
}

.icon-holder{
	margin-left: unset;
	margin-right: 30px;
	align-self: flex-start;
}

.icon-consult:after{
	right: unset;
	left: 15px;
}

.icon-media:after{
	right: unset;
	left: 10px;
}

.icon-managers:after{
	right: unset;
	left: 15px;
}

.features>div>p{
	direction: ltr;
}

.features>div>h3{
	text-align: left;
}

/*.sliderContainer:before{
	left: unset;
	right: -15%;
}

.sliderContainer:after{
	left: -5%;
	right: unset;
}*/

ul.nav{
	direction: ltr;
}

ul.nav li.nav-item i.progressBar{
	position: absolute;
	left: 49px;
	width: 140px;
	top: 15px;
	height: 2px;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(180,224,253,0.2);
}

.slick-dots{
	direction: ltr;
}

/*.sec-four:before{
	left: -10%;
	right: unset;
}

.sec-four:after{
	right: 0;
	left: unset;
}*/

.card .body{
	direction: ltr;
}

.footer-bottom-body p span{
	margin-right: 25px;
	margin-left: unset;
}

.footer-bottom-body p{
	font: normal 12px/1.2 'Roboto', sans-serif;
}

.footer-contact .address, .footer-contact .email, .footer-contact .phone{
	font: normal 14px/1.6 'Roboto', sans-serif;
	padding-right: unset;
	padding-left: 24px;
}

.footer-contact .address:before, .footer-contact .email:before, .footer-contact .phone:before{
	left: 0;
	right: unset;
	margin-right: 10px;
	margin-left: unset;
}

.social a:last-child{
	margin-right: 0;
	margin-right: unset;
}

.follow-button{
	margin-left: unset;
	margin-right: 30px;
}

.form-body .wrap label{
	left: 0;
	right: unset;
}

.form-body .wrap .group svg.validator{
	right: 0;
}

.form-body textarea{
	font: normal 14px/1.2 'Roboto', sans-serif; 
}

.form-body input{
	font: normal 14px/1.2 'Roboto', sans-serif; 
}

/* Extra Small (DOES NOT SUPPORTED) ----------- */
@media only screen and (max-width: 319px){
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px){
	h1, h2, h3, h4{text-align: center;}
	.gradient{height: 44vh;}
	.widgets, .top-container nav.navmenu{display: none;}
	.top-container{margin-top: 103px;}
	.header-container{position: fixed;top: 0; left: 0; right: 0;}
	.logo-holder{flex-basis:100%; max-width: 100%;}
	.sticker{transition: all 0.3s linear;background: rgba(255,255,255,0);}
	.sticktop{background: rgba(255,255,255,1); transition: all 0.3s linear;border-bottom: 1px solid rgba(170,184,211,0.5);}
	.sticktop .trigger span, .sticktop .trigger:after, .sticktop .trigger:before{background: #082137;}
	.sticktop .lang{background: rgba(8,33,55,0.15);}
	.sticktop .lang img{opacity: 1;}
	.nav-trigger{display: block;}
	.trigger, .lang{display: flex;} /*.lang should be added to see language trigger buttton */
	.menu-holder nav.navmenu{flex-basis:100%; max-width: 100%; margin-top:25px;}
	.menu-holder nav.navmenu>ul{width:100%;}
	.menu-holder nav.navmenu>ul>li{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; width: 100%; height: 85px; text-align: center;font-weight: bold;}
	.menu-holder nav.navmenu>ul>li a{font: normal 16px/1.6 vazir, sans-serif; font-weight: bold;}
	.navmenu a{width: 100%;height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
	.navmenu a:active{background: rgba(0,0,0,0.05);}
	.logo-holder{padding-left: 0px;justify-content: center;}
	.top-content{margin-top: 35px;padding: 0px;}
	.main-title{text-align: center;margin-bottom: 25px;}
	.main-text{text-align:justify; text-align-last: center;margin-top: 30px;}
	.main-items{flex-direction: column;margin: 35px 0;}
	.main-items .small{padding: 0; text-align: center;}
	.main-items .small a{display: block;}
	.get-started{justify-content: center; align-items: center;}
	.get-started a.button, .demo-req a.button{min-width: 83.333%;}
	.green-login{justify-content: space-around;}
	.sec-two{margin-top: 50px;}
	.subtitle{text-align: center;padding: 0 15px;}
	.subtitle:before{background: rgba(255,255,255,0);}
	.title-holder h2{text-align: center;}
	.features-holder{flex-wrap: wrap;}
	.features>div>div{align-self: center;}
	.features>div>h3{margin: 0;text-align: center;}
	.features>div>p{text-align:justify; text-align-last: center;}
	ul.nav{display: none;}
	.btn-holder{display: none;}
	.slide-content{flex-direction: column;flex-wrap: wrap;}
	.slide-content h1{font-size: 25px;text-align: center;}
	.slide-content p{text-align:justify; text-align-last: center;}
	.sliderContainer:after{right: 0;}
	/*.sec-four:before{right: 0;}*/
	.card span.subtitle{text-align: left;}
	.card span.subtitle:before{background: #26c195;}
	.card h3{text-align: left;}
	.demo-req{justify-content: center;text-align: center; padding-bottom: 0px}
	.demo-req .btn-wrap{width: 100%;}
	.demo-req .text{margin-top: 15px;}
	.demo-req p{text-align: center;}
	.footer-contact{margin-bottom: 35px;padding-top: 25px;}
	.footer-contact h4{text-align: center;}
	.footer-contact>div{margin-bottom: 15px;}
	.footer-bottom-body{flex-direction: column-reverse; align-items: center;}
	.footer-bottom-body img{margin-top: 15px;}
	.footer-bottom-body p{display: flex; flex-direction: column; text-align: center;}
	.footer-bottom-body p span{margin: 0 0 15px 0;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px){
	.widgets{display: none;}
	.first-row{min-height: 650px;}
	.features-holder{flex-wrap: wrap;}
	.get-started{flex-direction: column; justify-content: center;}
	.get-started .button{max-width: 50%;}
	.green-login{margin-bottom: 85px;}
	.sec-three .title-holder{padding-right: 3rem}
	.demo-req{flex-direction: column; padding: 0;}
	.demo-req .text, .demo-req p{text-align: center;}
	/*.sec-four:before{right: 0;}*/
	ul.nav{display: none;}
	.sliderContainer:after{right: 0}
	.slide-content{flex-direction: column;flex-wrap: wrap;}
	.slide-content h1{font-size: 25px;text-align: center;}
	.slide-content p{text-align-last: center;}
	.sliderContainer:after{right: 0;}
}

/* Tablets ----------- */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.widgets{right:25px;width: auto;}
	.widgets .start, .widgets .end{display: none;}
	.widgets .middle{margin: 100px 0 0 0;}
	.end{display: none;}
	.features-holder{flex-wrap: wrap;}
	.features{margin: 0;}
	/*.sec-four:before{right: 0;}*/
	ul.nav{display: none;}
	.sliderContainer:after{right: 0}
}

/* Desktops and laptops and Tablets (landscape) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1140px){
	.gradient{height: 60vh;}
	.widgets{right:25px;width: auto;}
	.end{display: none;}
	ul.nav{display: none;}
	/*.sec-four:before{right: 0;}*/
	.sliderContainer:after{right: 0}
}

/* Large screens ----------- */
@media only screen and (min-width: 1141px){
}