@charset "UTF-8";

/* ========== General ========== */

/*
=== Colors ===

*** Blue ***
main: #4fc2db
dark: #0b96b6
light: #77d3e8

*** Orange ***
main: #ffd262
dark: #e5b43c
light: #ffdc86
*/

* { outline: none; }
html { direction: rtl; }
body { cursor: default; background: #fff; font-family: 'IRANSans'; font-weight: 400; font-size: 15px; line-height: 2; }

a, a:hover, a:focus, a i, button, button i {
	outline: none;
	outline-offset: 0;
	text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a { color: #3e62b4; text-decoration: none; }
a:hover, a:focus { color: #444; text-decoration: none; }

img {
    max-width: 100%; height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0; vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.5; }
.er-verdana { font-family: verdana !important; }
.er-relative { position: relative; }
.clear { clear: both; }
.er-body-overlay { display: none; position: fixed; z-index: 900; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); }

/* ===== Helper ===== */
.er-text-bold { font-weight: 700; }
.er-text-left { text-align: left !important; }
.er-text-right { text-align: right !important; }
.er-text-center { text-align: center !important; }
.er-text-justify { text-align: justify !important; }

.er-float-left { float: left; }
.er-float-right { float: right; }
.er-clear { clear: both; }

.er-align-left { float: left; margin-right: 15px; }
.er-align-right { float: right; margin-left: 15px; }
.er-align-center { margin-right: auto; margin-left: auto; margin-bottom: 15px; display: block; }

.er-margin { margin: 15px; }
.er-margin-top { margin-top: 15px; }
.er-margin-bottom { margin-bottom: 15px; }
.er-margin-right { margin-right: 15px; }
.er-margin-left { margin-left: 15px; }

.er-margin-sm { margin: 5px; }
.er-margin-sm-top { margin-top: 5px; }
.er-margin-sm-bottom { margin-bottom: 5px; }
.er-margin-sm-right { margin-right: 5px; }
.er-margin-sm-left { margin-left: 5px; }

.er-margin-lg { margin: 30px; }
.er-margin-lg-top { margin-top: 30px; }
.er-margin-lg-bottom { margin-bottom: 30px; }
.er-margin-lg-right { margin-right: 30px; }
.er-margin-lg-left { margin-left: 30px; }

.er-margin-xl { margin: 60px; }
.er-margin-xl-top { margin-top: 60px; }
.er-margin-xl-bottom { margin-bottom: 60px; }
.er-margin-xl-right { margin-right: 60px; }
.er-margin-xl-left { margin-left: 60px; }

.er-margin-remove { margin: 0 !important; }
.er-margin-top-remove { margin-top: 0 !important; }
.er-margin-bottom-remove { margin-bottom: 0 !important; }

.er-padding { padding: 15px; }
.er-padding-top { padding-top: 15px; }
.er-padding-bottom { padding-bottom: 15px; }
.er-padding-right { padding-right: 15px; }
.er-padding-left { padding-left: 15px; }

.er-padding-sm { padding: 5px; }
.er-padding-sm-top { padding-top: 5px; }
.er-padding-sm-bottom { padding-bottom: 5px; }
.er-padding-sm-right { padding-right: 5px; }
.er-padding-sm-left { padding-left: 5px; }

.er-padding-lg { padding: 50px; }
.er-padding-lg-top { padding-top: 50px; }
.er-padding-lg-bottom { padding-bottom: 50px; }
.er-padding-lg-right { padding-right: 50px; }
.er-padding-lg-left { padding-left: 50px; }

.er-padding-xl { padding: 150px; }
.er-padding-xl-top { padding-top: 150px; }
.er-padding-xl-bottom { padding-bottom: 150px; }
.er-padding-xl-right { padding-right: 150px; }
.er-padding-xl-left { padding-left: 150px; }

.er-padding-remove { padding: 0 !important; }
.er-padding-top-remove { padding-top: 0 !important; }
.er-padding-bottom-remove { padding-bottom: 0 !important; }

.er-display-block { display: block !important; }
.er-display-inline { display: inline !important; }
.er-display-inline-block { display: inline-block !important; }

.er-border-rounded { border-radius: 4px; }
.er-border-circle { border-radius: 50%; }

a.er-readmore { display: block; padding: 2px 20px; background: #fe5858; font-size: 16px; color: #fff; border: 1px solid #fe5858; border-radius: 4px; }
a.er-readmore:hover { background: #fff; color: #fe5858; }

a.er-readmore-alt { display: block; padding: 2px 20px; background: #fff; font-size: 16px; color: #666; font-weight: 300; border: 1px solid #fe5858; border-radius: 4px; }
a.er-readmore-alt:hover { background: #fe5858; color: #fff; }

.er-table-responsive { overflow-x: auto; min-height: 0.01%; }
.er-table-responsive table {  }

.er-table table { width: 100%; background: #fff; border: 1px solid #eee; }
.er-table table th { padding: 10px 15px; text-align: center; font-size: 15px; font-weight: 500; color: #555; background: #f6f6f6; border-bottom: 4px solid #eee; white-space: nowrap; }
.er-table table td { padding: 10px 15px; text-align: right; font-size: 14px; border-bottom: 1px solid #eee; color: #666; transition: all .3s ease; white-space: nowrap; }
.er-table table tr:nth-child(2n) td { background: #f6f6f6; }
.er-table table tr:hover td { background: #e6e6e6 !important; }

.er-grid-collapse { margin-right: 0; margin-left: 0; }
.er-grid-collapse > div { padding-right: 0; padding-left: 0; }

.er-va-wrap { display: table; width: 100%; }

/* ========== Fontface ========== */
@font-face {
	font-family: 'IRANSans';
    src: url('../fonts/WebYekan.eot');
    src: url('../fonts/WebYekan.eot@#iefix') format('embedded-opentype'),
         url('../fonts/WebYekan.woff') format('woff'),
         url('../fonts/WebYekan.ttf') format('truetype'),
         url('../fonts/WebYekan.svg#WebYekan') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600–06FF;
}

@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');
}

/* ========= Styles For This Site ========== */

/* Container */
.er-container {  }

/* Buttons */
.er-btn { display: block; padding: 2px 15px; font-size: 17px; font-weight: 400; border-radius: 0; border: none; }
.er-btn:hover {  }
.er-btn .fa { font-size: 11px; margin-right: 2px; position: relative; right: 0; transition: all .2s ease-in-out; }
.er-btn:hover .fa { right: 5px; }

.er-btn-orange { background: #ffd262; color: #76521e; }
.er-btn-orange:hover, .er-btn-orange:focus { background: #ffdc86; color: #333; }
.er-btn-blue {     background: linear-gradient(to right, #578AE5 , #2651DB);
    color: white;
    padding: 10px 30px;border-radius:4px }
.er-btn-blue:hover, .er-btn-blue:focus { background: linear-gradient(to right, #4677ce , #2651DB); color: #fff; box-shadow: none; }
.er-btn-green { background: #7cbb52; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.er-btn-green:hover, .er-btn-blue:focus { background: #619e38; color: #fff; box-shadow: none; }
.er-btn-dark { background: #444; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.er-btn-dark:hover, .er-btn-dark:focus { background: #000; color: #fff; box-shadow: none; }

/* Title */
.er-title {  }
.er-title h1 { font-size: 30px; line-height: 1; font-weight: 500; margin: 0; padding: 0 0 10px 0; color: #444; }
.er-title h2 {font-size: 27px;line-height: 2;font-weight: 600;margin: 0;padding: 0 0 10px 0;color: #5a5a5a;}
.er-title.alt h2 { color: #fff; }
.er-subtitle {  }
.er-subtitle h3 { font-size: 16px; font-weight: 300; color: #777; line-height: 2; margin: 0; }

.er-title-center { text-align: center; }
.er-title-center h2 { font-size: 26px; line-height: 2; font-weight: 400; margin: 0; padding: 0 0 30px 0; color: #444; }
.er-title-center h3, .er-title-center p { font-size: 16px; font-weight: 300; color: #555; line-height: 2; width: 60%; margin: 10px auto 10px; }

.er-title-center.alt { text-align: center; }
.er-title-center.alt h2 { font-size: 30px; font-weight: 400; margin: 0; padding: 0 20px; color: #fff; }
.er-title-center.alt h3 { font-size: 16px; font-weight: 300; color: #eee; line-height: 2; width: 60%; margin: 10px auto 10px; }

.er-text {font-size: 17px;font-weight: 300;line-height: 2;color: #808080;}
.er-text.alt { color: #eee; }
.er-text p { margin: 0 0 25px 0; }

/*** Animation ***/
.animated { animation-delay: 0.0s; }
.animation-element { opacity: 0; position: relative; }

/*** owl Carousel ***/
.owl-item img { width: auto !important; margin: 0 auto !important; }




/********** Header **********/
.er-header { border-top: 1px solid #4fc2db; background: #fff; padding: 30px 0; }
.er-header-logo {  }

.er-header.fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 200; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }

/*** Menu ***/
.er-header-menu { text-align: center; }
.er-header-menu ul.awe-navbar-body { font-size: 0; }
.er-header-menu ul.awe-navbar-body > li { margin: 0 15px; font-size: 17px; }
.er-header-menu ul.awe-navbar-body > li > a { min-height: 36px; margin: 0; padding: 0 5px; color: #888; font-size: 16px; line-height: 36px; border-left: none; text-shadow: 0 0 0 !important; font-weight: 300; position: relative; transition: all .1s ease-in-out; transform: translate3d(0,0,0); }
.er-header-menu ul.awe-navbar-body > li > a:hover, .er-header-menu ul.awe-navbar-body > li.active > a:hover { color: #222; }
.er-header-menu ul.awe-navbar-body > li.active > a { color: #222; }

.er-header-menu ul.awe-navbar-body > li > a i { margin-right: 0; font-size: 12px; }

.awe-navbar-body > li > ul > li[data-subset]:after,
.awe-navbar-body > li > ul > li > ul > li[data-subset]:after,
.awe-navbar-body > li > ul > li > ul > li > ul > li[data-subset]:after { border-right-color: #888; margin-top: -4px; left: 5%; }

.awe-navbar-body > li > ul > li[data-subset]:hover:after,
.awe-navbar-body > li > ul > li > ul > li[data-subset]:hover:after,
.awe-navbar-body > li > ul > li > ul > li > ul > li[data-subset]:hover:after { border-right-color: #222; }

.awe-navbar-body > li[data-subset]:hover > a { color: #222; }

.awe-navbar-body > li > ul > li[data-subset]:hover > a,
.awe-navbar-body > li > ul > li > ul > li[data-subset]:hover > a,
.awe-navbar-body > li > ul > li > ul > li > ul > li[data-subset]:hover > a { color: #222; }

.er-header-menu ul.awe-navbar-body > li ul { background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07); }
.er-header-menu ul.awe-navbar-body > li > ul li a { padding: 4px 15px; color: #888; font-size: 16px; border-top: 1px solid rgba(0, 0, 0, 0.03); width: 190px; margin: 0; text-align: right; border-radius: 0; margin-bottom: 1px; }
.er-header-menu ul.awe-navbar-body > li > ul li a:hover { color: #222; background: #fafafa; }

/*** Mobile Menu ***/
.awe-navbar-toggle .icon-bar { background-color: #888; }
.awe-navbar-title { float: left; font-size: 16px; color: #888; padding: 6px; height: auto; }
.awe-navbar-toggle { margin: 0; }
.awe-navbar.awe-navbar-opened {  }
.awe-navbar.awe-navbar-opened .awe-navbar-header { background: #4fc2db; height: 50px; }
.awe-navbar.awe-navbar-opened .awe-navbar-header .awe-navbar-toggle { margin: 8px; color: #fff; }
.awe-navbar.awe-navbar-opened .awe-navbar-header .awe-navbar-toggle .icon-bar { background: #fff; }
.awe-navbar.awe-navbar-opened .awe-navbar-header .awe-navbar-title { margin: 8px 15px; float: right; color: #fff; }
.awe-navbar.awe-navbar-opened .awe-navbar-list { padding: 0; }
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul {  }
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li { margin: 3px 0; }
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li a { display: block; width: auto; background: #f5f5f5; color: #666; margin: 10px; padding: 3px 15px; min-height: 40px; line-height: 40px; border-radius: 0; border-top: none; }
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li a:hover,
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li[data-subset]:hover > a,
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li.active a { background: #4fc2db; color: #fff; }
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li ul { margin-right: 35px; box-shadow: none; }
.awe-navbar.awe-navbar-opened .awe-navbar-list > ul > li ul li { margin: 3px 0; }


/*** Header Buttons ***/
.er-header-buttons { text-align: left; font-size: 0; position: relative; }
.er-header-buttons-contact { display: block; width: 34px; height: 34px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 50%; color: #aaa; text-align: center; line-height: 32px; vertical-align: middle; }
.er-header-buttons-contact:hover { background: #4fc2db; color: #fff; border: 1px solid #4fc2db; }
.er-header-buttons-contact i { font-size: 15px; line-height: 32px; color: #aaa; }
.er-header-buttons-contact:hover i { color: #fff; }
.er-header-buttons-login { font-size: 15px; display: block; margin: 0 15px; vertical-align: middle; }
.er-header-buttons-login:hover {  }
.er-header-buttons-start { padding: 0 15px; vertical-align: middle; font-size: 15px; }
.er-header-buttons-start:hover {  }

.er-header-buttons-contact-phone { display: block; font-size: 20px; color: #333; position: absolute; left: 38px; top: 0; right: 0; bottom: 0; background: #fff; padding-left: 15px; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; text-align: left; line-height: 40px; }
.er-header-buttons-contact:hover .er-header-buttons-contact-phone { opacity: 1; visibility: visible; }

/********** Home **********/
/*** Slideshow ***/
.er-slideshow-wrap {  }
.er-slideshow-container { position: relative;  margin: 0 auto; }
.er-slideshow-next, .er-slideshow-prev { display: block; color: rgba(255, 255, 255, 0.5); text-align: center; line-height: 60px; font-size: 40px; height: 60px; width: 60px; position: absolute; top: calc(50% - 30px); z-index: 10; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.er-slideshow-container:hover .er-slideshow-next, .er-slideshow-container:hover .er-slideshow-prev { opacity: 1; visibility: visible; }
.er-slideshow-next:hover i, .er-slideshow-prev:hover i, .er-slideshow-next:focus i, .er-slideshow-prev:focus i { color: #fff; }
.er-slideshow-next { right: 0; }
.er-slideshow-prev { left: 0; }
.er-slideshow-items {  }
.er-slideshow-item { overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: calc(100vh - 97px); }
.er-slideshow-item.slide1 { /*background-image: url(../images/slideshow/slide1/bg.jpg);*/ background-image: linear-gradient(45deg, #45464e 0%, #151719 100%); }
.er-slideshow-item.slide2 { /*background-image: url(../images/slideshow/slide2/bg.jpg);*/ background-image: linear-gradient(45deg, #ad6f3e 0%, #ddc8b5 100%); }
.er-slideshow-item.slide3 { /*background-image: url(../images/slideshow/slide3/bg.jpg);*/ background-image: linear-gradient(45deg, #5f6468 0%, #34373c 100%); }
.er-slideshow-item.slide4 { /*background-image: url(../images/slideshow/slide4/bg.jpg);*/ background-image: linear-gradient(45deg, #cdc8c2 0%, #dbd8d3 100%); }
.er-slideshow-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.er-slideshow-content .container { height: 100%; }
.er-slideshow-item-background { width: 100% !important; }
.er-slideshow-item .er-slideshow-item-bg { width: 100% !important; max-height: calc(100vh - 97px); }
.er-slideshow-content-flex { display: flex; flex-flow: row nowrap; align-items: center; height: 100%; }
.er-slideshow-image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.er-slideshow-image .container { height: 100%; }
.er-slideshow-image-flex { display: flex; flex-flow: row nowrap; align-items: center; height: 100%; justify-content: flex-end; }
.er-slideshow-item-image { width: 50%; text-align: left; }
.er-slideshow-item-image img { width: auto !important; margin: 0 !important; display: inline-block !important; border-radius: 0 0 3px 3px; position: relative; z-index: 10; }
.er-slideshow-browser { float: left; border-radius: 3px; position: relative; z-index: 10; overflow: hidden; padding-top: 30px; background: #1d1d1d; }
.er-slideshow-browser .browser-circle { display: block; width: 8px; height: 8px; background: #fff; position: absolute; top: 11px; border-radius: 50%; }
.er-slideshow-browser .browser-circle:nth-child(1) { left: 12px; }
.er-slideshow-browser .browser-circle:nth-child(2) { left: 24px; }
.er-slideshow-browser .browser-circle:nth-child(3) { left: 36px; }
.er-slideshow-item-text { width: 50%; position: relative; z-index: 10; }
.er-slideshow-item-text > * { transition: all .3s ease-in-out; }
.er-slideshow-item-text h2 { margin: 0; padding: 0 0 20px 0; font-size: 32px; font-weight: 500; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.er-slideshow-item-text p { color: #fff; font-size:20px; font-weight: 400; width: 100%; margin-bottom: 30px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.er-slideshow-item-text a { margin-left: 10px; }

.er-slideshow-item-img-overlay { position: absolute; right: 0; bottom: -70px; left: 0; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; transition: all .3s ease-out; z-index: 11; }
.er-slideshow-item-img-overlay h3 { margin: 0; font-size: 18px; }
.er-slideshow-browser:hover .er-slideshow-item-img-overlay { bottom: 0; }


/*** Slide1 ***/
.owl-carousel.owl-rtl .owl-item { overflow: hidden; }
img.slide1-img1 { position: absolute; top: 0; left: 0; z-index: 10; }
img.slide1-img2 { position: absolute; top: 0; right: 0; z-index: 10; }
img.slide1-img3 { position: absolute; bottom: 0; right: 0; z-index: 10; }
img.slide1-img4 { position: absolute; bottom: 0; left: 0; z-index: 10; }

img.slide2-img1 { position: absolute; top: 0; left: 200px; z-index: 10; }
img.slide2-img2 { position: absolute; top: 0; right: 0; z-index: 10; }
img.slide2-img3 { position: absolute; bottom: 0; right: 0; z-index: 10; }
img.slide2-img4 { position: absolute; bottom: 0; left: 0; z-index: 10; }

img.slide3-img1 { position: absolute; top: 0; left: 0; z-index: 10; }
img.slide3-img2 { position: absolute; top: 0; right: calc(50% - 334px); z-index: 10; }
img.slide3-img3 { position: absolute; top: 0; right: 0; z-index: 10; }
img.slide3-img4 { position: absolute; bottom: 0; right: 0; z-index: 10; }
img.slide3-img5 { position: absolute; bottom: 0; left: 0; z-index: 10; }

img.slide4-img1 { position: absolute; top: 0; left: 0; z-index: 10; }
img.slide4-img2 { position: absolute; top: 0; right: 0; z-index: 10; }
img.slide4-img3 { position: absolute; bottom: 0; right: 0; z-index: 10; }
img.slide4-img4 { position: absolute; bottom: 0; left: 0; z-index: 10; }

/*** Video ***/
.er-video {  }
.er-video-embed { position: relative; min-height: 360px; }
.er-video-embed-tablet { background: url(../images/video-tablet.png) no-repeat center center; width: 575px; height: 332px; padding: 21px 32px 40px 62px; position: absolute; right: 0; }
.er-video-embed-tablet iframe { border: none; }
.er-video-embed-mobile { display: none; background: url(../images/video-mobile.png) no-repeat center center; width: 234px; height: 428px; position: absolute; z-index: 2; top: -50px; }
.er-video-text {  }
.er-video-text .er-title h1 { font-size: 26px; }
.er-video-text .er-title h2 { font-size: 22px; color: #777; }
.er-video-text-extra { padding-top: 10px; }
.er-video-text-extra .fa-phone { display: block; width: 42px; height: 42px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 50%; color: #aaa; text-align: center; line-height: 42px; vertical-align: middle; margin: 0 35px 0 15px; }
.er-video-text-extra-contact { display: block; vertical-align: middle; font-size: 18px; color: #444; }
.er-video-text-extra-contact span { display: block; font-size: 12px; color: #888; }

/*** Customers ***/
.er-customers { background: #fef8c3; }
.er-customers-title { font-size: 30px; font-weight: 500; color: #444; line-height: 1.5; }
.er-customers-title span { font-size: 20px; font-weight: 300; color: #666; display: block; }
.er-customers-next, .er-customers-prev { display: block; color: rgba(0, 0, 0, 0.3); text-align: center; line-height: 60px; font-size: 40px; height: 60px; width: 60px; position: absolute; top: calc(50% - 30px); z-index: 10; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }
.er-customers-container:hover .er-customers-next, .er-customers-container:hover .er-customers-prev { opacity: 1; visibility: visible; }
.er-customers-next:hover i, .er-customers-prev:hover i, .er-customers-next:focus i, .er-customers-prev:focus i { color: #444; }
.er-customers-next { right: 0; }
.er-customers-prev { left: 0; }

/*** Comments ***/
.er-comments {  }
.er-comments-items {  }
.er-comments-item { position: relative; padding-right: 40px; }
.er-comments-item-img { position: absolute; top: 50px; right: 0; }
.er-comments-item-img img { border-radius: 50%; border: 5px solid #fff; width: 80px; height: 80px; }
.er-comments-item-text { background: #f9f9fe; padding: 40px 70px 40px 40px; }
.er-comments-item-text-name { font-size: 14px; color: #888; }
.er-comments-item-text-title { float: right; font-size: 20px; }
.er-comments-item-text-link { float: left; direction: ltr; font-size: 13px; line-height: 40px; }
.er-comments-item-text-link a { border-bottom: 1px solid #ddd; color: #999; }
.er-comments-item-text-link a:hover, .er-comments-item-text-link a:hover i { color: #444; }
.er-comments-item-text-link a i { margin-left: 5px; vertical-align: middle; font-size: 11px; transform: scaleX(-1); color: #999; }
.er-comments-item-text-comment { clear: both; padding-top: 10px; font-size: 15px; font-weight: 300; color: #555; }

/*** Shop ***/
.er-shop { background: #f0f7f7 url(../images/shop-bg.png) repeat; }
.er-shop-container { padding: 120px 0; position: relative; }
.er-home-themes-img {  }
.er-home-themes-img img { margin: 0 auto; display: block; }
.er-home-themes-context {  }
.er-home-themes-context-img {  }
.er-shop-img { position: absolute; z-index: 10; animation-duration: 2s !important; }
.er-shop-img-1 { top: 40px; right: -250px; animation-delay: 0s !important; }
.er-shop-img-2 { top: 50px; left: 20px; animation-delay: .2s !important; }
.er-shop-img-3 { bottom: 40px; left: 170px; animation-delay: .4s !important; }
.er-shop-img-4 { top: -24px; left: 220px; animation-delay: .6s !important; }
.er-shop-img-5 { bottom: -48px; left: 450px; animation-delay: .8s !important; }
.er-shop-img-6 { bottom: 20px; right: -140px; animation-delay: .2s !important; }

/*** Register ***/
.er-register { background: url(../images/register.jpg) no-repeat left center; background-size: cover; position: relative; }
.er-register-form { margin-top: 10px; }
.er-register-form .form-item { position: relative; padding-top: 30px; margin-bottom: 30px; }
.er-register-form .form-item .er-label { display: block; position: absolute; right: 0; top: 30px; color: #999; font-weight: 300; font-size: 17px; z-index: 0; transition: all .5s ease-in-out; }
.er-register-form .form-item.active .er-label { top: 0; color: #666; font-size: 14px; }
.er-register-form .form-item input { border: none; border-bottom: 2px solid #bbb; background: none; width: 100%; font-size: 17px; color: #222; position: relative; z-index: 1; }
.er-register-form .form-item button { border: none; transition: all .2s ease-in-out; }


/********** Footer **********/
.er-footer-contact { padding: 20px 0; }
.er-footer-contact-text { font-size: 20px; }
.er-footer-contact-text span { display: block; font-size: 14px; color: #999; }
.er-footer-contact-info { text-align: left; }
.er-footer-contact-info i.fa { float: left; width: 58px; height: 58px; text-align: center; line-height: 58px; background: #4fc2db; color: #fff; font-size: 20px; border-radius: 50%; margin-right: 15px; margin-top: 5px; vertical-align: middle; }
.er-footer-contact-info-text { font-size: 20px; }
.er-footer-contact-info-text span { display: block; font-size: 14px; color: #999; }
.er-footer-buttons { text-align: left; }
.er-footer-buttons-start { padding: 0 20px; vertical-align: middle; }

.er-footer-menu { padding: 30px 0; background: #3b3b49; }
.er-footer-menu ul.awe-navbar-body > li > a { color: #999; }
.er-footer-menu ul.awe-navbar-body > li > a:hover, .er-footer-menu ul.awe-navbar-body > li.active > a:hover, .er-footer-menu ul.awe-navbar-body > li[data-subset]:hover > a { color: #fff; }

.er-footer-bottom { padding: 30px 0 0; background: #343543; position: relative; }
.er-footer-bottom-title { font-size: 17px; font-weight: 300; color: #fff; padding-bottom: 20px; }

.er-footer-bottom-links { margin-bottom: 30px; }
.er-footer-bottom-links ul { margin: 0; padding: 0; font-size: 0; }
.er-footer-bottom-links ul li { padding: 3px 0; display: block; width: 50%; }
.er-footer-bottom-links ul li a { color: #999; font-size: 15px; }
.er-footer-bottom-links ul li a:hover { color: #fff; }
.er-footer-bottom-links ul li a span { display: block; margin-right: 5px; font-size: 11px; background: #00b2b2; color: #fff; border-radius: 15px; padding: 0 10px; }

.er-footer-bottom-list { margin-bottom: 30px; }
.er-footer-bottom-list ul { margin: 0; padding: 0; }
.er-footer-bottom-list ul li { padding: 3px 0; }
.er-footer-bottom-list ul li a { color: #999; }
.er-footer-bottom-list ul li a:hover { color: #fff; }

.er-footer-bottom-contact { color: #999; margin-bottom: 20px; }
.er-footer-bottom-contact > div { margin-bottom: 5px; }
.er-footer-bottom-contact > div span { color: #ddd; display: block; margin-left: 10px; }

.er-footer-bottom-fields { color: #999; margin-bottom: 30px; }
.er-footer-fields-btn { display: block; border-radius: 4px; padding: 5px 15px; font-size: 14px; background: #414150; color: #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); }
.er-footer-fields-btn:hover, .er-footer-fields-btn:hover i { background: #515160; color: #fff; }
.er-footer-fields-btn i { vertical-align: middle; }
.er-footer-fields-btn i.fa-th { font-size: 10px; margin-left: 10px; vertical-align: -2px; color: #ddd; }
.er-footer-fields-btn i.fa-angle-left { float: left; margin-top: 5px; color: #ddd; font-size: 18px; }

.er-footer-copyright { padding: 30px 0; background: #31323e; color: #777; }
.er-footer-social { text-align: left; }
.er-footer-social a { color: #999; display: block; margin-left: 2px; width: 30px; height: 30px; line-height: 30px; }
.er-footer-social a:hover, .er-footer-social a:hover i { color: #fff; }
.er-footer-social a.telegram { font-size: 13px; }

.er-footer-fields { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px 0; background: #343543; display: none; }
.er-footer-fields-items { margin-top: 30px; }
.er-footer-fields-item { margin-bottom: 10px; }
.er-footer-fields-item a { color: #999; }
.er-footer-fields-item a:hover, .er-footer-fields-item a:hover i { color: #fff; }
.er-footer-fields-item a i { margin-left: 8px; font-size: 8px; }

.er-footer-fields-close { display: block; margin-right: 20px; border-radius: 4px; padding: 5px 15px; font-size: 14px; background: #414150; color: #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.er-footer-fields-close i { color: #ddd; vertical-align: -2px; margin-left: 5px; }
.er-footer-fields-close:hover, .er-footer-fields-close:hover i { background: #515160; color: #fff; }

/*** Fixed Contact ***/
.er-fixed-contact { position: fixed; bottom: 20px; right: 20px; z-index: 1000; background: #fff; border-radius: 3px; padding: 15px; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); }
.er-fixed-contact h4 { margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #ddd; font-size: 20px; font-weight: 400; color: #555; line-height: 1; }
.er-fixed-contact p { font-size: 15px; margin: 0; color: #666; }
.er-fixed-contact p span { display: block; font-size: 20px; color: #4fc2db; line-height: 1; margin: 10px 0 0 5px; }
.er-fixed-contact p i { font-size: 14px; vertical-align: middle; margin-left: 3px; background: #ffd262; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 50%; }
.er-fixed-contact p small { font-size: 13px; display: block; vertical-align: middle; }

/*** Back to Top ***/
.er-back-to-top { position: fixed; z-index: 99; bottom: 0; left: 0; display: none; }
.er-back-to-top a { display: block; width: 40px; height: 40px; background: #4fc2db; color: #fff; line-height: 40px; font-size: 18px; text-align: center; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 0; }


/*** ============= Pages ============= ***/

/* ########## Page ########## */
.er-page-intro { text-align: center; background: #4fc2db; padding: 50px 0 200px; position: relative; }
.er-page-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-page-intro h1 span { font-weight: 300; }
.er-page-intro p { font-size: 18px; font-weight: 300; color: #fff; margin-bottom: 50px; }

/*** Page Wrap ***/
.er-page-wrap { position: relative; top: -150px; padding: 50px 0; background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.er-page-wrap .er-paging a { background: #f4f4fd; color: #888; }
.er-page-wrap .er-paging a:hover, .er-page-wrap .er-paging a.current { background: #4fc2db; color: #fff; }

.er-page-context { padding: 0 50px; font-size: 17px; font-weight: 300; line-height: 2; color: #555; }
.er-page-context p { margin: 0 0 30px; }
.er-page-context ul { margin: 10px 0 30px; padding: 0 50px 0 0; }
.er-page-context ul li { padding: 5px 0; }
.er-page-context h2, .er-page-context h3, .er-page-context h4 { font-size: 22px; color: #555; position: relative; margin: 40px 0 15px; }
.er-page-context h2:before, .er-page-context h3:before, .er-page-context h4:before { position: absolute; top: 0; bottom: 0; right: -50px; content: ""; width: 5px; background: #4fc2db; }

/* ########## Pricing ########## */
.er-pricing-packages { background: url(../images/pricing/packages-bg.jpg) no-repeat center bottom; background-size: cover; padding: 50px 0; }
.er-pricing-title { font-size: 30px; line-height: 2; font-weight: 500; color: #fff; text-align: center; }
.er-pricing-packages-switch { text-align: center; font-size: 0; margin-top: 30px; }
.er-pricing-packages-switch a { display: block; font-size: 18px; color: #fff; padding: 10px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: relative; }
.er-pricing-packages-switch a:hover { background: rgba(0, 0, 0, 0.4); }
.er-pricing-packages-switch a.active { background: #333; }
.er-pricing-packages-switch a.active:after { display: block; content: "\f0d7"; font-family: FontAwesome; font-size: 30px; position: absolute; bottom: -17px; right: calc(50% - 10px); color: #333; line-height: 1; }
.er-pricing-packages-switch-monthly { border-radius: 4px 0 0 4px; }
.er-pricing-packages-switch-yearly { border-radius: 0 4px 4px 0; }
.er-pricing-packages-switch-yearly span { display: block; position: absolute; top: -8px; right: -30px; font-size: 10px; background: #fdee68; color: #333; border-radius: 15px; padding: 0 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.er-packages-items { margin-top: 100px; }
.er-packages-item { background: #fff; border-radius: 4px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; transition: all .3s linear; }
.er-packages-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
.er-packages-item-title { padding: 25px 0; font-size: 24px; font-weight: 500; color: #555; line-height: 1.5; }
.er-packages-item-title span { display: block; font-size: 14px; color: #999; font-weight: 400; }
.er-packages-item-price { background: #f7f7fd; padding: 20px 0; font-size: 50px; font-weight: 500; color: #666; line-height: 1.2; }
.er-packages-item-price span { display: block; font-size: 14px; color: #777; font-weight: 400; }
.er-packages-item-price span span { display: block; color: #aaa; }
.er-packages-item-text { padding: 30px; font-size: 15px; font-weight: 300; color: #666; }
.er-packages-item-button { padding-bottom: 30px; }
.er-packages-monthly { display: none; }
.er-pricing-packages-contact { margin: 50px 0 30px; text-align: center; color: #fff; font-size: 20px; vertical-align: middle; }
.er-pricing-packages-contact span { display: block; margin: 0 20px; }

/*** Main Features ***/
.er-packages-main-features { padding: 50px 0; background: #fafcfe; }
.er-packages-main-features-items { margin-top: 20px; }
.er-packages-main-features-item { background: url(../images/tick-blue.png) no-repeat right 5px; margin-bottom: 30px; padding-right: 40px; font-size: 17px; font-weight: 300; color: #666; }

/*** Popular Package ***/
.er-packages-item.popular { border-top: 2px solid #fdee68; position: relative; top: -15px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.er-packages-item.popular:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
.er-packages-item.popular .er-packages-item-price { color: #333; background: #e5f6fa; }
.er-packages-item.popular .er-packages-item-text { padding: 45px 30px 30px; }
.er-packages-item.popular .er-packages-item-button { padding-bottom: 30px; padding-top: 15px; }

/*** Consultation ***/
.er-packages-consultation { padding: 100px 0 70px; }
.er-packages-consultation-item { padding: 30px; margin-bottom: 30px; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.er-packages-consultation-item h2 { font-size: 18px; margin: 0 0 15px; color: #444; }
.er-packages-consultation-item h2 i { font-size: 14px; color: #4fc2db; margin-right: 10px; }
.er-packages-consultation-item p { font-size: 15px; font-weight: 300; color: #666; margin: 0; }

/*** Packages Table ***/
.er-packages-details { padding: 0 0 100px; }
.er-packages-details-table { width: 100%; }
.er-packages-details-table td:first-child { width: 30%; }
.er-packages-details-table td:nth-child(n+2):nth-child(-n+5) { text-align: center; }
.er-packages-details-table td:nth-child(3), .er-packages-details-table th:nth-child(3) { background: #fbfbfb; }
.er-packages-details-table td.popular { background: #fbfbfb; border-top: 2px solid #ffd262; padding: 0; }
.er-packages-details-table h3.title { padding: 0 20px 20px; margin: 0; font-size: 24px; font-weight: 500; color: #555; text-align: center; }
.er-packages-details-table h3.title span { display: block; font-size: 14px; color: #999; font-weight: 400; }
.er-packages-details-table tr.title td { padding: 20px; font-size: 20px; border-top: 1px solid #eee; background: #fff; }
.er-packages-details-table tr.title td i { font-size: 34px; color: #aaa; vertical-align: middle; margin-left: 10px; }
.er-packages-details-table tr td { padding: 20px; font-size: 15px; font-weight: 300; color: #888; }
.er-packages-details-table tr td:first-child { color: #444; }
.er-packages-details-table thead tr:first-child td, .er-packages-details-table tfoot tr:last-child td { padding: 5px; }
.er-packages-details-table tr.bg-diffrent td { background: #f9f9f9; }
.er-packages-details-table thead tr:first-child:hover td, .er-packages-details-table tfoot tr:last-child:hover td { background: none; }
.er-packages-details-table thead tr:first-child:hover td:nth-child(3) { background: #fbfbfb; }
.er-packages-details-table tr:hover:not(.title) td { background: #f3f9ff; }
.er-packages-details-table tfoot tr:last-child td { background: #fff !important; }
.er-packages-details-table tfoot tr td.popular { background: #fbfbfb !important; border-bottom: 2px solid #ffd262; padding: 0; border-top: none; }

.package-help { display: block; position: relative; z-index: 0; float: left; }
.package-help-icon i.fa { cursor: pointer; background: #fff; border: 1px solid #aaa; height: 19px; width: 19px; line-height: 17px; text-align: center; color: #bbb; border-radius: 50%; font-size: 16px; vertical-align: middle; transform: scaleX(-1); transition: all .3s ease; }
.package-help-icon i.fa:hover { background: #fff; color: #999; }
.package-help-text { display: none; position: absolute; right: 24px; top: 12px; width: 300px; padding: 15px 15px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); border-radius: 3px; font-size: 13px; color: #777; }
.package-help-text h3 { font-size: 16px; margin: 5px 0 10px; color: #555; }
.package-help-text a.close { position: absolute; right: 3px; top: 3px; font-size: 12px; }

/***** FAQ *****/
.er-faq {  }
.er-pricing-faq { padding: 100px 0 50px; background: #f0f7f7; }
.er-faq-item { margin-bottom: 50px; }
.er-faq-item h3 { font-size: 18px; color: #444; margin: 0 0 10px; }
.er-faq-item p { font-size: 16px; font-weight: 300; color: #666; }

/* ########## Features ########## */
.er-features-intro { padding: 50px 0 0; background: #4fc2db; text-align: center; }
.er-features-intro h1 { font-size: 30px; line-height: 2; font-weight: 500; color: #fff; margin-bottom: 20px; }
.er-features-intro img { display: block; margin: 20px auto 0; }

/*** Responsive ***/
.er-features-responsive {  }
.er-features-responsive-img {  }
.er-features-responsive-img img { margin: 0 auto; display: block; }
.er-features-responsive-text { margin-top: 70px; }
.er-features-responsive-text h3 { font-weight: 300; font-size: 20px; color: #777; margin: -20px 0 24px; }
.er-features-responsive-text .er-text { line-height: 40px; }
.er-features-responsive-text-extra {  }

/*** SEO ***/
.er-features-seo { background: #f0f7f7 url(../images/shop-bg.png) repeat; padding: 70px 0 50px; }
.er-features-seo-text { margin-top: 50px; }
.er-features-seo-text h3 { font-weight: 300; font-size: 20px; color: #777; margin: -20px 0 24px; }
.er-features-seo-text .er-text { line-height: 40px; }
.er-features-seo-text-extra {  }
.er-features-seo-img { text-align: left; }

/*** Themes ***/
.er-features-themes { padding: 100px 0 0; }
.er-features-themes-text { width: 50%; margin: 0 auto 20px; text-align: center; }
.er-features-themes-img {  }

/*** CMS ***/
.er-features-cms { background: #222 url(../images/features/cms.png) no-repeat right bottom; padding: 100px 0 0; }
.er-features-cms-items { margin: 0 0 50px; }
.er-features-cms-item { margin-bottom: 30px; }
.er-features-cms-item i { font-size: 30px; color: #ccc; }
.er-features-cms-item h3 { font-size: 20px; font-weight: 500; color: #ccc; margin: 10px 0 10px; }
.er-features-cms-item p { margin: 0; color: #999; padding-left: 40px; }
.er-features-cms-item img { margin-top: 30px; }

/*** Features List ***/
.er-features-list { padding: 100px 0 150px; background: #f6fafa; }
.er-features-list-items { margin: 50px 0 0; }
.er-features-list-item { margin-bottom: 30px; min-height: 110px; }
.er-features-list-item h3 { font-size: 20px; font-weight: 500; color: #555; }
.er-features-list-item h3 img { margin-left: 10px; }
.er-features-list-item p { font-weight: 300; color: #777; padding-left: 40px; }

/* ########## Domain ########## */
.er-domain-intro { background: linear-gradient(to top, #3b3b4a 0%, #5c5c6b 100%); padding: 50px 0 250px; text-align: center; position: relative; }
.er-domain-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-domain-intro p { font-size: 18px; font-weight: 300; color: #eee; }
.er-domain-intro-img { position: absolute; z-index: 10; }
.er-domain-intro-img-1 { right: 10%; bottom: 0; }
.er-domain-intro-img-2 { left: 50px; bottom: 0; }

/*** Find Domain ***/
.er-domain-find { width: 450px; margin: 50px auto 0; position: absolute; right: calc(50% - 225px); z-index: 100; border-radius: 4px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-domain-find-header { background: #2b2b2b url(../images/domain/find-domain.png) no-repeat 30px top; padding: 40px 30px 30px; text-align: right; color: #eee; font-size: 20px; font-weight: 300; border-radius: 4px 4px 0 0; line-height: 1.5; }
.er-domain-find-header strong { font-weight: 700; color: #fff; }
.er-domain-find-header span { font-size: 15px; }
.er-domain-find-input { background: #fff; padding: 50px 50px 30px; }
.er-domain-find-input input { width: 100%; padding: 10px; border: 1px solid #eee; font-weight: 300; border-radius: 4px; }
.er-domain-find-input input:focus { direction: ltr; }
.er-domain-find-input-example { direction: ltr; margin-top: 20px; color: #999; font-size: 15px; font-weight: 300; text-align: center; }
.er-domain-find-input-example span { font-weight: 500; color: #666; }
.er-domain-find-button {  }
.er-domain-find-button button { width: 100%; padding: 20px; color: #fff; background: #ffd262; font-size: 20px; text-align: center; border: none; border-radius: 0 0 4px 4px; }
.er-domain-find-button button i { font-size: 14px; margin-right: 5px; }
.er-domain-find-button button:hover, .er-domain-find-button button:hover i { color: #fff; background: #e5b43c; }

/*** Domain Alert ***/
.alertok { position: relative; border-radius: 4px; background: #f4fcff; margin: 10px auto 0; width: 450px; padding: 20px 30px; display: none; }
.alertx { position: relative; border-radius: 4px; background: #fff3f1; margin: 10px auto 0; width: 450px; padding: 20px 30px; display: none; }
.alertok h3, .alertx h3 { margin: 0 0 15px; color: #444; font-size: 20px; }
.alertok p, .alertx p { margin: 0; color: #666; font-size: 15px; }
.alertok a { position: absolute; top: 3px; left: 10px; color: #ccc; }
.alertx a { position: absolute; top: 3px; left: 10px; color: #ccc; }

/*** Why Domain ***/
.er-domain-why { background: #f0f3f7; padding: 250px 0 100px; }
.er-domain-why-items { margin: 30px 180px 0; }
.er-domain-why-item { background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); transition: all .3s linear; text-align: center; padding: 50px 40px 50px; margin: 0 0 30px; }
.er-domain-why-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-domain-why-item img {  }
.er-domain-why-item h3 { font-size: 20px; font-weight: 500; color: #555; margin: 35px 0 15px; }
.er-domain-why-item p { margin: 0; color: #777; font-weight: 300; }

/*** Price ***/
.er-domain-price { padding: 100px 0; }
.er-domain-price-table { margin-top: 50px; width: 100%; }
.er-domain-price-table th, .er-domain-price-table td { padding: 10px; text-align: center; }
.er-domain-price-table th { color: #555; font-size: 15px; font-weight: 500; }
.er-domain-price-table td { font-weight: 300; color: #666; }
.er-domain-price-table tr td:first-child { direction: ltr; }
.er-domain-price-table tr:nth-child(2n) td { background: #f7f9fb; }
.er-domain-price-table tr:hover td { background: #f0f3f7; }

/* ########## FAQ ########## */
.er-faq-intro { text-align: center; background: #4fc2db; padding: 50px 0 200px; position: relative; }
.er-faq-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-faq-intro p { font-size: 18px; font-weight: 300; color: #eee; }
.er-faq-intro-img { position: absolute; z-index: 10; }
.er-faq-intro-img-1 { right: 0; top: 100px; }
.er-faq-intro-img-2 { left: 0; bottom: 0; }

/*** Switch ***/
.er-faq-switch { text-align: center; font-size: 0; margin: 0 50px 50px; display: block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.er-faq-switch a { display: block; font-size: 18px; color: #fff; padding: 10px 20px; position: relative; background: #333; }
.er-faq-switch a:after { display: block; content: "\f0d7"; font-family: FontAwesome; font-size: 30px; position: absolute; bottom: -17px; right: calc(50% - 10px); color: #333; line-height: 1; }
.er-faq-switch a:first-child { border-radius: 0 4px 4px 0; }
.er-faq-switch a:last-child { border-radius: 4px 0 0 4px; }
.er-faq-switch a:hover { background: #333; }
.er-faq-switch a.collapsed { background: #4fc2db; }
.er-faq-switch a.collapsed:after { display: none; }

/*** FAQ Contact ***/
.er-faq-contact { width: 450px; margin: 0 auto; position: absolute; right: calc(50% - 225px); bottom: -140px; z-index: 100; border-radius: 4px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-faq-contact-header { background: #fff url(../images/domain/find-domain.png) no-repeat 30px top; padding: 40px 30px 30px; text-align: right; color: #555; font-size: 20px; font-weight: 300; border-radius: 4px 4px 0 0; line-height: 1.5; }
.er-faq-contact-header strong { font-weight: 700; color: #fff; }
.er-faq-contact-header span { font-size: 15px; }
.er-faq-contact-header-phone { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-top: 30px; }
.er-faq-contact-header-phone i { width: 60px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background: #97d3e4; margin-left: 20px; border-radius: 50%; }
.er-faq-contact-header-phone div:last-child { font-size: 14px; color: #999; }
.er-faq-contact-header-phone div:last-child span { font-size: 22px; color: #555; display: block; direction: ltr; text-align: right; }
.er-faq-contact-link {  }
.er-faq-contact-link a { display: block; width: 100%; padding: 15px 20px; color: #fff; background: #ffd262; font-size: 20px; text-align: center; border: none; border-radius: 0 0 4px 4px; }
.er-faq-contact-link a i { font-size: 14px; margin-right: 5px; }
.er-faq-contact-link a:hover, .er-faq-contact-link a:hover i { color: #fff; background: #e5b43c; }

/*** Fix Space ***/
.er-faq-fix-space { background: #f0f7f7; height: 200px; }

/*** FAQ ***/
.er-faq-wrap { position: relative; top: -150px; padding: 50px 0; background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.er-faq-users { padding: 50px 50px 0; background: #fff; }
.er-faq-resellers { padding: 50px 50px 0; background: #fff; }
.er-faq-domain { padding: 50px 50px 0; background: #fff; }
.er-faq-wrap.panel-group .panel { border-radius: 0; border: none; box-shadow: none; }

.er-faqpage-items {  }
.er-faqpage-item { padding-bottom: 50px; }
.er-faqpage-item h3 { margin: 0; font-size: 20px; font-weight: 400; border-bottom: 2px solid #eee; padding: 0 0 10px 0; }
.er-faqpage-item h3 a { color: #555; }
.er-faqpage-item h3 a:hover, .er-faqpage-item.active h3 a { color: #4fc2db; }
.er-faqpage-item h3 a i { width: 32px; height: 32px; line-height: 32px; background: #edf9fb; color: #4fc2db; text-align: center; margin-left: 5px; border-radius: 50%; }
.er-faqpage-item h3 > i { display: block; float: left; height: 32px; line-height: 32px; color: #ccc; }
.er-faqpage-item-answer { color: #777; padding: 10px 0 0; font-size: 16px; font-weight: 300; display: none; }

.er-faq-links { padding: 0 50px; text-align: left; }
.er-faq-links img { margin-left: 10px; } 
.er-faq-links a { display: block; margin-right: 40px; color: #888; }
.er-faq-links a:hover { color: #222; }


/* ########## Blog ########## */
.er-blog-intro { text-align: center;background: #3498db none repeat scroll 0 0; padding: 50px 0 50px; position: relative; }
.er-blog-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-blog-intro p { font-size: 18px; font-weight: 300; color: #eee; }
.er-blog-intro-img { position: absolute; z-index: 10; }
.er-blog-intro-img-1 { right: 0; top: 100px; }
.er-blog-intro-img-2 { left: 0; bottom: 0; }

/*** Newsletter ***/
.er-blog-newsletter { width: 450px; margin: 30px auto 0; background: #ffd262 url(../images/mailbox.png) no-repeat 280px bottom; border-radius: 4px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-blog-newsletter-input { padding: 30px 180px 30px 30px; }
.er-blog-newsletter-input input { border: none; width: 100%; font-weight: 300; color: #555; direction: ltr; text-align: right; padding: 0 10px; height: 40px; border-radius: 4px; margin-bottom: 10px; }
.er-blog-newsletter-input input:focus { text-align: left; }
.er-blog-newsletter-input button { width: 100%; padding: 0 10px; height: 40px; color: #fff; background: #222; font-size: 16px; text-align: center; border: none; border-radius: 4px; line-height: 1.45; }
.er-blog-newsletter-input button i { font-size: 10px; margin-right: 5px; }
.er-blog-newsletter-input button:hover, .er-blog-newsletter-button button:hover i { color: #fff; background: #555; }

/*** Blog Cats ***/
.er-blog-cats { padding: 20px 0; background: #fff; }
.er-blog-cats-items ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.er-blog-cats-items ul li { padding: 0 0 0 40px; display: block; }
.er-blog-cats-items ul li a { font-size: 15px; color: #777; line-height: 36px; }
.er-blog-cats-items ul li a:hover { color: #222; }

/*** Search ***/
.er-search {font-size: 0;margin: 0 auto;margin-top: 10px;}
.er-search input[type="text"] { border: 1px solid #eee; border-left: none; background: #fff; font-size: 14px; padding: 5px 10px; height: 36px; width: calc(100% - 40px); font-size: 15px; vertical-align: middle; border-radius: 0 4px 4px 0; }
.er-search button[type="submit"] { border: none; background: #ffd262; vertical-align: middle; height: 36px; width: 36px; font-size: 15px; line-height: 36px; vertical-align: middle; color: #fff; border-radius: 4px 0 0 4px; }

/*** Blog Items ***/
.er-blog-items { padding: 100px 0 70px; background: #f4f4fd; }
.er-blog-item { background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); transition: all .3s linear; margin-bottom: 30px; }
.er-blog-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-blog-item-img {  }
.er-blog-item-img img { border-radius: 4px 4px 0 0; width: 100%; }
.er-blog-item-text { padding: 20px 30px; }
.er-blog-item-text h3 { font-size: 20px; margin: 0; min-height: 70px; line-height: 1.7; }
.er-blog-item-text h3 a { color: #444; }
.er-blog-item-text h3 a:hover { color: #0b96b6; }
.er-blog-item-cats { margin: 5px 0 15px; font-size: 14px; color: #4fc2db; height: 30px; overflow: hidden; }
.er-blog-item-cats a { color: #4fc2db; }
.er-blog-item-cats a:hover { color: #555; }
.er-blog-item-extra { font-size: 13px; color: #999; }
.er-blog-item-extra span { display: block; float: left; }

/*** Paging ***/
.er-paging { text-align: center; margin: 30px 0 0; direction: ltr; }
.er-paging a { display: block; padding: 11px 15px 9px; font-size: 17px; background: #fff; color: #aaa; text-align: center; margin: 0 4px; border-radius: 4px; min-width: 50px; line-height: 30px; }
.er-paging a:hover, .er-paging a.current { background: #4fc2db; color: #fff; }

/* ########## Post ########## */
.er-post-intro {height: 300px;background: url(../images/post-intro.jpg) no-repeat center center;background-size: cover;}
.er-post { width: 70%; float-right; position: relative; top: -150px; padding: 50px; background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.er-post-left-fixed {float: left;width: 27%;}
.er-post-cats { font-size: 14px; color: #4fc2db; text-align: center; }
.er-post-cats a { color: #4fc2db; }
.er-post-cats a:hover { color: #555; }
.er-post h1 { font-size: 28px; text-align: center; margin: 25px 0; color: #555; }
.er-post-date { font-size: 13px; color: #999; text-align: center; }
.er-post-sharing { text-align: center; margin: 25px 0; }
.er-post-sharing a { display: block; height: 36px; width: 36px; text-align: center; line-height: 36px; border: 1px solid #ddd; border-radius: 50%; margin: 0 2px; }
.er-post-sharing a i { line-height: 36px; }
.er-post-sharing a.twitter i { color: #1da1f2; font-size: 18px; }
.er-post-sharing a.twitter:hover { background: #1da1f2; border: 1px solid #1da1f2; }
.er-post-sharing a.twitter:hover i { color: #fff; }
.er-post-sharing a.googleplus i { color: #dd4b39; font-size: 16px; line-height: 34px; }
.er-post-sharing a.googleplus:hover { background: #dd4b39; border: 1px solid #dd4b39; }
.er-post-sharing a.googleplus:hover i { color: #fff; }
.er-post-sharing a.facebook i { color: #3b5998; font-size: 17px; }
.er-post-sharing a.facebook:hover { background: #3b5998; border: 1px solid #3b5998; }
.er-post-sharing a.facebook:hover i { color: #fff; }
.er-post-sharing a.pinterest i { color: #bd081c; font-size: 17px; }
.er-post-sharing a.pinterest:hover { background: #bd081c; border: 1px solid #bd081c; }
.er-post-sharing a.pinterest:hover i { color: #fff; }
.er-post-sharing a.linkedin i { color: #0077b5; font-size: 17px; line-height: 32px; }
.er-post-sharing a.linkedin:hover { background: #0077b5; border: 1px solid #0077b5; }
.er-post-sharing a.linkedin:hover i { color: #fff; }
.er-post-img { margin-bottom: 50px; }
.er-post-img img { width: 100%; }
.er-post-text { font-size: 17px; line-height: 2; color: #666; font-weight: 300; }
.er-post-text h2, .er-post-text h3, .er-post-text h4 { font-size: 22px; color: #555; position: relative; margin: 40px 0 15px; }
.er-post-text h2:before, .er-post-text h3:before, .er-post-text h4:before { position: absolute; top: 0; bottom: 0; right: -50px; content: ""; width: 5px; background: #4fc2db; }
@media (max-width: 575px) {
	.er-post-left-fixed {float: left;width: 27%; display:none;}
.er-post { width: 70%; float-right; position: relative;  padding: 50px; background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.er-post-intro {display:none}

}
/*** Post Newsletter ***/
.er-post-newsletter { padding: 50px; margin: 100px -50px; background: #fef8c3 url(../images/mailbox.png) no-repeat right 30px bottom; }
.er-post-newsletter-title { font-size: 18px; font-weight: 300; color: #666; }
.er-post-newsletter-input input { border: none; width: 100%; font-weight: 300; color: #555; direction: ltr; text-align: right; padding: 0 10px; height: 40px; border-radius: 4px; }
.er-post-newsletter-input input:focus { text-align: left; }
.er-post-newsletter-button button { width: 100%; padding: 0 10px; height: 40px; color: #fff; background: #4fc2db; font-size: 16px; text-align: center; border: none; border-radius: 4px; line-height: 1.45; }
.er-post-newsletter-button button i { font-size: 10px; margin-right: 5px; }
.er-post-newsletter-button button:hover, .er-blog-newsletter-button button:hover i { color: #fff; background: #77d3e8; }

/*** Related Posts ***/
.er-post-related { margin-top: -50px; }

/*** Tags ***/
.er-post-tags { background: #f5f9fd; padding: 20px; border-radius: 4px; margin-top: 30px; color: #999; }
.er-post-tags a { color: #0b96b6; margin: 0 5px; font-weight: 300; }
.er-post-tags a:hover { color: #4fc2db; }

/*** Comments ***/
.er-comments {  }
.er-comments-title { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; margin-bottom: 30px; }
.er-comments-title i { font-size: 40px; margin-left: 15px; color: #aaa; }
.er-comments-title span { display: block; font-size: 12px; color: #aaa; }
.er-comments-title h3 { margin: 0; font-size: 18px; color: #444; }
.er-comment { background: #f7f7fd; padding: 30px; margin-bottom: 30px; border-radius: 4px; }
.er-comment h4 { font-size: 13px; color: #999; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.er-comment h4 span { font-size: 15px; color: #444; }
.er-comment p { margin: 0; color: #666; }
.er-writecomment-title h3 { font-size: 20px; color: #444; margin: 0; }
.er-writecomment { margin-bottom: 50px; }
.er-comment-notes { font-size: 15px; color: #666; font-weight: 300; margin-bottom: 30px; }
.required { color: red; }

/* ########## Contact ########## */
.er-contact-intro { text-align: center; background: #4fc2db; padding: 50px 0 50px; min-height: 400px; position: relative; }
.er-contact-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-contact-intro p { font-size: 18px; font-weight: 300; color: #eee; }
.er-contact-intro-img { position: absolute; z-index: 10; }
.er-contact-intro-img-1 { right: 0; top: 100px; }
.er-contact-intro-img-2 { left: 0; bottom: 0; }

.er-contact { position: relative; z-index: 10; top: -150px; background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.er-contact-main-info { position: absolute; top: 0; right: 0; bottom: 0; width: 30%; background: rgba(0, 0, 0, 0.85); color: #fff; padding: 50px 50px 0; border-radius: 0 4px 0 0; }
.er-contact-main-info h2 { margin: 0 0 30px; font-size: 20px; }
.er-contact-main-info-item { display: flex; flex-flow: row nowrap; margin-bottom: 50px; font-size: 16px; }
.er-contact-main-info-item:last-child { margin-bottom: 0; }
.er-contact-main-info-item i { margin-left: 30px; font-size: 30px; }
.er-contact-main-info-item span { display: block; color: #999; font-size: 15px; }

.er-contact-map { position: relative; font-size: 0; }
.er-contact-map iframe { border-radius: 4px 4px 0 0; }
.er-contact-map img { width: 100%; }
.er-contact-map-logo { position: absolute; top: -45px; right: calc(65% - 45px); width: auto !important; }

.er-contact-info { padding: 50px 0; }
.er-contact-info-item { padding: 0 50px; }
.er-contact-info-item h3 { font-size: 24px; color: #444; margin: 0 0 20px; }
.er-contact-info-item h4 { font-size: 18px; color: #444; }
.er-contact-info-item p { font-weight: 400; margin: 0 0 25px; color: #666; }
.er-contact-info-item ul { color: #666; list-style: circle; }
.er-contact-info-item-emails ul li { margin-bottom: 20px; }

/*** Form ***/
.er-contact-form { padding: 50px 0; margin: 0 50px; border-top: 2px solid #eee; }
.formbuilder-wrap { font-size: 0; }
.form-summary { background: #d83737; margin-bottom: 20px; border-radius: 5px; }
.form-summary ul { padding: 30px 50px; color: #ffffff; font-size: 15px; }
.form-field { padding: 20px 0 0 0; }
.form-field input.form-text { background: #f7f7fd; border: 1px solid #f7f7fd; outline: none; width: 78%; padding: 5px 7px; font-size: 16px; border-radius: 4px; }
.form-field textarea.form-text { background: #f7f7fd; border: 1px solid #f7f7fd; outline: none; height: 150px; width: 78%; font-size: 16px; padding: 5px 7px; border-radius: 4px; }
.form-field select.form-drop { background: #f7f7fd; border: 1px solid #f7f7fd; outline: none; height: 49px; width: 78%; font-size: 16px; padding: 5px 7px; border-radius: 4px; }

.form-field input.form-text,
.form-field textarea.form-text,
.form-field select.form-drop {
	transition: all .2s ease-in-out;
}

.form-field input.form-text:hover,
.form-field textarea.form-text:hover,
.form-field select.form-drop:hover,
.form-field input.form-text:focus,
.form-field textarea.form-text:focus,
.form-field select.form-drop:focus {
	box-shadow: none;
	border-bottom: 1px solid #4fc2db;
}
.form-field span.form-drop {  }
.form-field label { cursor: pointer; font-size: 15px; color: #666; font-weight: 300; }
.form-field label { vertical-align: top; display: block; width: 20%;  }
.form-field span.form-check { display: block; padding: 0 20% 0 0; }
.form-field span.form-check * { vertical-align: middle; margin: 0 0 0 3px; }
.form-field ul.form-checklist { list-style: none; display: block; line-height: 25px; padding: 0; }
.form-field ul.form-radiolist { list-style: none; display: block; line-height: 25px; padding: 0; }
.form-field ul.form-checklist li *, .form-field ul.form-radiolist li *  { vertical-align: middle; margin: 0 0 0 3px; }
.form-field.name input {  }
.form-field.email input {  }
.form-field.phone input {  }
.form-field.mobile input {  }
.form-field.subject input {  }
.form-field.country input {  }
.form-field.city input {  }
.form-field.postaddress input {  }
.form-field.postcode input {  }
.form-field.price input {  }
.form-field.mellicode input {  }
.form-field.date input {  }
.form-field.time input {  }
.form-field.payment input {  }
.form-field.education input {  }
.form-field.color input {  }
.form-field.description textarea {  }
.form-field div.form-field-desc { padding: 5px 20% 0 0; font-size: 14px; }
.form-verification {  }
.form-verification input.form-text { display: block; margin-right: 20%; width: 150px; }
.form-verification div.form-verification-message { display: block; }
span.form-loading {  }
input.form-submit { display: block; padding: 0px 20px; margin-right: calc(20% + 5px); margin-top: 20px; font-size: 18px; font-weight: 400; color: #fff; border-radius: 0; box-shadow: none; border: none; background: #4fc2db; transition: all .3s ease-in-out; }
input.form-submit:hover { box-shadow: none; background: #0b96b6; }
span.form-warning { visibility: hidden; display: none; position: absolute; }
p.form-paragraph { padding: 15px 20% 0 0; font-size: 14px; }
hr.form-seprator { margin:0; padding:0; border-top: 1px solid #ddd; margin:20px 0 0; }

/* ########## Web Design ########## */
.er-webdesign-menu {background:linear-gradient(45deg, rgba(38, 80, 121, 1) 0%, rgba(57, 105, 150, 1) 100%);}
.er-webdesign-menu .owl-dots { display:none;}
.er-webdesign-menu .container { position: relative; }
.er-webdesign-menu-next, .er-webdesign-menu-prev { display: block; color: rgba(255, 255, 255, 0.5); text-align: center; line-height: 60px; font-size: 40px; height: 60px; width: 60px; position: absolute; top: calc(50% - 30px); z-index: 10; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }
.er-webdesign-menu:hover .er-webdesign-menu-next, .er-webdesign-menu:hover .er-webdesign-menu-prev { opacity: 1; visibility: visible; }
.er-webdesign-menu-next:hover i, .er-webdesign-menu-prev:hover i, .er-webdesign-menu-next:focus i, .er-webdesign-menu-prev:focus i { color: #fff; }
.er-webdesign-menu-next { right: 0; }
.er-webdesign-menu-prev { left: 0; }
.er-webdesign-menu-item { text-align: center; }
.er-webdesign-menu-item a,.er-webdesign-menu-item a:hover {color: #fff !important;font-weight: 400;font-size: 16px;position: relative;display: block;padding: 30px 0px;}
.er-webdesign-menu-item a span {display: block;font-size: 13px;color: #eeeeeecf;font-weight: 300;}
.er-webdesign-menu-item a:after { position: absolute; bottom: 0; right: 0; left: 0; content: ""; height: 3px; background: #ffd262; opacity: 0; transition: all .3s ease-in-out; }
.er-webdesign-menu-item a.current:after, .er-webdesign-menu-item a:hover:after { opacity: 1; }

/*** Intro ***/
.er-webdesign-intro-images { position: relative; min-height: 450px; }
.er-webdesign-intro-images-item { position: absolute; z-index: 10; }
.er-webdesign-intro-images-item-1 { top: -24px; left: 50px; }
.er-webdesign-intro-images-item-2 { bottom: -48px; left: 270px; }
.er-webdesign-intro-images-item-3 { z-index: 5; bottom: 100px; right: 0; }
.er-webdesign-intro-text { padding: 50px 0; }

/*** Intro News ***/
.er-webdesign-news-intro-images-item-1 { bottom: 0; right: 0; }

/*** Intro Company ***/
.er-webdesign-company-intro-images-item-1 { top: -22px; left: 50px; }
.er-webdesign-company-intro-images-item-2 { bottom: -11px; right: 0; }

/*** Intro Travel Agency ***/
.er-webdesign-travelagency-intro-images-item-1 { top: -23px; left: 50px; }
.er-webdesign-travelagency-intro-images-item-2 { bottom: 0; left: 120px; }

/*** Intro Atelier and Gallery ***/
.er-webdesign-atelier-intro-images-item-1 { top: -30px; left: 100px; }
.er-webdesign-atelier-intro-images-item-2 { bottom: 0; left: 120px; }

/*** Intro Medical ***/
.er-webdesign-medical-intro-images-item-1 { top: -14px; left: 60px; }
.er-webdesign-medical-intro-images-item-2 { bottom: -16px; left: 100px; }

/*** Intro Real Estate ***/
.er-webdesign-realestate-intro-images-item-1 { top: -24px; left: 60px; }
.er-webdesign-realestate-intro-images-item-2 { bottom: 0; left: 100px; }

/*** Features ***/
.er-webdesign-features { padding: 100px 0 70px; background: #f3f8fe; }
.er-webdesign-features-items { margin-top: 50px; }
.er-webdesign-features-item { margin-bottom: 30px; min-height: 160px; }
.er-webdesign-features-item i { font-size: 36px; color: #4fc2db; }
.er-webdesign-features-item h3 { font-size: 20px; font-weight: 500; margin: 10px 0; }
.er-webdesign-features-item p { margin: 0; color: #666; }

/*** Packages ***/
.er-webdesign-packages { padding: 0 0 100px; background: #f3f8fe; }
.er-webdesign-packages .er-pricing-packages-switch a:not(.active) { background: #4fc2db; }

/*** Portfolio ***/
.er-webdesign-portfolio { padding: 100px 0 70px; }
.er-webdesign-portfolio-items {  }
.er-webdesign-portfolio-item { margin-bottom: 30px; }
.er-webdesign-portfolio-item-img { position: relative; }
.er-webdesign-portfolio-item-img img { width: 100%; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.er-webdesign-portfolio-item-img .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); border-radius: 4px; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }
.er-webdesign-portfolio-item-img:hover .overlay { opacity: 1; visibility: visible; }
.er-webdesign-portfolio-item-img .overlay a { display: block; width: 100%; height: 100%; }
.er-webdesign-portfolio-item-img .overlay i { position: absolute; top: calc(50% - 25px); right: calc(50% - 25px); display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #ffd262; font-size: 30px; }
.er-webdesign-portfolio-item-ttl { padding: 20px 0 0; }
.er-webdesign-portfolio-item-ttl a { color: #444; font-size: 16px; }
.er-webdesign-portfolio-item-ttl a:hover { color: #0b96b6; }
.er-webdesign-portfolio-item-link { font-size: 14px; }
.er-webdesign-portfolio-item-link a { color: #999; }
.er-webdesign-portfolio-item-link a:hover { color: #4fc2db; }

/* ########## Small Package ########## */
.er-smallpkg-intro { background: linear-gradient(to top, #3b3b4a 0%, #5c5c6b 100%); padding: 50px 0 100px; text-align: center; position: relative; }
.er-smallpkg-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-smallpkg-intro p { font-size: 18px; font-weight: 300; color: #eee; }
.er-smallpkg-intro-img { position: absolute; z-index: 10; }
.er-smallpkg-intro-img-1 { right: 0; top: -50px; transform: rotate(-90deg); transform-origin: bottom right; }
.er-smallpkg-intro-img-2 { left: 50px; bottom: 0; }

.er-smallpkg-switch { text-align: center; font-size: 0; margin-top: 60px; }
.er-smallpkg-switch a { display: block; font-size: 18px; background: #fff; color: #333; padding: 10px 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: relative; }
.er-smallpkg-switch a:hover { background: #ddd; }
.er-smallpkg-switch a.active { background: #333; color: #fff; }
.er-smallpkg-switch a.active:after { display: block; content: "\f0d7"; font-family: FontAwesome; font-size: 30px; position: absolute; bottom: -17px; right: calc(50% - 10px); color: #333; line-height: 1; }
.er-smallpkg-switch-monthly { border-radius: 0 4px 4px 0; }
.er-smallpkg-switch-yearly { border-radius: 4px 0 0 4px; }
.er-smallpkg-switch-yearly span { display: block; position: absolute; top: -8px; left: -30px; font-size: 10px; background: #fdee68; color: #333; border-radius: 15px; padding: 0 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.er-smallpkg-pricing { width: 800px; margin: 100px auto 50px; }
.er-smallpkg-pricing-cost { color: #ddd; text-align: right; line-height: 1; }
.er-smallpkg-pricing-cost span { display: block; font-size: 60px; color: #fff; }
.er-smallpkg-pricing-cost.yearly { display: none; }
.er-smallpkg-pricing-list { margin-top: 50px; }
.er-smallpkg-pricing-list ul { margin: 0; padding: 0; text-align: right; color: #fff; list-style: none; }
.er-smallpkg-pricing-list ul li { margin-bottom: 5px; font-weight: 300; }
.er-smallpkg-pricing-list ul li i { margin-left: 10px; color: #aaa; }

.er-smallpkg-extra { width: 800px; margin: 0 auto; position: relative; top: -100px; z-index: 10; background: #fff; border-radius: 4px; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); }
.er-smallpkg-extra-plans { padding: 30px; }
.er-smallpkg-extra-plans h3 { font-size: 20px; margin: 0 0 20px; }
.er-smallpkg-extra-plans ul { padding: 0; margin: 0; list-style: none; }
.er-smallpkg-extra-plans ul li { margin-bottom: 10px; color: #666; font-weight: 300; font-size: 16px; }
.er-smallpkg-extra-plans ul li img { margin-left: 10px; }
.er-smallpkg-extra-contact { padding: 30px; }
.er-smallpkg-extra-contact h3 { font-size: 20px; margin: 0 0 20px; }
.er-smallpkg-extra-contact-info { margin-top: 30px; }
.er-smallpkg-extra-contact-info i { width: 50px; height: 50px; line-height: 50px; text-align: center; background: #97d3e4; color: #fff; font-size: 20px; border-radius: 50%; vertical-align: middle; }
.er-smallpkg-extra-contact-info-text { padding-right: 20px; font-size: 18px; display: block; vertical-align: middle; }
.er-smallpkg-extra-contact-info-text span { color: #999; font-size: 14px; display: block; }
.er-smallpkg-extra-links { font-size: 0; }
.er-smallpkg-extra-links a { display: block; width: 50%; padding: 15px 20px; text-align: center; font-size: 16px; }
.er-smallpkg-extra-links a i { font-size: 11px; margin-right: 2px; position: relative; right: 0; transition: all .2s ease-in-out; }
.er-smallpkg-extra-links a:hover i { right: 5px; }
.er-smallpkg-extra-links a:first-child { background: #ffd262; color: #fff; border-radius: 0 0 4px 0; }
.er-smallpkg-extra-links a:last-child { background: #f1f1fc; color: #999; border-radius: 0 0 0 4px; }

/*** Benefits ***/
.er-smallpkg-benefits { padding: 100px 0; }
.er-smallpkg-benefits-img { padding-top: 20px; }
.er-smallpkg-benefits-img img { margin: 0 auto; display: block; }
.er-smallpkg-benefits-text {  }
.er-smallpkg-benefits-text-item {  }
.er-smallpkg-benefits-text h2 { font-size: 20px; margin: 0 0 10px; }
.er-smallpkg-benefits-text p { font-weight: 300; margin-bottom: 30px; color: #666; }

/*** Features ***/
.er-smallpkg-features { background: #f0f3f7; padding: 100px 0 100px; }
.er-smallpkg-features-items {  }
.er-smallpkg-features-item { background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); transition: all .3s linear; text-align: center; padding: 50px 30px 50px; margin: 0 0 30px; }
.er-smallpkg-features-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-smallpkg-features-item img { margin-bottom: 20px; }
.er-smallpkg-features-item p { margin: 0; color: #777; font-weight: 400; }

/*** Themes ***/
.er-smallpkg-themes { padding: 100px 0; }
.er-themes-cats {  }
.er-themes-cats-links { margin: 0 0 30px; text-align: center; list-style: none; padding: 0; }
.er-themes-cats-links li { display: block; }
.er-themes-cats-links li a { display: block; margin: 0 20px; padding-bottom: 5px; font-size: 17px; color: #999; border-bottom: 2px solid transparent; }
.er-themes-cats-links li a.active, .er-themes-cats-links li a:hover { color: #444; border-bottom: 2px solid #ffd262; }
.er-theme-items { margin-top: 50px; }
.er-theme-items ul { padding: 0; margin: 0; list-style: none; }
.er-theme-items li { margin-bottom:30px;}
.er-theme-items li {float:right;width:47%;position:relative; }
.er-theme-items li:nth-child(2n) {margin-right:6% }
.er-theme-items .sdfm-inner-wrapper { width: calc(33.33% - 30px) !important; height: auto !important; }
.sdfm-box-hidden { opacity: 0; }
.er-theme-item-overlay {position: absolute;top: 10px;right: 10px;bottom: 70px;text-align: center;padding-top: 35%;left: 10px;background: rgba(0, 0, 0, 0.63);opacity: 0;visibility: hidden;transition: all .3s ease-in-out;display: block;flex-flow: row nowrap;justify-content: center;align-items: center;}
.er-theme-items li:hover .er-theme-item-overlay { opacity: 1; visibility: visible; }
.er-theme-item img { width: 100%;box-shadow:0px 10px 30px rgba(0,0,0,0.1);border-radius:4px;  border-radius: 3px; }
.er-theme-item-title {height: 40px;line-height: 40px;margin-top: 10px;font-weight: 500;font-size: 17px;padding: 10px 5px 10px 0;}
.er-theme-item-title a {float: left;display: block;border: 1px solid #4fc2db;color: #4fc2db;border-radius: 3px;padding: 3px 15px;line-height: 25px;margin-top: 6px;font-size: 14px;}
.er-theme-item-title a:hover { background: #4fc2db; color: #fff; }


/* ########## Rebrand ########## */
.er-rebrand-intro { background: linear-gradient(to top, #51b5ab 0%, #4fc0d3 100%); padding: 50px 0 0; text-align: center; position: relative; }
.er-rebrand-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-rebrand-intro p { font-size: 18px; font-weight: 300; color: #eee; margin-bottom: 50px; }

/*** What ***/
.er-rebrand-what {  }
.er-rebrand-what-box { background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); position: relative; top: -90px; }
.er-rebrand-what-box-hedaer { background: #fce86e url(../images/rebrand/what-box-header.png) no-repeat right center; padding: 40px 30px 20px; position: relative; font-size: 16px; color: #555; }
.er-rebrand-what-box-hedaer img { position: absolute; top: -17px; right: 35px; z-index: 10; }
.er-rebrand-what-box-hedaer span { display: block; font-size: 14px; color: #777; }
.er-rebrand-what-box-body { padding: 30px; text-align: center; }
.er-rebrand-what-box-body img { display: block; margin: 0 auto 30px; }
.er-rebrand-what-text { padding: 50px 50px 0 0; }

/*** Work at Home ***/
.er-rebrand-workathome { background: #fff; padding: 0 0 100px; }
.er-rebrand-workathome-items { margin: 30px 180px 0; }
.er-rebrand-workathome-item { background: #fff; border-radius: 4px; box-shadow: none; transition: all .3s linear; text-align: center; padding: 50px 40px 50px; margin: 0 0 30px; }
.er-rebrand-workathome-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-rebrand-workathome-item img {  }
.er-rebrand-workathome-item h3 { font-size: 20px; font-weight: 500; color: #555; margin: 35px 0 15px; }
.er-rebrand-workathome-item p { margin: 0; color: #777; font-weight: 300; }

/*** Earn Money ***/
.er-rebrand-earnmoney { padding: 50px 0 100px; background: #222; }
.er-rebrand-earnmoney .container { position: relative; }
.er-rebrand-earnmoney-img { position: absolute; top: -50px; left: 5%; z-index: 10; }
.er-rebrand-earnmoney-title { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.er-rebrand-earnmoney-title h2 { font-size: 22px; color: #eee; margin: 0 20px 5px 0; }
.er-rebrand-earnmoney-title h3 { font-size: 17px; color: #ccc; margin: 0 20px 0 0; }
.er-rebrand-earnmoney-items { margin-top: 80px; }
.er-rebrand-earnmoney-item { margin-bottom: 30px; border-top: 7px solid #333; }
.er-rebrand-earnmoney-item i { font-size: 30px; color: #eee; position: relative; top: -23px; height: 40px; width: 40px; line-height: 40px; background: #222; }
.er-rebrand-earnmoney-item h4 { font-size: 20px; color: #fff; }
.er-rebrand-earnmoney-item p { margin: 0; color: #999; }

/*** Price and Services ***/
.er-rebrand-services { padding-bottom: 100px; }
.er-rebrand-price { margin: 0 50px; }
.er-rebrand-price .er-packages-item.popular { background: #f8f8f8; border-top: none; border-bottom: 4px solid #fdee68; top: -35px; }
.er-rebrand-services-item { margin-top: 50px; }
.er-rebrand-services-item h3 { font-size: 20px; color: #444; }
.er-rebrand-services-item p { font-weight: 300; color: #666; }

/*** Let's Begin ***/
.er-rebrand-lets-begin { background: #f0f3f7; position: relative; z-index: 0; }
.er-lets-begin { width: 500px; margin: 0 auto; background: #fff; border-radius: 4px; padding: 50px; position: relative; top: -75px; text-align: center; font-weight: 300; font-size: 18px; color: #666; }
.er-lets-begin:before, .er-lets-begin:after { content: ""; position: absolute; z-index: -1; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); top: 80%; bottom: 0; left: 30px; right: 10px; border-radius: 100px / 10px; }
.er-lets-begin:after { right: 30px; left: auto; transform: skew(8deg) rotate(3deg); }
.er-lets-begin a { display: block; padding: 4px 25px; font-size: 17px; font-weight: 400; margin-right: 50px; border-radius: 4px; background: #ffd262; color: #fff; position: relative; z-index: 1; }
.er-lets-begin a i { font-size: 11px; margin-right: 2px; position: relative; right: 0; transition: all .2s ease-in-out; color: #d69b02; }
.er-lets-begin a:before, .er-lets-begin a:after { content: ""; position: absolute; z-index: -1; box-shadow: 0 0 50px rgba(255, 210, 98, 1); top: 20px; bottom: 0; left: 10px; right: 10px; border-radius: 100px / 10px; transition: all .2s ease-in-out; }
.er-lets-begin a:after { right: 10px; left: auto; transform: skew(8deg) rotate(3deg); }
.er-lets-begin a:hover:before, .er-lets-begin a:hover:after { box-shadow: none; }
.er-lets-begin a:hover i { right: 5px; }

/*** Features ***/
.er-rebrand-features { padding: 50px 0 70px; background: #f0f3f7; }
.er-rebrand-features-item { margin-bottom: 30px; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; }
.er-rebrand-features-item h3 { font-size: 20px; color: #444; margin: 0 0 10px; padding-right: 20px; }
.er-rebrand-features-item p { font-weight: 300; color: #666; padding-right: 20px; }

/* ########## Templates ########## */
.er-templates-intro {background: #f5f6f7;/* background: linear-gradient(45deg, rgba(38, 80, 121, 1) 0%, rgba(57, 105, 150, 1) 100%); */padding: 100px 0;text-align: center;position: relative;}
.er-templates-intro h1 {color: #5a5a5a;font-size: 32px;/* line-height: 2; */font-weight: 600;}
.er-templates-intro p {font-size: 18px;font-weight: 400;color: #5a5a5aa3;margin-bottom: 50px;}
.er-templates-intro-img {position: absolute;z-index: 10;display: none;}
.er-templates-intro-img-1 {right: 0;top: 0;}
.er-templates-intro-img-2 { right: 100px; bottom: 0; }
.er-templates-intro-img-3 { left: 100px; bottom: 0; }

/*** Description ***/
.er-templates-desc {padding: 50px 0;/* background: #f3f4f8; */}
.er-templates-desc-img {  }
.er-templates-desc-img img { display: block; margin: 0 auto; }
.er-templates-desc-text { padding-top: 100px; }

/*** Themes ***/
.er-templates-themes { padding: 0 0 100px; }
.er-themes-cats-links-wrap { background: #fafafa; padding: 20px 0 0; }
.er-themes-cats-links-wrap .er-themes-cats-links li a { padding-bottom: 15px; }

/* ########## About ########## */
.er-about-intro { background: #4fc2db url(../images/about/clouds.png) no-repeat center bottom; padding: 50px 0 0; min-height: 550px; position: relative; text-align: center; }
.er-about-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-about-intro p { font-size: 18px; font-weight: 300; color: #eee; margin-bottom: 50px; }
.er-about-intro-city { width: 100%; height: 140px; background: url(../images/about/city.png) repeat-x; position: absolute; bottom: -6px; right: 0; left: 0; opacity: 0.9; }

/*** History ***/
.er-about-history { padding: 100px 0; width: 1000px; margin: 0 auto; }
.er-about-history-flex { display: flex; flex-flow: row nowrap; }
.er-about-history-content { width: 40%; }
.er-about-history-context { margin: 50px 0; }
.er-about-history-context p { margin: 0 0 50px; font-weight: 300; color: #666; height: 120px; display: flex; align-items: center; }
.er-about-history-context img { margin: 0 0 50px; width: 100%; display: block; }
.er-about-history-timeline { width: 20%; position: relative; }
.er-about-history-timeline-vline { position: absolute; top: 0; right: calc(50% - 3px); bottom: 0; width: 6px; background: #ececfb; border-radius: 5px; }
.er-about-history-timeline-icon { position: absolute; right: calc(50% - 18px); width: 36px; height: 36px; border-radius: 50%; line-height: 36px; text-align: center; }
.er-about-history-timeline-icon i { color: #fff; line-height: 36px; }
.er-about-history-timeline-icon .timeline-line-right { display: block; position: absolute; left: calc(50% - 3px); width: 70px; height: 6px; background: #ececfb; }
.er-about-history-timeline-icon .timeline-line-right:after { display: block; content: ""; width: 20px; height: 20px; background: #fff; border: 3px solid #ececfb; border-radius: 50%; margin: -7px -3px 0 0; }
.er-about-history-timeline-icon .timeline-line-left { display: block; position: absolute; right: calc(50% - 3px); width: 70px; height: 6px; background: #ececfb; direction: ltr; }
.er-about-history-timeline-icon .timeline-line-left:after { display: block; content: ""; width: 20px; height: 20px; background: #fff; border: 3px solid #ececfb; border-radius: 50%; margin: -7px -3px 0 0; }
.timeline-icon-1 { background: #4fc2db; top: 70px; font-size: 17px; }
.timeline-icon-1 .timeline-line-right { top: 15px; z-index: -1; }
.timeline-icon-2 { background: #ffd262; top: 235px; font-size: 20px; }
.timeline-icon-2 .timeline-line-left { top: 15px; z-index: -1; }
.timeline-icon-3 { background: #4fc2db; top: 405px; font-size: 17px; }
.timeline-icon-3 .timeline-line-right { top: 15px; z-index: -1; }
.timeline-icon-4 { background: #ffd262; top: 575px; font-size: 20px; }
.timeline-icon-4 .timeline-line-left { top: 15px; z-index: -1; }

/*** Members ***/
.er-about-members { padding: 50px 0 100px; }
.er-about-members-item {position: relative;overflow: hidden;margin: 10px;}
.er-about-members-item img { width: 100%; }
.er-about-members-item-overlay { position: absolute; top: calc(100% - 130px); height: 100%; right: 0; bottom: 0; left: 0; padding: 50px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); transition: top .3s ease-in-out, background .3s linear 2s; }
.er-about-members-item-overlay h3 { margin: 0; line-height: 1.5; color: #fff; font-size: 20px; }
.er-about-members-item-overlay span {display: block;color: #fff;font-size: 15px;}
.er-about-members-item-overlay p { color: #ccc; margin: 20px 0 0; opacity: 0; transition: all .5s ease-in-out .3s; }
.er-about-members-item:hover .er-about-members-item-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); top: 0; }
.er-about-members-item:hover .er-about-members-item-overlay p { opacity: 1; }
.er-about-members-item-social { position: absolute; bottom: 30px; left: 30px; text-align: left; opacity: 0; transition: all .5s ease-in-out .5s; }
.er-about-members-item:hover .er-about-members-item-social { opacity: 1; }
.er-about-members-item-social a { display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #222; color: #fff; border-radius: 50%; margin-right: 5px; }
.er-about-members-item-social a i { line-height: 36px; color: #999; font-size: 17px; }
.er-about-members-item-social a.telegram i { font-size: 14px; }
.er-about-members-item-social a:hover { background: #444; }
.er-about-members-item-social a:hover, .er-about-members-item-social a:hover i { color: #fff; }

/*** Team ***/
.er-about-team { padding: 0 0 70px; }
.er-about-team-item { margin-bottom: 50px; font-size: 40px; color: #444; line-height: 1; text-align: center; }
.er-about-team-item h3 { margin: 10px 0 0; font-size: 16px; color: #555; line-height: 1; }
.er-about-team-item span { font-size: 14px; color: #999; }

/*** Contact ***/
.er-about-contact {padding: 150px 0 100px;background: #f0f3f7;}
.er-about-contact .container { position: relative; }
.er-about-contact-img { position: absolute; left: 0; top: -183px; z-index: 10; }
.er-about-contact-items { margin: 0 180px; }
.er-about-contact-item { background: #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); transition: all .3s linear; text-align: center; padding: 50px 40px 50px; margin: 0 0 50px; }
.er-about-contact-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-about-contact-item h3 { font-size: 20px; font-weight: 500; color: #555; margin: 35px 0 15px; }
.er-about-contact-item p { margin: 0; color: #777; font-weight: 300; }

/* ########## Gallery ########## */
.er-gallery { margin-top: 50px; }
.er-gallery-item { position: relative; z-index: 1; margin-bottom: 30px; overflow: hidden; }
.er-gallery-item-overlay { position: absolute; z-index: 10; top: 50%; right: 50%; bottom: 50%; left: 50%; background: rgba(79, 194, 219, 0.6); transition: all .3s ease-in-out; }
.er-gallery-item:hover .er-gallery-item-overlay { top: 0; right: 0; bottom: 0; left: 0; }
.er-gallery-item-overlay a { display: block; width: 100%; height: 100%; text-align: center; }
.er-gallery-item-overlay a i { width: 30px; height: 30px; color: #fff; line-height: 30px; font-size: 22px; position: absolute; top: calc(50% - 30px); right: calc(50% - 15px); opacity: 0; visibility: hidden; transition: all .3s ease-in-out .2s; }
.er-gallery-item:hover .er-gallery-item-overlay a i { opacity: 1; visibility: visible; }
.er-gallery-item-ttl { position: absolute; z-index: 10; bottom: 30px; right: 15px; left: 15px; background: rgba(255, 255, 255, 0.9); padding: 10px 15px; opacity: 0; visibility: hidden; transition: all .3s ease-in-out .2s; }
.er-gallery-item:hover .er-gallery-item-ttl { bottom: 15px; opacity: 1; visibility: visible; }
.er-gallery-item-ttl h3 { font-size: 16px; font-weight: 500; margin: 0; color: #555; }
.er-gallery-item-ttl i { font-size: 17px; vertical-align: middle; margin-left: 5px; color: #4fc2db; }

/* ########## Portal Plus ########## */
.er-header.alt { background: #606060; }
.er-header.alt .er-header-menu ul.awe-navbar-body > li > a { color: #bbb; }
.er-header.alt .er-header-menu ul.awe-navbar-body > li > a:hover, .er-header.alt .er-header-menu ul.awe-navbar-body > li:hover > a { color: #fff; }
.er-header.alt .er-header-buttons-login {  }
.er-header.alt .er-header-buttons-login:hover {  }
.er-header.alt .er-header-buttons-contact-phone { background: #606060; color: #fff; }

/*** Intro ***/
.er-plus-intro { background: url(../images/plus/intro-bg.png) no-repeat right bottom, linear-gradient(to top, #555 0%, #666 100%); padding: 50px 0 100px; text-align: center; position: relative; }
.er-plus-intro h1 { color: #fff; font-size: 30px; line-height: 2; font-weight: 500; }
.er-plus-intro p { font-size: 18px; font-weight: 300; color: #eee; }
.er-plus-intro-img { position: absolute; z-index: 10; }
.er-plus-intro-img-1 { left: 0; top: 0; }
.er-plus-intro-img-2 { left: 100px; bottom: -68px; }
.er-plus-intro-contact { margin-top: 50px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.er-plus-intro-contact > div > i { color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 20px; background: #97d3e4; text-align: center; border-radius: 50%; margin-left: 30px; }
.er-plus-intro-contact > div > span { display: block; color: #ccc; font-size: 15px; line-height: 3; }
.er-plus-intro-contact > div > span > i { color: #eee; background: #bbb; font-size: 14px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; margin-left: 5px; transform: scaleX(-1); }
.er-plus-intro-contact > div { color: #fff; font-size: 26px; line-height: 1; }

/*** Features ***/
.er-plus-features { padding: 100px 0; background: #fff; }
.er-plus-features-img { margin-left: 50px; }
.er-plus-features-img img { width: 100%; }
.er-plus-features-items { margin-top: 30px; }
.er-plus-features-item { display: flex; flex-flow: row nowrap; margin-bottom: 30px; }
.er-plus-features-item > div:first-child { display: block; }
.er-plus-features-item > div:last-child { display: block; width: calc(100% - 70px); }
.er-plus-features-item img { margin-left: 20px; }
.er-plus-features-item h3 { margin: 0 0 10px; font-size: 20px; }
.er-plus-features-item p { font-weight: 300; color: #666; }

/*** Benefits ***/
.er-plus-benefits { padding: 100px 0; background: #f9f9fe; }
.er-plus-benefits-text { margin-left: 50px; overflow: auto; }
.er-plus-benefits-text h2 { font-size: 26px; margin-bottom: 30px; }
.er-plus-benefits-text p { font-weight: 300; color: #666; }
.er-plus-benefits-text ul { float: right; margin: 30px 0 0; padding: 0; list-style: none; }
.er-plus-benefits-text ul li { margin: 10px 0; font-weight: 300; }
.er-plus-benefits-text ul li:before { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ok.png) no-repeat center center; margin-left: 20px; vertical-align: middle; }
.er-plus-benefits-text img { float: left; margin-top: 30px; }
.er-plus-benefits-items { min-width: 540px; min-height: 410px; background: url(../images/plus/benefits.png) no-repeat left center; padding: 200px 180px 30px 50px; }
.er-plus-benefits-item { display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 30px; }
.er-plus-benefits-item img { margin-left: 20px; }
.er-plus-benefits-item h3 { font-size: 20px; margin: 0; }
.er-plus-benefits-item p { margin: 0; font-weight: 300; color: #555; }

/*** Process ***/
.er-plus-process { padding: 100px 0; background: #444; }
.er-plus-process-line { height: 6px; background: #3f3f3f; }
.er-plus-process-line-item { width: 20px; height: 20px; border-radius: 50%; background: #fff; margin: -7px auto 0; }
.er-plus-process-line-item.first { background: #fceba7; }
.er-plus-process-line-item.second { background: #f9de75; }
.er-plus-process-line-item.third { background: #f4cc2d; }
.er-plus-process-items { margin-top: 50px; }
.er-plus-process-item { position: relative; margin: 50px; background: #3d3d3d; padding: 50px; border-radius: 3px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition: all .3s linear; }
.er-plus-process-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.er-plus-process-item img {  }
.er-plus-process-item h3 { font-size: 20px; color: #fff; margin: 20px 0; }
.er-plus-process-item p { font-weight: 300; color: #ccc; margin: 0; }
.er-plus-process-item.mid:before { display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; content: "\f104"; font-family: FontAwesome; font-size: 22px; color: #747474; position: absolute; top: calc(50% - 10px); right: -75px; }
.er-plus-process-item.mid:after { display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; content: "\f104"; font-family: FontAwesome; font-size: 22px; color: #747474; position: absolute; top: calc(50% - 10px); left: -75px; }

/* ########## Jobs ########## */
div.jobs div.explain { margin: 0 auto 0; }
div.jobs div.explain h3 { font: 30px/40px 'IRANSans', arial; padding: 0; text-align: center; margin: 0; }
div.jobs div.explain h5 { font: 18px/35px 'IRANSans', arial; padding: 5px 0 30px; text-align: center; color: gray; margin: 0; }
div.jobs div.explain p { padding: 0; text-align: center; }
div.jobs div.explain div.item { background: #fafafa; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; padding: 0 0 12px 50px; position: relative; transition-duration: 0.3s; text-align: right; margin: 20px 0 0 0; }
div.jobs div.explain div.item:before { background: url(../images/arrow-tabsdrop.png) no-repeat 0px 0px; width: 26px; height: 26px; position: absolute; top: 18px; right: 20px; content: ''; transition-duration: 0.3s; }
div.jobs div.explain div.item:hover { background: #ffffff; border: 1px solid #4fc2db; }
div.jobs div.explain div.item.active { background: #ffffff; border: 1px solid #4fc2db; }
div.jobs div.explain div.item h4 { font: normal 18px/27px 'IRANSans', Tahoma; color: #333; text-align: right; padding: 16px 60px 2px; margin: 0; }
div.jobs div.explain div.item h4:before { display: none; }
div.jobs div.explain div.item p.desc { color: #999; text-align: right; padding: 0px 60px 5px; }
div.jobs div.explain div.item div.content { padding: 10px 60px 5px; }
div.jobs div.explain div.item div.content h5 { font: normal 15px/27px 'IRANSans', Tahoma; color: #333; text-align: right; padding: 10px 0 4px; margin: 0; }
div.jobs div.explain div.item div.content ul { list-style: circle; margin: 0 20px 10px 0; padding: 0; }
div.jobs div.explain div.item div.content li { margin: 0 0 3px; padding: 0; font: normal 13px/27px Tahoma; }
div.jobs div.explain div.item div.content ol { margin: 0 20px 10px 0; padding: 0; }
div.jobs div.explain div.item div.content p { font: normal 13px/27px Tahoma; text-align: right; padding: 0 0 15px 0; }
div.jobs div.explain div.item div.content a { color: #7cbb52; border-bottom: 1px solid #7cbb52; }
div.jobs div.explain div.item div.content a:hover { border-bottom: 0; }
div.jobs div.explain div.item div.content { display: none; }
div.jobs div.explain div.item.active:before { background: url(../images/arrow-tabsdrop.png) no-repeat 0px -30px; content: ''; }

/* ########## Start ########## */
/* Step 0 */
.pagereg-step-select-type {  }
.pagereg-step-select-type-buttons { padding: 10px 0 30px; text-align: center; }
.pagereg-step-select-type-buttons a { margin: 0 5px; width: 200px; padding: 7px 20px; font-size: 18px; }
.pagereg-step-select-type-buttons a span { margin-left: 10px; }
.pagereg-step-select-type-item { padding: 30px 50px 0; margin-bottom: 30px; }
.pagereg-step-select-type-icon { text-align: center; margin-bottom: 30px; }
.pagereg-step-select-type-link {  }
.pagereg-step-select-type-link a { width: 100%; text-align: center; font-size: 18px; }
.pagereg-step-select-type-description { font-size: 15px; color: #777; }
.pagereg-step-select-type-description ul { padding: 0; margin: 20px 10px 0 0; }
.pagereg-step-select-type-description ul li { padding: 5px 0; }
.pagereg-step-select-type-description ul li:before { content: "\f111"; font-family: 'FontAwesome'; font-size: 8px; vertical-align: 0; color: #999; margin-left: 10px; }

@media (max-width: 991px) {
	.pagereg-step-select-type-item { padding: 30px 20px 0; margin-bottom: 30px; }
}

@media (max-width: 575px) {
	.pagereg-step-select-type-item { margin-bottom: 0; }
	.pagereg-step-select-type-icon { display: none; }
	.pagereg-step-select-type-description { display: none; }
	.pagereg-step-select-type { margin-top:40px; }
.er-page-intro{padding:10px;}
}

.pagereg-step-category { background: #fff; }
.pagereg-step-select-type h2, .pagereg-step-select-type h3, .pagereg-step-category h2, .pagereg-step-category h3, .er-themes.pagereg-themes h2, .er-themes.pagereg-themes h3, .pagereg-step-form h2, .pagereg-step-form h3 { text-align: center; }
.pagereg-step-select-type h2:before, .pagereg-step-select-type h3:before, .pagereg-step-category h2:before, .pagereg-step-category h3:before, .er-themes.pagereg-themes h2:before, .er-themes.pagereg-themes h3:before, .pagereg-step-form h2:before, .pagereg-step-form h3:before { display: none; }
.pagereg-step-category .loading { text-align: center; font-size: 16px; color: green; }
.pagereg-step-category-items { padding-top: 40px; display: none; }
.pagereg-step-category-item { margin-bottom: 30px; padding: 0; border: 1px solid #eee; border-radius: 3px; background: #f6f6f6; line-height: 36px; }
.pagereg-step-category-item .er-input-wrap { display: block; width: 36px; height: 36px; text-align: center; border-left: 1px solid #eee; background: #fff; margin-left: 10px; float: right; }
.pagereg-step-category-item .er-input-wrap .fa-circle-o { color: #30a8d9; line-height: 36px; }
.pagereg-step-category-item .er-input-wrap .fa-check { color: #7cbb52; line-height: 36px; font-size: 18px; }
.pagereg-step-category-item .er-input-wrap .fa-check { display: none; }
.pagereg-step-category-item.current .er-input-wrap .fa-circle-o { display: none; }
.pagereg-step-category-item.current .er-input-wrap .fa-check { display: block; }
.pagereg-step-category-item input { vertical-align: middle; margin: 0; display: none; }
.pagereg-step-category-item label { font-size: 16px; font-weight: 400; color: #555; display: block; margin: 0; cursor: pointer; }
.pagereg-step-category.active .loading { display: none; }
.pagereg-step-category.active .pagereg-step-category-items { display: block; }

.er-themes.pagereg-themes { margin: 0; padding: 200px 0 240px; background: #fff; }
.er-themes.pagereg-themes .er-themes-img img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; border-radius: 3px; }
.er-themes.pagereg-themes .er-themes-items:hover .er-themes-img:hover img { opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.02); }

.pagereg-step-form { background: #fff; }
.pagereg-step-form .form-register {  }
.pagereg-step-form .form-register .form-item { width: 80%; margin: 0 auto 15px; }
.pagereg-step-form .form-register .form-item input[type="text"], .pagereg-step-form .form-register .form-item input[type="password"] { background: #fafafa; height: 40px; font-size: 14px; border: 1px solid #eee; border-radius: 3px; padding: 0 10px; width: 100%; }
.pagereg-step-form .form-register .form-item select { background: #fafafa; height: 40px; width: 100%; border: 1px solid #eee; border-radius: 3px; padding: 5px; font-size: 14px; }
.form-item button { border: none; }
/*.pagereg-step-form .form-register .form-item { float: right; width: 25%; padding: 0 1%; }

@media (min-width:768px) and (max-width:991px) {
	.pagereg-step-form .form-register .form-item { width: 50%; }
}

@media (max-width:767px) {
	.pagereg-step-form .form-register .form-item { width: 80%; margin: 0 auto 10px; float: none; }
}*/

.pagereg-prefactor { margin:50px 0 0 0;  display:flex; }
.pagereg-prefactor h2:before, .pagereg-prefactor h3:before, .pagereg-prefactor h4:before { display: none; }
.pagereg-prefactor table.datatable {  }
.pagereg-prefactor table.datatable .aright { text-align: right !important; }
.register-process-step-4 .form-item button { margin-top: 15px; }
.goto-step-4 { width: 80%; margin: 0 auto 10px; }
.goto-step-4 a { margin-top: 15px; text-align: center; width: 100%; }
.pagereg-prefactor .invoice-order {width:65%; float:right; border-radius:0 1px 1px 0; border:1px solid #f1f1f3; border-left:1px dashed #f1f1f3; padding:38px 30px;}
.pagereg-prefactor .invoice-order h3 {font:400 21px/30px 'IRANSans', Tahoma; color:#252525; padding:0; margin:0;}
.pagereg-prefactor .invoice-order h4 {font:200 17px/30px 'IRANSans', Tahoma; color:#b5b5b5; padding:0; margin:1px;}
.pagereg-prefactor .invoice-order p {font:300 16px/30px 'IRANSans', Tahoma; color:#252525; margin:15px 0 0;}
.pagereg-prefactor .invoice-order table {width:100%; margin:40px 0 50px;}
.pagereg-prefactor .invoice-order table tr th {color:#bdbdbd; font:400 17px/30px 'IRANSans', Tahoma; padding:7px 0; }
.pagereg-prefactor .invoice-order table tr td {color:#252525; font:300 18px/30px 'IRANSans', Tahoma; border-top:1px solid #edeef2; padding:7px 0;}
.pagereg-prefactor .invoice-order .invoice-price {  font:400 18px/30px 'IRANSans', Tahoma; text-align:center;  margin:0 0 10px;}
.pagereg-prefactor .invoice-order .invoice-price span {color:#30a8d9;}
.pagereg-prefactor .invoice-info {width:35%; float:right; background:#fafafa; border-radius:1px 0 0 1px;  padding:42px 20px; }
.pagereg-prefactor .invoice-info h4 {font:400 17px/30px 'IRANSans', Tahoma; color:#a1a1a3; margin:0 0 5px;}
.pagereg-prefactor .invoice-info ul {list-style:none; padding:0; margin:0;}
.pagereg-prefactor .invoice-info ul li {margin:0; padding:0;  color:#c2c2c4; font:300 16px/30px 'IRANSans', Tahoma;}
.pagereg-prefactor .invoice-info .invoice-information {margin:30px 0 5px 0;}
.pagereg-prefactor .invoice-info .invoice-help {color:#7e7e7f; margin:40px 0 5px 0;}
.pagereg-prefactor .invoice-info p {color:#7e7e7f; font:300 16px/30px 'IRANSans', Tahoma;}
.pagereg-prefactor .invoice-info p span {font-weight:bold;}

@media (max-width:620px) {
	.pagereg-prefactor { display:inline-block; }
	.pagereg-prefactor .invoice-order {width:100%; float:right; border-radius:1px 1px 0 0; border:1px solid #f1f1f3; border-bottom:1px dashed #f1f1f3; padding:38px 20px;}
	.pagereg-prefactor .invoice-info {width:100%; float:right; background:#fafafa; border-radius:0 0 1px 1px;  padding:38px 20px; }
}

.pagereg-back-to-prev { text-align: center; padding-top: 30px; clear: both; }
.pagereg-back-to-prev a {  }
.pagereg-back-to-prev a:hover {  }

/* Processes */
.register-process-step-2 { visibility: hidden; height: 0 !important; padding: 0 !important; overflow: hidden; }
.register-process-step-2.current { height: auto !important; visibility: visible; }
.register-process-step-1, .register-process-step-3, .register-process-step-4 { display: none; }
/* .register-process-step-1.current, .register-process-step-2.current, .register-process-step-3.current { display: block; } */

.er-themes { background: #363b3e; margin-top: -500px; padding: 460px 0 100px; }
.er-themes-items { margin-top: 50px; position: relative; }
.er-themes-items-slider { direction: ltr; }
.er-themes-item { position: relative; z-index: 0; overflow: hidden; margin: 20px 20px 50px; text-align: center; direction: rtl; }
.er-themes-img {  }
.er-themes-img img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transform: scale(1); transition: all .3s ease; width: 100%; }
.er-themes-items:hover .er-themes-img img { opacity: 0.5; }
.er-themes-items:hover .er-themes-img:hover img { opacity: 1; }
.er-themes-items:hover .er-themes-img:hover img, .er-themes-items .active.center .er-themes-img img { opacity: 1; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
.er-themes-txt { position: absolute;  bottom: -250px; right: 0px; left: 0px; transition: all .7s ease; padding: 10px 20% 30px; background: rgba(0, 0, 0, 0.8); }
.er-themes-item:hover .er-themes-txt { background: rgba(54, 59, 62, 0.8); bottom: 0; }
.er-themes-txt h2 { font-weight: 500; color: #fff; font-size: 20px; }
.er-themes-txt p { font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 25px; }
.er-themes-txt a { display: block; background: #7cbb52; color: #fff; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3) inset; margin-left: 10px; border-radius: 3px; height: 34px; font-size: 16px; font-weight: 500; line-height: 34px; padding: 0 15px; opacity: 0.8; }
.er-themes-txt a:hover { opacity: 1; }
.er-themes-txt a.view-theme { background: #30a8d9; }

.pagereg-step-select-type h2, .pagereg-step-category h2, .er-themes.pagereg-themes h2, .pagereg-step-form h2 { font-size: 26px; margin: 0; padding: 0 0 30px 0; color: #444; line-height: 2; }
.pagereg-step-select-type h3, .pagereg-step-category h3, .er-themes.pagereg-themes h3, .pagereg-step-form h3 { font-size: 17px; margin: 0; padding: 0 0 30px 0; color: #777; font-weight: 300; line-height: 2; }














/* === Search Page === */
.er-search-page-form { margin: 0 auto 50px; width: 50%; }
.er-search-result { padding: 0 50px; }
.er-search-result .result { padding: 0 0 10px 0; margin: 15px 0 50px; }
.er-search-result .result:hover {  }
.er-search-result .result h2.itemtitle { font-size: 20px; margin: 0; }
.er-search-result .result h2.itemtitle a { color: #444; }
.er-search-result .result h2.itemtitle a:hover { color: #0b96b6; }
.er-search-result .result span.itemaddress { color: #4fc2db; font-family: verdana; display: block; margin: 0 0 5px; height: 30px; overflow: hidden; font-size: 14px; }
.er-search-result .result p.itemdesc { margin: 0; font-size: 15px; color: #888; font-weight: 300; }

/* === Edit Link === */
a.post-edit-link, a.page-edit-link, a.widget-edit-link, a.new-widget-link { display: block; margin: 5px 2px; color: #68AED0; background: #fff; font-size: 14px; line-height: 28px; padding: 0 10px; border-radius: 30px; border-bottom: 1px dotted #ccc; text-decoration: none; }
a.post-edit-link:hover, a.page-edit-link:hover, a.widget-edit-link:hover, a.new-widget-link:hover { color: #D46161; }
a.post-edit-link:before, a.page-edit-link:before, a.widget-edit-link:before { content: "\f15c"; font-family: FontAwesome; font-size: 15px; margin-left: 8px; }
a.post-edit-link:after, a.page-edit-link:after, a.widget-edit-link:after { content: ""; clear: both; display: block; }
a.new-widget-link:before { content: "\f067"; font-family: FontAwesome; font-size: 15px; margin-left: 8px; }


/********** Responsive **********/
@media (min-width: 1440px) and (max-width: 1920px) {
	/*** Slideshow ***/
	img.slide1-img1 { left: -110px; }
}

@media (max-width: 1600px) {
	/*** Slideshow ***/
	img.slide1-img1, img.slide1-img2, img.slide1-img3 ,img.slide1-img4,
	img.slide2-img1, img.slide2-img2, img.slide2-img3 ,img.slide2-img4,
	img.slide3-img1, img.slide3-img2, img.slide3-img3 ,img.slide3-img4, img.slide3-img5,
	img.slide4-img1, img.slide4-img2, img.slide4-img3 ,img.slide4-img4 { display: none !important; }
}

@media (max-width: 1199px) {
	/*** Slideshow ***/
	.er-slideshow-browser { width: 80%; }
	/*** Home Register ***/
	.er-register:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); }
}

@media (max-width: 991px) {
	/*** Slideshow ***/
	.er-slideshow-content { bottom: auto; padding: 50px 0; text-align: center; }
	.er-slideshow-image { padding-top: 330px; height: auto; }
	.er-slideshow-image-flex { justify-content: center; }
	.er-slideshow-item { min-height: 850px; }
	.er-slideshow-item-image { width: 80%; text-align: center; }
	.er-slideshow-browser { float: none; display: block; width: 80%; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
	/*** Header ***/
	.er-header-menu ul.awe-navbar-body > li { margin: 0 12px; }
	.er-header-menu ul.awe-navbar-body > li > a { padding: 0; }

	/*** Features ***/
	.er-features-cms { background-size: 500px; }

	/*** Plus ***/
	.er-plus-benefits-items { padding: 200px 70px 30px 50px; }
}
@media (min-width: 1200px) {
	/*** Pricing ***/
	.er-faq .col-lg-6:first-child .er-faq-item { padding-left: 50px; }
	.er-faq .col-lg-6:last-child .er-faq-item { padding-right: 50px; }


	/*** Grid ***/
    .auto-clear .col-lg-1:nth-child(12n+1) { clear: right }
    .auto-clear .col-lg-2:nth-child(6n+1) { clear: right }
    .auto-clear .col-lg-3:nth-child(4n+1) { clear: right }
    .auto-clear .col-lg-4:nth-child(3n+1) { clear: right }
    .auto-clear .col-lg-6:nth-child(odd) { clear: right }
}
@media (min-width: 992px) and (max-width: 1199px) {
	/*** Header ***/
	.er-header-menu { text-align: right; }
	.er-header-menu ul.awe-navbar-body > li { margin: 0 2px; }

	/*** Home ***/
	.er-video-text { padding-top: 50px; }
	.er-shop-img-5 { left: 320px; }
	.er-register { background: url(../images/register.jpg) no-repeat left center; background-size: cover; }

	/*** Pricing ***/
	.er-shop-img-2 { top: 180px; left: 0; animation-delay: .2s !important; }
	.er-shop-img-3 { bottom: 10px; left: 40px; animation-delay: .4s !important; }
	.er-shop-img-4 { top: -24px; left: 0; animation-delay: .6s !important; }
	.er-shop-img-5 { bottom: -48px; left: 200px; animation-delay: .8s !important; }

	/*** FAQ ***/
	.er-faq .col-lg-6:first-child .er-faq-item { padding-left: 50px; }
	.er-faq .col-lg-6:last-child .er-faq-item { padding-right: 50px; }

	/*** Features ***/
	.er-features-seo-text { margin: 0; }
	.er-features-themes-text { width: 70%; }
	.er-features-cms { background: #222; }
	.er-features-list-item { min-height: 140px; }

	/*** Domain ***/
	.er-domain-intro-img-2 { left: 0; }
	.er-domain-why-items { margin: 30px 0 0; }
	.er-domain-why-item { padding: 50px 30px 50px; }

	/*** Post ***/
	.er-post { width: 90%; }

	/*** Web Design ***/
	.er-webdesign-intro-images-item-2 { left: 50px; }
	.er-webdesign-intro-images-item-3 { display: none; }

	/*** Contact ***/
	.er-contact-main-info { width: 40%; padding: 40px 40px 0; }
	.er-contact-info-item-emails { margin-top: 50px; }

	/*** Rebrand ***/
	.er-rebrand-workathome-items { margin: 30px 0 0; }
	.er-rebrand-workathome-item { padding: 50px 30px 50px; }
	.er-rebrand-price { margin: 0; }

	/*** About ***/
	.er-about-history { width: 90%; }
	.er-about-contact-items { margin: 0; }

	/*** Plus ***/
	.er-plus-benefits-items { margin-top: 50px; background: url(../images/plus/benefits.png) no-repeat center center; padding: 200px 240px 30px 240px; }
	.er-plus-process-line { display: none; }
	.er-plus-process-item.mid:before, .er-plus-process-item.mid:after { display: none; }

	/*** Grid ***/
    .auto-clear .col-md-1:nth-child(12n+1) { clear: right }
    .auto-clear .col-md-2:nth-child(6n+1) { clear: right }
    .auto-clear .col-md-3:nth-child(4n+1) { clear: right }
    .auto-clear .col-md-4:nth-child(3n+1) { clear: right }
    .auto-clear .col-md-6:nth-child(odd) { clear: right }
}
@media (min-width: 768px) and (max-width: 991px) {
	/*** Header ***/
	.er-header { padding: 10px 0; }
	.er-header-menu { text-align: left; }
	.awe-navbar-body > li > ul { right: auto; left: 0; }
	.er-header-buttons { text-align: center; padding-top: 10px; }
	.er-header-buttons-contact { width: 50%; border: none; border-radius: 0; background: #eee; line-height: 30px; height: 30px; font-size: 15px; }
	.er-header-buttons-contact:hover { border: none; background: #4fc2db; }
	.er-header-buttons-contact i { line-height: 28px; }
	.er-header-buttons-login { margin: 0; padding: 0; width: 50%; background: #ffd262; color: #6a4618; line-height: 30px; font-size: 15px; }
	.er-header-buttons-login:hover { background: #ffdc86; color: #6a4618; }
	.er-header-buttons-start { box-shadow: none; line-height: 30px; width: 33.33%; font-size: 15px; }
	.er-header-buttons-contact-phone { display: none !important; }

	/*** Home ***/
	.er-slideshow-item-text { width: 100%; }
	.er-slideshow-item-image { display: none; }
	.er-video-embed-mobile { display: none; }
	.er-video-embed-tablet { background: none; position: static; width: auto; height: auto; padding: 0 0 50px 0; }
	.er-shop-img { display: none; }
	.er-register { background: url(../images/register.jpg) no-repeat left center; background-size: cover; }

	/*** Footer ***/
	.er-footer-buttons { display: none; }

	/*** Features ***/
	.er-features-seo-text { margin: 0 0 30px; }
	.er-features-themes-text { width: 80%; }
	.er-features-cms { background: #222; }

	/*** Domain ***/
	.er-domain-intro-img-1, .er-domain-intro-img-2 { display: none; }
	.er-domain-why-items { margin: 30px 0 0; }
	.er-domain-why-item { padding: 50px 30px 50px; }

	/*** Blog ***/
	.er-blog-cats-items { text-align: center; }
	.er-blog-cats-items ul li { padding: 0 0 20px 30px; }

	/*** Post ***/
	.er-post { width: 90%; }
	.er-post-newsletter { padding: 40px 50px; background: #fef8c3; }
	.er-post-newsletter-input input { margin-bottom: 15px; }

	/*** Contact ***/
	.er-contact-main-info { width: 100%; position: static; padding: 30px; }
	.er-contact-map-logo { right: calc(50% - 45px); }
	.er-contact-info-item-emails { margin-top: 50px; }

	/*** Small Package ***/
	.er-smallpkg-intro-img-1, .er-smallpkg-intro-img-2 { display: none; }
	.er-smallpkg-pricing, .er-smallpkg-extra { width: 90%; }
	.er-smallpkg-benefits-img { padding: 0 0 30px; }

	/*** Rebrand ***/
	.er-rebrand-workathome-items { margin: 30px 0 0; }
	.er-rebrand-workathome-item { padding: 50px 30px 50px; }
	.er-rebrand-price .er-packages-item.popular { top: 0; margin: 50px 0; }

	/*** About ***/
	.er-about-history { width: 98%; }
	.er-about-contact-items { margin: 0; }

	/*** Plus ***/
	.er-plus-intro-img { display: none; }
	.er-plus-benefits-items { margin-top: 50px; background: url(../images/plus/benefits.png) no-repeat center center; padding: 200px 120px 30px 120px; }
	.er-plus-process-line { display: none; }
	.er-plus-process-item.mid:before, .er-plus-process-item.mid:after { display: none; }

	/*** Templates ***/
	.er-theme-items .sdfm-inner-wrapper { width: calc(50% - 30px) !important; }

	/*** Grid ***/
    .auto-clear .col-sm-1:nth-child(12n+1) { clear: right }
    .auto-clear .col-sm-2:nth-child(6n+1) { clear: right }
    .auto-clear .col-sm-3:nth-child(4n+1) { clear: right }
    .auto-clear .col-sm-4:nth-child(3n+1) { clear: right }
    .auto-clear .col-sm-6:nth-child(odd) { clear: right }
}
@media (max-width: 767px) {
	/*** Header ***/
	.er-header { padding: 10px 0; }
	.er-header-menu { text-align: left; }
	.awe-navbar-body > li > ul { right: auto; left: 0; }
	.er-header-buttons { text-align: center; padding-top: 10px; }
	.er-header-buttons-contact { width: 50%; border: none; border-radius: 0; background: #eee; line-height: 30px; height: 30px; font-size: 15px; }
	.er-header-buttons-contact:hover { border: none; }
	.er-header-buttons-contact i { line-height: 28px; }
	.er-header-buttons-login { margin: 0; padding: 0; width: 50%; background: #ffd262; color: #6a4618; line-height: 30px; font-size: 15px; }
	.er-header-buttons-login:hover { background: #ffdc86; color: #6a4618; }
	.er-header-buttons-start { box-shadow: none; line-height: 30px; width: 33.33%; font-size: 15px; }
	.er-header-buttons-contact-phone { display: none !important; }

	/*** Home ***/
	.er-slideshow-item-text { width: 100%; }
	.er-slideshow-item-text h2 { padding: 0 0 10px 0; }
	.er-slideshow-item-text p { margin-bottom: 10px; }
	.er-slideshow-item-image { display: none; }
	.er-video-embed-mobile { display: none; }
	.er-video-embed-tablet { background: none; position: static; width: auto; height: auto; padding: 0 0 50px 0; }
	.er-shop-img { display: none; }
	.er-register { background: url(../images/register.jpg) no-repeat left center; background-size: cover; }

	/*** Footer ***/
	.er-footer-buttons { display: none; }

	/*** Packages ***/
	.er-packages-details-table { width: 200%; }

	/*** Features ***/
	.er-features-seo-text { margin: 0 0 30px; }
	.er-features-themes-text { width: 100%; }
	.er-features-cms { background: #222; }

	/*** Domain ***/
	.er-domain-intro-img-1, .er-domain-intro-img-2 { display: none; }
	.er-domain-why-items { margin: 30px 0 0; }
	.er-domain-why-item { padding: 50px 30px 50px; }

	/*** FAQ ***/
	.er-faq-intro-img-1, .er-faq-intro-img-2 { display: none; }

	/*** Blog ***/
	.er-blog-cats-items { text-align: center; }
	.er-blog-cats-items ul li { padding: 0 0 20px 30px; }

	/*** Post ***/
	.er-post {width: 96%;top: 0;}
	.er-post-newsletter { padding: 40px 50px; background: #fef8c3; }
	.er-post-newsletter-input input { margin-bottom: 15px; }

	/*** Contact ***/
	.er-contact-main-info { width: 100%; position: static; padding: 30px; }
	.er-contact-map-logo { right: calc(50% - 45px); }
	.er-contact-info-item-emails { margin-top: 50px; }

	/*** Form ***/
	.form-field label { display: block; width: 100%; }
    .form-field input.form-text { width:100%; }
    .form-field textarea.form-text { width:100%; }
    .form-field select.form-drop { width:100%; }
    .form-field div.form-field-desc,
    p.form-paragraph,
    .form-field span.form-check { padding: 5px 0 0 0; }
    .form-verification input.form-text { margin-right: 0; }
    input.form-submit { margin: 10px 0 0 0; }

	/*** Small Package ***/
	.er-smallpkg-intro-img-1, .er-smallpkg-intro-img-2 { display: none; }
	.er-smallpkg-pricing, .er-smallpkg-extra { width: 90%; }
	.er-smallpkg-pricing-list { margin-top: 20px; margin-bottom: 50px; }
	.er-smallpkg-benefits-img { padding: 0 0 30px; }

	/*** Rebrand ***/
	.er-rebrand-what-text { padding: 0; }
	.er-rebrand-workathome-items { margin: 30px 0 0; }
	.er-rebrand-workathome-item { padding: 50px 30px 50px; }
	.er-rebrand-earnmoney-img { display: none; }
	.er-rebrand-price .er-packages-item.popular { top: 0; margin: 50px 0; }

	/*** Templates ***/
	.er-templates-intro-img-1, .er-templates-intro-img-2, .er-templates-intro-img-3 { display: none; }
	.er-theme-items .sdfm-inner-wrapper { width: calc(100% - 30px) !important; }

	/*** About ***/
	.er-about-history { width: 90%; }
	.er-about-history-flex { display: block; }
	.er-about-history-timeline { display: none; }
	.er-about-history-content { width: 100%; }
	.er-about-history-context p { height: auto; }
	.er-about-history-content:last-child { border-top: 1px solid #ddd; }
	.er-about-contact-items { margin: 0; }

	/*** Plus ***/
	.er-plus-intro-img { display: none; }
	.er-plus-benefits-items { margin-top: 0; background: none; padding: 50px; min-width: 0; min-height: 0; }
	.er-plus-process-line { display: none; }
	.er-plus-process-item.mid:before, .er-plus-process-item.mid:after { display: none; }

	/*** Grid ***/
    .auto-clear .col-xs-1:nth-child(12n+1) { clear: right }
    .auto-clear .col-xs-2:nth-child(6n+1) { clear: right }
    .auto-clear .col-xs-3:nth-child(4n+1) { clear: right }
    .auto-clear .col-xs-4:nth-child(3n+1) { clear: right }
    .auto-clear .col-xs-6:nth-child(odd) { clear: right }
}

@media (max-width: 480px) {
	/*** Home ***/
	.er-slideshow-item { min-height: 800px; }
	.er-slideshow-image { padding-top: 380px; }
	.er-slideshow-browser { width: 100%; }

	/*** Footer ***/
	.er-footer-contact-info i.fa { display: none; }
	.er-footer-bottom .col-xs-6 { width: 100%; }

	/*** Packages ***/
	.er-packages-details-table { width: 300%; }

	/*** Domain ***/
	.er-domain-find { position: static; width: 100%; }

	/*** Small Package ***/
	.er-smallpkg-extra .col-xs-6 { width: 100% !important; }

	/*** Let's Begin ***/
	.er-lets-begin { width: 90%; }
	.er-lets-begin a { display: block; margin: 20px 0 0; }

	/*** FAQ ***/
	.er-faq-intro { padding: 50px 0 50px; }
	.er-faq-fix-space { height: 0; }
	.er-faq-switch { margin-bottom: 30px; }
	.er-faq-switch a { display: block; }
	.er-faq-contact { position: static; width: 100%; }
}
.banner {
    margin: 20px 0 0;
    text-align: center;
}
.off {
    text-decoration: line-through;
    float: right;
    font-size: 24px;
    position: absolute;
    margin: -30px;
    margin-right: 10px;
}
.menu-blog {
    /* background: #EAF7FB; */
}
.resp-cat {
    color: steelblue;
    cursor: pointer;
    display: none;
    padding: 15px 0;
    font-weight: 500;
}
.resp-cat i {
    color: steelblue;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
nav ul, ul {
    list-style: none;
    margin-bottom: 0px;
}
.menu-blog ul li {
    float: right;
    position: relative;
}
.menu-blog ul li a {
    padding: 15px;
    position: relative;
    display: block;
}
.menu-item-has-children a:after {
    content: '';
    display: block;
    border: solid #78797B;
    border-width: 0 2px 2px 0;
    display: block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    top: -2px;
    margin-right: 8px;
    transition: all 0.3s;
}
.menu-blog ul li ul {
    display: none;
    position: absolute;
    z-index: 99;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    width: 250px;
}
nav ul, ul {
    /* list-style: circle; */
    /* margin-right: 30px; */
    /* margin-bottom: 20px; */
    /* margin-top: 20px; */
}
.menu-blog ul li:hover > a {
    color: #222222;
}
.menu-blog ul li ul li a {
    font-size: 14px;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 15px;
}
.menu-blog ul li a {
    padding: 15px;
    position: relative;
    display: block;
}
.menu-blog ul li ul li a {
    font-size: 14px;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 15px;
}
.menu-blog ul li ul {
    display: none;
    position: absolute;
    z-index: 99;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    width: 250px;
}
.menu-blog ul li ul li a {
    font-size: 14px;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 15px;
}
.menu-blog ul li ul li {
    float: none;
    width: 100%;
}
.menu-blog ul li ul {
    display: none;
    position: absolute;
    z-index: 99;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    width: 250px;
}
.menu-blog ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0%;
    display: block;
    height: 2px;
    background: #3CB477;
    transition: all 0.3s;
}
.menu-blog ul li:hover ul {
    display: block;
}
.kt-ads-box {
    background: #f9fafa;
    border-radius: 3px;
    margin: 40px 0;
    padding: 30px;
}
.kt-ads-box .kt-ads-box-image {
    float: right;
    margin: 0 0 0 25px!important;
    width: 140px;
}
.kt-ads-box-desc {
    font-size: 0;
    overflow: hidden;
}
.kt-ads-box-desc h4 {
    border-bottom: none;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0 0;
    padding: 0!important;
}
.kt-ads-box-text {
    color: #888;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 5px;
}
.kt-ads-box-desc .button {
    color: #fff;
    display: block;
    vertical-align: middle;
}
.kt-ads-box-phone {
    color: #1f94ce;
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin-right: 25px;
    vertical-align: middle;
}
.kt-ads-box-phone span {
    color: #888;
    display: block;
    margin-right: 10px;
    vertical-align: top;
}
.button.button-blue:hover, button.button-blue.active, button.button-blue:hover, input[type=submit].button-blue.active, input[type=submit].button-blue:hover {
    color: #fff;
    background: #2aaabd;
}
.kt-ads-box-desc .button {
    color: #fff;
    background: #44ceed;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-family: IRANSans;
    font-size: 14px;
    line-height: 1.6em;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: 400;
    width: auto;
}
.kt-ads-box-phone span {
    color: #888;
    display: block;
    margin-right: 10px;
    vertical-align: top;
}
.er-post-text ul {
    list-style: circle;
    margin-bottom: 20px;
    margin-right: 30px;
    margin-top: 20px;
}
.er-post li {
    list-style: inherit;
}
.vs-table-responsive { overflow-x: auto; min-height: 0.01%; }
.vs-table-responsive table {  }

.vs-table table {width: 100%;border-radius: 3px;background: #fff;border: 1px solid #e4e4e4;box-shadow: 0px 2px 6px #eaeaea;}
.vs-table table th { padding: 10px 15px; text-align: center; font-size: 15px; font-weight: 500; color: #555; background: #f6f6f6; border-bottom: 4px solid #eee; white-space: nowrap; }
.vs-table table td {padding: 12px 15px 2px;text-align: right;font-size: 14px;font-weight: 200;border-bottom: 1px solid #eee;color: #333;transition: all .3s ease;white-space: nowrap;}
.vs-table table tr:nth-child(2n) td {background: #f9fafc;}
.vs-table table tr td:nth-child(2n) {border-right:1px solid  #eaeaea;border-left:1px solid #eaeaea;background:rgba(235, 238, 242, 0.41)}
.vs-table table tr:nth-child(1) td {background: #ebeef2;/* border-bottom-style: outset; *//* color: white; */}

.vs-table table tr:hover td {background: #f9f1dc !important;}
.er-post a {
    color: #2513da;
}
.img-border-top:before, .img-border-top:after, .img-border-bottom:before, .img-border-bottom:after {content: "";position: absolute;z-index: 10;width: 40px;height: 40px;} 
.img-border-top:before {border-top: 2px solid #f3724b;border-left: 2px solid #f3724b;top: 5px;left: 5px;}
.img-border-top:after {border-top: 2px solid #f3724b;border-right: 2px solid #f3724b;top: 5px;right: 5px;}
.img-border-bottom:before {border-bottom: 2px solid #f3724b;border-left: 2px solid #f3724b;bottom: 5px;left: 5px;}
.img-border-bottom:after {border-bottom: 2px solid #f3724b;border-right: 2px solid #f3724b;bottom: 5px;right: 5px;}
@media (max-width: 767px)
.fixedbox-mobile {
    display: block;
}
.fixedbox-mobile{display:none;position:fixed;z-index:9999;bottom:0;right:0;left:0;text-align:center;padding:0;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);color:#fff;font-family:IRANSans;font-size:15px}.fixedbox-mobile a{display:block;font-size:19px;margin:1.5%;color:#fff;background:#57d59c;box-shadow: 0 5px 5px rgba(87,213,156,.5);padding:5px;border-radius:5px;}.fixedbox-mobile .telegram{background:#08c;box-shadow:0 5px 5px rgba(0,136,204,.5);float:left;margin-right:0}@media(max-width:767px){.fixedbox-mobile{display:block}}.fixedbox{background:url(../../../../https@saina-server.com/wp-content/uploads/2018/02/support.png) 10px 70px no-repeat #fff;border-radius:5px;position:fixed;right:20px;bottom:20px;width:220px;border:1px solid #d9dee1;z-index:100}.fixedbox .reldiv{padding:20px}.fixedbox h6{font:500 14pt/18px iransans,tahoma;border-bottom:1px solid #d9dee1;color:#526066;padding:0 0 15px;margin:0;text-align:center}.fixedbox p{color:#333;font:500 11pt/18px iransans,tahoma;margin:20px 0 0}.fixedbox p .number{color:#f13a56;font:500 19px/28px iransans,tahoma;display:block}.fixedbox p .now{color:#57d59c;display:block}.fixedbox .call-telegram{background:#f6f9fc;padding:20px;text-align:center}.fixedbox .call-telegram a{background:#08c;padding:5px 18px;display:inline-block;cursor:pointer;border-radius:3px;margin:0 auto;color:#fff;font:300 15px/30px iransans,Tahoma}.fixedbox .call-telegram a:hover{background:#0093dd}.fixedbox .call-telegram a i{margin:0 0 0 2px}@media screen and (max-width:34cm){.fixedbox{bottom:20px}}@media screen and (max-width:28cm){.fixedbox{display:none}}.fixedbox-close{display:block;position:absolute;top:-7px;right:-7px;color:#999;background:#ddd;width:20px;height:20px;line-height:23px;text-align:center;border-radius:50%;font-size:11px} .namad {display: block;}