*, html, body {
  font-family: Poppins;
  font-family: IRANSans !important;
}

/*================================================== Fonts ==================================================*/

@font-face {
  font-family: 'hadaf-gostar';
  src: url('../fonts/hadaf-gostar.eot?g9krk');
  src: url('../fonts/hadaf-gostar.eot?g9krk#iefix') format('embedded-opentype'),
  url('../fonts/hadaf-gostar.ttf?g9krk') format('truetype'),
  url('../fonts/hadaf-gostar.woff?g9krk') format('woff'),
  url('../fonts/hadaf-gostar.svg?g9krk#hadaf-gostar') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/IRANSansWeb_Bold.eot');
  src: url('../fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
  url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/IRANSansWeb_Medium.eot');
  src: url('../fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
  url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/IRANSansWeb_Light.eot');
  src: url('../fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
  url('../fonts/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/IRANSansWeb_UltraLight.eot');
  src: url('../fonts/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
  url('../fonts/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/IRANSansWeb.eot');
  src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
  url('../fonts/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/IRANSansWeb.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.eot');
  src: local('Poppins Black'), local('Poppins-Black'),
  url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Black.woff2') format('woff2'),
  url('../fonts/Poppins-Black.woff') format('woff'),
  url('../fonts/Poppins-Black.ttf') format('truetype'),
  url('../fonts/Poppins-Black.svg#Poppins-Black') format('svg');
  font-weight: 900;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BlackItalic.eot');
  src: local('Poppins Black Italic'), local('Poppins-BlackItalic'),
  url('../fonts/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
  url('../fonts/Poppins-BlackItalic.woff') format('woff'),
  url('../fonts/Poppins-BlackItalic.ttf') format('truetype'),
  url('../fonts/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.eot');
  src: local('Poppins Bold'), local('Poppins-Bold'),
  url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Bold.woff2') format('woff2'),
  url('../fonts/Poppins-Bold.woff') format('woff'),
  url('../fonts/Poppins-Bold.ttf') format('truetype'),
  url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBoldItalic.eot');
  src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'),
  url('../fonts/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
  url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
  url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'),
  url('../fonts/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BoldItalic.eot');
  src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
  url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
  url('../fonts/Poppins-BoldItalic.woff') format('woff'),
  url('../fonts/Poppins-BoldItalic.ttf') format('truetype'),
  url('../fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBold.eot');
  src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
  url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
  url('../fonts/Poppins-ExtraBold.woff') format('woff'),
  url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
  url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLight.eot');
  src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'),
  url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
  url('../fonts/Poppins-ExtraLight.woff') format('woff'),
  url('../fonts/Poppins-ExtraLight.ttf') format('truetype'),
  url('../fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLightItalic.eot');
  src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'),
  url('../fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
  url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
  url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype'),
  url('../fonts/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
  font-weight: 200;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.eot');
  src: local('Poppins Italic'), local('Poppins-Italic'),
  url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Italic.woff2') format('woff2'),
  url('../fonts/Poppins-Italic.woff') format('woff'),
  url('../fonts/Poppins-Italic.ttf') format('truetype'),
  url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
  font-weight: normal;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.eot');
  src: local('Poppins Medium'), local('Poppins-Medium'),
  url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Medium.woff2') format('woff2'),
  url('../fonts/Poppins-Medium.woff') format('woff'),
  url('../fonts/Poppins-Medium.ttf') format('truetype'),
  url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
  font-weight: 500;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.eot');
  src: local('Poppins Light'), local('Poppins-Light'),
  url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Light.woff2') format('woff2'),
  url('../fonts/Poppins-Light.woff') format('woff'),
  url('../fonts/Poppins-Light.ttf') format('truetype'),
  url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
  font-weight: 300;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-LightItalic.eot');
  src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
  url('../fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
  url('../fonts/Poppins-LightItalic.woff') format('woff'),
  url('../fonts/Poppins-LightItalic.ttf') format('truetype'),
  url('../fonts/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-MediumItalic.eot');
  src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
  url('../fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
  url('../fonts/Poppins-MediumItalic.woff') format('woff'),
  url('../fonts/Poppins-MediumItalic.ttf') format('truetype'),
  url('../fonts/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.eot');
  src: local('Poppins Regular'), local('Poppins-Regular'),
  url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Regular.woff2') format('woff2'),
  url('../fonts/Poppins-Regular.woff') format('woff'),
  url('../fonts/Poppins-Regular.ttf') format('truetype'),
  url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBoldItalic.eot');
  src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'),
  url('../fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
  url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
  url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype'),
  url('../fonts/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.eot');
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
  url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
  url('../fonts/Poppins-SemiBold.woff') format('woff'),
  url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
  url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ThinItalic.eot');
  src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'),
  url('../fonts/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),
  url('../fonts/Poppins-ThinItalic.woff') format('woff'),
  url('../fonts/Poppins-ThinItalic.ttf') format('truetype'),
  url('../fonts/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
  font-weight: 100;
  font-style: italic;

}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Thin.eot');
  src: local('Poppins Thin'), local('Poppins-Thin'),
  url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Thin.woff2') format('woff2'),
  url('../fonts/Poppins-Thin.woff') format('woff'),
  url('../fonts/Poppins-Thin.ttf') format('truetype'),
  url('../fonts/Poppins-Thin.svg#Poppins-Thin') format('svg');
  font-weight: 100;
  font-style: normal;

}


/*================================================== dev ==================================================*/
.tester1 {
  border: 1px fuchsia dotted;
}

.tester2 {
  border: 1px lime dotted;
}

#tester {
  height: 1200px;
}


pre {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 50px;
  overflow: auto;
  background-color: #def;
  z-index: 999999;
  direction: ltr;
  font-size: 14px;
  text-align: left;
}

pre.dev .btn {
  width: 50%;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  position: sticky;
  top: 0px;
  margin: 8px auto;
  cursor: pointer;
  background-color: blue;
  color: #fff;
}




body{
background: none;
}

html{
}



div#block-esop1-site-branding{
    margin: 4rem auto;
    text-align: center;
    font-size: 0;
}

div#block-esop1-site-branding a{
}

div#block-esop1-site-branding a img{
margin: 0 auto;
}

@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .region--secondary-menu {
        justify-content: flex-start;
        margin: 0;
    }
}

.region--secondary-menu {

background-color: #abf;
padding: 1em;
}

h1{
font-size: 2em;
margin: 1em 0;
}

#block-esop1-page-title{
margin: 0;
}


input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=file],
input[type=url],
input[type=password],
select,
.form-item{
	width: 100%;
min-height: 2.5em;
}

.confirm-parent, .password-parent{
max-width: inherit;
}

.confirm-parent{
margin: 0;
}

input[type=file]{
padding: 0;
line-height: 2em;
}

.form-wrapper h4,
.form-item__label,
.fieldset-legend{
font-size: 1em;
font-weight: bold;
margin-bottom: 0.25em;
}

.fieldset-legend{
padding: 0;
}

.container-inline,
.container-inline .form-item{
margin: 0;
}

.form-radios,
.form-checkboxes{
display: flex;
}

.form-checkboxes{
flex-wrap: wrap;
}


.form-checkboxes > div{
width: 33%;
}


form > .form-wrapper{
margin-bottom: 2em;
}

.description{
color: #999;
font-weight: 100;
max-width: 100%;
margin: 0.1em;
}


fieldset{
}

.fieldgroup{
border: 1px solid var(--color--gray-60);
padding: 0.35em 0.75em 0.625em;
}

.mobile-number-field .form-type-textfield input{
width: inherit;
text-align: left;
}

.form-number {
text-align: left;
}

.mobile-number-field .local-number{
border: 1px solid var(--color--gray-60);
}