@charset "utf-8";
* { letter-spacing: 0px !important; }
/* ================================================== */
/* 

* body
* header
	* subheader
* navigation
* content
* section
* footer
* sidebar
* blog
* products
* contact
* coming soon page
* elements
	* address
	* border
	* breadcrumb
	* button
	* columns
	* counter
	* divider
	* dropcap
	* form
	* heading
	* icon font
	* list
	* map
	* package
	* page heading
	* pagination
	* pricing
	* progress bar
	* social icons
	* spacer
	* tabs
	* team
	* testimonial
* media query
                      /* import icons */

/* import fonts */
@font-face { font-family: IRANSans-Black; font-style: normal; font-weight: 900; src: url('font/eot/IRANSansWeb_Black.eot'); src: url('font/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('font/woff2/IRANSansWeb_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('font/woff/IRANSansWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('font/ttf/IRANSansWeb_Black.ttf') format('truetype'); }

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

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

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

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

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



* { --bg-dark-1: #4d4d4d; }

/* ================================================== */
/* body */
/* ================================================== */
html { background: #000000 !important; }

body { display: none; font-family: "IRANSans",Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; color: #bbbbbb; line-height: 1.8em; padding: 0; background: #18191B; }

body.de_light { background: #ffffff; }

body.de_light, .de_light,
.text-dark, .modal-body { color: #606060; }

html.no-scroll,
body.no-scroll { overflow: hidden; }

html.no-scroll::-webkit-scrollbar,
body.no-scroll::-webkit-scrollbar { display: none; }

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ }

.rtl,
.rtl .tp-caption { text-align: right; }
.rtl header div#logo { float: right; }
.rtl header nav { float: left; }
.rtl #subheader h1 { float: right; padding-right: 0px; margin-right: 0px; }
.rtl .crumb { float: left; padding: 0; margin: 0; }
.rtl .de-team-list .small-border { float: right; }
.rtl .crumb li { float: right; padding: 0 5px; }

.de_phone-simple { font-size: 12px; font-weight: bold; line-height: 1.6em; position: relative; padding-left: 46px; }

.de_phone-simple i { position: absolute; font-size: 42px; left: 0; }

.de_phone-simple .d-num { font-size: 20px; display: block; }

.col-extra .de_phone-simple { margin-top: -18px; }

.header-s2 .col-extra .de_phone-simple { margin-top: -5px; }

#wrapper { overflow: hidden; }

#wrapper.wrapper-s2 { background: #ffffff; }

#page-overlay { background: rgba(0,0,0,.7); position: fixed; height: 100%; width: 100%; z-index: -1; }

.de-navbar-left #wrapper { overflow: visible; }

/* ================================================== */
/*  header	*/
/* ================================================== */
header { width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 1001; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; background: #4d4d4d; border-bottom: solid 1px rgba(0,0,0,0.0); }

header .info { display: none; color: #fff; text-align: right; padding: 10px 0 10px 0; width: 100%; z-index: 100; border-bottom: solid 1px rgba(255,255,255,.2); }
header .info .column { display: inline-block; padding: 0 15px 0 15px; font-size: 11px; float: left; }
header .info .social.column { border: none; float: right; }
header .info .social i { color: #fff; font-size: 14px; display: inline-block; float: none; padding: 0 10px 0 10px; }
header .info strong { font-size: 12px; }

header.header-light .info { color: #333; }
header.header-light .info .social i { color: #333; }
header.transparent.header-light .info,
header.transparent.header-light .info .social i { color: #fff; }

header.header-bg { background: rgba(0,0,0,0.5); }

header.transparent { background: rgba(0,0,0,0.0); }

header.autoshow { top: -80px; }

header.autoshow.scrollOn, header.autoshow.scrollOff { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none; }

header.autoshow.scrollOn { top: 0; }

header.autoshow.scrollOff { top: -80px; }

header div#logo { display: table; height: 80px; float: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header div#logo .logo-2 { display: none; }
header div#logo a { display: table-cell; vertical-align: middle; }
header nav { float: right; }
header nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header nav a:hover { color: #555; }
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile):not(.header-s2) #mainmenu > li > a { padding-top: 18px; padding-bottom: 18px; }
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) #mainmenu li li a { padding-top: 0px; padding-bottom: 0px; }
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) #mainmenu ul { top: 70px; }
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) #mainmenu ul ul { top: 0px; }
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile):not(.header-s2) { height: 70px; background: #18191b; }
header.header-light.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile):not(.header-s2) { height: 70px; background: #ffffff; }
header.smaller.no-border:not(.header-bottom):not(.side-header) { border: none; }
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile):not(.header-s2) div#logo { height: 70px; }

.logo-smaller div#logo { width: 150px; height: 30px; line-height: 65px; font-size: 30px; }
.logo-smaller div#logo img { line-height: 75px; font-size: 30px; }
.logo-smaller div#logo .logo-1 { display: none; }
.logo-smaller div#logo .logo-2 { display: inline-block; }
.logo-small { margin-bottom: 20px; }

header.de_header_2 { height: 125px; }

header.de_header_2.smaller { height: 70px; }

header.de_header_2.smaller .info { position: absolute; opacity: 0; z-index: -1; }

header.header-light { background: #fff; }

header.header-light.transparent { background: none; }

header.smaller:not(.header-bottom).header-light:not(.header-s2) { background: #fff; border-bottom-color: #eee; }

header.smaller.scroll-transparent { background: none !important; }


.de-navbar-left { background: #151618; }

.de-navbar-left #logo { padding: 40px; text-align: center; width: 100%; }

.de-navbar-left header { position: relative; display: block; width: 100%; height: 100%; left: 0; background: none; padding: 30px; padding-right: 20px; }


.de-navbar-left header #mainmenu { float: none; margin: 0; padding: 0; }

.de-navbar-left header #mainmenu > li { display: block !important; margin: 0; float: none; text-align: center; font-family: "IRANSans"; font-size: 14px; padding: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(255,255,255,.1); }
.de_light.de-navbar-left header #mainmenu > li { border-bottom: solid 1px rgba(0,0,0,.05); }
.de-navbar-left header #mainmenu > li > a { padding: 0; opacity: .5; }
.de_light.de-navbar-left header #mainmenu > li > a { color: #222; }
.de-navbar-left header #mainmenu > li a:hover { opacity: 1; }
.de-navbar-left header #mainmenu > li > a:after { content: none; }
.de-navbar-left header nav { float: none !important; }


/* subheader */
#subheader { padding-bottom: 70px; background: #222; padding-top:0px; }
#subheader { -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; }
.de-navbar-left #subheader { padding-bottom: 120px; }
#subheader h1 { color: #eceff3; margin-top: 80px; font-size: 20px; float: right; padding-right: 40px; margin-right: 40px; text-transform: uppercase; }
#subheader span { display: inline-block; font-size: 15px; margin-top: 88px; color: #fff; }
#subheader .crumb { font-size: 20px; margin-top: 90px; color: #fff; text-transform: uppercase; }
.de-navbar-left.de_light #subheader h1 { color: #222; }

#subheader.style-2 .title-wrap { float: left; margin-top: 60px; }
#subheader.style-2 { padding: 150px 0 150px 0; }
#subheader.style-2 h1 { font-size: 56px; text-align: left; margin: 0; float: none; font-weight: bold; }
#subheader.style-2 h4 { color: #fff; margin-top: 10px; font-weight: 500; text-transform: none; }
#subheader.style-3,
#subheader.style-4 { background: #f8f8f8;}
#subheader.style-3 h1,
#subheader.style-4 h1 { font-size: 28px; padding-top: 10px; }
#subheader.style-4 { background: #202124; }

#subheader.style-5 h1 { display: block; text-align: center; width: 100%; padding: 0; }

/* ================================================== */
/* navigation */
/* ================================================== */
.header-custom:not(.header-mobile) { height: auto; position: relative; width: 100%; left: 0; }
.header-custom:not(.header-mobile) nav { display: block; width: 100%; text-align: center; margin-bottom: -1px; float: none; }
.header-custom:not(.header-mobile).s2 nav { text-align: left; background: none; margin: 0; padding: 0; float: left; }
.header-custom:not(.header-mobile) nav #mainmenu { display: inline-block !important; margin: 0; float: none; padding: 0; font-size:15px;}
.header-custom:not(.header-mobile) #mainmenu > li > a { padding: 20px 0px 20px 20px; line-height: 20px;  }
.header-custom:not(.header-mobile) #mainmenu > li:first-child > a { padding-left: 0; }
.header-custom:not(.header-mobile) div#logo { width: 100%; }
.header-custom:not(.header-mobile) div#logo img { text-align: center; }
.header-custom:not(.header-mobile) #mainmenu li > ul,
.header-custom:not(.header-mobile) #mainmenu li:hover > ul { margin-top: -20px; }

.header-custom:not(.header-mobile) #mainmenu li ul ul,
.header-custom:not(.header-mobile) #mainmenu li:hover ul ul { top: 20px; }
.header-custom:not(.header-mobile) #mainmenu li ul.mega,
.header-custom:not(.header-mobile) #mainmenu li:hover ul.mega { margin-top: 60px; }
.header-custom:not(.header-mobile) .menu-group { background: rgba(255,255,255,.02); margin-bottom: -1px; height: 60px; padding-top: -1 }
.header-custom:not(.header-mobile) .form-default { margin-top: -5px; }
.header-custom.header-light:not(.header-mobile) .menu-group { background: rgba(0,0,0,.05); }

#mainmenu { font-family: "IRANSans", Arial, Helvetica, sans-serif; float: right; font-size: 11px; font-weight: 400; text-transform: uppercase; }

#mainmenu ul { float: right; margin: 0px 0px; padding: 0px 0px; height: 30px; }

#mainmenu li { margin: 0px 0px; padding: 0px 0px; float: left; display: inline; list-style: none; position: relative; }

#mainmenu a { line-height: 30px; }

#mainmenu > li > a { line-height: 35px; }

#mainmenu a { display: inline-block; padding: 25px 0px 25px 20px; text-decoration: none; text-align: center; outline: none; }

#mainmenu a,
header.transparent.header-light #mainmenu a { color: #fff; }

#mainmenu.style-2 a { font-size: 14px; letter-spacing: 0; text-transform: none; }

#mainmenu li a:after { float: right; position: relative; font-family: "FontAwesome"; content: "\f111"; font-size: 6px; margin-left: 20px; margin-top: 0px; color: #FAB702; }

#mainmenu li:last-child a:after { display: none; }

#mainmenu.no-separator li a:after { margin-left: 5px; }


#mainmenu.dotted-separator li a:after { content: "\f111"; font-size: 6px; }

#mainmenu.line-separator li a:after { content: "/"; font-size: 14px; }

#mainmenu.circle-separator li a:after { content: "\f10c"; font-size: 9px; }

#mainmenu.strip-separator li a:after { content: "\f068"; font-size: 9px; }

#mainmenu.plus-separator li a:after { content: "\f067"; font-size: 11px; }

#mainmenu.square-separator li a:after { content: "\f096"; font-size: 11px; }

#mainmenu.no-separator li a:after { font-size: 0px; }

#mainmenu.ms-2 { text-transform: none; letter-spacing: 0; }

#mainmenu.ms-2 li { font-size: 15px; }

#mainmenu.ms-2 > li { font-weight: 500; }

#mainmenu li li { font-size: 10px; font-weight: normal; border-bottom: solid 1px #333; }

#mainmenu li li:last-child { border-bottom: none; }


#mainmenu li li a { padding: 0px 12px 0px 12px; border-top: none; color: #ccc; width: 201px; border-left: none; text-align: right; font-size:15px; }

#mainmenu li li a:hover { color: #111; }

#mainmenu li li a:after { content: none !important; }

#mainmenu li li li a { background: #222327; }

#mainmenu li li a:hover { color: #111; background: #1a8b49; }

/* new added menu */

#mainmenu li > ul { width: 201px; height: 0; position: absolute; top: 80px; right: 0px; z-index: 10; opacity: 0; margin-top: 5px; overflow: hidden; }

#mainmenu li:hover > ul { opacity: 1; height: auto; margin-top: 0px; overflow: visible; }

#mainmenu li ul.mega ul { width: 201px; height: auto; position: absolute; top: 80px; left: 0px; z-index: 10; visibility: hidden; opacity: 0; margin-top: 5px; }

/* close new added menu */

#mainmenu li li { display: block; float: none; }


#mainmenu ul li:hover > a { color: #222; }

header.header-mobile #mainmenu li ul { visibility: visible; opacity: 1; margin-top: 0px; }

#mainmenu li ul { background: #4d4d4d; }

#mainmenu.sub-transparent li ul { background: rgba(10,10,10,.7); }

#mainmenu li ul ul { left: 100%; top: 0px; }

#mainmenu li:hover > ul { color: #1a8b49; }

#mainmenu select { padding: 10px; height: 36px; font-size: 14px; border: none; background: #ff4200; color: #eceff3; }

#mainmenu select option { padding: 10px; }


header.header-light #mainmenu > li > a,
header.header-light.transparent #mainmenu > li > a,
header.transparent.smaller.header-light #mainmenu > li > a,
header.header-s2.header-light #mainmenu > li > a:hover { color: #333 !important; }

#mainmenu > li ul.mega { position: fixed; left: 0; height: 0%; width: 100%; visibility: hidden; opacity: 0; overflow: hidden; }
#mainmenu li:hover ul.mega { visibility: visible; opacity: 1; }
#mainmenu li ul.mega > li,
#mainmenu li ul.mega > li a { width: 100%; }
#mainmenu li ul.mega li.title { font-size: 12px; padding: 0px 10px 10px 15px; text-align: left; color: #fff; font-weight: bold; }
#mainmenu li ul.mega > li ul { position: static; visibility: visible; opacity: 1; left: 0; float: none; width: 100%; }
#mainmenu ul.mega > li ul li { margin: 0; padding: 0; }

#mainmenu ul.mega > li ul li a { margin: 0; }

#mainmenu ul.mega > li ul li:last-child { border-bottom: solid 1px #333333; }

#mainmenu li ul.mega .menu-content { background: #222327; padding: 30px; }

#mainmenu ul.mega ul,
#mainmenu ul.mega li,
#mainmenu ul.mega li li a { background: none; }

#mainmenu.sub-transparent li ul.mega .menu-content { background: rgba(10,10,10,.7); }

#mainmenu.menu-flex { display: -webkit-box; width: 80%; -webkit-box-orient: horizontal; -webkit-box-pack: justify; }

#mainmenu.menu-flex > li { -webkit-box-flex: 1; text-align: center; margin: 0 10px; }

#mainmenu.menu-flex.mf-left > li { text-align: left; }

header.header-mobile #mainmenu > li ul.mega { visibility: visible; opacity: 1; }
header.header-mobile.header-light #mainmenu li ul.mega li.title { color: #222222; }
header:not(.header-mobile):not(.force-header-mobile) #mainmenu > li:hover ul.mega { height: auto; }

header.header-s2 { background: none; top: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

header.header-s2 #mainmenu { margin: 0; }

header.header-s2 .d-menu-wrap { background: var(--bg-dark-1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

header.header-light.header-s2 .d-menu-wrap { background: white; }


header.header-s2.smaller .d-menu-wrap { -webkit-box-shadow: 0 20px 60px rgb(0 0 0 / 20%); -moz-box-shadow: 0 20px 60px rgb(0 0 0 / 20%); box-shadow: 0 20px 60px rgb(0 0 0 / 20%); }

#menu-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.9); color: #ffffff; z-index: 10000; overflow-y: auto; display: none; overflow-x: hidden; }
#menu-overlay.slideDown { top: -100%; }

#mo-button-open { position: absolute; display: block; width: 30px; right: 20px; margin-top: 22px; overflow: hidden; }

#mo-button-open div { width: 100%; height: 3px; background: #ffffff; margin-bottom: 7px; }
#mo-button-open.mo-bo-s1 { top: 10px; }
#mo-button-open.mo-bo-s1 div { height: 1px; }

#mo-button-open:hover div:nth-child(1) { margin-left: 50%; }

#mo-button-open:hover div:nth-child(2) { margin-left: 25%; }

#mo-button-close { position: absolute; top: 0px; right: 20px; display: block; width: 30px; height: 45px; cursor: pointer; }

#mo-button-close .line-1,
#mo-button-close .line-2 { top: 32px; width: 30px; height: 3px; background: #ffffff; position: absolute; border-radius: 10px; right: 0px; }

#mo-button-close .line-1 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#mo-button-close .line-2 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#mo-button-close:hover .line-1,
#mo-button-close:hover .line-2 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }



#mo-menu ul, #mo-menu li { padding: 0; margin: 0; list-style: none; }

#mo-menu { font-size: 16px; margin-left: -30px; }

#mo-menu a { text-decoration: none; color: #ffffff; }

#mo-menu li ul a { color: #888888; }

#mo-menu li ul a:hover { color: #ffffff; }

#mo-menu > li > a { font-size: 40px; padding: 15px 0; display: inline-block; }

#mo-menu > li { display: block; width: 100%; opacity: 0; }

#mo-menu > li.show { opacity: 1; }

#mo-menu > li > ul { overflow: hidden; max-height: 0; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }

#mo-menu:not(.mo-center) > li > ul { width: 100%; }

#mo-menu > li > ul.full { max-height: 2000px; transition: max-height 1s ease-in-out; }

#mo-menu.mo-center { text-align: center; }

#mo-menu.mo-center > li > ul { margin-left: 15px; }

#mo-menu .menu-content ul li { padding: 0; margin: 0; list-style: none; }

#mo-menu li ul.mega .menu-content { padding: 0px; }

#mo-menu.mm-hover-underline > li span { border-bottom: solid 1px #ffffff; width: 0; display: block; position: relative; }

#mo-menu.mm-hover-underline > li:hover span { width: 100%; }

#mo-menu.mm-style-1 { text-transform: uppercase; }
#mo-menu.mm-style-1 > li > a { font-size: 20px; }

#mo-menu.mm-style-2 { }
#mo-menu.mm-style-2 > li > a { font-size: 64px; line-height: 60px; font-weight: bold; padding: 20px; text-transform: uppercase; color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,.5); }
#mo-menu.mm-style-2 > li > a:hover { -webkit-text-stroke-color: rgba(255,255,255,1); transform: scale(1.2); color: #ffffff; }

#mo-menu.mm-style-2 > li { transform: scale(0); }

#mo-menu.mm-style-2 > li.show { transform: scale(1); }


#mo-menu.mm-style-3 { }
#mo-menu.mm-style-3 > li > a { font-size: 64px; line-height: 60px; font-weight: bold; padding: 20px; text-transform: uppercase; }
#mo-menu.mm-style-3 > li > a:hover { transform: scale(1.2); color: #ffffff; }

#mo-menu.mm-style-3 > li { transform: scale(0); }

#mo-menu.mm-style-3 > li.show { transform: scale(1); }


/* menu toggle for mobile */
#menu-btn { display: none; float: right; margin-top: 5px; width: 36px; height: 36px; padding: 6px; text-align: center; cursor: pointer; }

.header-light #menu-btn { background: none; }

#menu-btn:before { font-family: FontAwesome; content: "\f0c9"; font-size: 24px; color: #eceff3; }

.header-light #menu-btn:before { color: #333; }

#menu-btn.unclick:before { content: "\f0c9"; }

#menu-btn.clicked:before { content: "\f00d"; }

#menu-btn:hover { background: #fff; }

#menu-btn:hover:before { color: #222; }

/* menu toggle animated */

#nav-toggle { float: right; width: 60px; height: 20px; position: relative; margin: 15px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; padding: 10px; z-index: 100; }

#nav-toggle span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; border-radius: 9px; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-toggle span:nth-child(1) { top: 10px; }

#nav-toggle span:nth-child(2) { top: 18px; }

#nav-toggle span:nth-child(3) { top: 26px; }

#nav-toggle.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

#nav-toggle.open span:nth-child(2) { opacity: 0; }

#nav-toggle.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

#menu-wrapper { width: 100%; height: 100%; background: rgba(0,0,0,.95); position: fixed; top: 0; left: 0; text-align: center; height: 0; overflow-y: auto; }

#menu-wrapper nav { display: inline-block; margin: 20px auto 80px auto; padding: 0; float: none; font-size: 26px; opacity: 0; }


/* ================================================== */
/* content */
/* ================================================== */
#content { width: 100%; background: #fff; padding: 90px 0 90px 0; z-index: 100; }

.de_light #content { background: #fff; }


#content { background: #18191b; }


/* ================================================== */
/* section */
/* ================================================== */
section { padding: 90px 0 90px 0; }
section { background: #4d4d4d; }

section.custom-1 { border-bottom-left-radius: 100% 100%; border-bottom-right-radius: 100% 100%; overflow: hidden; }

.de-navbar-left .container-fluid .container { width: 100% !important; }

.de-navbar-left section { padding: 70px; }

.de_light section { background: #fff; }

.bg-white { background: #ffffff; }

.section-fixed { position: fixed; width: 100%; min-height: 100%; height: auto; }

.gradient-dark-top { position: absolute; width: 100%; height: 50%; z-index: 1; background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%); }

/* ================================================== */
/* footer */
/* ================================================== */
footer { background: #4d4d4d; color: #ccc; padding: 80px 0 0 0; }

footer h3, .de_light footer h3 { color: #fff; font-size: 20px; }

footer a { color: #ccc; text-decoration: none !important; }

footer a:visited { color: #ccc; }

footer.light { color: #606060; background: #fff; }

footer.light .subfooter { background: #f8f8f8; }

footer.light a { color: #606060 !important; text-decoration: none; }

footer.footer-fixed { position: fixed; bottom: 0; z-index: 1000; width: 100%; height: 55px; }

footer.footer-transparent,
footer.footer-transparent .subfooter { background: none; }

.de-navbar-left footer { padding: 70px 70px 0 70px; }

.subfooter { background: #4d4d4d; padding: 30px 0 20px 0; }

footer.footer-fixed .subfooter { padding: 15px 0 15px 0; }

footer.footer-s2 { font-size: 12px; text-transform: uppercase; }

footer.text-light a { color: #bbbbbb; }

.subfooter.light { border-top: solid 1px #ddd; background: #fff; }

.de-navbar-left footer.light .subfooter { background: none; }

.de-navbar-left .subfooter { background: none; }

header.side-header { border-bottom: none !important; margin: 0; }

header.side-header .social-icons-2 { margin: 0 auto; margin-top: 50px !important; float: none; text-align: center; }

header.side-header .social-icons-2 a { display: inline-block; margin: 0 2px 0 2px; background: #555; width: 36px; height: 36px; padding-top: 5px; display: inline-block; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; opacity: .2; }

.de_light header.side-header .social-icons-2 a { background: #fff; color: #333; }

header.side-header .social-icons-2 a:hover { opacity: 1; }

.de-navbar-left.de_light header, .de-navbar-left.de_light { background: #f9f9f9; }

header.header-mobile { position: relative; background: #111; z-index: 1000; }

header.header-mobile.header-light { background: #fff; }

header.smaller.header-scroll:not(.autoshow) { position: absolute; }

.header-bottom .info { display: none !important; }

#de-sidebar { position: absolute; }


/* ================================================== */
/* blog */
/* ================================================== */

/* de-blogpost-1 */
.de-blogpost-1 .d-image { position: relative; margin-bottom: 10px; }
.de-blogpost-1 .d-image a { position: absolute; width: 100%; height: 100%; }
.de-blogpost-1 img { width: 100%; }
.de-blogpost-1 .d-content h4 { font-size: 16px; }
.de-blogpost-1 .d-date { font-size: 12px; text-transform: uppercase; }

/* de-blogpost-2 */
.de-blogpost-2 { position: relative; margin-bottom: 30px; }
.de-blogpost-2 .d-image { width: 350px; float: left; margin-right: 30px; }
.de-blogpost-2 .d-content h4 { font-size: 22px; margin-bottom: 5px; }
.de-blogpost-2 .d-image a { position: absolute; width: 100%; height: 100%; }
.de-blogpost-2 .d-image img { width: 100%; }
.de-blogpost-2 .d-content { overflow: hidden; width: calc(100% - 380px); }
.de-blogpost-2 .d-cat { font-weight: 500; font-size: 12px; color: #ffffff; background: var(--primary-color-1); display: inline-block; padding: 1px 8px 1px 8px; line-height: 1.5em; margin-bottom: 10px; text-transform: uppercase; }
.de-blogpost-2 .d-attr div { display: inline-block; margin-right: 10px; }
.de-blogpost-2 .d-attr { font-size: 12px; text-transform: uppercase; margin-bottom: 8px; }

/* de-blogpost-3 */
.de-blogpost-3 .d-image { position: relative; width: 100px; float: right; margin-bottom: 10px; }
.de-blogpost-3.flip .d-image { float: left; margin-right: 20px; }
.de-blogpost-3 .d-image img { width: 100%; }
.de-blogpost-3 .d-content { width: calc(100% - 100px); padding-right: 10px; }
.de-blogpost-3.flip .d-content { width: 100%; padding-right: 0; }
.de-blogpost-3 .d-image a { position: absolute; width: 100%; height: 100%; }
.de-blogpost-3 .d-content h4 { font-size: 16px; }
.de-blogpost-3 .d-date { font-size: 12px; text-transform: uppercase; }


.d-image { position: relative; overflow: hidden; }

.de-blogpost-1 .d-image:hover a,
.de-blogpost-2 .d-image:hover a,
.de-blogpost-3 .d-image:hover a,
.de-blogpost-4 .d-image:hover a { background: rgba(var(--primary-color-1-rgb), .5); }


/* de-hero-block */

.de-hero-block { position: relative; height: 500px; }

.de-hero-block > div { position: absolute; overflow: hidden; }
.de-hero-block .d-image { overflow: hidden; }
.de-hero-block .d-image img { width: calc(100% + 50px); margin-left: -50px; }
.de-hero-block > div:hover .d-image img { margin-left: 0; }
.de-hero-block .d-content { position: absolute; padding: 30px; bottom: 0; color: #ffffff; z-index: 1; pointer-events: none; }
.de-hero-block .d-content a,
.de-hero-block .d-content a:hover { color: #ffffff; pointer-events: auto; }
.de-hero-block .d-content h3 { color: #ffffff; margin-bottom: 5px; }
.de-hero-block .d-cat { position: relative; z-index: 2; font-weight: 500; font-size: 12px; color: #ffffff; background: var(--primary-color-1); display: inline-block; padding: 1px 8px 1px 8px; line-height: 1.5em; margin-bottom: 20px; text-transform: uppercase; }
.de-hero-block .d-cat:hover { color: #ffffff; opacity: .8; }
.de-hero-block .d-attr div { display: inline-block; margin-right: 10px; }
.de-hero-block .d-attr { font-size: 12px; text-transform: uppercase; margin-bottom: 8px; }
.de-hero-block .d-image a { position: absolute; width: 100%; height: 100%; background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); }

.de-hero-block .d-hero-item-4 { position: absolute; height: 100%; background: #eee; }

.de-hero-block .d-hero-item-4 .d-image { width: 100%; position: absolute; height: 100%; }


.de-hero-block .d-hero-item-4 .d-image img { height: 100%; width: auto; }

.de-hero-block .d-hero-item-1 { top: 0; width: calc(50% - 10px); margin-right: 10px; height: 100%; }
.de-hero-block .d-hero-item-1 h3 { font-size: 26px; }

.de-hero-block .d-hero-item-2 { left: 50%; top: 0; width: calc(25% - 10px); height: calc(50% - 5px); }

.de-hero-block .d-hero-item-3 { left: 50%; top: calc(50% + 5px); width: calc(25% - 10px); height: calc(50% - 5px); }

.de-hero-block .d-hero-item-4 { left: 75%; top: 0; width: 25%; height: 100%; }

/* d-image-hover-1 */

.de-image-hover-1 { position: relative; }
.de-image-hover-1 img { width: 100%; }
.de-image-hover-1 .d-overlay { position: absolute; z-index: 1; width: 100%; height: 100%; background: -moz-linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); padding: 0 !important; }
.de-image-hover-1 .d-overlay .d-text { text-align: center; color: #ffffff; position: absolute; bottom: 20px; width: 100%; }

.blog-list { margin: 0; padding: 0; }
/* blog list */
.blog-list li { list-style: none; line-height: 1.7em; margin-bottom: 60px; margin-top: 10px; padding-bottom: 15px; border-bottom: solid 1px rgba(255,255,255,.1); }
.de_light .blog-list li { border-bottom: solid 1px #ddd; }
.blog-list h3,
.blog-read h3 { margin-top: 20px; }
.blog-list h3 a { color: #fff; }
.de_light .blog-list h3 a { color: #111; }
.de_light .text-light .blog-list h3 a { color: #fff; }
.blog-list .btn-more { padding: 3px 25px 3px 25px; color: #111; text-transform: uppercase; text-decoration: none; font-weight: 700; float: right; }
.blog-list .btn-more:hover { background: #fff; }
.de_light .blog-list .btn-more:hover { background: #222; color: #fff; }
.blog-list .post-text,
.blog-read .post-text { padding-left: 80px; }
.blog-list img { border-bottom: solid 4px; }
.blog-list .blog-slider { margin-bottom: -60px; }
.blog-list .date-box,
.blog-read .date-box { width: 60px; position: absolute; text-align: center; text-shadow: none; }
.blog-list .date-box .day, .blog-list .date-box .month { display: block; color: #fff; text-align: center; width: 60px; z-index: 100; }

.de_light .blog-list .date-box .day, .de_light .blog-read .date-box .month { color: #111; }


.blog-list .date-box .month { font-size: 14px; }


.blog-list .date-box .day,
.blog-read .date-box .day { color: #111; font-weight: 600; font-size: 32px; padding-top: 45px; padding-bottom: 10px; }

.blog-list .date-box .month,
.blog-read .date-box .month { color: #fff; font-family: "IRANSans"; font-weight: 600; padding: 7px 0 7px 0; border-bottom: solid 4px #333; }

.de_light .blog-list .date-box .month,
.de_light .blog-read .date-box .month { border-bottom-color: #ddd; }

.de_light .text-light .blog-list .date-box .month { color: #fff; }

.blog-snippet li { border-bottom: none !important; margin-bottom: 0; }

.post-content { position: relative; overflow: hidden; }
.post-content p { margin-bottom: 15px; }
.post-content img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post-text { padding: 20px 0; padding-bottom: 10px; }
.item .post-text h4 { margin-bottom: 10px; line-height: 2em; }

.post-text h4 a { text-decoration: none; font-size: 20px; }

.post-text .tags { font-size: 10px; text-transform: uppercase; }

.p-tagline { color: #111111; position: absolute; z-index: 1; top: 20px; left: 20px; }

.p-tagline, .p-title { background: rgba(var(--primary-color-rgb),.2); border-radius: 3px; display: inline-block; font-size: 10px; font-weight: bold; line-height: 10px; padding: 7px 10px 6px 10px; text-transform: uppercase; margin-bottom: 5px; }

.p-tagline, .p-title.invert { background: var(--secondary-color); }

.p-title { font-size: 12px; margin-bottom: 20px; }

.post-text .p-date { text-transform: uppercase; font-size: 10px; font-weight: 500; }

.post-info { border-top: solid 1px #eeeeee; padding-top: 15px; }

#blog-carousel .item { width: 100%; }

/* blog comment */
#blog-comment { margin-left: 80px; }

#blog-comment h5 { margin-bottom: 10px; }

#blog-comment ul, #blog-comment li { list-style: none; margin-left: -30px; padding-left: 0; }

#blog-comment ol { padding-left: 30px; }

#blog-comment li { min-height: 70px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px rgba(255,255,255,.1); }

#blog-comment li .avatar { position: absolute; margin-top: 5px; }

#blog-comment li .avatar img { max-width: 70px; }

#blog-comment .comment { margin-left: 90px; }

#blog-comment li { min-height: 70px; font-size: 12px; line-height: 1.6em; }

#blog-comment li li { margin-left: 55px; padding-bottom: 0px; margin-top: 20px; padding-top: 20px; border-top: solid 1px rgba(255,255,255,.1); border-bottom: none; }

#blog-comment li li .avatar { position: absolute; }



/* de-bloglist-type-1 */

.de-bloglist-type-1 { list-style: none; padding-left: 0; }
.de-bloglist-type-1 .d-content { display: block; padding-bottom: 15px; }
.de-bloglist-type-1 .d-image { position: absolute; overflow: hidden; width: 100px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.de-bloglist-type-1 .d-image img { width: 100%; }
.de-bloglist-type-1 .d-content { padding-left: 120px; display: block; }
.de-bloglist-type-1 .d-content a { font-weight: bold; overflow: hidden; position: relative; font-size: 16px; line-height: 1.5em; }
.de-bloglist-type-1 .d-date { position: relative; font-size: 12px; font-weight: 500; padding-left: 18px; }
.de-bloglist-type-1 .d-date:before { font-family: "FontAwesome"; font-weight: 300; color: var(--primary-color-1); content: "\f073"; left: 0; position: absolute; }
/* de-bloglist-type-1 close */


/* de post poster */
.de-post-poster { color: #ffffff; overflow: hidden; position: relative; height: 300px; }

.de-post-poster.d-portrait { height: 500px; }

.de-post-poster .d-image { position: absolute; width: 120%; height: 120%; margin-left: -10%; }

.de-post-poster .d-overlay { position: absolute; min-height: 100%; width: 100%; z-index: 1; background: -moz-linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); }

.de-post-poster .d-content { margin: 30px; margin-bottom: 0; position: absolute; bottom: 0; }

.de-post-poster .d-content h3 { font-size: 26px; letter-spacing: 0; text-transform: none; color: #ffffff; }

.de-post-poster .d-date { opacity: 0; color: #ffffff; }

.de-post-poster .d-tag { display: inline-block; color: #ffffff; text-transform: uppercase; font-size: 12px; background: #222222; padding: 2px 8px; line-height: 1em; font-weight: 500; margin-bottom: 20px; }

.de-post-poster:hover .d-content { margin-bottom: 30px; }

.de-post-poster:hover .d-date { opacity: 1; }

.de-post-poster:hover .d-image { margin-left: 0; }

/* de post poster end */

.comment-info { margin-left: 90px; margin-bottom: 5px; }

.comment-info .c_name { display: block; font-weight: 700; }

.comment-info .c_reply { padding-left: 20px; margin-left: 20px; border-left: solid 1px rgba(255,255,255,.1); font-size: 12px; }

.comment-info .c_date { font-size: 12px; }

.blog-list h3, .blog-read h3 { letter-spacing: normal; font-size: 24px; text-transform: none; }

/* blog comment form */
#commentform label { display: block; }
#commentform input { width: 290px; }
#commentform input:focus { border: solid 1px #999; background: #fff; }
#commentform textarea { width: 97%; padding: 5px; height: 150px; color: #333; }
#commentform textarea:focus { border: solid 1px #999; background: #fff; }
#commentform input.btn { width: auto; }

.post-meta { margin: 0px 0 10px 0px; border: solid 1px #eee; border-left: none; font-size: 11px; display: table; table-layout: fixed; margin-left: 80px; }
.post-meta span { display: table-cell; padding: 10px 20px 10px 20px; text-align: center; border-left: solid 1px #eee; }
.post-meta span i { float: none; margin-right: 20px; }
.post-image { position: relative; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.post-image img { width: 100%; margin-bottom: 0px; }
.post-image:hover img { transform: scale(1.05); }
.post-image .d-date { background: var(--primary-color-1); position: absolute; z-index: 1; color: #fff; text-align: center; padding: 12px 10px 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; top: 20px; left: 20px; font-weight: bold; }
.post-image .d-day { font-size: 32px; }
.post-image .d-month { font-size: 12px; padding-left: 5px; text-transform: uppercase; }
.post-meta { border-color: #222; }
.post-meta span { border-color: #222; }

.bloglist.s2 h3 { font-size: 20px; line-height: 1.5em; }

.bloglist.s2 .post-text { padding: 40px; background: #ffffff; }

.bloglist.s2 .post-image { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.de_light .post-meta { border: solid 1px #eee; }
.de_light .post-meta span { border-left: solid 1px #eee; }




.blog-slide { padding: 0; margin: 0; }


/* ecommerce */

.de__pcard h3 { margin-bottom: 5px; font-size: 17px; }

.atr__images { position: relative; overflow: hidden; margin-bottom: 20px; }

.atr__images img { width: 100%; height: auto; }

.atr__image-hover { opacity: 0; z-index: 1; position: absolute; left: 0; }

.atr__images:hover .atr__image-hover { opacity: 1; transform: scale(1.1); -o-transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; transition: .8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.atr__colors { margin-top: 10px; }

.atr__colors div { border: solid 1px rgba(51, 51, 51, 0); display: inline-block; margin: 0 2px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

.atr__colors span { display: block; background: #333333; width: 20px; height: 20px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

.atr__colors div.active { border: solid 1px #333333; padding: 3px; }

.atr__colors div.active span { width: 14px; height: 14px; }

.de__pcard .atr__extra-menu { z-index: 1; text-align: center; position: absolute; width: 100%; bottom: -40px; }

.de__pcard .atr__extra-menu div { display: inline-block; cursor: pointer; margin: 0 2px; }

.de__pcard .atr__extra-menu div i { background: #ffffff; font-size: 18px; padding: 10px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; }

.de__pcard .atr__extra-menu div.active i { background: #000000; color: #ffffff; }


.de__pcard .atr__extra-menu div:hover i { background: #333333; color: #ffffff; }

.de__pcard .atr__images:hover .atr__extra-menu { bottom: 20px; }

.de__pcard .atr__promo { position: absolute; z-index: 1; display: inline-block; background: #ffffff; padding: 3px 8px; line-height: 1em; margin: 10px 0 0 10px; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/* pic hover */

.de__pic-hover { position: relative; display: block; overflow: hidden; }

.de__pic-hover img { width: 100%; }

.de__pic-hover h3 { position: absolute; z-index: 1; bottom: 30px; left: 30px; font-size: 18px; margin: 0; background: #ffffff; padding: 8px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.de__pic-hover h5 { position: absolute; z-index: 1; color: #ffffff; display: inline-block; padding: 20px 10px; width: 80px; right: 30px; bottom: 20px; text-align: center; font-size: 10px; margin-bottom: 0; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; }

.de__pic-hover h5 span { display: block; font-size: 22px; }

.de__pic-hover:hover img { transform: scale(1.05); }

/* ================================================== */
/* products */
/* ================================================== */

.products { padding: 0; list-style: none; text-align:center;direction:rtl; }
.products li { margin-bottom: 30px; }
.product .p-inner { padding: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 2px 20px 30px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 2px 20px 30px 0px rgba(0,0,0, 0.5); box-shadow: 2px 20px 30px 0px rgba(0,0,0, 0.5); }
.de_light .product .p-inner { -webkit-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.05); -moz-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.05); box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.05); }
.product .price { margin-bottom: 10px; font-size: 16px; }
.product h4 { font-size: 16px; font-weight: 500; margin-bottom: 5px; }
.product a { text-decoration: none; }
.product img { background: #333; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.product .p-images { position: relative; }
.product .pi-2 { position: absolute; opacity: 0; left: 0; }
.product .btn-line { width: 100%; }
.product a.btn-line:hover { color: #111111 !important; }
.product:hover .pi-2 { opacity: 1; }
.p-rating { font-size: 12px; color: #404040; }
.de_light .p-rating { color: #bbbbbb; }

.p-rating i.checked { color: #FAB702; }
.p-single h3 { margin-bottom: 5px; font-size: 24px; }
.p-single .price { margin-bottom: 10px; }
.de_light .p-single .price { margin-bottom: 10px; color: #111111; font-size: 20px; font-weight: bold; padding: 5px 0; }
.p-single img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.p-desc { padding-left: 20px; }
.de_light .p-single a.btn-line:hover { color: #111111; }

.de-stars i { color: #ffa800; font-size: 14px; letter-spacing: 0px; }

/* ================================================== */
/* contact form */
/* ================================================== */
.error { padding: 20px; border: none; display: none; color: #d9534f; border: solid 1px #d9534f; font-size: 12px; font-size: 16px; }
.success { padding: 20px; display: none; color: #5cb85c; border: solid 1px #5cb85c; margin-bottom: 20px; font-size: 16px; }
.error img { vertical-align: top; }
.full { width: 98%; }

#contact_form input[type=text], #contact_form textarea, #contact_form input[type=email], #contact_form input[type=number], #search, #contact_form select { padding: 10px; margin-bottom: 20px; color: #fff; border: solid 1px rgba(255,255,255,.2); background: rgba(0,0,0,.1); border-radius: 0 !important; height: auto; }

.de_light #contact_form input[type=text], .de_light #contact_form textarea, .de_light #contact_form input[type=email], .de_light #search, .de_light #contact_form select { border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border: solid 1px #dddddd; background: #ffffff; color: #333 !important; }


#contact_form select { background: url(../images/ui/select-arrow.png) right center no-repeat !important; }

#contact_form select option { color: #000000; }

.de_light #contact_form select { background: url(../images/ui/select-arrow-invert.png) right center no-repeat !important; }


#contact_form input[placeholder], #contact_form textarea[placeholder] { color: #eee; }

#contact_form ::placeholder,
.text-light #contact_form ::placeholder { color: #eee; opacity: 1; }

.de_light #contact_form ::placeholder { color: #111111; opacity: 1; }


#contact_form input[type=submit].btn-line { background: none; padding: 8px 20px; }

#contact_form input[type=submit].btn-line:hover { background: #111; border-color: #111; }

#contact_form textarea { height: 178px; }

.form-default input[type=text] { background: #1D1E1F; border: none; font-size: 14px; padding: 2px 10px 2px 10px; color: #ffffff; }

#form_coupon input[type=text] { padding: 9px 12px 9px 12px; width: 80%; float: left; display: table-cell; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border: solid 1px #333333; border-right: none; color: #ffffff; background: rgba(255, 255, 255, .1); -webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); -moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); }

#form_coupon input[type=text]:focus { background: #ffffff; color: #111111; }

#form_subscribe input[type=text] { padding: 7px 12px 7px 12px; width: 80%; float: left; display: table-cell; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border: none; border-right: none; background: rgba(255, 255, 255, .7); -webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); -moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); }

#form_coupon #btn-submit i { text-align: center; font-size: 20px; float: left; width: 20%; height: 38px; background: #171A21; color: #111111; display: table-cell; padding: 10px 0 5px 0; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; }

footer.light #form_subscribe input[type=text] { border: solid 1px #333333; border-right: none; padding: 6px 12px; }

#form_subscribe input[type=text]:focus { background: rgba(255, 255, 255, .2); }

#form_subscribe #btn-subscribe i { text-align: center; font-size: 28px; float: left; width: 20%; background: #171A21; color: #ffffff; display: table-cell; padding: 5px 0 5px 0; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }


.has-search .form-control { padding-left: 2.375rem; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: rgba(255, 255, 255, .1) !important; border: solid 2px rgba(255, 255, 255, 0); color: #ffffff; font-size: 15px; }

.de_light .has-search .form-control { }

.has-search .form-control::placeholder { color: #ffffff; }

.has-search .form-control:focus { border-color: var(--primary-color-1); }


.has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #fff; }

.has-search .form-control { background: rgba(255, 255, 255, .1) !important; }

.f-num-inc { border: solid 1px #ddd; display: inline-block; padding: 0px; }

.f-num-inc input,
.f-num-inc span { padding: 5px; width: 40px; font-size: 15px; display: inline-block; width: 30px; text-align: center; margin: 0; border-radius: 0; border: none; }
.f-num-inc span { cursor: pointer; }
.f-num-inc span:first-child { border-right: solid 1px #dddddd; }
.f-num-inc span:last-child { border-left: solid 1px #dddddd; }
.f-num-inc span:hover { color: #111111; }

/* Chrome, Safari, Edge, Opera */
.f-num-inc input::-webkit-outer-spin-button,
.f-num-inc input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


.f-input-number { width: 40px; padding: 0 12px; vertical-align: top; text-align: center; outline: none; background: none; color: #ffffff; font-weight: bold; }

.f-input-number,
.f-input-number-decrement,
.f-input-number-increment { border: 1px solid rgba(255,255,255,.1); height: 40px; user-select: none; }

.f-input-number-decrement,
.f-input-number-increment { display: inline-block; width: 30px; line-height: 38px; background: none; color: #ffffff; text-align: center; font-weight: bold; cursor: pointer; }
.f-input-number-decrement:active,
.f-input-number-increment:active { background: #222; }

.f-input-number-decrement { border-right: none; border-radius: 2px 0 0 2px; }

.f-input-number-increment { border-left: none; border-radius: 0 2px 2px 0; }

.de_light .f-input-number { width: 40px; background: #fff; color: #222; }

.de_light .f-input-number,
.de_light .f-input-number-decrement,
.de_light .f-input-number-increment { border: 1px solid #ccc; }

.de_light .f-input-number-decrement,
.de_light .f-input-number-increment { display: inline-block; background: #f1f1f1; color: #444; }

.de_light .f-input-number-decrement:active,
.de_light .f-input-number-increment:active { background: #ddd; }



.pop-search .form-default { width: 100%; top: 85px; left: 0; position: absolute; z-index: 1; display: none; }

.pop-search .form-default input[type=text] { width: 100%; font-size: 24px; padding: 18px; outline: none; }
.pop-search-click { position: relative; display: inline-block; cursor: pointer; z-index: 100; margin-top: 18px; }
.pop-search-click:before { margin-left: -15px; font-family: "FontAwesome"; content: "\f002"; }
.pop-search-click.click:before { content: "\f00d"; }


.error_input { border-color: #D31E2B !important; }

/* ================================================== */
/* coming soon page */
/* ================================================== */

.coming-soon .logo { margin: 0; padding: 0; }

.coming-soon h2 { margin-top: 0; color: rgba(255,255,255,.8); font-weight: 400; }

.coming-soon .social-icons i { font-size: 20px; margin-left: 10px; margin-right: 10px; }

.coming-soon .social-icons i:hover { background: none; color: rgba(255,255,255,.2) !important; }


.arrow-up, .arrow-down { width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #fff; position: fixed; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 101; }

.arrow-down { border-top: 40px solid #fff; border-bottom: none; position: fixed; z-index: 102; top: -40px; }

.arrow-up:before { font-family: "FontAwesome"; font-size: 20px; content: "\f067"; color: #222; position: relative; top: 12px; margin: 0 0 0 -8px !important; }

.arrow-down:before { font-family: "FontAwesome"; font-size: 20px; content: "\f068"; color: #222; position: relative; top: -35px; margin: 0 0 0 -8px !important; }


/* ================================================== */
/* elements */
/* ================================================== */

/* address */
/* ------------------------------ */
address { margin: 0; margin-top: 20px; }
address span { display: block; border-bottom: solid 1px #222; padding-bottom: 5px; margin-bottom: 5px; }

footer.light address span { border-bottom: solid 1px #eee; }

.de_light .widget_text address span { border-bottom: solid 1px #ddd; }

address span strong { display: inline-block; width: 70px; }

address span { border-bottom-color: #222; }

address span i { margin-top: 5px; margin-right: 20px; float: none; }

address span strong { display: inline-block; }

address span a { color: #eceff3; }

.de_light #sidebar .widget address span { border-bottom: solid 1px #ddd; }

.de_light #sidebar .widget address a { color: #333; }


/* border */
/* ------------------------------ */
.small-border { height: 1px; width: 120px; background: #ccc; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; }

.tiny-border { height: 3px; width: 60px; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; }

/* breadcrumb */
/* ------------------------------ */
.crumb { color: #777; float: left; font-size: 12px; }
.text-light .crumb { color: #ffffff; }
#subheader.text-dark .crumb,
.de-navbar-left.de_light #subheader .crumb { color: #333; }
.crumb li { display: inline; text-decoration: none; padding: 0 2px 0 2px; }

.crumb a { text-decoration: none; }

.de_light .crumb a:hover { color: #fff; }


/* button */
/* ------------------------------ */
.btn-line, a.btn-line { border: solid 1px #222; color: #fff; font-weight: 500; font-size: 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 3px; padding-left: 30px; padding-right: 50px; text-transform: uppercase; display: inline-block; text-align: center; text-decoration: none; }

.de_light .btn-line,
.de_light a.btn-line { color: #111; border: solid 1px #dddddd; }

.btn-line, a.btn-line,
.text-light a.btn-line { border: solid 1px rgba(255,255,255,.2); color: #fff; }


.btn-line:hover, a.btn-line:hover { background: #fff; color: #111; border-color: #fff; }

a.btn-line:after { position: absolute; padding-left: 0px; margin-top: 1px; }

a.btn-line:hover:after { position: absolute; padding-left: 10px; }

.btn-line:after, a.btn-line:after { color: #fff; }

.btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after { color: #fff; }

.btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after { color: #111; }

a.btn-text { text-decoration: none; display: inline-block; color: #111; font-weight: 600; padding: 0; }

a.btn-text:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px; }

a.btn-text { color: #fff; }

a.btn-big { font-size: 14px; color: #eceff3; line-height: normal; font-weight: bold; text-transform: uppercase; border: solid 1px #fff; padding: 10px 50px 10px 30px; }
a.btn-big:after { font-family: FontAwesome; content: "\f054"; margin-left: 20px; margin-top: 3px; }

.de_light a.btn-big { font-weight: normal; }

.btn-line, a.btn-line { color: #eceff3; }

.btn-line:after, a.btn-line:after { font-family: FontAwesome; content: "\f054"; margin-right: 10px; }

a.btn-line-black, .de_light a.btn-line-black { border: solid 1px #111; color: #111; padding: 7px 25px 7px 25px; text-decoration: none; text-transform: uppercase; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight: normal; font-size: 12px; }

a.btn-line-black:hover { background: #111; color: #fff; }


a.btn-line-white, .de_light a.btn-line-white { border: solid 1px #fff; color: #fff; padding: 7px 25px 7px 25px; text-decoration: none; text-transform: uppercase; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight: normal; font-size: 12px; }

a.btn-line-white:hover { background: #fff; color: #111111; }

a.btn-line.black,
a.btn-line.black:hover { border-color: #111111; color: #111111; }
a.btn-line.black:hover { color: #ffffff; background: #111111; }
a.btn-line.black:after,
.de_light a.btn-line.black:after { color: #111111; }
a.btn-line.black:hover:after { color: #ffffff; }

.de_light a.btn-line-black:hover { background: #111; color: #fff; }

.btn-fullwidth { width: 100%; }

a.btn-slider { display: inline-block; font-size: 13px; font-weight: 600; color: #fff; line-height: normal; text-decoration: none; text-transform: uppercase; border: solid 1px rgba(255,255,255,.5); padding: 10px 30px 10px 30px; }
a.btn-slider.dark { color: #333; border: solid 1px rgba(0,0,0,.5); }
a.btn-slider:after { font-family: FontAwesome; content: "\f054"; margin-left: 10px; }
a.btn-slider:hover { color: #222; background: #fff; border-color: #000; border: solid 2px #fff; }
a.btn-slider.dark:hover { color: #fff; background: #333; border: solid 1px rgba(0,0,0,.5); }

a.btn-custom,
input.btn-custom { font-size: 13px; color: #222; line-height: normal; text-decoration: none; text-transform: uppercase; padding: 7px 25px 7px 25px; background: #fff; display: inline-block; }
a.btn-custom:hover { color: #222; opacity: .8; }

a.btn-black { letter-spacing: 0px !important; font-size: 13px; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 7px 25px 7px 25px; background: #111; display: inline-block; }

a.btn-border-style { font-size: 13px; padding: 7px 25px 7px 25px; border: solid 1px #222222; font-weight: bold; }

a.btn-border-style.light { border-color: #ffffff; }

input.btn-custom { border: none !important; }

/* text-color-overide bootstrap */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { border-radius: 0; }

.nav-pills.np-1 .nav-item { font-weight: bold; font-size: 15px; }

/* columns */
/* ------------------------------ */


/* counter */
/* ------------------------------ */
.de_count { text-align: center; padding: 30px 0 30px 0; background: none; }
.de_count h3 { font-family: "IRANSans", Arial, Helvetica, sans-serif; font-size: 40px; }
.de_light .de_count h3 { font-family: "IRANSans"; font-weight: 500; }
.de_count i { display: block; font-size: 60px; margin: 0 auto; margin-bottom: 20px; width: 100%; font-weight: lighter !important; }

.de_count.very-big h3 { font-size: 120px; line-height: 1em; margin-bottom: 0; }

.de_count.ultra-big h3 { font-size: 180px; line-height: 1em; }

.de_count.ultra-big span { font-size: 18px; font-weight: bold; padding: 5px 10px; }

.de_count.ultra-big.s2 { border: solid 2px rgba(255, 255, 255, .1); padding: 30px; }

.de_light .de_count.ultra-big.s2 { border: solid 2px rgba(0, 0, 0, .1); }

.de_count.ultra-big.s2 h3 { }
.de_count.ultra-big.s2 span { font-size: 14px; }


.de_count.dc_border { padding: 20px 0; border: solid 1px rgba(255,255,255,.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.de_count.ultra-big.font-border h3 { color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,.5); }

.de_count.dc_small h3 { font-size: 28px; margin-bottom: 5px; }

/* divider */
/* ------------------------------ */
.spacer-single { width: 100%; height: 30px; display: block; clear: both; }

.spacer-double { width: 100%; height: 60px; display: block; clear: both; }

.spacer-triple { width: 100%; height: 90px; display: block; clear: both; }

.spacer-half { width: 100%; height: 15px; display: block; clear: both; }

.spacer10 { width: 100%; height: 10px; display: block; clear: both; }
.spacer20 { width: 100%; height: 20px; display: block; clear: both; }
.spacer30 { width: 100%; height: 30px; display: block; clear: both; }
.spacer40 { width: 100%; height: 40px; display: block; clear: both; }
.spacer50 { width: 100%; height: 50px; display: block; clear: both; }
.spacer60 { width: 100%; height: 60px; display: block; clear: both; }

.spacer-line { clear: both; margin: 30px 0; height: 2px; background: rgba(255,255,255,.1); }

.de_light .spacer-line { background: rgba(0,0,0,.1); }

hr { display: block; clear: both; border-top: solid 1px #ddd; margin: 40px 0 40px 0; }



/* dropcap */
/* ------------------------------ */
.dropcap { display: inline-block; font-size: 48px; float: left; margin: 10px 15px 15px 0; color: #eceff3; padding: 20px 10px 20px 10px; }


/* form style */
/* ------------------------------ */


.de_form input[type="radio"],
.de_form input[type="checkbox"] { /* hide the inputs */ display: none; }

.de_form input[type="radio"] + label:before { content: "\f00c"; font-family: "FontAwesome"; margin-right: 10px; }

.de_form input[type="checkbox"] + label:before { content: "\f00c"; font-family: "FontAwesome"; margin-right: 10px; }

/* style your lables/button */
.de_form input[type="radio"] + label,
.de_form input[type="checkbox"] + label { cursor: pointer; font-size: 18px; padding: 6px 12px; border: none; background: #222; color: #888888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#contact_form input[type="radio"] + label,
#contact_form input[type="checkbox"] + label { margin-right: 10px; }

.de_light .de_form input[type="radio"] + label,
.de_light .de_form input[type="checkbox"] + label { background: #eee; color: #999; }

.de_form.no-bg input[type="radio"] + label,
.de_form.no-bg input[type="checkbox"] + label { padding: 4px 0px; border: none; background: none; }

.de_form input[type="radio"]:checked + label,
.de_form input[type="checkbox"]:checked + label { /* style for the checked/selected state */ border: none; color: white; }

.de_light .de_form input[type="radio"]:checked + label,
.de_light .de_form input[type="checkbox"]:checked + label { /* style for the checked/selected state */ color: #333; }

#contact_form .radio-img input[type="radio"] + label,
#contact_form .radio-img input[type="checkbox"] + label { padding: 0px; position: relative; background: none; width: 150px; float: left; text-align: center; margin-right: 20px; }

#contact_form .radio-img input[type="radio"] + label:before,
#contact_form .radio-img input[type="checkbox"] + label:before { position: absolute; top: 10px; left: 15px; }

#contact_form .radio-img input[type="radio"] + label img,
#contact_form .radio-img input[type="checkbox"] + label img { width: 100%; margin-bottom: 10px; }

#contact_form .radio-img input[type="radio"]:checked + label img,
#contact_form .radio-img input[type="checkbox"]:checked + label img { width: 100%; padding: 8px; background: var(--primary-color-1); }


#contact_form.s2 .radio-img input[type="radio"] + label,
#contact_form.s2 .radio-img input[type="checkbox"] + label,
#contact_form .radio-img input[type="radio"] + label img,
#contact_form .radio-img input[type="checkbox"] + label img { width: 100%; float: none; }



/* heading */
/* ------------------------------ */
.form-transparent input[type=text], .form-transparent textarea, .form-transparent input[type=email] { padding: 10px; margin-bottom: 20px; color: #fff; border: none; background: rgba(0,0,0,.2); border-radius: 0 !important; height: auto; }

/* heading */
/* ------------------------------ */
h1, h2, h3, h4, h5, h6 { color: #07003b; font-family: 'IRANSans',Arial, Helvetica, sans-serif; font-weight: 400; }

h1 { font-size: 28px; margin: 0; text-align: center; text-transform: uppercase; font-weight: 300; }

h1 .small-border { margin-top: 30px; }


h1.ultra-big { font-size: 120px; }

h2 { display: inline-block; font-weight: 500; margin-bottom: 30px; line-height: 1.2em; }
h2 .small-border { margin-left: 0; margin-bottom: 15px; width: 40px; }
h3 { margin-top: 0; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
h3.size-2 { font-size: 24px; }
h4 { font-size: 18px; }
h1.slogan_big { font-weight: 300; font-size: 64px; line-height: 64px; padding: 0; margin: 0px 0 30px 0; }
h1.title { font-size: 64px; }
h1.title.s2 { font-size: 64px; letter-spacing: 0px; }
h1.title.s3 { text-align: left; font-weight: 500; font-size: 64px; }
h1.title strong { font-family: "Allura"; text-transform: none; letter-spacing: 0; font-weight: normal; }
h1.title-2 { text-transform: uppercase; line-height: 50px; }
h1.title-3 { font-size: 72px; }
h1.title-3 strong { font-family: "Allura"; text-transform: none; letter-spacing: 0; font-weight: normal; }
h1.title-4 { font-size: 72px; text-transform: uppercase; color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,1); }
h1.title-5 { text-transform: uppercase; font-size: 24px; font-weight: normal; }

h1.title-6 strong { font-size: 100px; font-family: "Allura"; text-transform: none; letter-spacing: 0; font-weight: normal; line-height: 90px; }
h1.title-7 { font-size: 40px; }
h2.subtitle { margin-top: 0; }
h2.hero { font-size: 32px; font-weight: 400; text-transform: uppercase; }
h2.style-2 { font-size: 12px; font-weight: bold; text-transform: uppercase; }
h2.style-3 { font-size: 64px; font-weight: 400; text-transform: uppercase; }
h2.style-4 { font-size: 60px; font-weight: 400; text-transform: normal; }
h2.style-5 { margin-top: 0; line-height: 1.2em; font-size: 48px; font-weight: 400; text-transform: normal; }
h2.style-6 { margin-top: 0; line-height: 1.2em; font-size: 32px; text-transform: normal; }
.de_light .text-light h2 { color: #fff; }
h3.title { border-bottom: solid 1px #ddd; margin-bottom: 20px; }
h4.title { border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px; }
form h4 { margin-bottom: 20px; }
form h4 i { margin-right: 10px; background: rgba(var(--primary-color-1-rgb),.2); padding: 9px; text-align: center; width: 36px; height: 36px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
h5 { font-weight: bold; }
h5.s2 { font-weight: 500; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
h1,
h2,
h3,
h4,
h5 { color: #eceff3; }

h3.s2 span { font-family: "Allura"; text-transform: none; letter-spacing: 0; font-size: 40px; display: block; }

h3.s2 { font-size: 30px; }

h3.style-1 { font-family: "IRANSans"; letter-spacing: 0; text-transform: none; margin-bottom: 20px; }

h6.style-2 { font-weight: lighter; }

.typing-wrap { font-family: "IRANSans"; font-size: 30px; margin: 0; line-height: 60px; }

span.teaser { font-family: "Georgia"; font-style: italic; font-size: 18px; }

.text-light,
.text-light p { color: #ddd; }

.text-dark { color: #333; }

.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6 { color: #222; }

.text-grey { color: #707070; }

.text-light h1 { color: #fff !important; }

.de_light h1, .de_light h2, .de_light h3, .de_light h4, .de_light h5, .de_light h6,
footer.light h1, footer.light h2, footer.light h3, footer.light h4, footer.light h5, footer.light h6,
#subheader.text-dark h1, #subheader.text-dark h2, #subheader.text-dark h3, #subheader.text-dark h4, #subheader.text-dark h5, #subheader.text-dark h6, .modal-dialog h5 { color: #222; }

.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5 { color: #fff; }

/* feature box style 1 */
.feature-box i { border: solid 1px; }

.feature-box-small-icon { margin-bottom: 30px; }

.feature-box-small-icon.center { text-align: center; }

.feature-box-small-icon .inner:hover > i { color: #fff; }

.feature-box-small-icon .text { padding-left: 70px; }

.feature-box-small-icon.center .text { padding-left: 0; display: block; }

.feature-box-small-icon i { text-shadow: none; color: #333; font-size: 32px; width: 68px; height: 68px; text-align: center; position: absolute; border-radius: 60px; }

.feature-box-small-icon i.hover { color: #333 !important; }

.feature-box-small-icon i.hover { color: #fff !important; }

.feature-box-small-icon .border { height: 2px; width: 30px; background: #ccc; display: block; margin-top: 20px; margin-left: 85px; }


.feature-box-small-icon .btn { margin-top: 10px; }

.feature-box-small-icon.center i { position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: none; padding: 0px; }

.feature-box-small-icon.center .fs1 { position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: none; padding: 0px; }


.feature-box-small-icon i { background-color: #333333; }

.feature-box-small-icon h3 { line-height: normal; margin-bottom: 5px; }

.feature-box-small-icon.no-bg h2 { padding-top: 12px; }

.feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover { padding: 0; background: none; }

.f-hover { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none; }

/* feature-box style 2 */
.feature-box i { border: solid 1px; }

.feature-box-small-icon-2 { margin-bottom: 30px; }

.feature-box-small-icon-2 .text { padding-left: 48px; }

.feature-box-small-icon-2 i { text-shadow: none; color: #eceff3; font-size: 24px; text-align: center; position: absolute; }

.feature-box-small-icon-2 i { background-color: #333333; }

.feature-box-small-icon-2 h3 { line-height: normal; margin-bottom: 5px; }

.feature-box-small-icon-2.no-bg h2 { padding-top: 12px; }

.feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover { padding: 0; background: none; }


/* feature-box image style 3 */
.feature-box i { border: solid 1px; }
.feature-box-image-2 { margin-bottom: 30px; }
.feature-box-image-2 .text { padding-left: 100px; }
.feature-box-image-2 img { position: absolute; }
.feature-box-image-2 i { background-color: #333333; }
.feature-box-image-2 h3 { line-height: normal; margin-bottom: 5px; }
.feature-box-image-2.no-bg h2 { padding-top: 12px; }
.feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover { padding: 0; background: none; }

/* with image */
.feature-box-image img { width: 100%; margin-bottom: 10px; height: auto; }
.feature-box-image h3 { line-height: normal; margin-bottom: 5px; font-size: 20px; font-weight: bold; }

/* feature-box image style 4 */
.feature-box-big-icon { text-align: center; }
.feature-box-big-icon i { float: none; display: inline-block; text-shadow: none; color: #eceff3; font-size: 40px; padding: 40px; width: 120x; height: 120x; text-align: center; border: none; border-radius: 10px; -moz-border-radius: 10px; -web-kit-border-radius: 10px; background: #333; margin-bottom: 40px; cursor: default; }
.feature-box-big-icon i:after { content: ""; position: absolute; margin: 75px 0 0 -40px; border-width: 20px 20px 0 20px; /*size of the triangle*/ border-style: solid; }

.feature-box-big-icon:hover i,
.feature-box-big-icon:hover i:after { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
.feature-box-big-icon:hover i { background: #333; }
.feature-box-big-icon:hover i:after { border-color: #333 transparent; }

.d-box-img-c1 img { width: 75%; height: auto; }

.box-fx .inner { position: relative; overflow: hidden; border-bottom: solid 2px; }

.box-fx .inner { border-bottom: solid 2px; }

.box-fx .front { padding: 60px 0 60px 0; }

.box-fx .front span { font-size: 14px; }

.box-fx .info { position: absolute; padding: 60px 30px 60px 30px; background: #fff; color: #fff; }

.box-fx i { font-size: 72px !important; margin-bottom: 20px; }

.box-fx .btn-line, .box-fx .btn-line a.btn-line { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; }

.box-fx .btn-line:hover, .box-fx a.btn-line:hover { background: #fff; color: #111 !important; border-color: #fff; }

.box-fx .btn-line:after, .box-fx a.btn-line:after { color: #fff !important; }

.box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after { color: #111 !important; }

.box-fx .bg-icon { left: 50%; bottom: 50px; color: #f5f5f5 !important; position: absolute !important; font-size: 190px !important; z-index: -1; }

.box-icon-simple.right { margin-right: 70px; text-align: right; }

.box-icon-simple.right i { font-size: 42px; right: 0; position: absolute; }

.box-icon-simple.left { margin-left: 70px; }

.box-icon-simple.left i { font-size: 42px; left: 0; position: absolute; }


.box-number .number { display: block; font-size: 48px; color: #222; width: 80px; height: 80px; text-align: center; padding: 25px; border-radius: 60px; position: absolute; }

.box-number.s2 .number { font-weight: bold; font-size: 32px; }

.box-number i { display: block; font-size: 40px; color: #222; width: 80px; height: 80px; text-align: center; padding: 20px 0; border-radius: 60px; position: absolute; }

.box-number.square .number,
.box-number.square i { border-radius: 0; }

.box-number .text { margin-left: 100px; }

.box-icon .icon { display: block; font-size: 48px; color: #fff; text-align: center; border-radius: 60px; position: absolute; cursor: default; }

.de_light .box-icon .icon { color: #222; }

.box-icon .text { margin-left: 80px; }

.box-icon.line { border: solid 1px rgba(255,255,255,.1); padding: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.de_light .box-icon.line { border: solid 1px rgba(0,0,0,.05); }

.box-icon.line.active,
.box-icon.line:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.0); }

.de_light .box-icon.line.active,
.de_light .box-icon.line:hover { background: rgba(0,0,0,.05); border-color: rgb(0,0,0,.0); }

.box-icon.line a { text-decoration: none; }

.box-icon.center { text-align: center; }
.box-icon.center .text { margin-left: 0px; }
.box-icon.center .icon { display: inline-block; float: none; position: static; margin-bottom: 20px; }

.box-icon.top .text { margin-left: 0px; }
.box-icon.top .icon { display: inline-block; float: none; position: static; margin-bottom: 20px; }

/* list */
.ul-style-2 { padding: 0; list-style: none; }

.ul-style-2 li { margin: 5px 0 5px 0; }

.ul-style-2 li:before { font-family: "FontAwesome"; content: "\f00c"; margin-right: 15px; }

.ul-style-2.icon-green li:before { color: green; }

/* list */
.ul-style-3 { padding: 0; list-style: none; }

.ul-style-3 li { margin-bottom: 20px; padding: 10px; border: solid 1px rgba(255, 255, 255, .3); }

.ul-style-3 li:before { font-family: "FontAwesome"; content: "\f00c"; margin-right: 15px; }

.ul-post-tags { padding: 0; }

.ul-post-tags li { text-shadow: none; display: inline-block; margin-right: 2px; margin-bottom: 10px; }

.ul-post-tags li a { font-size: 14px; text-decoration: none; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: solid 1px rgba(255,255,255,.2); padding: 5px 8px 5px 8px; }


.ul-post-cat { padding: 0; columns: 2; -webkit-columns: 2; -moz-columns: 2; }

.ul-post-cat li { text-shadow: none; margin-right: 2px; margin-bottom: 5px; list-style: none; }

.ul-post-cat li a { font-size: 14px; font-weight: bold; text-decoration: none; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 5px 8px 5px 8px; }


/* pagination */
/* ======================================== */

.pagination li a { text-decoration: none; }

.pagination li a:hover { color: #fff; background: none; }

.de_light .pagination li a:hover { color: #111; background: none; }

.pagination li a { color: #888; border: solid 1px #404040; background: none; margin: 3px; padding: 15px 20px 15px 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.de_light .pagination li a { border-color: #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 12px 20px; }

.pagination li.active a { color: #111111; }

.pagination.s2 { justify-content: center; align-items: center; }

.pagination.s2 li a { border: none; background: #eee; }

.pagination.s2 li.active a { color: #ffffff; background: var(--primary-color-1); }

/* pricing table */
/* ================================================== */
.pricing-box { color: #888; }

.pricing-2-col { border-right: solid 1px #eee; }

.pricing-2-col .pricing-box { width: 49%; }

.pricing-3-col .pricing-box { width: 32.33%; }

.pricing-4-col .pricing-box { width: 24%; }

.pricing-5-col .pricing-box { width: 19%; }

.pricing-box { float: left; text-align: center; margin: 5px; padding: 0; opacity: .8; }

.pricing-box ul { margin: 0; padding: 0; }

.pricing-box li { list-style: none; margin: 0; padding: 15px 0 15px 0; background: #eee; }

.pricing-box li h4 { font-size: 22px; margin: 0; padding: 0; font-weight: 400; color: #888; }

.pricing-box li h1 { font-size: 48px; margin: 0; margin-bottom: 5px; color: #1a8b49; letter-spacing: 0px; }

.pricing-box li.title-row { padding: 15px 0 15px 0; }

.pricing-box li.price-row { padding: 15px 0 15px 0; background: #F8F8F8; }
.pricing-box li.deco { background: #f5f5f5; }

.pricing-box a.btn { color: #eceff3; }

.pricing-box li.price-row span { display: block; font-weight: 600; }

.pricing-box li.btn-row { background: #ddd; }
.pricing.pricing-box ul { margin: 0; padding: 0; }

.pricing.pricing-box li { background: #3b3b3b; color: #bbb; list-style: none; margin: 0; padding: 15px 0 15px 0; }

.pricing.pricing-box li.deco { background: #333; }



.pricing.pricing-box li h4 { font-size: 22px; margin: 0; padding: 0; font-weight: 400; color: #eceff3; }

.pricing.pricing-box li h1 { font-size: 48px; margin: 0; margin-bottom: 5px; font-weight: 600; color: #eceff3; }

.pricing.pricing-box li.title-row { background: #323232; padding: 15px 0 15px 0; }

.pricing.pricing-box li.price-row { background: #2b2b2b; padding: 15px 0 15px 0; }

.pricing.pricing-box li.price-row h1 { font-weight: 300; }

.pricing.pricing-box li.price-row h1 span { display: inline-block; font-weight: 600; }

.pricing.pricing-box li.price-row span { display: block; font-weight: 600; }

.pricing.pricing-box li.btn-row { background: #404040; }


.pricing-featured { position: relative; }

.pricing-featured li { padding-top: 17px; padding-bottom: 17px; }

.pricing-s1 { overflow: hidden; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: box-shadow 1s; -webkit-transition: box-shadow 1s; -moz-transition: box-shadow 1s; }
.pricing-s1 .top { background: #222427; color: #eee; padding: 40px; color: #ECF0F1; text-align: center; }
.pricing-s1 .top h2 { font-size: 24px; margin-bottom: 20px; font-weight: normal; }
.pricing-s1 .top > * { margin: 0px; }
.pricing-s1 .top .price .currency { font-size: 24px; line-height: 54px; vertical-align: top; display: inline-block; }
.pricing-s1 .top .price b { font-size: 48px; line-height: 70px; color: #fff; }
.pricing-s1 .top .price .month { color: #ccc; }
.pricing-s1 .bottom { border-top: 0px; padding-bottom: 5px; background: #222427; text-align: center; }
.pricing-s1 .bottom ul { list-style: none; list-style-type: none; margin: 0px; padding: 0px; text-align: left; }
.pricing-s1 .bottom ul li { line-height: 60px; padding: 0px 30px; }
.pricing-s1 .bottom ul li > span { color: #16A085; font-size: 20px; margin-right: 20px; }
.pricing-s1 .bottom ul li:nth-child(odd) { background: #2f3135; }
.pricing-s1 .bottom ul li:nth-child(even) { background: #2a2c30 }
.pricing-s1 .bottom > a { margin: 40px; width: auto; }
.pricing-s1 .bottom i { margin-right: 10px; font-size: 14px; }
.pricing-s1 .ribbon { width: 200px; position: absolute; top: 20px; left: -55px; text-align: center; line-height: 50px; letter-spacing: 1px; color: #222; font-weight: bold; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

/* light version */

.pricing-s1.light .top { background: #eeeeee; }
.pricing-s1.light .top h2 { font-size: 20px; margin-bottom: 20px; }
.pricing-s1.light .top .price b { font-size: 48px; line-height: 70px; font-weight: 500; color: #333; }
.pricing-s1.light .top .price .month { color: #555; }
.pricing-s1.light .bottom { background: #e5e5e5; }
.pricing-s1.light .bottom ul li:nth-child(odd) { background: #f5f5f5; }
.pricing-s1.light .bottom ul li:nth-child(even) { background: #eeeeee; }
.pricing-s1.light .btn-custom { letter-spacing: 1px; color: #333; }

.pricing-s2 { background: #f9f9f9; overflow: hidden; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: box-shadow 1s; -webkit-transition: box-shadow 1s; -moz-transition: box-shadow 1s; }
.pricing-s2 .top { padding: 40px; text-align: center; }
.pricing-s2 .top h2 { font-size: 18px; margin-bottom: 20px; font-weight: 500; }
.pricing-s2 .top > * { margin: 0px; }
.pricing-s2 .top .price .currency { font-size: 24px; line-height: 54px; vertical-align: top; display: inline-block; }
.pricing-s2 .top .price b { font-size: 48px; line-height: 70px; color: #333; }
.pricing-s2 .bottom { border-top: 0px; padding-bottom: 5px; text-align: center; }
.pricing-s2 .bottom ul { list-style: none; list-style-type: none; margin: 0px; padding: 0px; text-align: left; }
.pricing-s2 .bottom ul li { padding: 10px 30px; }
.pricing-s2 .bottom ul li > span { color: #16A085; font-size: 20px; margin-right: 20px; }
.pricing-s2 .bottom ul li:nth-child(odd) { background: #fcfcfc; }
.pricing-s2 .bottom ul li:nth-child(even) { background: #f5f5f5; }
.pricing-s2 .bottom > a { margin: 40px; width: auto; }
.pricing-s2 .bottom i { margin-right: 10px; }
.pricing-s2 .ribbon { width: 200px; position: absolute; top: 20px; left: -55px; text-align: center; line-height: 50px; letter-spacing: 1px; color: #222; font-weight: bold; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); background: #000000; color: #ffffff; }

/* progress bar */
/* ================================================== */

.de-progress { width: 100%; height: 4px; background: #ddd; margin-top: 20px; margin-bottom: 20px; border-radius: 10px; }
.de-progress .progress-bar { background: #333; height: 4px; box-shadow: none; border-radius: 10px; }
.de-progress { background: rgba(255, 255, 255, .2); }
.skill-bar { margin-bottom: 40px; }
.skill-bar.style-2 .de-progress { background: rgba(1, 1, 1, .1); }
.skill-bar h5 { font-weight: 500; }
.skill-bar .value { color: #888; font-size: 12px; font-weight: light; float: right; margin-top: -40px; }


/* social-icons */
/* ================================================== */
.social-icons { display: inline-block; }
.social-icons i { text-shadow: none; color: #fff; padding: 8px; width: 28px; height: 28px; text-align: center; font-size: 16px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
footer.light .social-icons i { color: #606060; }
.social-icons i:hover { background: #fff; border-color: #eceff3; color: #111111; }

.social-icons.light i { color: #111111; }

.social-icons-s1 i { font-size: 20px; margin: 0 10px; width: 40px; height: 40px; padding-top: 12px; text-align: center; border: solid 2px rgba(255,255,255,.3); color: rgba(255,255,255,.3); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

.social-icons-s1 i:hover { color: #000000; background: #ffffff; }

/*
	.social-icons .fa-facebook{	background:#305fb3;	}
	.social-icons .fa-twitter{	background:#00d7d5;	}
	.social-icons .fa-rss{ background:#fca600;	}
	.social-icons .fa-google-plus{ background:#d7482a;	}
	.social-icons .fa-skype{ background:#12c7ef;	}
	.social-icons .fa-dribbble{ background:#f06eaa;	}
	*/

/* tabs */
/* ================================================== */
.de_tab { opacity: .8; }

.de_tab .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold; }

.de_tab .de_nav li { float: left; list-style: none; background: #EEE; margin-right: 5px; }

.de_tab .de_nav li span { padding: 8px 16px 8px 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; background: #f5f5f5; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer; }

.de_tab.tab_steps .de_nav { text-align: center; }
.de_tab.tab_steps .de_nav li { background: none; display: inline-block; float: none; margin: 0 30px 0px 30px; }

.de_tab.tab_steps .de_nav li span { padding: 30px 0 30px 0; color: #222; font-family: "IRANSans"; font-size: 16px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; line-height: 120px; width: 180px; height: 180px; text-align: center; text-transform: uppercase; }

.de_tab.tab_steps.square .de_nav li span { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.de_tab.tab_steps .de_nav li span:hover { background: #000; border: none; color: #fff; }

.de_tab.tab_steps .de_nav li .v-border { height: 60px; border-left: solid 1px rgba(255,255,255,.3); display: inline-block; margin-bottom: -5px; }

.de_tab.tab_steps.dark .de_nav li .v-border { border-left: solid 1px rgba(0,0,0,.3); }

.de_tab .de_nav li span { border: none; background: #222; }

.de_tab .de_nav li:first-child span { border-left: 1px solid #ddd; }

.de_tab .de_nav li:first-child span { border-left: 1px solid #404040; }


.de_tab .de_tab_content { border: 1px solid #ddd; padding: 15px 20px 20px 20px; margin-top: -1px; background: #fff; }

.de_tab .de_tab_content { border: 1px solid #404040; background: #27282b; }

.de_tab.tab_steps .de_tab_content { background: 0; padding: 0; border: none; padding-top: 30px; border-top: solid 1px rgba(255,255,255,.4); }

.de_tab.tab_steps.dark .de_tab_content { border-top: solid 1px rgba(0,0,0,.4); }

.de_tab .de_nav li.active span { background: #FFF; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px; }

.de_tab .de_nav li.active span .v-border { display: none !important; }

.de_tab .de_nav li.active span { background: #27282b; border-bottom: 1px solid #27282b; color: #ccc; }

.de_tab.tab_steps .de_nav li.active span { background: none; color: #ffffff; border: solid 1px rgba(255,255,255,.6); }

.de_tab.tab_steps.dark .de_nav li.active span { background: none; color: #333; border: solid 1px rgba(0,0,0,.8); }

/* new added */
.de_tab.tab_steps.tab_6 .de_nav li span { padding: 20px 0 20px 0; font-size: 14px; line-height: 70px; width: 120px; height: 120px; }


.de_tab.tab_style_4 .de_tab_content { border: none; background: none; padding: 0; border-top: none; }
.text-light .de_tab.tab_style_4 .de_tab_content { border-top: none; }
.de_tab.tab_style_4 .de_nav { text-align: center; background: none; display: inline-block; border-radius: 5px; margin-bottom: 30px; padding: 0; /*border: solid 1px #333;*/ }
.de_tab.tab_style_4 .de_nav.de_nav_dark li { background: #111; }
.de_tab.tab_style_4 .de_nav.de_nav_dark li h3,
.de_tab.tab_style_4 .de_nav.de_nav_dark li:hover h3 span { color: #ffffff !important; }
.de_tab.tab_style_4 .de_nav.de_nav_dark li h4 { color: rgba(255,255,255,.5); }
.de_tab.tab_style_4 .de_nav li img { width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7; }
.de_tab.tab_style_4 .de_nav li.active img { width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.de_tab.tab_style_4 .de_nav li { display: inline-block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; padding: 15px 30px 15px 30px; min-width: 150px; margin: 0; /*border-right: solid 1px #333;*/ }
.de_tab.tab_style_4 .de_nav li span { margin: 0; padding: 0; background: none !important; border: none; width: auto; display: inline-block; }
.de_tab.tab_style_4 .de_nav li:last-child { border-radius: 0 5px 5px 0; border-right: none; }
.de_tab.tab_style_4 .de_nav li:first-child { border-radius: 5px 0 0 5px; }
.de_tab.tab_style_4 .de_nav li:hover { background: #ddd; }
.de_tab.tab_style_4 .de_nav li.active, .de_tab.tab_style_4 .de_nav li.active span { background: #333; color: #fff; }
.text-light .de_tab.tab_style_4 .de_nav li.active { color: #fff; }
.de_tab.tab_style_4 .de_nav li.active h3, .de_tab.tab_style_4 .de_nav li.active h4, .de_tab.tab_style_4 .de_nav li.active h4 span { color: #fff; }
.tab_style_4 h3, .de_tab.tab_style_4 .de_nav li span { margin: 0; font-size: 22px !important; font-weight: 600; }
.tab_style_4 h4 { margin: 0; font-size: 12px; }


.tab-small-post ul { list-style: none; margin: 0; padding: 0; }

.tab-small-post ul li { min-height: 60px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px #eeeeee; }

.tab-small-post ul li { border-bottom: solid 1px #404040; }

.tab-small-post ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.tab-small-post ul li img { position: absolute; }

.tab-small-post ul li span { display: block; padding-left: 64px; }

.tab-small-post ul li span.post-date { font-size: 11px; }

.de_tab.timeline.nav_4 li { display: inline-block; text-align: center; background: none; width: 24%; }

.de_tab.timeline.nav_4 li span { background: none; border: none; margin-top: 20px; font-family: "IRANSans"; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; }

.de_tab.timeline.nav_4 .dot { display: block; width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 auto; border-radius: 8px; margin-top: 1px; }

.de_tab.timeline.nav_4 .dot:before,
.de_tab.timeline.nav_4 .dot:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid rgba(255,255,255,.1); top: 0; width: 24%; }

.de_tab.timeline.nav_4 li:last-child .dot:before,
.de_tab.timeline.nav_4 li:last-child .dot:after { border-bottom: none; }

.de_tab.timeline li .num { font-size: 20px; }

.de_tab.timeline .de_tab_content { background: none; border: none; padding-top: 30px; }

.de_tab .navigation_arrow { text-align: center; }

.de-simple-tab-nav { overflow: hidden; padding: 0; margin: 0; }

.de-simple-tab-nav li { padding: 0; margin: 0; float: left; list-style: none; background: #EEE; margin-right: 10px; cursor: pointer; }

.de-simple-tab-nav li span { padding: 5px 15px; border: 1px solid #CCC; display: block; background: #eee; color: #909090; font-weight: 600; }

.de-simple-tab-nav li span.active { color: #222; border-bottom: solid 1px #ffffff; }

.de-simple-tab-nav li:first-child span { border-left: 1px solid #CCC; }

.de-simple-tab-content { border: 1px solid #CCC; padding: 30px; margin-top: -1px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }

.de-simple-tab-nav li span.active { background: #FFF; margin-bottom: -3px; }

.timeline .tl-block { position: relative; margin-top: 10px; }
.timeline .tl-block:after { content: ' '; clear: both; display: block; }
.timeline .tl-block .tl-time { float: left; padding: 10px 20px 0px 20px; margin-top: -15px; border: solid 1px #ddd; }
.timeline .tl-block .tl-time:after { width: 50px; height: 1px; background: #ddd; }
.timeline .tl-block .tl-bar { float: left; width: 5%; position: absolute; margin-left: 114px; }
.timeline .tl-block .tl-line { background: #fff; margin-right: 10px; border-radius: 10px; width: 6px; height: 6px; font-size: 10px; text-align: center; line-height: 15px; }
.timeline .tl-message { border-radius: 3px; float: left; margin-left: 150px; top: 0; margin-top: -50px; margin-bottom: 30px; }
.timeline .tl-block .tl-message:after { display: block; content: ' '; clear: both; }
.timeline .tl-block .tl-message .tl-icon { float: left; left: 100px; }
.timeline .tl-block .tl-message .tl-main { float: left; }
.timeline .tl-block .tl-message .tl-main .tl-content label { font-weight: bold; display: inline-block; width: 80px; }
.timeline .tl-block .tl-message h3 { text-transform: none; }
.timeline .tl-block .tl-time h4 { margin: 0 0 10px 0; }
.timeline .tl-block .tl-main h4 { margin-top: -5px; }
.timeline.exp:before { left: 214px; }
.timeline.exp .tl-message { margin-left: 250px; }
.timeline.exp .tl-block .tl-bar { margin-left: 180px; }
.timeline.exp { margin-top: 20px; position: relative; padding: 10px }
.timeline.exp:before { content: ''; position: absolute; top: 0; left: 193px; height: 100%; width: 1px; background: rgba(255,255,255,.1); }


.de_light .timeline .tl-block .tl-time { border: solid 1px rgba(0,0,0,.3); }
.de_light .timeline .tl-block .tl-time:after { background: rgba(0,0,0,.3); }
.de_light .timeline .tl-block .tl-line { background: #333; }
.de_light .timeline.exp:before { background: rgba(0,0,0,.3); }

.btn-left,
.btn-right { background: none; border: solid 1px rgba(255,255,255,.2); padding: 10px 20px 10px 20px; margin: 5px; font-family: "IRANSans"; text-transform: uppercase; letter-spacing: 5px; }

.btn-right:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px; }

.btn-left:before { font-family: FontAwesome; content: "\f053"; padding-right: 10px; }

a.btn-left,
a.btn-right { text-decoration: none; }

.expand-group .expand:last-child { border-bottom: solid 1px rgba(255,255,255,.1); }
.de_light .expand-group .expand:last-child { border-bottom: solid 1px rgba(0,0,0,.1); }

.expand { position: relative; padding: 15px 25px 5px 25px; border: solid 1px rgba(255,255,255,.1); border-bottom: none; background: rgba(255,255,255,.02); }

.de_light .expand { border: solid 1px rgba(0,0,0,.1); border-bottom: none; background: none; }

.expand .hidden-content { display: none; padding: 10px 0 10px 0; }

.expand h4 { font-family: "IRANSans"; font-size: 14px; font-weight: 600; cursor: pointer; display: block; margin-right: 40px; line-height: 32px; }

.expand h4:after { font-family: FontAwesome; content: "\f107"; color: #fff; font-size: 20px; display: inline-block; padding: 10px 20px 10px 20px; font-style: normal; position: absolute; right: 7px; top: 7px; }

.expand h4.active:after { content: "\f106"; }


.expand-group.s2 .expand:last-child { border-bottom: solid 1px #cccccc; }

.expand-group.s2 .expand { border: none; background: none; border-top: solid 1px #cccccc; padding-left: 0; }

.expand-group.s2 .expand h4:after { padding-right: 0; }

/* team
	/* ================================================== */
.team { margin-bottom: 30px; text-align: center; }

.team h5 { margin-bottom: 0; }

.team_photo { margin-bottom: 10px; }

.team img.team-pic { width: 100%; height: auto; }

.pic-team img { width: 100%; height: auto; width: 150px; height: 150px; position: absolute; }

.pic-team img.pic-hover { z-index: 100; display: none; }

.team .team_desc { font-style: italic; margin-bottom: 10px; }

.team .sb-icons { padding: 10px 0 0 0; }

.team .sb-icons img { margin-right: 5px; }

.team .columns { margin-bottom: 30px; }

.team-list { min-height: 180px; margin-bottom: 40px; }

.team-list .team-pic { width: 150px; height: 150px; position: absolute; }

.team-list h5 { margin-top: 0; margin-bottom: 10px; font-size: 14px; }

.team-list.team_desc { font-style: italic; margin-bottom: 10px; }

.team-list .small-border { float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px; }

.team-list .social { width: 150px; margin-top: 170px; text-align: center; position: absolute; }


.team-list .social a { display: inline-block; }

.team-list .info { padding-left: 170px; }

.de-team-list { position: relative; overflow: hidden; }

.de-team-list img { width: 100%; }

.de-team-list .team-desc { width: 100%; height: 100%; padding: 20px; padding-bottom: 0; position: absolute; z-index: 100; top: 100%; background: #111; color: #ccc; }

.de-team-list p { clear: both; }

.de-team-list .team-desc h3 { color: #fff; margin-bottom: 5px; }

.de-team-list .social a { display: inline-block; padding: 0 5px 0 5px; }

.de-team-list p.lead { font-size: 14px; }

.de-team-list .small-border { float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px; }

.de-team-list .social a:hover { color: #fff; }

.de-team-list:hover .team-desc { top: 0; }

.de-team-contact { text-align: center; }

.de-team-contact h3 { margin-bottom: 10px; }

.de-team-contact img { width: 60%; margin-bottom: 30px; }

.de-team-contact.s2 img { width: 90%; }

.dtc-phone { margin-bottom: 10px; font-size: 20px; }



/* testimonial
	/* ================================================== */
.de_testi { display: block; margin-bottom: 10px; }

.de_testi blockquote { margin: 0; border: none; padding: 20px 30px 30px 80px; background: rgba(0,0,0,0.5); font-style: normal; line-height: 1.6em; font-weight: 500; }

.de_testi blockquote p { margin-top: 10px; }

.de_testi blockquote:before { font-family: FontAwesome; content: "\f10d"; color: #111; padding-bottom: 10px; font-size: 20px; display: inline-block; padding: 10px 20px 10px 20px; font-style: normal; background: #000; position: absolute; left: 0; top: 0; }

.de_testi blockquote { color: #eceff3; }

.de_testi blockquote, .de_testi blockquote p { font-size: 16px; line-height: 1.8em; font-weight: 500; }

.de_testi.light blockquote:before { color: #ffffff; }

.de_testi.light blockquote { background: rgba(255, 255, 255, .9); color: #555555; }

.de_testi_by { margin-top: -10px; font-style: normal; font-size: 12px; }

.de_testi_pic { float: left; padding-right: 15px; }

.de_testi_pic img { width: 50px; height: 50px; }

.de_testi_company { padding-top: 20px; }

.de_testi.s2 blockquote { background: #f6f6f6; color: #606060; }
.de_testi.s2 blockquote:before { color: #ffffff; }

#testimonial-masonry .item { margin-bottom: 30px; }

.de-quote { font-size: 18px; font-style: italic; }

.de-quote .d-name { display: block; font-size: 14px; margin-top: 10px; font-style: normal; }

.de-quote .d-rating i { font-size: 12px; color: #f6b300; margin: 0 1px; }




/* ================================================== */
/* anim */
/* ================================================== */
de_tab .de_nav li span,
.feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i,
.de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover,
.de-gallery .overlay .icon i,
.de-gallery .overlay .icon i:hover,
header.smaller:not(.header-bottom),
#contact_form input[type=submit],
#contact_form input[type=submit]:hover,
.product img,
.product img:hover,
.mfp-close, .mfp-close:hover,
header.de_header_2 .info,
header.de_header_2.smaller .info,
.de_form input[type="radio"] + label,
.de_form input[type="checkbox"] + label,
.de-gallery.hover-1 span.overlay-1,
.de-gallery.hover-1 span.overlay-1 .pf_text,
.picframe .overlay-v,
#mainmenu li,
#mainmenu li ul,
.box-icon.line,
.owl-theme .owl-controls .owl-buttons div,
.pic-hover .bg-overlay,
.pic-hover:hover > .bg-overlay,
.pic-hover.hover-scale img,
.picframe img,
.de-team-list .team-desc,
.de-team-list:hover .team-desc,
.box-number *,
.de_nav *,
.schedule-item *,
#menu-overlay,
#menu-btn,
#menu-btn *,
#mo-menu li ul a,
#mo-menu li:hover > a,
#mo-button-open div,
#mo-button-close *,
.social-icons-s1 *,
#purchase-now *,
ul#slide-list *,
.f-num-inc *,
.picframe *,
#de-extra-menu,
#contact_form *,
.de__pcard *,
.de__pic-hover *,
.de-hover *,
.de-post-poster *,
.de-card-poster *,
.de-card-room *,
.dcg-container *,
.dcg-item *,
.de-hero-block *,
.d-image *,
.post-image *,
.hover-zoom { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none; }

.picframe img,
#mo-menu *,
.de_large-portfolio:hover,
.de_large-portfolio * { -o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; transition: 1s; outline: none; }

#de_notif,
#de_notif * { -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; outline: none; }


@-webkit-keyframes scaleIn {
    from { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes scaleIn {
    from { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; }

@-webkit-keyframes scaleOut {
    from { opacity: 0; -webkit-transform: scale3d(.75, .75, .75); transform: scale3d(.75, .75, .75); }

    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes scaleOut {
    from { opacity: 0; -webkit-transform: scale3d(.75, .75, .75); transform: scale3d(.75, .75, .75); }

    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.scaleOut { -webkit-animation-name: scaleOut; animation-name: scaleOut; }

@-webkit-keyframes widthInFade {
    from { opacity: 0; width: 1px; }

    100% { opacity: 1; width: 100px; }
}

@keyframes widthInFade {
    from { opacity: 0; width: 1px; }

    100% { opacity: 1; width: 100px; }
}

.widthInFade { -webkit-animation-name: widthInFade; animation-name: widthInFade; }


/* ================================================== */
/* video */
/* ================================================== */
video, object { display: inline-block; vertical-align: baseline; min-width: 100%; min-height: 100%; }

.de-video-container { top: 0%; left: 0%; height: 500px; width: 100%; overflow: hidden; }

.de-video-content { width: 100%; position: absolute; z-index: 10; }


.de-video-overlay { position: absolute; width: 100%; min-height: 100%; background: rgba(0,0,0,.5); }

.de-video-overlay.t30 { background: rgba(0,0,0,.3); }

.de-video-overlay.t50 { background: rgba(0,0,0,.5); }

.de-video-overlay.dotted { background: url(../images/dotted.png); }

.video-fixed { width: 100%; position: fixed; top: 0; }

.de_video { width: 100%; max-height: 100%; }

/* youtube, vimeo */

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after { color: #eceff3; }

.yt-video-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.yt-video-wrap iframe,
.yt-video-wrap embed,
.yt-video-wrap object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ================================================== */
/* map */
/* ================================================== */
/* --------------- map --------------- */
#map { width: 100%; height: 500px; }

.map iframe { width: 100%; height: 320px; border: solid 1px #ccc; padding: 2px; background: #fff; }

.map-container { height: 500px; overflow: hidden; }

.map-container.map-fullwidth iframe { width: 100%; height: 500px; }

.call-to-action h2,
.call-to-action h3 { margin: 0; }

.row.gx-3 > [class*=col-] { padding-left: 15px; padding-right: 15px; }

.row.gx-4 > [class*=col-] { padding-left: 20px; padding-right: 20px; }

/* ================================================== */
/* overide bootstrap 5 */
/* ================================================== */
.container-fluid { padding: 0px; margin: 0px; }

.card { background: #18191b; border: solid 1px #303030; }

.de_light .card { background: #ffffff; border: solid 1px #dddddd; }

.card,
.nav-tabs .nav-link,
.btn-primary,
.btn-secondary { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }


.collapsible-link,
.btn.btn-link { text-decoration: none !important; }

.accordion .btn.btn-link { font-weight: bold; }

.nav.nav-tabs { margin-bottom: 20px; }

.btn-primary { color: #222; }

.btn-primary,
.btn-secondary { font-size: 14px; text-shadow: none; border: none !important; }

.btn.btn-primary:hover { background: #555; }


.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.circle,
.img-circle { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
.img-responsive { display: inline-block; }
.img-gray-hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); }
.img-gray-hover:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); }

img.w60 { width: 60px; }

svg.svg-white { fill: white; }

.accordion-header { display: block; width: 100%; }
.accordion-button:not(.collapsed) { box-shadow: none; }

.accordion-item,
.accordion.accordion-flush { border: 1px solid rgba(255,255,255,.1); }
.accordion-button,
.accordion-item,
.accordion-button:not(.collapsed) { color: #ffffff; background: #202124; }
.accordion-button::after,
.accordion-button:not(.collapsed)::after { background: url(../images/ui/arrow-down-smaller.png) center no-repeat; }

.de_light .accordion-item,
.de_light .accordion.accordion-flush { border: 1px solid rgba(0,0,0,.1); }
.de_light .accordion-button,
.de_light .accordion-item,
.de_light .accordion-button:not(.collapsed) { color: #07003b; background: #ffffff; }
.de_light .accordion-button::after,
.de_light .accordion-button:not(.collapsed)::after { background: url(../images/ui/arrow-down-invert.png) center no-repeat; }



.label { font-family: "IRANSans",Arial, Helvetica, sans-serif; }

table thead { font-weight: bold; }

p.lead,
p.intro { font-size: 16px; font-weight: 500; line-height: 1.7em; }

.table-bordered, .table-bordered td { border: solid 1px #404040; }

.table-dark { background: none; }

.table-cart td { padding: 20px 0; }

blockquote { font-size: 24px; font-style: italic; line-height: 1.5em; font-weight: 300; }

blockquote span { display: block; font-size: 14px; font-style: normal; font-weight: normal; }

blockquote.s1 { font-size: 14px; line-height: 1.8em; font-weight: 500; margin-left: 30px; padding: 0 0 0 30px; }


blockquote.s2 { font-size: 20px; font-style: normal; line-height: 1.6em; font-weight: bold; padding: 0 0 0 50px; position: relative; }

blockquote.s2:before { font-family: FontAwesome; font-size: 32px; content: "\f10d"; position: absolute; top: 0; left: 0; font-weight: normal; color: var(--primary-color-1); }

blockquote.s2 span { position: relative; padding-left: 100px; font-weight: 500; }

blockquote.s2 span:before { content: ''; display: block; position: absolute; top: 50%; left: 0; background: #555; width: 80px; height: 1px; }

blockquote.testimonial-big { text-align: center; border: none; padding: 0; margin: 0; font-size: 24px; }
blockquote.testimonial-big .name { margin-top: 20px; }
blockquote.testimonial-big .title { margin-bottom: 20px; font-size: 26px; font-weight: bold; }
blockquote.testimonial-big:before { font-family: FontAwesome; content: "\f10d"; padding-bottom: 10px; font-size: 28px; display: inline-block; padding: 10px 20px 10px 20px; font-style: normal; }
blockquote.testimonial-big.s2 { font-size: 18px; line-height: 1.8em; }
blockquote.testimonial-big.s2 .title { font-size: 22px; }


.de-testi-a { position: relative; background: rgba(255, 255, 255, .1); }
.de-testi-a .d-quote { padding: 40px; padding-bottom: 90px; width: 65%; position: relative; z-index: 1; }
.de-testi-a .d-img { position: absolute; max-height: 100%; right: 0; bottom: 0; }
.de-testi-a .d-quote p { font-weight: 500; color: white; }
.de-testi-a .d-by { position: absolute; bottom: 40px; left: 40px; }
.de-testi-a .d-by .d-name { font-weight: bold; }
.de-testi-a .d-by .d-info { font-size: 12px; }
.de-testi-a:before { position: absolute; font-family: FontAwesome; content: "\f10d"; font-size: 120px; top: 50px; left: 10px; color: rgba(255, 255, 255, .1); }
.de-testi-a.s2:before { top: auto; bottom: 40px; padding: 10px; width: 40px; height: 40px; }


.de-testi-b { position: relative; background: rgba(255, 255, 255, .1); }
.de-testi-b .d-quote { padding: 30px; padding-bottom: 90px; position: relative; z-index: 1; }
.de-testi-b .d-img { width: 100%; }
.de-testi-b .d-quote p { font-weight: 500; color: white; }
.de-testi-b .d-by { position: absolute; bottom: 30px; left: 30px; }
.de-testi-b .d-by .d-name { font-weight: bold; }
.de-testi-b .d-by .d-info { font-size: 12px; }
.de-testi-b .d-quote:before { position: absolute; font-family: FontAwesome; content: "\f10d"; font-size: 16px; top: -20px; left: 30px; background: var(--primary-color-1); color: #ffffff; padding: 6px 12px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; z-index: 1; width: 40px; height: 40px; }


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
/* Horizontal line */
.collapsible-link::before { content: ''; width: 14px; height: 2px; background: #333; position: absolute; top: calc(50% - 1px); right: 1rem; display: block; transition: all 0.3s; }

/* Vertical line */
.collapsible-link::after { content: ''; width: 2px; height: 14px; background: #333; position: absolute; top: calc(50% - 7px); right: calc(1rem + 6px); display: block; transition: all 0.3s; }

.collapsible-link[aria-expanded='true']::after { transform: rotate(90deg) translateX(-1px); }

.collapsible-link[aria-expanded='true']::before { transform: rotate(180deg); }

.collapsible-link.text-white { color: #ffffff; }

.collapsible-link.text-white::after,
.collapsible-link.text-white::before { background: #ffffff; }



/* ======================================== */
/* toggle */
/* ======================================== */
.toggle-list { list-style: none; margin: 0; padding: 0; }
.toggle-list li { margin-bottom: 10px; background: #fff; border: solid 1px #ddd; border-bottom: solid 3px #ddd; }
.toggle-list li h2 { -moz-user-select: none; -html-user-select: none; user-select: none; color: #555; font-size: 16px; line-height: 20px; font-family: "IRANSans",Arial, Helvetica, sans-serifr; padding: 10px 20px 0px 60px; font-weight: 700; display: block; letter-spacing: normal; }
.toggle-list li .acc_active:hover { color: #777; background: url(../images/icon-slide-plus.html) 20px center no-repeat; padding-left: 80px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.toggle-list li .acc_noactive:hover { color: #777; background: url(../images/icon-slide-min.html) 20px center no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
.toggle-list .ac-content { display: none; padding: 20px; border-top: solid 1px #e5e5e5; }
.acc_active { background: url(../images/icon-slide-plus.html) 20px center no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; height: 32px; }
.acc_noactive { background: url(../images/icon-slide-min.html) 20px center no-repeat; }


/* ================================================== */
/* image position */
/* ================================================== */
.img-left { float: left; margin: 5px 15px 15px 0; }

.img-right { float: right; margin: 5px 0 15px 15px; }



/* ================================================== */
/* flickr */
/* ================================================== */
#flickr-photo-stream img { width: 48px; height: auto; margin: 0 12px 12px 0; float: left; }

#flickr-photo-stream a img { border: solid 2px #fff; }

#flickr-photo-stream a:hover img { border: solid 2px #777777; }





hr { border-top: solid 1px #555; }

hr.blank { border: none; margin: 20px 0 20px 0; }

/* ================================================== */
/* font awesome icons */
/* ================================================== */
i { display: inline-block !important; }

i.large { font-size: 72px; text-align: center; display: inline-block; float: none; }

i.medium { font-size: 20px; padding: 10px; text-align: center; display: inline-block; float: none; }

i.small { font-size: 12px; padding: 4px; text-align: center; display: inline-block; float: none; }

i.circle-icon { border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; }

.fa-android { color: #469159; }

.fa-apple { color: #0EC3F7; }

/* extra ^ */
.de_center p { width: 100%; }

.de_center .de_icon { float: none; margin: 0 auto; }


/* ================================================== */
/* transition */
/* ================================================== */
a,
a:hover,
.test-column,
.test-column:hover { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }





.de_contact_info { font-size: 40px; font-weight: bold; }

.de_contact_info i { float: none; margin-right: 20px; }


.center-div { margin: 0 auto !important; }





/* ================================================== */
/* gallery */
/* ================================================== */
.de_carousel .item { width: 100%; display: block; }


.item img { width: 100%; height: auto; }

.item h4 { margin-bottom: 0; font-size: 14px; }

#gallery .item { overflow: hidden; }

.picframe .overlay-v { text-align: center; width: 100px; background: rgba(0,0,0,.5); position: absolute; width: 102%; height: 100%; z-index: 1000; display: table; }
.overlay-v.ov-1 { background: rgba(0,0,0,.8); }
.picframe .overlay-v .pf_text { display: table-cell; vertical-align: middle; }
.light .picframe .overlay-v { background: rgba(255,255,255,.3); }

.picframe.s2 span.overlay .project-name { color: #ffffff; }

.fullheight-100 { height: 100%; }

.fullheight-100 img { position: relative; height: 100%; }


.pf_text { display: table-cell; vertical-align: middle; color: #eceff3; }

.pf_text h4 { color: #eceff3; margin-bottom: 0; font-size: 14px; font-weight: 600; }

.pf_title { display: block; }

.project-info { color: #ccc; margin-left: 20px; }

.de_light .project-info { color: #606060; }

.project-info h2 { margin-top: 0; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; }

.project-info h4 { font-weight: bold; }

.project-info .details { padding: 20px; border: solid 1px rgba(255,255,255,.2); background: rgba(0,0,0,.5); margin-bottom: 30px; }

.de_light .project-info .details { background: #eee; border-color: #ddd; }

.project-infoproject-info span { display: block; }

.project-info span.title { display: inline-block; min-width: 80px; }

.project-info span.val { margin-bottom: 15px; font-weight: bold; }

.project-view { padding: 120px 0 80px 0; }

.project-images img { width: 100%; }

.picframe { position: relative; overflow: hidden; }

.de_large-portfolio { display: flex; justify-content: space-between; margin-bottom: 200px; position: relative; }

.de_large-portfolio > .d_inner { width: 100%; display: flex; justify-content: center; align-items: center; }

.de_large-portfolio h2 { position: absolute; font-size: 150px; width: 200%; text-transform: uppercase; letter-spacing: 20px; text-align: center; margin: 0; line-height: 1em; z-index: 1; }

.de_large-portfolio .d_image { position: relative; overflow: hidden; }

.de_large-portfolio .d_image span { display: block; margin-top: 30px; text-align: center; font-weight: 300; }

.de_large-portfolio a:hover .d_image { transform: scale(1.1); opacity: .5; }

span.overlay { display: flex; align-items: center; justify-content: center; position: absolute; vertical-align: center; width: 100%; height: 100%; background: #111; z-index: 100; opacity: 0; }

span.overlay.s2 { opacity: 1; background: none !important; }

span.overlay.s2 img { width: 80px; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; }
span.overlay.s2:hover img { opacity: 0; }

.grid-item span.overlay { display: block; text-align: center; }

.picframe img { position: relative; width: 100%; }

.picframe:hover .overlay { opacity: .8; }

.picframe:hover .overlay-v { transform: scale(1.2); opacity: 0; }

.picframe:hover img { transform: scale(1.3); }

.s2 .overlay-v,
.s2 .overlay-v:hover { background: rgba(40,40,40,.3); }
.s2 .overlay-v .project-name { font-size: 16px; letter-spacing: 0; text-transform: none; color: #fff; }

#btn-close-x { width: 100px; height: 100px; display: block; background: url(../images/close.html) center no-repeat; margin: 0 auto; margin-bottom: 80px; cursor: pointer; padding: 20px; }

#btn-close-x { background: url(../images/close-2.html) center no-repeat; }

.btn-close { z-index: 100; }


.project-name { font-size: 12px; font-weight: bold; display: block; }


.de_light span.overlay { background: #fff; }

.overlay-dark span.overlay { background: #111; }

.project-details { padding: 30px; border: solid 1px #ddd; margin-bottom: 30px; }

.info-details .info-text { margin-bottom: 20px; }

.project-details .title,
.info-details .title { display: block; font-weight: bold; }

.project-details .val { display: block; margin-bottom: 20px; }
.project-details .info-text:last-child .val { margin-bottom: 0; }

span.icon { cursor: pointer; }



.overlay .info-area { display: block; margin-top: 10%; }

.overlay .sb-icons { display: block; margin-top: 200px; }

.de-gallery .overlay { text-align: center; }

.overlay .pf_text { display: table-cell; }

.project-name { font-size: 11px; text-transform: uppercase; letter-spacing: 5px; }

.de-gallery .overlay .icon { display: inline-block; margin-top: 200px; text-align: center; }

.de-gallery .overlay .icon i { text-shadow: none; color: #fff; border: solid 1px rgba(255,255,255,.1); font-size: 22px; padding: 20px; width: 60px; height: 60px; text-align: center; margin-left: 10px; }

.de-gallery .overlay .icon i.icon-info { margin-left: 0px; }

.de-gallery .overlay .icon i:hover { color: #222; background: #fff; }

.de-gallery.hover-1 span.overlay-1 { text-align: center; display: block; background: rgba(0,0,0,.7); position: absolute; width: 100%; height: 100%; z-index: 2; }
.de-gallery.hover-1 span.overlay-1:hover { background: rgba(0,0,0,0); }
.de-gallery.hover-1 span.overlay-1 .pf_text { display: block; bottom: 10%; letter-spacing: 4px; position: absolute; width: 100%; }
.de-gallery.hover-1 span.overlay-1:hover .pf_text { bottom: -20%; opacity: 0; }
.grid_gallery .item { margin-bottom: 30px; }


.gallery-scroll { overflow: scroll; }

a.img-icon-url, a.img-icon-zoom { display: inline-block; width: 36px; height: 36px; background: url(../images/icon-url.html) center no-repeat; margin: 0 auto; margin: 0 2px 0 2px; }

a.img-icon-zoom { background: url(../images/icon-zoom.html) center no-repeat; }

.pf_full_width .item { width: 24.9%; float: left; }

.pf_full_width.pf_3_cols .item { width: 33.3%; }

.pf_full_width.pf_2_cols .item { width: 49.9%; }

.pf_full_width img { float: left; width: 100%; }

/* ---- grid ---- */

.grid { width: 100%; }

/* clear fix */
.grid:after { content: ''; display: block; clear: both; }

/* ---- .element-item ---- */

/* 5 columns, percentage width */

.grid-sizer { width: 5%; }

.grid-item { float: left; border: none; overflow: hidden; margin: 0; padding: 0; }

.large-width { width: 50%; }



@media only screen and (max-width : 768px) {
    .w1, .w2, .w3, .w4, .w5 { width: 100% }
}


/* ================================================== */
/* widget */
/* ================================================== */
#sidebar { padding-left: 20px; }

.widget { margin-bottom: 60px; padding-bottom: 60px; border-bottom: solid 1px #333; }

.de_light .widget { border-bottom: solid 1px #ddd; }

#sidebar .widget:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }

.widget h4 { text-transform: uppercase; padding-bottom: 20px; font-size: 16px; letter-spacing: normal; letter-spacing: 1px; }

.widget ul { list-style: none; margin: 0; padding: 0; }

.widget .small-border { height: 2px; width: 30px; background: #fff; margin: 10px 0 20px 0; display: block; }

.widget_category li a { display: block; padding: 12px 20px 12px 20px; margin-bottom: 8px; font-weight: bold; text-decoration: none; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #333333; }

.de_light .widget_category li a { border: solid 1px #ddd; color: #111; }

.widget_category li:hover a { color: #111; }

.widget_recent_post li { padding-left: 20px; background: url(../images/list-arrow.html) left 2px no-repeat; border-bottom: solid 1px #222; padding-bottom: 7px; margin-bottom: 5px; }

.widget .comments li { padding-left: 20px; background: url(../images/list-arrow.html) left 2px no-repeat; border-bottom: solid 1px #eee; padding-bottom: 7px; margin-bottom: 5px; }

.widget_tags li { text-shadow: none; display: inline-block; margin-right: 2px; margin-bottom: 7px; }

.widget_tags li a { font-size: 12px; text-decoration: none; margin-bottom: 5px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: solid 1px rgba(255,255,255,.1); color: #888; padding: 5px 8px 5px 8px; }

.de_light .widget_tags li a { color: #606060; border: solid 1px #ddd; }

.de_light .widget_tags.s2 li a,
.de_light .widget_tags.s2 li a:hover { font-size: 12px; background: rgba(0, 0, 0, .05); color: var(--title-font-color); border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.widget_tags li a:hover { color: #555; border-color: #555; }

.de_light .widget_tags li a:hover { color: #111; border-color: #111; }


.widget_top_rated_product ul { padding: 0; }

.widget_top_rated_product li { min-height: 80px; margin-bottom: 10px; }

.widget_top_rated_product li .text { padding-top: 5px; padding-left: 75px; }

.widget_top_rated_product li img { position: absolute; width: 60px; height: 60px; }

.widget_tags li a { border-color: #555; }

.widget_tags li a:hover { color: #eceff3; border-color: #eceff3; }


.d-cart-item .text { padding-left: 75px; }

.d-cart-item img { position: absolute; width: 50px; height: 50px; }

footer .widget { border: none !important; margin-bottom: 0; }

.widget_tags ul { margin-top: 30px; }

footer .widget.widget_tags li a { border-color: #222; }

footer .widget_recent_post li { padding: 2px 0 4px 0; margin: 0; background: none; border-bottom-color: #222; }

footer .widget { border: none !important; margin-bottom: 0; }

.widget_tags ul { margin-top: 30px; }

footer .widget.widget_tags li a { border-color: #222; }

footer.light .widget_recent_post li { border-bottom-color: #eee; }

footer .widget h3 { margin-bottom: 20px; }

.widget.f-list-s2 li { margin-bottom: 5px; }

footer.style-2 { padding: 80px 0 60px 0; }

footer.style-3 { padding: 40px 0 20px 0; background: none; }


#photo-carousel.owl-carousel.owl-theme.owl-loaded.owl-drag,
#photo-carousel .owl-stage-outer,
#photo-carousel .owl-stage,
#photo-carousel .owl-item,
#photo-carousel .item,
#photo-carousel .owl-item,
#photo-carousel .img-responsive { height: 100vh; object-fit: cover; }

/* mdb carousel */

/* Carousel styling */
#de-carousel,
#de-carousel .carousel-inner,
#de-carousel .carousel-item,
#de-carousel .carousel-item.active { height: 100vh; }

#de-carousel .carousel-control-prev-icon:after { content: '\f104'; font-family: "FontAwesome"; color: #ffffff; }
#de-carousel .carousel-control-next-icon:after { content: '\f105'; font-family: "FontAwesome"; color: #ffffff; }

#de-carousel .carousel-indicators [data-mdb-target] { width: 8px; height: 8px; margin: 0 6px; }

#de-carousel .mask { background: rgba(30, 30, 30, .3); }

#de-carousel .carousel-control-next, #de-carousel .carousel-control-prev { width: 100px; }

h2.slide-title { font-size: 48px; }

/* mdb carousel */

#v-wrap { position: fixed; width: 100%; display: table; left: 40px; z-index: 1000; float: left; transform: translateX(-50%) translateY(-50%) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); text-align: center; top: 50%; font-size: 12px; letter-spacing: 10px; }

.pp-scrollable { display: flex; justify-content: center; align-items: center; }

.pp-scrollable .pp-inner { display: table-cell; vertical-align: middle; }

#pp-nav.right { right: 25px }
#pp-nav.left { left: 25px; }
#pp-nav span,
.pp-slidesNav span { border: 1px solid #000; }

.pp-tooltip { background: #222222; padding: 2px 8px; margin-top: -5px; }

#pp-nav li .active span, .pp-slidesNav .active span { background: var(--primary-color-1) !important; border: solid 1px var(--primary-color-1) !important; }

.de__icon-left { position: relative; padding-left: 60px; }

.de__icon-left h3 { margin-bottom: 5px; }

.de__icon-left i { position: absolute; left: 0; font-size: 42px; }

.de__banner { position: relative; display: flex; justify-content: center; align-items: center; }

.de__banner .atr__img-bg { width: 100%; height: auto; }

.de__banner .atr__img-main { display: flex; position: absolute; width: 40%; left: 5%; }

.de__banner .atr__content { text-align: left; margin-left: 40%; padding-left: 5%; width: 50%; position: absolute; }

.de__banner h3 { font-size: 36px; }

.de__banner h4 { display: inline-block; text-align: center; background: #111111; font-size: 12px; letter-spacing: .1em; padding: 5px 10px; text-transform: uppercase; }
.de__banner small { margin-top: 20px; display: block; font-style: italic; }

.de__quick-view { display: none; background: rgba(0, 0, 0, .5); position: fixed; width: 100%; height: 100%; z-index: 2000; top: 0; }

.de__qv-content { background: #ffffff; width: 940px; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; }

.de__product-popup { position: relative; padding: 20px; padding-bottom: 40px; }

.de__product-popup h3 { font-size: 20px; }

.de__product-popup .atr__images img { width: 100%; }

.de__product-popup .atr__content-wrap { margin-left: 30px; padding: 20px 0; }

.de__product-popup .atr__desc { margin: 10px 0 20px 0; }

.de__product-popup .atr__number { margin-top: 20px; }

.de__product-popup .input-number { margin-bottom: 20px; }

.de__product-popup .btn-close { position: absolute; top: 10px; right: 10px; font-size: 10px; cursor: pointer; }

.d-col-half { width: 50%; float: left; }

/* numbe input */
* { box-sizing: border-box; }

.input-number { width: 52px; padding: 0 12px; vertical-align: top; text-align: center; outline: none; }

.input-number,
.input-number-decrement,
.input-number-increment { border: 1px solid #ccc; height: 40px; user-select: none; }

.input-number-decrement,
.input-number-increment { display: inline-block; width: 40px; line-height: 38px; background: #ffffff; color: #444; text-align: center; font-weight: bold; cursor: pointer; }
.input-number-decrement:active,
.input-number-increment:active { background: #ddd; }

.input-number-decrement { border-right: none; border-radius: 4px 0 0 4px; }

.input-number-increment { border-left: none; border-radius: 0 4px 4px 0; }

#de_notif { opacity: 0; font-weight: bold; background: #ffffff; color: #000000; padding: 5px 10px; position: fixed; left: 50%; bottom: -50px; transform: translate(-50%, 0); z-index: 100; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#de_notif.active { opacity: 1; bottom: 40px; }

/* de post poster */
.de-card-poster { overflow: hidden; position: relative; height: 350px; }

.de-card-poster .d-image { position: absolute; width: 110%; height: 110%; margin-left: -5%; }

.de-card-poster .d-overlay { position: absolute; min-height: 100%; width: 100%; z-index: 1; background: rgba(0, 0, 0, .1); }

.de-card-poster .d-content { color: #ffffff; margin: 30px; margin-bottom: -20px; position: absolute; bottom: 0; }

.de-card-poster .d-content h3 { font-size: 24px; letter-spacing: 0; color: #ffffff; padding-left: 40px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, .5); }
.rtl .de-card-poster .d-content h3 { padding-left: 0; padding-right: 40px; }
.de-card-poster .d-content h3 i { position: absolute; left: 0; margin-right: 10px; font-size: 32px; }
.rtl .de-card-poster .d-content h3 i { left: auto; margin-right: 0; right: 0; margin-left: 10px; }

.de-card-poster .d-content .d-text { max-height: 0; opacity: 0; }

.de-card-poster .d-click,
.de-card-poster .btn-main { opacity: 0; }

.de-card-poster .d-tag { display: inline-block; color: #ffffff; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; background: #222222; padding: 2px 8px; line-height: 1em; font-weight: 500; margin-bottom: 20px; }


.de-card-poster:hover .d-overlay { background: rgba(0, 0, 0, .6); }

.de-card-poster:hover .d-content { margin-bottom: 30px; }

.de-card-poster:hover .d-content .d-text { max-height: 500px; margin-bottom: 20px; opacity: 1; }

.de-card-poster:hover .btn-main,
.de-card-poster:hover .d-click { opacity: 1; }

.de-card-poster:hover .d-image { margin-left: 0; }

.de-card-poster:hover i { color: #ffffff; }

/* de post poster end */


/* de card simple */
.de-card-simple { font-weight: 500; text-align: center; overflow: hidden; border: solid 1px #dddddd; }

.de-card-simple .d-label { font-size: 14px; display: block; border-bottom: solid 1px #dddddd; background: #f8f8f8; }

.de-card-simple h4 { font-size: 16px; margin: 0; padding: 20px 10px 20px 10px; }

/* de card simple end */

/* de icon cap */

.de-icon-cap { display: inline-block; text-align: center; padding: 0 10px; }

.de-icon-cap h5 { font-size: 12px; margin: 0; letter-spacing: 1px; font-weight: 500; }

.de-icon-cap i { font-size: 32px; }

/* de card room */
.de-card-room { overflow: hidden; position: relative; height: 350px; }

.de-card-room .d-image { position: absolute; width: 110%; height: 110%; margin-left: -5%; }

.de-card-room .d-overlay { position: absolute; min-height: 100%; width: 100%; z-index: 1; background: rgba(0, 0, 0, .1); }

.de-card-room .d-content { color: #ffffff; margin: 30px; margin-bottom: -20px; position: absolute; bottom: 0; }

.de-card-room .d-content h3 { font-size: 24px; letter-spacing: 0; color: #ffffff; padding-left: 40px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, .5); }
.rtl .de-card-room .d-content h3 { padding-left: 0; padding-right: 40px; }
.de-card-room .d-content h3 i { position: absolute; left: 0; margin-right: 10px; font-size: 32px; }
.rtl .de-card-room .d-content h3 i { left: auto; margin-right: 0; right: 0; margin-left: 10px; }

.de-card-room .d-content .d-text { max-height: 0; opacity: 0; }

.de-card-room .d-click,
.de-card-room .btn-main { opacity: 0; }

.de-card-room .d-tag { display: inline-block; color: #ffffff; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; background: #222222; padding: 2px 8px; line-height: 1em; font-weight: 500; margin-bottom: 20px; }


.de-card-room:hover .d-overlay { background: rgba(0, 0, 0, .6); }

.de-card-room:hover .d-content { margin-bottom: 30px; }

.de-card-room:hover .d-content .d-text { max-height: 500px; margin-bottom: 20px; opacity: 1; }

.de-card-room:hover .btn-main,
.de-card-room:hover .d-click { opacity: 1; }

.de-card-room:hover .d-image { margin-left: 0; }

.de-card-room:hover i { color: #ffffff; }

.de-box-price { font-weight: 500; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 20px; }

.de-box-price span { font-size: 64px; }

/* de card room end */


/* DCG */

.dcg-item { position: relative; overflow: hidden; }
.dcg-url { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
/* ----- dcg-one ----- */
.dcg-one { position: relative; }
.dcg-one .dcg-title { position: absolute; left: 0; top: 0; z-index: 1; font-size: 48px; line-height: 1em; padding: 30px; color: #ffffff; opacity: 0; top: -50%; font-weight: 800; text-transform: uppercase; }
.dcg-one:hover .dcg-title { top: 0; opacity: 1; }
.dcg-one .dcg-text { position: absolute; right: 40px; bottom: 0; z-index: 1; font-size: 14px; line-height: 1em; padding: 30px; color: #ffffff; text-transform: uppercase; opacity: 0; }
.dcg-one:hover .dcg-text { right: 0; opacity: 1; }
.dcg-one:active .dcg-text { opacity: 0; }
.dcg-one .dcg-overlay { background: rgba(0, 0, 0, .75); position: absolute; width: 100%; height: 100%; top: -100%; left: 0; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
.dcg-one:hover .dcg-overlay { top: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.dcg-one:hover img { transform: scale(1.2); }
.dcg-one .dcg-line { position: absolute; bottom: 36px; width: 0; height: 1px; background: #ffffff; z-index: 1; }
.dcg-one:hover .dcg-line { width: 50%; }
.dcg-one:active .dcg-line { width: 100%; }

/* ----- dcg-two ----- */
.dcg-two { position: relative; }
.dcg-two .dcg-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 48px; line-height: 1em; padding: 30px; color: #ffffff; opacity: 0; font-weight: 800; text-transform: uppercase; text-align: center; }
.dcg-two:hover .dcg-title { opacity: 1; }
.dcg-two:active .dcg-title { font-size: 42px; }
.dcg-two .dcg-text { width: 100%; position: absolute; bottom: -10%; z-index: 1; font-size: 14px; line-height: 1em; padding: 30px; color: #ffffff; text-transform: uppercase; opacity: 0; text-align: center; }
.dcg-two:hover .dcg-text { opacity: 1; bottom: 0; }
.dcg-two:active .dcg-text { opacity: 0; }
.dcg-two .dcg-overlay { background: rgba(0, 0, 0, .75); position: absolute; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; width: 0; height: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }
.dcg-two:hover .dcg-overlay { opacity: 1; width: 600px; height: 600px; }
.dcg-two:hover img { transform: scale(1.2); }
.dcg-two .dcg-line { position: absolute; top: 50%; width: 0; height: 1px; background: #ffffff; z-index: 1; }
.dcg-two:hover .dcg-line { width: 100%; }

/* ----- dcg-three ----- */
.dcg-three { position: relative; }
.dcg-three .dcg-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 96px; line-height: 1em; padding: 30px; color: #ffffff; opacity: 0; font-weight: 800; text-transform: uppercase; text-align: center; }
.dcg-three:hover .dcg-title { opacity: 1; font-size: 35px; }
.dcg-three:active .dcg-title { font-size: 42px; }
.dcg-three .dcg-text { width: 100%; position: absolute; bottom: -10%; z-index: 1; font-size: 14px; line-height: 1em; padding: 30px; color: #ffffff; text-transform: uppercase; opacity: 0; text-align: center; }
.dcg-three:hover .dcg-text { opacity: 1; bottom: 0; }
.dcg-three:active .dcg-text { opacity: 0; }
.dcg-three .dcg-overlay { background: rgba(0, 0, 0, .75); position: absolute; width: 0; height: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }
.dcg-three:hover .dcg-overlay { opacity: 1; width: 100%; height: 100%; }
.dcg-three:hover img { transform: scale(1.2); }
.dcg-three .dcg-line { position: absolute; top: 50%; width: 0; height: 1px; background: #ffffff; z-index: 1; }
.dcg-three:hover .dcg-line { width: 100%; }

/* ----- dcg-four ----- */
.dcg-four { position: relative; }
.dcg-four .dcg-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 96px; line-height: 1em; padding: 30px; color: #ffffff; opacity: 0; font-weight: 800; text-transform: uppercase; text-align: center; }
.dcg-four:hover .dcg-title { opacity: 1; font-size: 35px; }
.dcg-four:active .dcg-title { font-size: 42px; }
.dcg-four .dcg-text { width: 100%; position: absolute; bottom: -10%; z-index: 1; font-size: 14px; line-height: 1em; padding: 30px; color: #ffffff; text-transform: uppercase; opacity: 0; text-align: center; }
.dcg-four:hover .dcg-text { opacity: 1; bottom: 0; }
.dcg-four:active .dcg-text { opacity: 0; }
.dcg-four .dcg-overlay { background: rgba(0, 0, 0, .75); position: absolute; width: 0; height: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }
.dcg-four:hover .dcg-overlay { opacity: 1; width: 100%; height: 100%; }
.dcg-four:hover img { transform: scale(1.2); }
.dcg-four .dcg-line { position: absolute; top: 50%; width: 0; height: 1px; background: #ffffff; z-index: 1; }
.dcg-four:hover .dcg-line { width: 100%; }

/* marquee */


.d-flex { display: flex; white-space: nowrap; }

.display-flex { display: flex; }

.de-marquee-list { display: flex; align-items: top; -webkit-animation: loop 60s infinite linear; animation: loop 60s infinite linear; }

.de-marquee-list .d-item-txt { font-size: 64px; line-height: 64px; letter-spacing: -2px; font-style: normal; font-weight: 600; font-family: var(--title-font); user-select: none; /* supported by Chrome and Opera */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ }

.de-marquee-list.s2 .d-item-txt { margin: 0 50px; color: var(--primary-color-1); }

.de-marquee-list .d-item-display { display: inline; }

.de-marquee-list .d-item-dot { max-width: 10px; max-height: 10px; margin: 0 50px; padding: 7px; border-radius: 50%; display: inline-block; transform: translateY(-30px); background: var(--primary-color-1); }

.de-marquee-list .d-item-block { width: 80px; height: 10px; margin: 0 40px; display: inline-block; transform: translateY(-30px); background: var(--primary-color-1); }


.de-marquee-list.ultra-big .d-item-txt { font-size: 120px; line-height: 1; margin: 0 30px; }

.de-marquee-list.style-2 .d-item-dot { transform: translateY(-40px); background: rgba(255, 255, 255, .2); }

.de-marquee-list.d-marquee-small .d-item-txt { font-size: 32px; letter-spacing: 0; }

.de-marquee-list.d-marquee-small .d-item-dot { transform: translateY(-5px); max-width: 3px; max-height: 3px; padding: 3px; margin: 0 30px; }

@keyframes loop {
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

.hover-zoom { transform: scale(1.05); }

.hover-zoom:hover { transform: scale(1.2); }

.bg-dark { background: var(--bg-dark-1); }

.bg-grey { background: #eeeeee !important; }

.rounded-10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.rounded-20 { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }


.w-10px { width: 10px }
.w-20px { width: 20px }
.w-30px { width: 30px }
.w-40px { width: 40px }
.w-50px { width: 50px }
.w-60px { width: 60px }
.w-70px { width: 70px }
.w-80px { width: 80px }
.w-90px { width: 90px }
.w-100px { width: 100px }


.w-10 { width: 10% }
.w-20 { width: 20% }
.w-30 { width: 30% }
.w-40 { width: 40% }
.w-50 { width: 50% }
.w-60 { width: 60% }
.w-70 { width: 70% }
.w-80 { width: 80% }
.w-90 { width: 90% }
.w-100 { width: 100% }

.h-10 { height: 10% }
.h-20 { height: 20% }
.h-30 { height: 30% }
.h-40 { height: 40% }
.h-50 { height: 50% }
.h-60 { height: 60% }
.h-70 { height: 70% }
.h-80 { height: 80% }
.h-90 { height: 90% }
.h-100 { height: 100% }

.top-10 { top: 10% }
.top-20 { top: 20% }
.top-30 { top: 30% }
.top-40 { top: 40% }
.top-50 { top: 50% }
.top-60 { top: 60% }
.top-70 { top: 70% }
.top-80 { top: 80% }
.top-90 { top: 90% }
.top-100 { top: 100% }

.top-10px { top: 10px }
.top-20px { top: 20px }
.top-30px { top: 30px }
.top-40px { top: 40px }
.top-50px { top: 50px }
.top-60px { top: 60px }
.top-70px { top: 70px }
.top-80px { top: 80px }
.top-90px { top: 90px }
.top-100px { top: 100px }

.bottom-10 { bottom: 10% }
.bottom-20 { bottom: 20% }
.bottom-30 { bottom: 30% }
.bottom-40 { bottom: 40% }
.bottom-50 { bottom: 50% }
.bottom-60 { bottom: 60% }
.bottom-70 { bottom: 70% }
.bottom-80 { bottom: 80% }
.bottom-90 { bottom: 90% }
.bottom-100 { bottom: 100% }

.bottom-10px { bottom: 10px }
.bottom-20px { bottom: 20px }
.bottom-30px { bottom: 30px }
.bottom-40px { bottom: 40px }
.bottom-50px { bottom: 50px }
.bottom-60px { bottom: 60px }
.bottom-70px { bottom: 70px }
.bottom-80px { bottom: 80px }
.bottom-90px { bottom: 90px }
.bottom-100px { bottom: 100px }

.start-10 { left: 10% }
.start-20 { left: 20% }
.start-30 { left: 30% }
.start-40 { left: 40% }
.start-50 { left: 50% }
.start-60 { left: 60% }
.start-70 { left: 70% }
.start-80 { left: 80% }
.start-90 { left: 90% }
.start-100 { left: 100% }

.start-10px { left: 10px }
.start-20px { left: 20px }
.start-30px { left: 30px }
.start-40px { left: 40px }
.start-50px { left: 50px }
.start-60px { left: 60px }
.start-70px { left: 70px }
.start-80px { left: 80px }
.start-90px { left: 90px }
.start-100px { left: 100px }

.end-10 { right: 10% }
.end-20 { right: 20% }
.end-30 { right: 30% }
.end-40 { right: 40% }
.end-50 { right: 50% }
.end-60 { right: 60% }
.end-70 { right: 70% }
.end-80 { right: 80% }
.end-90 { right: 90% }
.end-100 { right: 100% }

.end-10px { right: 10px }
.end-20px { right: 20px }
.end-30px { right: 30px }
.end-40px { right: 40px }
.end-50px { right: 50px }
.end-60px { right: 60px }
.end-70px { right: 70px }
.end-80px { right: 80px }
.end-90px { right: 90px }
.end-100px { right: 100px }

.ms-10 { margin-left: 10% }
.ms-20 { margin-left: 20% }
.ms-30 { margin-left: 30% }
.ms-40 { margin-left: 40% }
.ms-50 { margin-left: 50% }
.ms-60 { margin-left: 60% }
.ms-70 { margin-left: 70% }
.ms-80 { margin-left: 80% }
.ms-90 { margin-left: 90% }
.ms-100 { margin-left: 100% }

.fs-14 { font-size: 14px }
.fs-16 { font-size: 16px }
.fs-18 { font-size: 18px }
.fs-20 { font-size: 20px }
.fs-24 { font-size: 24px }
.fs-32 { font-size: 32px }
.fs-36 { font-size: 36px }
.fs-40 { font-size: 40px }
.fs-48 { font-size: 48px }
.fs-56 { font-size: 56px }
.fs-60 { font-size: 60px }
.fs-64 { font-size: 64px }
.fs-72 { font-size: 72px }
.fs-84 { font-size: 84px }
.fs-96 { font-size: 96px }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-400 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-bold { font-weight: bold; }

.ml-10 { margin-left: 10px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }

.pl-10 { padding-left: 10px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }

.border-white-1 { border: solid 1px white; }
.border-white-2 { border: solid 2px white; }
.border-white-3 { border: solid 3px white; }
.border-white-4 { border: solid 4px white; }
.border-white-5 { border: solid 5px white; }
.border-white-6 { border: solid 6px white; }

.hover:hover .hover-scale-1-2 { transform: scale(1.2); }

.hover-scale-in-2 { transform: scale(2); opacity: 0; }
.hover-scale-in-3 { transform: scale(3); opacity: 0; }
.hover:hover .hover-scale-in-2 { transform: scale(1); opacity: 1 }
.hover:hover .hover-scale-in-3 { transform: scale(1); opacity: 1 }
.hover:hover .hover-op-0 { opacity: 0 }

.inline-block { display: inline-block; }


.lh-1 { line-height: 1em; }
.lh-1-2 { line-height: 1.2em; }
.lh-1-3 { line-height: 1.3em; }
.lh-1-4 { line-height: 1.4em; }
.lh-1-5 { line-height: 1.5em; }
.lh-1-6 { line-height: 1.6em; }


.circle { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }


/* ================================================== */
/* misc */
/* ================================================== */
a { color: #fff; text-decoration: none; outline: 0; }

a:hover { color: #fff; }

a:hover, a:active, a:focus, img { outline: 0; }

a.btn-on-header,
.de_light a.btn-on-header { color: #ffffff; padding: 2px 40px 2px 20px; margin-top: -20px; border: solid 1px rgba(255, 255, 255, .5); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

a.btn-on-header:hover,
.de_light a.btn-on-header:hover { color: #000000 !important; }

header.smaller .btn-on-header { margin-top: -18px; }

.de-icon { display: block; text-align: center; }
.de-icon h5 { display: block; text-align: center; }
.de-icon i { font-size: 32px; display: block; width: 100px; height: 100px; background: #333333; color: #ffffff; padding-top: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; }

.de-icon img { background: var(--primary-color-1); width: 100px; padding: 20px; margin-bottom: 15px; }

.de-hover { position: relative; overflow: hidden; }

.de-hover.d-circle { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }

.de-hover img { position: relative; }

.de-hover .d-overlay { color: #ffffff; display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); font-weight: bold; z-index: 1; }

.de-hover:hover .d-overlay { opacity: 0; }

.de-hover:hover img { transform: scale(1.1); }

.d-slide-item { padding-left: 30px; }

.d-slide-item .dsi-desc { margin-top: 10px; margin-left: 50%; float: right; font-size: 16px; line-height: 1.7em; position: relative; z-index: 10; }

.d-slide-item h4 { font-weight: 500; font-size: 20px; display: inline-block; padding: 5px 10px; position: absolute; margin-top: -40px; z-index: 1; color: #ffffff; }

.d-slide-item .wm { text-align: left; display: inline-block; font-size: 260px; letter-spacing: -10px; margin-left: -10px; margin-top: -70px; }

.de-flex { display: flex; justify-content: space-between; }

.de-flex > .de-flex-col { display: flex; justify-content: center; align-items: center; }

.de-header-flex { display: flex; justify-content: space-between; }

.de-header-flex > .de-flex-col { display: flex; justify-content: center; align-items: center; }

#de-extra-menu { height: 80px; display: flex; justify-content: center; align-items: center; text-align: center; }

.d-cart-icon { width: 48px; position: relative; }

.d-cart-icon i { font-size: 22px; position: absolute; left: 0; }

.d-cart-icon span { position: relative; margin-top: 2px; float: right; color: #000; display: inline-block; width: 18px; height: 18px; line-height: 1.5em; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font-size: 12px; font-weight: bold; }

.d-summary { padding: 30px; background: #1e2024; }

.de_light .d-summary { background: #f5f5f5; }

header.smaller #de-extra-menu { height: 70px; }

.header-container { padding-left: 30px; padding-right: 30px; }

.bg-black { background: #18191b; }

.nav-link { color: #ffffff; }

.de_light .nav-link,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #07003b; }

.de_light a, .de_light a:hover { color: #606060; }

.de_light footer a, .de_light footer a:hover { color: #cccccc; }

.v-text { position: fixed; z-index: 10; color: #fff; margin-bottom: 40px; text-transform: uppercase; writing-mode: vertical-rl; letter-spacing: .75px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); margin-left: 30px; height: 100%; text-align: center; letter-spacing: 2px; font-size: 11px; font-weight: 300; }

.v-text a { margin: 20px 0; }

.de-banner { text-align: center; }

.de-banner span { font-size: 12px; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.wm { width: 100%; position: relative; font-size: 200px; text-align: center; font-weight: bold; top: 33px; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }

.wm.s1 { font-size: 300px; top: 50%; transform: translateY(calc(-50% - 25px)); color: rgba(255, 255, 255, .2); }

.de_light .wm.s2 { font-size: 100px; color: rgba(0, 0, 0, .05); letter-spacing: 10%; text-transform: uppercase; }

.wm.dark { color: rgba(255,255,255,.1); }

.wm.dark.wm-border { font-size: 280px; color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,.15); }

.wm.light.wm-border { font-size: 280px; color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(0,0,0,.1); }

.wm.pp-wm,
.text-light .wm.pp-wm { -ms-user-select: none; user-select: none; -webkit-text-stroke-color: rgba(255,255,255,.3); -webkit-text-stroke-width: 1px; -webkit-user-select: none; -moz-user-select: -moz-none; font-size: 32px; font-weight: bold; position: absolute; text-align: right; top: 33px; width: 100%; padding-right: 40px; letter-spacing: 1px; }

.de_light .wm { color: rgba(0,0,0,.05); }
.text-light .wm { color: rgba(255,255,255,.05); }
.demo-icon-wrap { margin-bottom: 30px; }
.demo-icon-wrap i { font-size: 28px; margin-right: 20px; position: relative; top: 5px; }

.demo-icon-wrap-s2 { margin-bottom: 30px; }
.demo-icon-wrap-s2 span { font-size: 28px; margin-right: 20px; position: relative; top: 5px; }

/* video button begin */

.video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; /* background: #eb3349; */ border-radius: 50%; padding: 18px 20px 18px 28px; }

.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #ba1f24; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }

.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #eb3349; border-radius: 50%; transition: all 200ms; }

.video-play-button:hover:after { background-color: darken(#eb3349, 10%); }

.video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; }

.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent; }

.small-icon { padding: 5px 10px; border: solid 1px #dddddd; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.icons-group.s2 .small-icon { padding: 10px 20px; }

.icons-group.s2 i { font-size: 18px; }

.small-icon i { margin-right: 10px; }

.icons-group .small-icon { margin-right: 10px; }

@keyframes pulse-border {
    0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
    100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
/* video-button close */

.clearfix { width: 100%; }

.strong { font-weight: bold; }

.fontsize24 { font-size: 24px !important; }
.fontsize32 { font-size: 32px !important; }
.fontsize36 { font-size: 36px !important; }
.fontsize40 { font-size: 40px !important; }
.fontsize48 { font-size: 48px !important; }

.padding5 { padding: 5px !important; }
.padding10 { padding: 10px !important; }
.padding20 { padding: 20px !important; }
.padding30 { padding: 30px !important; }
.padding40 { padding: 40px !important; }
.padding50 { padding: 50px !important; }
.padding60 { padding: 60px !important; }
.padding70 { padding: 70px !important; }
.padding80 { padding: 80px !important; }


#particles-js { top: 0; width: 100%; height: 100%; position: absolute; z-index: 0; }

.de_light a:hover { color: #555; }

#services-list { padding: 0; margin: 0; }

#services-list li a { color: #fff; }

.de_light #services-list li a { color: #999; }

#services-list li { font-weight: bold; list-style: none; margin: 0; background: rgba(0,0,0,.3); margin-bottom: 10px; }

.de_light #services-list li { background: #ddd; }

#services-list li a { display: block; padding: 20px; text-decoration: none; }

#services-list li a:hover { color: #111; }

.pic-services img { margin-bottom: 30px; }

#services-list li.active a { color: #111; }

#services-list.s1 li { background: #303030; }
#services-list.s1 li a { color: #fff; }

.project-images img { margin-bottom: 60px; }

.teaser-text { font-family: "IRANSans"; font-size: 14px; color: rgba(255,255,255,.5); line-height: normal; font-weight: 300; text-transform: uppercase; }

.teaser-text-2 { font-size: 16px; }

#navigation { position: fixed; width: 100%; height: 60px; top: 0; right: 20px; text-align: center; margin-bottom: 60px; z-index: 1000; }

.mfp-close { color: #fff !important; position: absolute; width: 100%; font-size: 48px; margin-top: 40px; z-index: 1000; }

.de_light .mfp-close { color: rgba(0,0,0,.5) !important; }

.de_light .mfp-close:hover { color: rgba(0,0,0,1) !important; }

.nav-prev:before, .nav-next:before, .nav-exit:before { font-family: "FontAwesome"; content: '\f177'; color: #fff; padding: 20px; font-size: 24px; cursor: pointer; }

.nav-exit:before { width: 100%; display: block; }

.nav-next:before { content: '\f178'; width: 100%; background: #555; }

.nav-exit:before { content: '\f00d'; }

.de_light .nav-exit:before { color: #222; }

.container-4 .de-team-list { width: 24.9%; float: left; position: relative; }

.container-3 .de-team-list { width: 33.3%; float: left; position: relative; }

.no-margin { margin: 0 !important; }

.no-bottom { margin-bottom: 0; padding-bottom: 0; }

p { margin-bottom: 20px; }


.bg-grey { background: #f5f5f5; }

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

.nopadding { padding: 0 !important; margin: 0 !important; }


#filters a { background: none; }

.side-bg { position: relative; overflow: hidden; }

.side-bg .image-container { height: 100%; overflow: hidden; padding: 0; position: absolute; background-size: auto !important; }

.side-bg .background-image { background-position: 50% 50% !important; background-size: cover !important; width: 100%; height: 100%; left: 0; position: absolute; z-index: 0 }

.side-bg .image-container i { color: #ffffff; font-size: 40px; width: 100px; height: 100px; text-align: center; padding-top: 30px; }

.side-bg .image-container img { color: #ffffff; font-size: 40px; width: 200px; padding: 40px; }

.image-slider { cursor: move; }

.inner-padding { padding: 90px 0 90px 0; }

.no-padding, section.no-padding { padding: 0; }

.float-left { float: left; }

#loader-area { display: none; background: #fff; }

#loader-area { display: none; background: #111; }

.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: url('../images/page-loader.html') 50% 50% no-repeat rgb(249,249,249); }

.page-overlay { display: none; width: 120px; height: 120px; background: url(../images/page-loader.html) center no-repeat #fff; border-radius: 10px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; margin: auto; }

.teaser { font-family: "IRANSans",Arial; font-size: 15px; font-weight: 300; }

.form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.owl-arrow { position: absolute; z-index: 100; background: #fff; margin-top: 48%; display: none; cursor: pointer; }
.owl-arrow span { display: block; background: #555; position: absolute; }
.owl-arrow .prev { left: 0; }
.owl-arrow .next { right: 0; }

.owl-arrow .prev:before, .owl-arrow .next:before { font-family: "FontAwesome"; content: '\f177'; color: #fff; padding: 20px; font-size: 32px; display: block; }
.owl-arrow .next:before { content: '\f178'; }

.owl-theme .owl-controls .owl-page span { width: 5px !important; height: 5px !important; }

.owl-pagination { margin-top: 0px; }

.owl-custom-nav.menu-float { position: relative; }
.owl-custom-nav.menu-float .btn-prev,
.owl-custom-nav.menu-float .btn-next { position: absolute; z-index: 1000; top: 50%; transform: translateY(-50%); display: block; cursor: pointer; padding: 0; }


.owl-custom-nav.menu-float .btn-prev { left: 0px; }


.owl-custom-nav.menu-float .btn-next { right: 0px; }

.owl-custom-nav.menu-float .btn-prev:before,
.owl-custom-nav.menu-float .btn-next:before { font-size: 24px; }

.owl-custom-nav .btn-prev:before,
.owl-custom-nav .btn-next:before { display: block; font-family: "FontAwesome"; content: "\f105"; color: #ffffff; padding: 0 5px; font-size: 20px; width: 30px; height: 30px; background: var(--primary-color-1); text-align: center; }
.owl-custom-nav .btn-prev:before { content: "\f104"; }

.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before { color: #000000; }

.owl-custom-nav a { text-decoration: none; }
.owl-theme .owl-controls .owl-buttons div { background: #ffffff; opacity: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding-top: 0px; height: 32px; margin-top: 20px; color: #111111; text-transform: uppercase; letter-spacing: 5px; }
.owl-theme .owl-controls .owl-buttons div:hover { opacity: .8 !important; }

.owl-theme .owl-controls .owl-buttons .owl-prev:before { font-family: "FontAwesome"; content: "\f104"; color: #111; padding: 5px 12px 5px 12px; font-size: 24px; position: relative; top: 3px; left: -10px; }

.owl-theme .owl-controls .owl-buttons .owl-next:after { font-family: "FontAwesome"; content: "\f105"; color: #111; padding: 5px 12px 5px 12px; font-size: 24px; position: relative; top: 3px; right: -15px; }

/* new owl */

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 20px; }

.owl-dots button { background: none; border: none; outline: none; padding: 0; }
.owl-theme .owl-dots .owl-dot span { width: 4px; height: 4px; }

#photo-carousel .owl-dots { position: relative; margin-top: -50px; z-index: 1000; }

#carousel-products .owl-dots { position: absolute; z-index: 100; bottom: -10px; width: 100%; }

#carousel-products .owl-dots .owl-dot span { width: 10px; height: 10px; }

.owl-dots-overlay .owl-dots { position: absolute; width: 100%; bottom: 20px; }
.owl-dots-overlay .owl-dots .owl-dot span { width: 10px; height: 10px; border: solid 1px #ffffff; background: none; }
.owl-dots-overlay .owl-dots .owl-dot.active span,
.owl-dots-overlay .owl-dots .owl-dot:hover span { background: #ffffff !important; }

/* new owl close */

.text-slider { line-height: 60px; color: #fff; font-family: "IRANSans"; font-size: 60px; text-transform: uppercase; font-weight: 300; display: inline-block; letter-spacing: 25px; }

.text-slider.big-text { font-size: 120px; line-height: 120px; font-weight: bold; }

.border-deco .item { display: inline-block; }

.text-slider.dark { color: #222; }



.item i { font-size: 60px; margin-top: 5px; }

.text-slider.big-text i { font-size: 90px; margin-top: 15px; }


.red { color: #ff0000 !important; }
.teal { color: #009999 !important; }
.purple { color: #663366 !important; }
.green { color: #009900 !important; }


.wow { visibility: hidden; }


#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; outline: none; }
#back-to-top:hover { background: #111; }
#back-to-top.show { opacity: 1; }
#back-to-top:before { font-family: "FontAwesome"; font-size: 22px; content: "\f106"; color: #222; position: relative; margin: 5px; }
#back-to-top:hover:before { color: #fff; }

#back-to-top.custom-1:before { color: #fff; }

#back-to-top.light:before { color: #ffffff; }

/* mouse scroll icon begin */
.mouse { position: absolute; width: 22px; height: 42px; bottom: 30px; left: 50%; margin-left: -12px; border-radius: 15px; border: 1px solid #fff; -webkit-animation: intro 1s; animation: intro 1s; }
.scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #fff; -webkit-animation: finger 1s infinite; animation: finger 1s infinite; }

@-webkit-keyframes intro {
    0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes intro {
    0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes finger {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}

@keyframes finger {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}
/* mouse scroll icon close */

.bgimage { background-size: cover; }

.no-bg { background: none !important; }

#ifrm, #cfs_top_div { display: none; }

.info-box i { margin-top: 5px; font-size: 40px; position: absolute; }


.info-box .info-box_text { padding-left: 60px; }

.info-box .info-box_title { font-weight: 700; text-transform: uppercase; line-height: 16px; color: #fff; margin-top: 8px; }

.info-box.s2 .info-box_title { font-size: 11px; letter-spacing: 1px; margin-top: 0px; }

.header-light .info-box .info-box_text,
.header-light .info-box i { color: #333; }

.text-right .info-box { position: relative; right: 60px; }

.text-right .info-box i { right: -60px; }

.text-right .info-box .info-box_text { padding: 0px; }


.header-custom .info-box i { margin-top: -3px; }

#info-box { height: 90px; position: absolute; z-index: 500; width: 100%; background: rgba(0,0,0,.3); }

#info-box.s1 { background: none; }

/* ===== demo switcher ===== */

#switcher { display: none; color: #333; padding: 10px; padding-bottom: 20px; background: #fff; font-size: 12px; position: fixed; z-index: 10000; top: 150px; left: 0; padding-left: 20px; font-family: "IRANSans", Arial, Helvetica, sans-serif; font-size: 12px; margin-left: -120px; border-radius: 0 0 2px 0; -moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; width: 120px; }
#switcher .clearfix { margin-bottom: 10px; }
#switcher span { font-size: 12px; }
.custom-show:after, .custom-close:after { position: absolute; margin-left: 100px; margin-top: -10px; display: inline-block; width: 42px; height: 42px; padding: 10px; padding-right: 15px; color: #000; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; cursor: pointer; content: "\f013"; font-family: "FontAwesome"; font-size: 24px; font-weight: normal; }
#de-color { padding: 0; margin: 0; }
#de-color li { list-style: none; display: inline-block; float: left; width: 38px; height: 25px; margin: 0 5px 5px 0; background: #0C9; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; }
#de-color li.bg1 { background: #33C9BD; }
#de-color li.bg2 { background: #02D1ED; }
#de-color li.bg3 { background: #11B555; }
#de-color li.bg4 { background: #BBBBBB; }
#de-color li.bg5 { background: #F65425; }
#de-color li.bg6 { background: #ED4D88; }
#de-color li.bg7 { background: #C762CB; }
#de-color li.bg8 { background: #F63131; }
#de-color li.bg9 { background: #FBB829; }
#de-color li.bg10 { background: #8BAD01; }
#de-color li:hover { opacity: .7; }
#switcher select { width: 74px !important; font-size: 12px; height: 25px; border: none; background: #eee; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/arrow-down.png) right no-repeat #eee; padding-left: 6px; padding-right: 22px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#switcher select:hover { background-color: #ddd; }
#switcher select,
#de-color li { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none; }

#purchase-now { position: fixed; bottom: 80px; left: 20px; z-index: 10000; }

#purchase-now a { color: #ffffff; z-index: 1001; position: absolute; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; background: #78A938; display: block; font-size: 24px; font-weight: bold; width: 60px; height: 60px; padding: 17px; text-decoration: none; }

@keyframes shadow-pulse {
    0% { box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2); }
    100% { box-shadow: 0 0 0 20px rgba(120, 169, 56, 0); }
}

#purchase-now a span { font-size: 14px; font-weight: 500; left: 8px; position: absolute; top: 18px; width: 100px; }

#purchase-now .pn-hover { position: absolute; font-weight: bold; font-size: 16px; background: #ffffff; color: #78A938; width: 120px; padding: 10px; padding-left: 20px; text-align: center; top: 8px; border-radius: 5px; left: 30px; opacity: 0; }

#purchase-now:hover .pn-hover { opacity: 1; left: 40px; }

.de-images { position: relative; width: 100%; }

.de-images img,
#de_notif { border-radius: 5px; -webkit-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.2); -moz-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.2); box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.2); }

.di-small { position: absolute; width: 50%; height: 50%; top: 75%; left: -35%; z-index: -1; }


.di-small-2 { position: absolute; width: 40%; height: 40%; right: -10%; bottom: -10%; z-index: 1; }

.di-box-2 { position: absolute; width: 40%; right: -10%; bottom: -10%; z-index: 1; }


.di-small-3 { position: absolute; width: 40%; height: 40%; top: -10%; left: -10%; z-index: 1; }

/* schedule */

.schedule-item { padding: 40px 0 30px 0; border-bottom: solid 1px #eee; }
.dark .schedule-item { padding: 40px 0 30px 0; border-bottom: solid 1px rgba(255,255,255,.1); }
.schedule-listing:nth-child(even) { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .65) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .65) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .65) 50%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); }

.dark .schedule-listing:nth-child(even) { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .05) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .05) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .05) 50%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); }

.schedule-item > div { float: left; }
.schedule-item .sc-time { font-weight: bold; width: 160px; padding-top: 25px; font-size: 14px; }
.schedule-item .sc-pic { width: 120px; }
.schedule-item .sc-pic img { width: 90px; padding: 5px; height: auto; }
.schedule-item .sc-name { font-weight: normal; font-size: 14px; width: 160px; padding-top: 15px; }
.schedule-item .sc-name h4 { font-size: 14px; margin: 0; line-height: 1.6em; }
.schedule-item .sc-name span { font-weight: normal; font-size: 12px; }
.schedule-item .sc-info { float: none; display: inline-block; width: 60%; }
.schedule-item .sc-info h3 { font-size: 18px !important; margin-bottom: 10px; font-weight: 500; }

.ps1-deco { height: 4px; background: #ffffff; }

.list-inline-style-1 li { font-weight: bold; display: inline; }

.list-inline-style-1 { margin: 0; padding: 0; }

.list-inline-style-1 li:before { display: inline-block; content: "|"; font-family: "FontAwesome"; margin-right: 10px; margin-left: 5px; height: 28px; overflow: hidden; }

.list-inline-style-1 li:first-child:before { content: ""; }

.list-boxed-s1 { display: inline; }
.list-boxed-s1 li { display: table; border: solid 1px rgba(255,255,255,.2); padding: 30px; padding-bottom: 25px; margin: 0 auto; margin-bottom: 20px; }

.text-left { text-align: left; }
.text-right { text-align: right; }

#cookit { position: fixed; width: 100%; bottom: 0; padding: .6rem 2rem; display: flex; z-index: 1000; }
#cookit.hidden { display: none; }

#cookit #cookit-container { margin: auto; width: 1200px; display: flex; align-items: center; flex-wrap: wrap; }

#cookit #cookit-container > * { margin: .4rem; }
#cookit #cookit-container p { line-height: 1.4rem; }

#cookit #cookit-container a { text-decoration: none; }
#cookit #cookit-container a:hover { opacity: .9; }

#cookit #cookit-container #cookit-button { padding: .5rem 1rem; margin-left: auto; }

.de-front { position: relative; z-index: 5; }

.full-height { overflow: hidden; }

.full-height.vertical-center { display: flex; justify-content: center; align-items: center; }

.float-text { width: 20px; position: fixed; z-index: 1000; margin-left: 30px; text-align: center; letter-spacing: 2px; font-size: 12px; top: 50%; left: 15px; transform: translate(-50%, -50%); }

.float-text a { display: block; color: #ffffff; margin: 10px 0; }

.float-text span { margin-left: -5px; margin-top: 20px; writing-mode: vertical-rl; letter-spacing: .75px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); color: #222; }

.dark-scheme .float-text span { color: rgba(255, 255, 255, .5); }


.swiper-pagination-bullet,
.swiper-pagination-bullet-active { background: #fff !important; }

.de-gradient-edge-top { z-index: 1; position: absolute; top: 0; width: 100%; height: 30%; background: linear-gradient(180deg, rgba(24, 25, 27,1) 0%, rgba(24, 25, 27,0) 100%); }

.de-gradient-edge-bottom { z-index: 1; position: absolute; bottom: 0; width: 100%; height: 30%; background: linear-gradient(0deg, rgba(24, 25, 27,1) 0%, rgba(24, 25, 27,0) 100%); }

.fs-32px { font-size: 32px }
.fs-36px { font-size: 36px }
.fs-40px { font-size: 40px }
.fs-48px { font-size: 48px }

.rounded-5px { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded-10px { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rounded-20px { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.rounded-30px { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

.rounded-100 { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

/* ================================================== */
/* quick-search */
/* ================================================== */
.quick-search { display: inline-block; float: right; margin-left: 10px; padding: 10px 0 0 0; }

.quick-search input { width: 120px; border-radius: 40px; }

#search { float: left; width: 70%; margin-bottom: 0; border: solid 1px #333333; }

#search.form-control { background: none; }

#btn-search { border: none; padding: 10px; background: #222; float: left; width: 30%; height: 46px; }

#btn-search:before { font-family: FontAwesome; content: "\f002"; font-size: 24px; color: #111; }

#btn-search:hover { opacity: .8; }
.center-xy { position: absolute; z-index: 5; width: 100%; height: 100%; text-align: center; }

.center-xy i.btn-action { font-size: 24px; border: solid 2px rgba(255,255,255,.3); padding: 16px; width: 60px; height: 60px; border-radius: 60px; text-align: center; color: #fff; }

.center-xy i.btn-action:hover { border-color: rgba(255,255,255,0); background: rgba(255,255,255,.3); }


.center-xy i.btn-action.btn-play { padding-left: 20px; }


.overlay-bg { position: absolute; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0, .5); top: 0; display: flex; align-items: center; justify-content: center; }

.overlay-bg.t2 { background: rgba(0, 0, 0, .2); }

.overlay-bg.t3 { background: rgba(0, 0, 0, .3); }

.bg-overlay { position: absolute; width: 100%; height: 100%; z-index: 1; }
.pic-hover { width: 100%; position: relative; overflow: hidden; }
.pic-hover { width: 100%; position: relative; overflow: hidden; }

i.btn-action-hide { opacity: 0; }

.pic-hover:hover .bg-overlay { background: rgba(0,0,0,.5); }

.pic-hover:hover i.btn-action-hide { opacity: 1; }

.pic-hover.hover-scale:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.arrow-divider > [class*=col-]:nth-child(n+2):after { content: url('../images/icons/arrow-doodle-right.png'); position: absolute; top: 0; bottom: 0; height: auto; left: -60px; top: 50%; }

.arrow-divider.light > [class*=col-]:nth-child(n+2):after { content: url('../images/icons/arrow-doodle-right-white.html'); }


/* ================================================== */
/* review */
/* ================================================== */
.de_review { text-align: center; min-height: 260px; }

.de_review .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold; text-align: center; }

.de_review .de_nav li { list-style: none; background: #EEE; margin: 0 10px 0 10px; margin-bottom: 20px; }

.de_review .de_nav li { display: inline-block; }

.de_review .de_nav li img { width: 100px; height: auto; }

.de_review .de_nav li span { padding: 8px 16px 8px 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; background: #f5f5f5; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer; }

.de_review blockquote { border: none; font-family: "IRANSans Slab", Georgia, "Times New Roman", Times, serif; }

.de_review .de_nav li span { border: 1px solid #404040; background: #222; }

.de_review .de_nav li:first-child span { border-left: 1px solid #ddd; }

.de_review .de_nav li:first-child span { border-left: 1px solid #404040; }

.de_review .de_review_content { border: 1px solid #ddd; padding: 15px 20px 20px 20px; margin-top: -1px; background: #fff; }

.de_review .de_review_content { border: 1px solid #404040; background: #27282b; }

.de_review .de_nav li.active span { background: #FFF; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px; }


.separator { line-height: 0.5; text-align: center; margin: 30px 0 30px 0; }
.separator span { display: inline-block; position: relative; }
.separator span:before,
.separator span:after { content: ""; position: absolute; border-bottom: 1px solid rgba(255,255,255,.1); top: 5px; width: 300px; }
.separator span:before { right: 100%; margin-right: 15px; }
.separator span:after { left: 100%; margin-left: 15px; }

.separator span i { font-size: 6px; padding: 0; margin: 0; float: none; }

.separator span i.fa-3x { font-size: 18px; }

.de_light .separator span:before,
.de_light .separator span:after { border-bottom: 1px solid rgba(0,0,0,.1); }

.text-light .separator span:before,
.text-light .separator span:after { border-bottom: 1px solid rgba(255,255,255,.1); }


/* css attributes */

/* margin top */
.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

/* margin bottom */
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px }
;.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.pt0 { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }

.pb0 { padding-bottom: 0; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 40px; }
.pb80 { padding-bottom: 70px; }


.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }

.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }

.bg-dark-6 { background: rgba(0,0,0,.6); }
.bg-dark-8 { background: rgba(0,0,0,.8); }

/* margin top */
.mt-10 { margin-top: -10px; }
.mt-20 { margin-top: -20px; }
.mt-30 { margin-top: -30px; }
.mt-40 { margin-top: -40px; }
.mt-50 { margin-top: -50px; }
.mt-60 { margin-top: -60px; }
.mt-70 { margin-top: -70px; }
.mt-80 { margin-top: -80px; }
.mt-90 { margin-top: -90px; }
.mt-100 { margin-top: -100px; }
.mt-110 { margin-top: -110px; }
.mt-120 { margin-top: -120px; }
.mt-120 { margin-top: -120px; }
.mt-130 { margin-top: -130px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }


.absolute { position: absolute; z-index: 1; }
.overflow-hidden { overflow: hidden !important; }
.width100 { width: 100%; }

.z-index1000 { position: relative; z-index: 1000; }

.border-white-5 { border: solid 5px white; }

.border1 { border-width: 1px !important; }

.display-table { display: table; }

.display-table [class*="col-"] { float: none; display: table-cell; vertical-align: top; margin: 0; padding: 0; }

.text-middle, .display-table [class*="col-"].text-middle { vertical-align: middle; }

.overlay30 { background: rgba(0,0,0,.3); height: 100%; }
.overlay40 { background: rgba(0,0,0,.4); height: 100%; }
.overlay50 { background: rgba(0,0,0,.5); height: 100%; }
.overlay60 { background: rgba(0,0,0,.6); height: 100%; }
.overlay70 { background: rgba(0,0,0,.7); height: 100%; }
.overlay80 { background: rgba(0,0,0,.8); height: 100%; }
.overlay90 { background: rgba(0,0,0,.9); height: 100%; }


.shadow-soft { -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4); }

.shadow-light { -webkit-box-shadow: 2px 2px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 40px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 40px 0px rgba(0,0,0,0.1); }

.overflow-hidden { overflow: hidden; }

.height-auto { height: auto; }

/* supersized begin */

#slidecaption { position: fixed; bottom: 150px; height: auto; text-align: center; width: 100%; }

.slide_text.center { text-align: center; }
.slide_text.left { text-align: left; margin-left: -10px; }
.slide_text.right { text-align: right; margin-left: -20px; }

#slidecaption h2, .slide-desc { border-radius: 3px; font-weight: 600; }


#slidecaption h2 { display: block; color: #fff; text-shadow: none; margin-bottom: 20px; font-weight: lighter; width: 100%; float: right; text-align: right; font-weight: bold; }

#slidecaption p { font-size: 15px; font-weight: lighter; line-height: 1.8em; text-shadow: none; text-align: right; margin-bottom: 60px; width: 350px; float: right; }

#slidecaption .btn-wrap { width: 100%; display: block; float: right; text-align: right; }


#slidecaption h2, #slidecaption, #slidecaption .btn-wrap { right: 90px; }

#slidecaption a.btn-slide { padding: 5px 20px; text-decoration: none; font-weight: 600; text-transform: uppercase; margin-top: 30px; font-size: 12px; background: #ffffff; color: #000000; position: absolute; z-index: 1000; right: 0px; bottom: 0px; }

#slidecaption .wm-num { -webkit-text-stroke: 1px rgba(255,255,255,.5); bottom: 80px; color: rgba(0,0,0,0); font-size: 400px; font-weight: bold; margin-top: 0; position: fixed; left: -40px; }


.slide-desc { display: block; font-size: 32px; background: #342621; margin-bottom: 10px; }

.slide_text .btn-slider { display: inline-block; font-size: 14px; background: none; color: #fff; padding: 3px 25px 3px 25px; font-weight: bold; text-transform: uppercase; border: solid 2px #fff; }

.slidenumber { font-size: 24px; }

.right-slide-list #slide-list { position: fixed; right: 40px; }

.supersized-no-nav #prevslide,
.supersized-no-nav #nextslide { display: none !important; }

ul#slide-list { position: absolute; z-index: 1001; }

/* supersized close */

header.force-header-mobile { display: block !important; background: #000000; height: auto !important; overflow: hidden; }

header.force-header-mobile #menu-btn { display: block; position: relative; float: right; }

header.force-header-mobile div#logo { height: 50px; }

header.force-header-mobile #de-extra-menu { display: block; position: absolute; right: 50px; margin-top: 10px; }

header.force-header-mobile .d-cart-icon { display: block; width: 60px; position: relative; }

header.force-header-mobile .d-cart-icon span { float: none; margin-left: 20px; }

header.force-header-mobile #mo-button-open { margin-top: 10px; }

header.force-header-mobile { display: none; }

header.force-header-mobile .info { display: none !important; }

header.force-header-mobile, header.force-header-mobile.fixed { display: block; position: inherit; margin: 0; padding: 0; margin-top: 0; background: #000000; padding: 15px 0 15px 0; }

.de_light.de-navbar-left header #mainmenu > li { border-bottom: solid 1px rgba(255,255,255,.1); }

header.force-header-mobile.autoshow { top: 0 !important; }

header.force-header-mobile.autoshow #mainmenu li a { background: none !important; }

header.force-header-mobile.header-mobile-sticky { position: fixed; }

header.force-header-mobile.de_header_2 { height: auto; padding-bottom: 0; }
header.force-header-mobile nav { width: 100%; }

header.force-header-mobile #mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0; }

header.force-header-mobile #mainmenu a { text-align: left; padding-left: 0; padding-top: 10px !important; padding-bottom: 10px !important; }

header.force-header-mobile #mainmenu li li a,
header.force-header-mobile #mainmenu li li li a { padding-left: 0; }

header.force-header-mobile #mainmenu a:hover { background: #111 !important; }


header.force-header-mobile #mainmenu li ul { background: none; display: block; position: inherit; margin: 0; width: 100%; opacity: 1; }

header.force-header-mobile #mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px; }

header.force-header-mobile #mainmenu li a:after { display: none; }

header.force-header-mobile #mainmenu li:last-child { margin-bottom: 30px; }

header.force-header-mobile #mainmenu li ul { border-top: solid 1px #333; top: auto; }

header.force-header-mobile #mainmenu li ul a { width: 100%; background: none; border: none; }

header.force-header-mobile #mainmenu li ul li { border: none; padding-left: 40px !important; }

header.force-header-mobile #mainmenu li ul li a { display: block; }

header.force-header-mobile #mainmenu li ul li:last-child { border-bottom: none; margin: 0; }

header.force-header-mobile #mainmenu li ul li:last-child a { border-bottom: none; }
header.force-header-mobile #mainmenu li a { color: #eceff3; }

header.force-header-mobile #mainmenu li li a { font-size: 10px; }

header.force-header-mobile #mainmenu li li a:hover { color: #fff; }


header.force-header-mobile #mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0; }

header.force-header-mobile.header-custom #mainmenu { padding: 0 40px 0 40px; }

header.force-header-mobile #mainmenu a { text-align: left; padding-top: 10px !important; padding-bottom: 10px !important; }

header.force-header-mobile #mainmenu a:hover { background: none !important; }


header.force-header-mobile #mainmenu li ul { display: block; position: inherit; margin: 0; width: 100%; }

header.force-header-mobile #mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px; }

header.force-header-mobile.header-light #mainmenu li { border-bottom-color: #eee; }

header.force-header-mobile #mainmenu li a:after { display: none; }

header.force-header-mobile #mainmenu li:last-child { margin-bottom: 30px; }

header.force-header-mobile #mainmenu li ul { border-top: none; top: auto; }

header.force-header-mobile #mainmenu li ul a { width: 100%; background: none; border: none; }

header.force-header-mobile #mainmenu li ul li { border: none; padding-left: 40px !important; }

header.force-header-mobile #mainmenu li ul li:first-child { border-top: solid 1px #333; }
header.force-header-mobile.header-light #mainmenu li ul li:first-child { border-top-color: #eee; }

header.force-header-mobile #mainmenu li ul li a { display: block; border-bottom: solid 1px #333; }
header.force-header-mobile.header-light #mainmenu li ul li a { border-bottom-color: #eee; }

header.force-header-mobile #mainmenu li ul li:last-child { border-bottom: none; margin: 0; }

header.force-header-mobile #mainmenu li ul li:last-child a { border-bottom: none; }

header.force-header-mobile #mainmenu li a { color: #eceff3; }

header.force-header-mobile.header-light #mainmenu li a { color: #404040; }

header.force-header-mobile #mainmenu li li a { font-size: 10px; }

header.force-header-mobile #mainmenu li li a:hover { color: #fff; }

header.force-header-mobile #mainmenu li ul { height: 0; overflow: hidden; position: relative; left: 0; }


header.force-header-mobile #mainmenu li ul li ul li:last-child { border-bottom: solid 1px #333; }
header.force-header-mobile.header-light #mainmenu li ul li ul li:last-child { border-bottom-color: #eee; }

header.force-header-mobile #mainmenu li ul li ul { margin-bottom: 10px; }

header.force-header-mobile #mainmenu > li > span { width: 36px; height: 36px; background: url(../images/ui/arrow-down.png) center no-repeat; position: absolute; right: 0; margin-top: 10px; z-index: 1000; cursor: pointer; }
header.force-header-mobile.header-light #mainmenu > li > span { background: url(../images/ui/arrow-down-invert.png) center no-repeat; }

header.force-header-mobile #mainmenu li span.active { background: url(../images/ui/arrow-up.png) center no-repeat; }
header.force-header-mobile.header-light #mainmenu li span.active { background: url(../images/ui/arrow-up-invert.png) center no-repeat; }

header.force-header-mobile #mainmenu li > ul > li > span { width: 36px; height: 36px; background: url(../images/ui/arrow-down.png) center no-repeat; position: absolute; right: 0; margin-top: -45px; z-index: 1000; cursor: pointer; }
header.force-header-mobile.header-light #mainmenu li > ul > li > span { background: url(../images/ui/arrow-down-invert.png) center no-repeat; }

header.force-header-mobile #mainmenu > li > ul > li > span.active { background: url(../images/ui/arrow-up.png) center no-repeat; }
header.force-header-mobile.header-light #mainmenu > li > ul > li > span.active { background: url(../images/ui/arrow-up-invert.png) center no-repeat; }

header.force-header-mobile #mainmenu li ul li a { border-bottom: solid 1px #333; }
header.force-header-mobile.header-light #mainmenu li ul li a { border-bottom-color: #eee; }
header.force-header-mobile #mainmenu li ul li:last-child > a { border-bottom: none !important; }

header.force-header-mobile #mainmenu li ul.mega ul { height: auto; opacity: 1; }

header.force-header-mobile #mainmenu ul.mega li { border-bottom: solid 1px #333; padding-left: 0 !important; }

header.force-header-mobile #mainmenu ul.mega li.title { border-bottom: solid 1px #777 !important; }

header.force-header-mobile #mainmenu ul.mega li:first-child { border: none; }

header.force-header-mobile #mainmenu li ul.mega .menu-content { padding: 0; padding-left: 40px; }

header.force-header-mobile .mega [class*="col-"] { margin-bottom: 0; }

header.force-header-mobile .mega .spacer-single { height: 0; }

header.force-header-mobile #mainmenu li ul.mega li.title { border-top: solid 1px #333333; padding-top: 15px; }

header.force-header-mobile #mainmenu li ul.mega li ul li:last-child { border-bottom: none; margin-bottom: 0; }

header.force-header-mobile #mainmenu li ul.mega li ul { margin-bottom: 0; }

/* -------------------------------------------------- 
	design for 480px
/* -------------------------------------------------- */
@media only screen and (max-width: 767px) {
    .slide_text { display: none; margin: 0 auto; }
}

@media (min-width: 768px) and (max-width: 979px) {
    #slidecaption h2, .slide-desc { font-size: 22px; }
}

@media only screen and (min-width: 980px) {
    .md-flex { display: flex; justify-content: space-between; }

    .md-flex > .md-flex-col { display: flex; justify-content: center; align-items: center; }
}

@media only screen and (max-width: 1199px) {
    .md-flex-col.col-extra { display: none; }
}


/* ================================================== */
/* R E S P O N S I V E */
/* ================================================== */

@media(min-width:980px) and (max-width: 1199px) {

    header #mainmenu a { padding-left: 5px; padding-right: 5px; }

    #mainmenu li a:after { margin-left: 15px; }
}

/* -------------------------------------------------- 
	design for 768px
	/* ================================================== */
@media (min-width: 768px) and (max-width: 979px) {
    .slider_text { padding-top: 0px; }
}

/* mobile */

@media only screen and (max-width: 992px) {

    .de-navbar-left #subheader { background-size: cover !important; }
    .de-navbar-left #subheader h1 { margin-left: 80px; margin-bottom: 60px; }

    .de_large-portfolio h2 { font-size: 10vw; }

    .de__quick-view { overflow-y: auto; }
    .de__qv-content { position: absolute; width: 100%; top: 0; left: 0; -ms-transform: translate(0, 0); transform: translate(0, 0); }

    .de__qv-content .d-col-half { width: 100%; float: none; }

    .de__pic-hover h3 { top: 30px; bottom: auto; }

    #menu-btn { display: block; position: relative; float: right; }

    .sm-mt-0 { margin-top: 0; }

    .pp-section.pp-table { display: block; }

    .pp-scrollable .pp-inner { display: block; }

    .de-header-flex { display: block; }

    #de-extra-menu { display: block; position: absolute; right: 60px; margin-top: 10px; }

    #de-extra-menu.de-search-wrapper { margin-top: 6px; width: 200px; float: right; }

    .d-cart-icon { display: block; width: 60px; position: relative; }

    .d-cart-icon span { float: none; margin-left: 20px; }

    #mo-button-open { margin-top: 10px; }

    .sm-auto-height { height: auto !important; }
    .sm-auto-height .center-y { margin: 90px 0 !important; }

    header { display: none; }

    header .info { display: none !important; }

    header.header-bg { background: rgba(0,0,0,1); }

    header, header.fixed { display: block; position: inherit; margin: 0; padding: 0; margin-top: 0; background: #000000; padding: 15px 0 15px 0; }

    #de-sidebar { position: absolute !important; width: 100%; right: 1px; }


    header.side-header,
    .de_light header.side-header { position: absolute !important; display: block; height: 60px; top: 0; background: #000; }

    header.side-header #mainmenu { position: absolute; background: #000; margin: 0; top: 60px; left: 0; width: 100%; }

    header.side-header #logo .logo { display: none; }

    header.side-header #logo .logo-2 { display: inline-block; position: absolute; height: 30px; top: 15px; left: 40px; }

    header.side-header #menu-btn { position: absolute; top: 8px; right: 30px; height: 0; z-index: 2000; height: 35px; }


    header.side-header #mainmenu li { display: block; }

    header.side-header #mainmenu a,
    .de_light.de-navbar-left header #mainmenu > li > a { display: block; text-align: center; color: #fff; }

    .de_light.de-navbar-left header #mainmenu > li { border-bottom: solid 1px rgba(255,255,255,.1); }

    header.side-header #mainmenu a:hover { background: none !important; }

    header.side-header #mainmenu a:hover { background: none !important; }

    header.side-header .social-icons-2 { display: none; }

    header.autoshow { top: 0 !important; }

    header.autoshow #mainmenu li a { background: none !important; }

    header.header-mobile-sticky { position: fixed; }

    header.de_header_2 { height: auto; padding-bottom: 0; }

    header.force-header-mobile { max-height: 80px; overflow: hidden; position: absolute; }

    header.force-header-mobile div#logo { height: 80px; }

    #subheader, .de-navbar-left #subheader { padding: 0; margin: 0; }
    #subheader h1 { margin: 60px 0 30px 0; }
    #subheader span { display: none; }
    #subheader .crumb { display: none; }

    .de-navbar-left #subheader { padding-top: 70px; }

    .slider_text h1 { font-size: 32px; }

    .slider_text .description { display: none; }
    div#logo { margin-top: -15px; }
    #logo, #logo .inner { vertical-align: middle; height: auto; }

    #domain-check .text, #domain-check .button { width: 100%; }

    .container-3 .de-team-list,
    .container-4 .de-team-list { width: 49.9%; float: left; position: relative; }

    #testimonial-full blockquote { padding: 20px; }

    nav { width: 100%; }

    #mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0; }

    #mainmenu a { text-align: left; padding-left: 0; padding-top: 10px !important; padding-bottom: 10px !important; }

    #mainmenu li li a,
    #mainmenu li li li a { padding-left: 0; }

    #mainmenu a:hover { background: #111 !important; }


    #mainmenu li ul { background: none; display: block; position: inherit; margin: 0; width: 100%; }

    #mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px; }

    #mainmenu li a:after { display: none; }

    #mainmenu li:last-child { margin-bottom: 30px; }

    #mainmenu li ul { border-top: solid 1px #333; top: auto; }

    #mainmenu li ul a { width: 100%; background: none; border: none; }

    #mainmenu li ul li { border: none; padding-left: 40px !important; }

    #mainmenu li ul li a { display: block; }

    #mainmenu li ul li:last-child { border-bottom: none; margin: 0; }

    #mainmenu li ul li:last-child a { border-bottom: none; }
    #mainmenu li a { color: #eceff3; }

    #mainmenu li li a { font-size: 10px; }

    #mainmenu li li a:hover { color: #fff; }


    header.header-mobile #mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0; }

    header.header-mobile.header-custom #mainmenu { padding: 0 40px 0 40px; }

    header.header-mobile #mainmenu a { text-align: left; padding-top: 10px !important; padding-bottom: 10px !important; }

    header.header-mobile #mainmenu a:hover { background: none !important; }


    header.header-mobile #mainmenu li ul { display: block; position: inherit; margin: 0; width: 100%; }

    header.header-mobile #mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px; }

    header.header-mobile.header-light #mainmenu li { border-bottom-color: #eee; }

    header.header-mobile.header-light #mainmenu li a:hover { color: #222; }

    header.header-mobile #mainmenu li a:after { display: none; }

    header.header-mobile #mainmenu li:last-child { margin-bottom: 30px; }

    header.header-mobile #mainmenu li ul { border-top: none; top: auto; }

    header.header-mobile #mainmenu li ul a { width: 100%; background: none; border: none; }

    header.header-mobile #mainmenu li ul li { border: none; padding-left: 40px !important; }

    header.header-mobile #mainmenu li ul li:first-child { border-top: solid 1px #333; }
    header.header-mobile.header-light #mainmenu li ul li:first-child { border-top-color: #eee; }

    header.header-mobile #mainmenu li ul li a { display: block; border-bottom: solid 1px #eee; }
    header.header-mobile.header-light #mainmenu li ul li a { border-bottom-color: #eee; }

    header.header-mobile #mainmenu li ul li:last-child { border-bottom: none; margin: 0; }

    header.header-mobile #mainmenu li ul li:last-child a { border-bottom: none; }

    header.header-mobile #mainmenu li a { color: #eceff3; }

    header.header-mobile.header-light #mainmenu li a { color: #404040; }

    header.header-mobile #mainmenu li li a { font-size: 10px; }

    header.header-mobile #mainmenu li li a:hover { color: #fff; }

    header.header-mobile #mainmenu li ul { height: 0; overflow: hidden; position: relative; left: 0; }


    header.header-mobile #mainmenu li ul li ul li:last-child { border-bottom: solid 1px #333; }
    header.header-mobile.header-light #mainmenu li ul li ul li:last-child { border-bottom-color: #eee; }

    header.header-mobile #mainmenu li ul li ul { margin-bottom: 10px; }

    header.header-mobile #mainmenu > li > span { width: 36px; height: 36px; background: url(../images/ui/arrow-down.png) center no-repeat; position: absolute; right: 0; margin-top: 10px; z-index: 1000; cursor: pointer; }
    header.header-mobile.header-light #mainmenu > li > span { background: url(../images/ui/arrow-down-invert.png) center no-repeat; }

    header.header-mobile #mainmenu li span.active { background: url(../images/ui/arrow-up.png) center no-repeat; }
    header.header-mobile.header-light #mainmenu li span.active { background: url(../images/ui/arrow-up-invert.png) center no-repeat; }

    header.header-mobile #mainmenu li > ul > li > span { width: 36px; height: 36px; background: url(../images/ui/arrow-down.png) center no-repeat; position: absolute; right: 0; margin-top: -45px; z-index: 1000; cursor: pointer; }
    header.header-mobile.header-light #mainmenu li > ul > li > span { background: url(../images/ui/arrow-down-invert.png) center no-repeat; }

    header.header-mobile #mainmenu > li > ul > li > span.active { background: url(../images/ui/arrow-up.png) center no-repeat; }
    header.header-mobile.header-light #mainmenu > li > ul > li > span.active { background: url(../images/ui/arrow-up-invert.png) center no-repeat; }

    header.header-mobile #mainmenu li ul li a { border-bottom: solid 1px #333; }
    header.header-mobile.header-light #mainmenu li ul li a { border-bottom-color: #eee; }
    header.header-mobile #mainmenu li ul li:last-child > a { border-bottom: none !important; }

    header.header-mobile #mainmenu li ul.mega ul { height: auto; }

    #mainmenu li ul.mega { position: fixed; left: 0; width: 100%; margin-top: 30px; display: block; padding: 0; }
    #mainmenu li ul.mega > li { width: 100%; }
    #mainmenu li ul.mega > li ul { position: static; visibility: visible; opacity: 1; left: 0; float: none; width: 100%; }
    #mainmenu ul.mega > li ul li { margin: 0; padding: 0; }

    #mainmenu li ul.mega .menu-content { background: none; padding: 30px; }

    header.header-mobile #mainmenu ul.mega li { border-bottom: solid 1px #333; padding-left: 0 !important; }

    header.header-mobile.header-light #mainmenu ul.mega li { border-bottom: solid 1px #eee; }

    header.header-mobile #mainmenu ul.mega li.title { border-bottom: solid 1px #777 !important; }

    .de_tab.tab_steps .de_nav { text-align: center; }

    .de_tab.tab_steps .de_nav li { display: block; margin: 0; padding: 0; }

    .de_tab.tab_steps .de_nav li span { margin: 0; margin-bottom: 40px; display: inline-block; }

    .de_tab.tab_steps .de_nav li .v-border { border: none; }

    .container .col-md-3 { margin-bottom: 30px; }
    .container .col-md-4 { margin-bottom: 30px; }
    .container .col-md-5 { margin-bottom: 30px; }
    .container .col-md-6 { margin-bottom: 30px; }
    .container .col-md-7 { margin-bottom: 30px; }
    .container .col-md-8 { margin-bottom: 30px; }
    .container .col-md-9 { margin-bottom: 30px; }
    .container .col-md-10 { margin-bottom: 30px; }
    .container .col-md-11 { margin-bottom: 30px; }
    .container .col-md-12 { margin-bottom: 30px; }

    .hidden-phone { display: none; }

    .grid_gallery .item { width: 100%; }

    .de-navbar-left #wrapper { overflow: hidden; width: 100%; }

    .de-navbar-left .inner-padding { padding: 30px; }

    .de-navbar-left header #mainmenu > li > a { padding-left: 40px; }

    .side-bg .image-container { position: relative; width: 100%; height: 400px !important; top: 0; margin-bottom: 60px; }

    .mobile-hide { display: none; }

    .display-table { display: block; }

    .display-table [class*="col-"] { float: none; display: block; vertical-align: top; }

    h2.hero { font-size: 28px; letter-spacing: 5px; }

    #filters li.pull-right { float: none !important; }

    .sm-hide { display: none; }

    #mainmenu li ul.mega .menu-content { padding: 0; padding-left: 40px; }

    .mega [class*="col-"] { margin-bottom: 0; }

    .mega .spacer-single { height: 0; }

    header.header-mobile #mainmenu li ul.mega li.title { padding-top: 15px; }

    header.header-mobile #mainmenu li ul.mega li ul li:last-child { border-bottom: none; margin-bottom: 0; }

    header.header-mobile #mainmenu li ul.mega li ul { margin-bottom: 0; }

    .sm-mt0 { margin-top: 0; }

    .sm-mb-30 { margin-bottom: 30px; }

    .sm-no-padding { padding: 0; }

    .sm-pt-0 { padding-top: 0; }

    .d-slide-item .dsi-desc { margin-left: 0%; float: right; }

    .d-slide-item .wm { line-height: 1em; }

    h1.ultra-big { font-size: 12vw; }

    .sm-spacer-single { width: 100%; height: 30px; display: block; clear: both; }

    .sm-spacer-double { width: 100%; height: 60px; display: block; clear: both; }

    .pp-scrollable { display: block; }

    .float-text { display: none; }

    .de-hero-block { height: 350px; }
    .d-hero-item-1 h3, .d-hero-item-2 h3, .d-hero-item-3 h3 { font-size: 16px; }

    .d-hero-item-2 .d-attr, .d-hero-item-3 .d-attr, .d-hero-item-4 .d-attr { display: none; }

    header.header-s2 { padding: 0; margin: 0; }

    header.header-light.header-s2 .d-menu-wrap { background: none; padding: 0; }
}

/* -------------------------------------------------- 
	custom for 320px & 480px 
	/* -------------------------------------------------- */
@media only screen and (max-width: 767px) {
    .container { padding-left: 30px; padding-right: 30px; }
    .feature-box-image, .pricing-box { margin-bottom: 30px; }

    .de_tab .de_nav li { display: block; width: 100%; }

    .pf_full_width .item { float: left; width: 49.9% !important; }

    /*.item{
	font-size:48px;
	line-height:48px;
	}*/

    .item i { font-size: 36px; }

    #de-sidebar { width: 100%; display: block; position: relative; }

    .pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box { width: 100%; }

    .container-3 .de-team-list,
    .container-4 .de-team-list { width: 100%; float: left; position: relative; }

    .countdown-section { font-size: 12px; }
    .countdown-amount { font-size: 36px; }

    .de-navbar-left header #mainmenu > li > a { padding-left: 40px; }

    .de-navbar-left .inner-padding { padding: 0px; }

    h1.title-2 { font-size: 16px; letter-spacing: 10px; line-height: 2em; }


    header.de_header_2 { height: auto; }

    .sm-no-padding { margin-top: 0; }

    .mt-sm-none { margin-top: 0; }

    .text-slider { font-size: 5vh; letter-spacing: 1vh; }

    .schedule-item .sc-time { width: 100%; padding-bottom: 20px; float: none; }
    .schedule-item .sc-pic { width: 80px; }
    .schedule-item .sc-pic img { width: 60px; }
    .schedule-item .sc-name { padding-top: 5px; }
    .schedule-item .sc-info { float: none; display: block; width: 100%; clear: both; padding-top: 30px; }
    .schedule-item .sc-info h3 { margin-bottom: 10px; }

    h1.title-3 { font-size: 10vw; }


    .owl-custom-nav.nav-in-col .btn-next { right: 0; }

    .de-hero-block { height: auto; }
    .de-hero-block .d-hero-item-1,
    .de-hero-block .d-hero-item-2,
    .de-hero-block .d-hero-item-3,
    .de-hero-block .d-hero-item-4 { position: relative; display: block; height: 300px; width: 100%; left: 0; margin-bottom: 10px; }

    .de-hero-block .d-hero-item-4 .d-image img { width: calc(100% + 50px); height: auto; }

    .de-blogpost-2 { position: relative; margin-bottom: 30px; }
    .de-blogpost-2 .d-content { overflow: hidden; width: 100%; }
    .de-blogpost-2 .d-image { width: 100%; margin-bottom: 20px; }
}


/* -------------------------------------------------- 
	design for 480px
	/* -------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { padding-left: 30px; padding-right: 30px; }
    .feature-box-image, .pricing-box { margin-bottom: 30px; }
}


/* -------------------------------------------------- 
	design for 320px
	/* -------------------------------------------------- */
@media only screen and (max-width: 480px) {

    #de-extra-menu.de-search-wrapper { display: none; }

    .pf_full_width .item { float: left; width: 100% !important; }

    .text-slider.fontsize40 { font-size: 10vw !important; letter-spacing: 1vw; line-height: 15vw; }

    /*.item{
	font-size:32px;
	line-height:32px;
	}*/

    .item i { font-size: 24px; }

    .grid-item .pf_title { display: none; }

    .de__banner h3 { font-size: 24px; margin-bottom: 5px; }

    .de__banner h4 { font-size: 12px; margin-bottom: 5px; }
    .de__banner small { font-size: 12px; margin-top: 0; display: none; }

    .de__banner a.btn-custom { padding: 5px; }
}