/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
	vertical-align: baseline;
	text-decoration: none;
}
/* 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;
}


* {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	direction: rtl;
	text-align: right;
	color: var(--colorText);
	line-height: normal;
	font-family: iranyekan;
}


@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	font-display: swap;

	src: url('iranyekan/iranyekanwebregularfanum.woff') format('woff'); 
}

:root {
	--font11px: 11px;
	--font12px: 12px;
	--font13px: 13px;
	--font14px: 14px;
	--font15px: 15px;
	--font16px: 16px;
	--font17px: 17px;
	--font18px: 18px;
	--font19px: 19px;
	--font20px: 20px;
	--font22px: 22px;
	--font30px: 30px;

	--colorWhite: #fff;
	--colorText: #333;
	--colorLead: #888;
	--colorLight: #adb5bd;
	--colorAccent: #39b44a;
	--radius: 7px;
  }

a { transition: all .2s; }
a:hover {color: var(--colorAccent);}

/* Tabs */
.tabs.primary {display:flex; margin-bottom:20px; border-bottom:2px solid #ddd}
.tabs.primary li {background-color:#eee; margin-left:10px;border-top-right-radius:7px;border-top-left-radius:7px}
.tabs.primary li:hover {background-color: #ddd;}
.tabs.primary li a {padding: 10px 25px; width:100%;display: block;}


#block-pelican-caspian-bartik-system-main {display: none;}

/* General */
#page { display: flex; flex-direction: column;}
#page #main { display: flex; flex-direction: column; width: 100%;}
#page #main > * { margin-bottom: 20px !important;} 
#page #main-wrapper, 
#page .featured-top, 
.site-footer  ,
.path-frontpage #page #main-wrapper .content-top
{max-width: 1500px;margin: auto;display: flex;flex-wrap: wrap;width: 100%;justify-content: center;}
#page #main-wrapper .wide {	width: 100%; } 
.page-node-type-article #page #main-wrapper .content-top , 
.path-taxonomy #page #main-wrapper .content-top ,
.page-node-type-companies #main-wrapper .content-top
{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.page-node-type-companies #content ,
.vocabulary-category #content {flex: 0 0 72%;}

.page-node-type-companies #sidebar-first
 {flex: 0 0 26%;}

 .page-node-type-article #sidebar-second {flex: 0 0 30%;}
 .page-node-type-article #content  , 
 .vocabulary-category #content , 
 .vocabulary-tags #content
 {flex: 0 0 67.5%;}

 .vocabulary-category #sidebar-second , 
 .vocabulary-tags #sidebar-second
 {flex: 0 0 30%;}

.vocabulary-companies_location #content {width: 100%;}

.region-sidebar-second > div { margin-bottom: 30px; }
.featured-top .featured-top__inner {width: 100%;}
/* 
.robben { display: none; float: left; width: 100%; overflow: hidden;}
 */



/* Header */
.region-secondary-menu {display: none;}




#header {display:flex; background-color: var(--colorWhite); min-height: 154px;justify-content: center;border-bottom: 1px solid #eee;box-shadow: 0 2px 15px -1px rgba(0,0,0,0.3);margin-bottom: 15px;}
#header .section 
 { max-width: 1500px; width: 100%; position:relative;  }
#header .site-branding {max-width:300px;position: relative;top: 25px;}
#block-pelican-page-title {display: none;}
#header .region-primary-menu {bottom: 0;right: 0;position: absolute;width: 100%;border-top: 1px solid #eee;}
#header .region-primary-menu .menu {display: flex; flex-direction: row;    flex-wrap: wrap;}
/* #header .region-primary-menu .menu li.menu-item--expanded { padding-left: 11px;} */
#header .region-primary-menu .menu li.menu-item--expanded > a:after {display: inline-block;opacity: 0.5;background: url(svg/chevron-down.svg);content: '';width: 10px;height: 10px;margin: 0 10px 0 0px;position: relative;top: 2px;background-repeat: no-repeat;background-size: 100% 100%;}
#header .region-primary-menu .menu li.menu-item--expanded > a:hover:after {display: inline-block;opacity: 0.5;background: url(svg/chevron-up.svg);content: '';width: 10px;height: 10px;margin: 0 10px 0 0px;position: relative;top: 2px;background-repeat: no-repeat;background-size: 100% 100%;}
#header .block-menu > .content > ul > li > ul { opacity: 0; z-index: -999999999; padding: 10px 0 10px 0; position: absolute; background-color: var(--colorWhite); top: 26px; min-width: 150px; box-shadow: 0 9px 15px -2px rgba(0,0,0,0.3); display: flex; flex-direction: column; border-radius: var(--radius); overflow: hidden;}
#header .block-menu > .content > ul > li > ul a { padding: 10px 8px; }
#header .block-menu > .content > ul > li.menu-item--expanded:hover > ul { opacity: 1; z-index: 9999999;}

#header .region-primary-menu .menu li a {padding: 5px 8px;font-size: var(--font14px);color: var(--colorLead);display: block;}
.robben { display: none;}
#header:after { content: ''; position: absolute; top: 0; width: 100%; right: 0; background: var(--colorAccent); height: 2px;}


.bheader .content-wrapper { border-top: 1px solid #eee; padding-top: 35px; margin-top: 15px;}
.bheader > div > h2 { overflow: hidden; border-radius: 7px; border: 2px solid var(--colorAccent); padding: 5px 15px; font-weight: 700; font-size: var(--font13px);; color: var(--colorAccent);; text-align: center; margin: auto; display: table; margin-bottom: 15px; background-color: var(--colorWhite); position: absolute; right: 50%; top: 0; width: 160px; margin-right: -85px;}


.cheader > div > h2 {    line-height: 34px; font-size: var(--font19px); margin-bottom: 10px; border-top: 3px solid var(--colorAccent); color: var(--colorAccent); padding-top: 5px; border-radius: 7px;}

.one-line { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.two-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.three-line { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.body {margin-bottom: 20px;}
.body * {line-height: 35px;font-size: var(--font16px);text-align: justify;list-style: none;color: #444;}
.body p {margin: 0;}
.body ul {float: right;width: 100%;padding-right: 40px;margin: 10px 0;}
.body ol {float: right;width: 100%;padding-right: 40px;margin: 10px 0;}
.bodu ul li:before {content: "";display: inline-block;width: 7px;height: 7px;background: #39b44a;margin-left: 8px;border-radius: 5px;}
.body h2,
.body h2 a,
.body h2 span {color: #444;width: 100%;float: right;font-weight: bold;font-size: 25px;margin: 8px 0;text-align: right;}
.body h2 a::before,
.body h3 a::before {display: none !important;}
.body h3,
.body h3 a,
.body h3 span {width: 100%;float: right;font-weight: bold;font-size: 20px;margin: 10px 0;text-align: right;}
.body div.ir {width: 100%;float: right;display: inline-block;background-color: #f0f0f0;padding: 10px;margin-bottom: 10px;border-radius: 7px;overflow: hidden;}
.body div.ir * {margin: 0;font-size: 18px;text-align: right;}
.body div.ir a {color: var(--colorAccent);}
.body div.ir a:hover {color: #fff;}
.body a {position: relative;z-index: 0;overflow: hidden;display: inline-block;vertical-align: middle;padding: 0 4px;}
.body a:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;-webkit-transform: translateY(calc(100% - 2px));transform: translateY(calc(100% - 2px));width: 100%;height: 100%;background-color: var(--colorAccent);transition: -webkit-transform 0.25s ease-out;transition: transform 0.1s ease-out;transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;border-radius: 7px;}
.body a:hover {color: #fff;}
.body a:hover:before {-webkit-transform: translateY(0);transform: translateY(0);transition: -webkit-transform 0.25s ease-out;transition: transform 0.25s ease-out;transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;}
.body img {width: 100% !important;text-align: center;display: inline-block;height: auto !important;box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.3);margin-bottom: 10px; margin-top: 3px ;max-width: 100%;visibility: visible;border-radius: 7px;overflow: hidden;}
.body img.lazy {visibility: hidden;height: unset !important;}
.body .list li {color: var(--colorAccent);}
.body .list p:first-child {text-align: center;width: 100%;float: right;}
.body .list p:first-child * {font-size: 18px;}
.body ul li {position: relative;font-size: 15px;margin-bottom: 10px;}
.body ul li:nth-last-child(1) {margin-bottom: 0;}
.body ul li:before {    content: ""; display: inline-block; width: 7px; height: 7px; background: var(--colorAccent); margin-left: 8px; border-radius: 5px; float: right; top: 14px; position: relative;}
.body blockquote {float: right;width: 100%;background-color: #efefef;border-left: none;padding: 60px 35px 50px;margin: 30px 0 20px;position: relative;text-align: center;clear: both;border-radius: 7px;overflow: hidden;}
.body blockquote:before {content: ""; position: absolute; top: 7px; left: 50%; display: block; width: 30px; height: 30px; border-radius: 50%; text-align: center; background: url(svg/quote-right.svg); background-position: center; background-repeat: no-repeat;}
.body blockquote * {font-size: 17px;font-weight: 500;text-align: center;font-style: italic;}
.body video {margin: auto;display: table;max-width: 80%;}

.site-footer {padding-bottom: 50px; background-color: var(--colorWhite);}
.site-footer__top {display:flex;flex-direction:row; flex-wrap:wrap;}
.site-footer__top > div {flex:1}
.site-footer__top > div > div {padding: 0 10px;}
.site-footer__top .fheader h2 {    font-size: var(--font22px); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; width: 100%; }
.site-footer__top p , .site-footer__top a {font-size:var(--font13px);line-height: 31px;display:block}
.footer-1 .content ul { display: flex; flex-direction: column; flex-wrap: wrap; }
.footer-1 .content ul li { margin-left: 20px; }

.pager__items {display:flex;justify-content: center;}
.pager__items * {display:block;}
.pager__items span:nth-child(2) , .pager__items li.is-active {padding: 10px;border-radius: var(--radius);border: 1px solid #eee;margin: 0 7px;}
.pager__items li a:hover {background-color:#d2d2d2}
.pager__items li.is-active {}


#nav-icon3 {width: 37px;height: 30px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer; }
#nav-icon3 span {display: block;position: absolute;height: 5px;width: 100%;background: #31993f;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; }
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 11px;}
#nav-icon3 span:nth-child(4) { top: 22px;}
  .menu-active #nav-icon3 span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
  }
  
  .menu-active #nav-icon3 span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  
  .menu-active #nav-icon3 span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  
  .menu-active #nav-icon3 span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
  }

.mobile-container { transform: translate3d(100%,0,0); padding: 0 30px; -webkit-transform: translate(100%,0); -ms-transform: translate(100%,0); transform: translate(100%,0); -webkit-transform: translate3d(100%,0,0); width: 80%; background-image: -webkit-linear-gradient(-90deg,#6acd77 0,#0079c1 60%); position: fixed; z-index: 9999; top: 0; bottom: 0; right: 0; transition: transform 0.3s ease,-webkit-transform 0.3s ease;}
.menu-active .mobile-container { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease,-webkit-transform 0.3s ease; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transform: translate3d(0,0,0);}
.mobile-container > div { display: flex; flex-direction: column; margin-top: 15px;}
.mobile-container .site-branding__logo { width: 100%;}
.mobile-container .site-branding__logo img { width: 100%; max-width: 220px; height: auto; margin: auto; display: block;}
.mobile-container .content > .menu a { display: flex; color: var(--colorWhite); font-size: 13px;}
.mobile-container .content > .menu li a { display: flex; width:100%; color: #fff; padding: 10px 0; padding: 12px 0; font-size: var(--font14px); border-bottom: 1px solid #eeeeee82;}
.mobile-container .content .menu .menu-item--expanded ul {padding: 15px 30px 0 0;}
.mobile-container .content .menu .menu-item--expanded ul a:before { display: inline-block; background: url(svg/bookmark-w.svg); content: ''; width: 11px; height: 11px; margin-left: 10px; position: relative; top: 4px; background-repeat: no-repeat; background-size: 100% 100%;}

.plans .title .field-content {    text-align: center; width: 100%; display: block; margin-bottom: 30px;}


.node-86 {width: 100%;}
.node-86 .content-top {justify-content: space-between; flex-wrap: wrap; display: flex;}
.node-86 #content {flex: 0 0 67.5%;}
.node-86 #sidebar-second {flex: 0 0 30%;}




.path-user .region-content {display: flex;  justify-content: center; }
.path-user #block-pelican-caspian-bartik-system-main {display: block;}
.user-login-form {width:100%; display:block; background-color: #e7e7e7; padding:20px; border-radius: var(--radius); overflow: hidden; margin-bottom: 30px;}
.user-login-form .description {display: none;}
.user-login-form #edit-name , .user-login-form #edit-pass {width:100%; display:block;margin: 20px 0; border: 0; padding: 10px 10px; direction: ltr; text-align: left;}
.user-login-form #edit-submit {    float: left; padding: 15px 30px; border: 1px solid #eee; margin-top: 20px; background-color: #2196F3; border-radius: var(--radius); color: var(--colorWhite); font-size: var(--font14px); cursor: pointer;}
/* Responsive */

@media screen and (max-width:1600px) {
	.content-second .section {padding:0 10px;} 
}


@media screen and (max-width:1100px) {
	#header .region-primary-menu .menu li a { font-size: 14px; padding: 5px 5px;}
	.site-footer__top { flex-direction: column; }
	.footer-1 .content ul { flex-direction: row; }
	.site-footer__top > div {margin-bottom: 20px;}
	.site-footer__top > div:last-child {margin-bottom: 0;}
}

@media screen and (max-width:700px) {
	#header .region-primary-menu {display: none;}
	#header .site-branding { top: 14px; width: 190px; height: 40px; left: 5px; }
	#header { min-height: 63px; }
	#header .region-header {  display: flex; justify-content: center;  }
	.robben {display: flex;position: absolute;top: 19px; left: 15px;}
	.body h2, .body h2 a, .body h2 span {font-size: 23px;}
}