@charset "UTF-8";
/*#region info*/
/*
    Website : Dnnplus.ir
    Author  : Soheil kheiri
    Edited  : 2025 Q4
    Version : 9.x
    font    : fontiran.com/license/?license=C5NSR
*/
/*#endregion*/

@import url('bootstrap/css/bootstrap.min.css');
/*@font-face { font-family: 'IRANSans-web'; src: url('fonts/woff/IRANSansWeb.woff') format('woff'); font-weight: normal; }
@font-face { font-family: 'IRANSans-web'; src: url('fonts/woff/IRANSansWeb_Bold.woff') format('woff'); font-weight: bold; }*/

@font-face { font-family: 'IRANSans-web'; src: url('fonts/woff/IRANSansXFaNum-Regular.woff') format('woff'); font-weight: normal; }
@font-face { font-family: 'IRANSans-web'; src: url('fonts/woff/IRANSansXFaNum-Bold.woff') format('woff'); font-weight: bold; }

/*#region CSS Rest*/
* { font-family: IRANSans-web, 'Segoe UI', Geneva, Verdana, sans-serif !important; }
.fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; }
.dnni { font-family: dnnicon !important; }
body { background: rgba(0, 0, 0, 0) url("images/pattern-dnn.png") repeat scroll 0 0; }
.Sprite { background-image: url(Images/Sprite2017-min.png); background-repeat: no-repeat; }
img { border: 0 none; height: auto; }
img, object, embed { max-width: 100%; }
ul, ol { margin-right: 18px; margin-left: auto; }
ul { list-style: inside none disc; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.4; }

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a, a:link, a:visited, a:active { color: #5895fc; outline: 0 none; text-decoration: none; }
    A:hover { color: #EE3A43; }
header a, header a:link, header a:visited, header a:active,
.PagesHead a, .PagesHead a:link, .PagesHead a:visited,
.PagesHead a:active, .alert-success a,
.DNNPLUS-Forum a, .FooterArchiveText { color: #47292b; }
    .PagesHead a:hover, header a:hover, .DNNPLUS-Forum a:hover,
    .HomeFooterArchive:hover a span.FooterArchiveText { color: #ee3a43; }
.Normal, .NormalDisabled, .NormalDeleted { color: #444; font-size: 13px; font-weight: normal; line-height: 1.9; }
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction { color: #fff; }
a:hover { color: #5895fc; text-decoration: none; outline: 0; }
/* DNN Specific Selectors 
-------------------------------------*/
.CommandButton { font-size: 13px; color: #3d3d3d; font-weight: bold; }
    .CommandButton:hover { color: #007cae; }
a.CommandButton:link { font-size: 13px; text-decoration: none; color: #3d3d3d; font-weight: bold; }
a.CommandButton:hover { text-decoration: underline; color: #007cae; }
input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] { background: #fff; border: 1px solid #bfbfbf; border-radius: 0 !important; box-shadow: 0 0 0 !important; color: #666666; font-size: 13px; margin-bottom: 20px; padding: 9px; }
iframe[name=PersianStat] { display: none !important; }
/*--------------------------------------
   SEARCH
--------------------------------------*/
.SearchBox { height: 35px; margin-top: 14px; position: relative; width: 425px; }
    .SearchBox > span { width: 100%; }
.SearchButton { height: 35px; left: 1px; opacity: 0 !important; position: absolute; top: 0; width: 32px; z-index: 10; }
.SearchBox .livicon { left: 8px; position: absolute; top: 6px; z-index: 1; }
.SearchBox .Searchicon { left: 5px; position: absolute; top: 5px !important; }
ul.searchSkinObjectPreview > li > span { color: #0094d4; display: block; font-size: 13px; font-weight: bold; line-height: 19px; margin-bottom: 6px; }
ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group { border-bottom: 1px solid #EE3A43 !important; color: #EE3A43 !important; }
ul.searchSkinObjectPreview > li:last-child { font-weight: bold; text-align: center; border-radius: 0 0 11px 11px; }
ul.searchSkinObjectPreview > li:first-child { border-top: none !important; }
ul.searchSkinObjectPreview { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0; border-bottom: 1px solid #ee3a43; -moz-border-image: none; -o-border-image: none; -webkit-border-image: none; border-image: none; border-left: 1px solid #ee3a43; border-radius: 0 0 10px 10px; border-right: 1px solid #ee3a43; border-top: 0 solid transparent; box-shadow: 2px 2px 4px -3px #424242; list-style: outside none none; margin: 0; padding: 0; position: absolute; right: 0; top: 100%; width: 100%; z-index: 200; }
.rtl .searchInputContainer a.dnnSearchBoxClearText { left: 36px !important; position: absolute; top: 3px; right: auto; }
.searchSkinObjectPreview { width: 100% !important; }
.SearchBox .searchInputContainer { margin: 0; width: 100%; }
    .SearchBox .searchInputContainer input { background: #fff; border: 1px solid #bfbfbf; border-radius: 4px !important; box-shadow: 0 0 1px -3px #9f9f9f inset !important; height: 35px; margin: 0; padding: 0 15px 0 55px; width: 100%; }
/*#endregion*/

/*#region Dnnplus*/
.btn-dnnplus { margin: 10px auto; line-height: 38px; }
    .btn-dnnplus a, .btn-dnnplus button { padding: 8px 15px; border-bottom: 3px solid #ee3a43; color: #fff; font-size: 13px; font-weight: bold; border-radius: 8px; margin: 0 10px; background: #00a4e4; position: relative; }
        .btn-dnnplus a:hover, .btn-dnnplus button:hover { border-bottom: 0px solid; top: 3px; }
.btn-plus { background: #00a4e4 none repeat scroll 0 0; border-bottom: 3px solid #47292b; border-radius: 5px; clear: both; color: #fff !important; float: right; font-weight: bold; margin: 4px; padding: 8px 20px }
    .btn-plus:hover { background: #ee3a43 none repeat scroll 0 0; border-bottom: 0 solid; position: relative; top: 3px; margin-bottom: 7px; }

/*#endregion*/


/*#region Header */
header.header { border-bottom: 1px solid #eeeeee; min-height: 135px; width: 100%; }
.Brand { margin-top: 10px; position: relative; right: -47px; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
.livicon { display: inline-block; line-height: inherit; vertical-align: middle; height: 18px !important; }
.HeadIcon { height: 33px; margin-top: 10px; width: 425px; }
.headiconPane { float: left; height: 33px; width: 133px; }
.headobject { float: left; width: inherit; height: 33px; }
    .headobject span { float: left; margin: 0 5px; text-align: center; }
.Account { float: right; height: 33px; width: 285px; }
.loginlink svg, .userdnn svg { float: right; top: -4px !important; }
.loginGroup { float: right; font-size: 13px; line-height: 20px; padding: 0 1px 0 0; }
.Account .loginlink { border-left: 1px solid #47292b; float: right; height: 18px !important; margin: 8px 0; padding: 0 0 0 9px; }
.Account .registerGroup { height: 26px; min-width: 121px; position: relative; top: -4px !important; }
.Account .userdnn ul { margin: 0 !important; }
.Account .userdnn { float: right; height: 18px !important; margin: 7px 3px 7px 0 !important; }
.loginlink .livicon { width: 100% !important; }
.Fullmenu .navbar li a .livicon { line-height: 28px; }
/*Navbar*/
.navbar { border: 0 none !important; border-radius: 0 !important; margin-bottom: 0 !important; min-height: 42px !important; }
/*Border*/
.FullBorder { background: none repeat scroll 0 0 #00a4e4; height: 4px; overflow: hidden; position: relative; width: 100%; }
.Red-Border { width: 50%; float: right; height: inherit; background: #ee3a43; }
/*#endregion*/

/*#region Register User*/
.userMessages.alpha { float: right; }
.userNotifications.omega { float: right; }
.userDisplayName { display: flex; float: right; min-width: 95px; }
#dnn_dnnUser_avatar > img { border-radius: 5px; width: 25px; }
.buttonGroup { display: flex; float: right; height: 26px; line-height: 31px; padding: 0 13px; position: absolute; }
.Account .userdnn ul li { font-size: 12px; list-style: outside none none !important; padding: 0 17px 0 0; }


/*Login Form*/
.loginContent .dnnLabel { float: none !important; margin: 10px auto 0 !important; width: 100% !important; text-align: center !important; padding: 0 !important; }
.LoginPanel { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] { width: 100% !important; text-align: center !important; margin: 0 auto !important; margin-bottom: 10px !important; }
.loginContent .dnnForm .dnnFormItem { text-align: center !important; padding: 0 !important; margin: 0 auto !important; float: none !important; display: block !important; }
.loginContent .dnnLeft { float: none !important; }
.loginContent div.dnnCaptcha img { border-radius: 10px !important; }
.loginContent .dnnFormItem > label.dnnFormLabel,
.loginContent .dnnFormItem > span.dnnFormLabel { text-align: center !important; font-weight: bold; }
.loginContent .dnnLoginRememberMe { width: 100% !important; display: block; }
.loginContent .dnnFormItem input[type="checkbox"] + span img,
.loginContent .dnnFormItem input[type="radio"] + span img { border-radius: 0 !important; }
.loginContent .dnnPrimaryAction,
.loginContent .dnnFormItem input[type="submit"],
.loginContent .dnnFormItem button,
.loginContent .dnnFormItem input[type="reset"],
.loginContent .dnnSecondaryAction { background: #00a4e4 !important; width: 90%; margin: 0 auto 15px !important; text-align: center !important; box-shadow: 0 5px 0 -1.5px #ee3a43; border-radius: 8px !important; text-shadow: none !important; color: #fff !important; }

.loginContent .dnnLoginActions { width: 100% !important; text-align: center !important; }
    .loginContent .dnnLoginActions ul { margin: 0 auto !important; text-align: center; padding: 0 !important; }
.loginContent .dnnActions li { float: none !important; text-align: center !important; margin: 0 auto !important; }
.loginContent .dnnLoginActions { width: 100% !important; text-align: center !important; }
    .loginContent .dnnLoginActions ul { margin: 0 auto !important; text-align: center; padding: 0 !important; }
.loginContent .dnnActions li { float: none !important; text-align: center !important; margin: 0 auto !important; }
.loginContent .dnnFormLabel { font-weight: bold; }
.loginContent .dnnCaptcha input { margin: 0 auto !important; }

span.dnnFormMessage.dnnFormError.dnnCaptcha { bottom: auto !important; top: -68% !important; right: 0 !important; }

/*#endregion*/

/*#region PriceTable Color Full Table*/
.CFT-columns { width: calc(100%/4 - 6px); float: right; text-align: center; background: white; margin: 6px 3px; border-radius: 15px; overflow: hidden; position: relative; padding: 0 0 35px 0 !important; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.CFT-head { height: 220px; border-radius: 0 0 220px 220px; background: #f6f7fa; display: inline-block; width: 140%; position: relative; left: 20%; color: #fff; }
.CFT-iconBox { height: 100px; width: 100px; background: white; margin: 18px auto; border-radius: 100%; }
.CFT-Content { list-style: none; line-height: 3.5; font-weight: bold; margin: 0 auto; }
.CFT-Title h3 { font-size: 29px; font-weight: bold; }
.CFT-price { font-size: 24px; line-height: 2.8; }
.CFT-Class { font-size: 20px; line-height: 2.5; margin-top: 12px; }
.CFT-Sprite { background-image: url('images/price-sprite.png'); background-repeat: no-repeat; height: 100%; width: 100%; }
.CTF-header-title { text-align: center; font-weight: bold; line-height: 2; }
.CTF-Description { font-weight: bold; text-align: center; line-height: 2.5; margin-bottom: 30px; }
.CFT-columns:hover { transform: scale(1.03); z-index: 1; }

/*Diamondplus*/
.Diamondplus .CFT-head { background: #00c2ff; }
.Diamondplus .CFT-price, .Diamondplus .CFT-Class { color: #00c2ff; }
.CFT-columns.Diamondplus { border: 4px solid #00c2ff; }
.Diamondplus .btn-CFT a { background: #00c2ff; }
.CFT-Diamondplus { background-position: 0 5px; }

/*Diamond*/
.Diamond .CFT-head { background: #00d2ff; }
.Diamond .CFT-price, .Diamond .CFT-Class { color: #00d2ff; }
.CFT-columns.Diamond { border: 4px solid #00d2ff; }
.Diamond .btn-CFT a { background: #00d2ff; }
.CFT-Diamond { background-position: 0 5px; }

/*Gold*/
.Gold .CFT-head { background: #ffb82f; }
.Gold .CFT-price, .Gold .CFT-Class { color: #ffb82f; }
.CFT-columns.Gold { border: 4px solid #ffb82f; }
.Gold .btn-CFT a { background: #ffb82f; }
.CFT-Gold { background-position: -101px 0; }

/*Sliver*/
.Sliver .CFT-head { background: #eaeaea; }
.Sliver .CFT-price, .Sliver .CFT-Class { color: #c9c9c9; }
.CFT-columns.Sliver { border: 4px solid #eaeaea; }
.Sliver .btn-CFT a { background: #c9c9c9; }
.CFT-Sliver { background-position: -201px 0; }

.btn-CFT { margin: 10px auto; line-height: 38px; }
    .btn-CFT a, .btn-CFT button { padding: 8px 15px; border-bottom: 3px solid #5e5e5e; color: #fff; font-size: 13px; font-weight: bold; border-radius: 8px; margin: 0 10px; background: #00a4e4; position: relative; }
        .btn-CFT a:hover, .btn-CFT button:hover { border-bottom: 0px solid; top: 3px; }




/*Evoq*/
.CFT-Sprite-Evoq { background-image: url('images/EvoqPoweredByDNN.png'); background-position: 13px 13px; background-repeat: no-repeat; height: 100%; width: 100%; }
.EvoqPriceTable .CTF-header-title { color: #ec1c2d; }
.EvoqPriceTable .CFT-price p { margin: 20px auto; }
    .EvoqPriceTable .CFT-price p > span { line-height: 2.3; font-size: 18px; display: block; }



/*EvoqBasic*/
.EvoqBasic .CFT-head { background: #ec1c2d; }
.EvoqBasic .CFT-price, .EvoqBasic .CFT-Class { color: #00a7e1; }
.CFT-columns.EvoqBasic { border: 4px solid #ec1c2d; }
.EvoqBasic .btn-Evoq a { background: #ec1c2d; }

/*EvoqContent*/
.EvoqContent .CFT-head { background: #ec1c2d; }
.EvoqContent .CFT-price, .EvoqContent .CFT-Class { color: #00a7e1; }
.CFT-columns.EvoqContent { border: 4px solid #ec1c2d; }
.EvoqContent .btn-Evoq a { background: #ec1c2d; }


/*EvoqEngage*/
.EvoqEngage .CFT-head { background: #ec1c2d; }
.EvoqEngage .CFT-price, .EvoqEngage .CFT-Class { color: #00a7e1; }
.CFT-columns.EvoqEngage { border: 4px solid #ec1c2d; }
.EvoqEngage .btn-Evoq a { background: #ec1c2d; }

.btn-Evoq { margin: 10px auto; line-height: 38px; }
    .btn-Evoq a, .btn-Evoq button { padding: 8px 15px; border-bottom: 3px solid #5e5e5e; color: #fff; font-size: 13px; font-weight: bold; border-radius: 8px; margin: 0 10px; background: #00a7e1; position: relative; }
        .btn-Evoq a:hover, .btn-Evoq button:hover { border-bottom: 0px solid; top: 3px; }




/*#endregion*/

/*#region Page inner css*/
.PagesHead { background: url("https://dnnplus.ir/Portals/0/layerone-min.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 118px; overflow: hidden; }
.breadcrumbLink { background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0; border-radius: 5px; margin: 0 8px; padding: 3px 13px; }
.BCLINK { float: right; margin: 0 -4px; }
    .BCLINK .livicon { height: 14px !important; }
.PageTittle H1 { color: #47292b; font-size: 29px; font-weight: bold; margin-bottom: 15px; margin-top: 20px; }
.BreadcrumbHome .livicon { bottom: 11px; position: relative; }
.Content-Dnnplus { margin-top: 15px; }
#to_top { background-color: #00A4E4; border-radius: 5px; bottom: 20px; cursor: pointer; display: none; float: right; font-size: 24px; height: 43px; margin-top: 10px; position: fixed; right: 20px; text-align: center; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; width: 43px; z-index: 1000; }
    #to_top::before { border-left: 2px solid #fff; border-top: 2px solid #fff; content: ""; display: block; height: 12px; left: 50%; margin: -2px 0 0 -6px; position: absolute; top: 50%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 12px; }
.NewsletterContainer, .LINKContainer, .SocialContainer { width: 100%; min-height: 20px; overflow: hidden; }
.NewsletterHead, .LinkHead, .SocialHead { color: #ffffff; font-size: 18px !important; height: 26px !important; margin: 0 0 13px !important; width: inherit !important; }
    .NewsletterHead .TitleH2, .LinkHead .TitleH2, .SocialHead .TitleH2 { font-size: 16px; font-weight: bold; position: relative; right: 0 !important; top: -11px !important; }
/*#endregion*/

/*#region Slider*/
section.ResponsiveSlider { overflow: hidden; position: relative; width: 100%; }
.FullSlider { width: 100%; }

@-webkit-keyframes Rotate-unlimit {
    0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

    100% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes Rotate-unlimit {
    0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

    100% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes Rotate-unlimit {
    0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

    100% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes Rotate-unlimit {
    0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

    100% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes Rotate-unlimit-x {
    0% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

    100% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

@-moz-keyframes Rotate-unlimit-x {
    0% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

    100% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

@-o-keyframes Rotate-unlimit-x {
    0% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

    100% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes Rotate-unlimit-x {
    0% { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

    100% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

h1.h1download-slider { color: #5eaf00; font-size: 27px; text-align: center; margin-top: 0; }
.donwload-dnn-slider { position: relative; width: 1000px; }
.dnownloadlinkleft { position: absolute; left: 40px; top: 120px; }
.dnownloadlinkRight { position: absolute; right: 40px; top: 120px; }
.download-innerlink { display: inline-block; }
.dnownloadlinkRight, .dnownloadlinkleft { border: 1px solid #5eaf00; border-radius: 30px; color: #5eaf00 !important; font-size: 16px; padding: 10px 16px; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
    .dnownloadlinkRight:hover, .dnownloadlinkleft:hover { background: #5eaf00; color: white !important; }
.Download-Slider-DNN9 a { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border: 2px solid #ffffff; border-radius: 9px; color: #ffffff !important; font-size: 13px; font-weight: bold; padding: 12px 21px; }
.Download-Slider-upgrade9 a { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; margin-left: 8px; border: 2px solid #ffffff; border-radius: 9px; color: #ffffff; font-size: 13px; font-weight: bold; padding: 12px 21px; }
.Download-Slider-define { background: rgba(255,255,255,0.2); border: 2px solid white; border-radius: 8px; padding: 13px 13px 0 25px; color: white; }
/*#endregion*/

/*#region Module*/
.Dnnplus-Service:hover { background: none repeat scroll 0 0 #ffffff; border: 1px solid #e1e1e1; box-shadow: 1px 1px 3px -1px #e1e1e1; }
.Dnnplus-Service { -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; float: right; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; border: 1px solid rgba(0, 0, 0, 0); }
.FiveServiceDnnplus { min-height: 100px; width: 100%; margin: 23px 0; }
.Dnnplus-Service p { line-height: 21px; margin: 0 2px; text-align: justify; color: #331e20; }
.Orders-plus { background-position: -527px 0px; height: 130px; width: 130px; margin: 10px auto 0; }
.Modules-plus { width: 130px; height: 130px; background-position: -394px 0px; margin: 10px auto 0; }
.Skins-plus { background-position: -262px 0; height: 130px; width: 130px; margin: 10px auto 0; }
.Learn-plus { background-position: -130px 0; width: 130px; height: 130px; margin: 10px auto 0; }
.Support-plus { width: 130px; margin: 10px auto 0; height: 130px; background-position: 1px 0; }
.Title-Service { color: #ee3a43; font-size: 18px; line-height: 21px; margin: 10px 0; font-weight: bold; letter-spacing: 1px; }
.Bottom-Service { display: block; line-height: 30px; padding: 3px 0; }
    .Bottom-Service span { color: #331e20; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
    .Bottom-Service > span:hover { color: #EE3A43; }
.attentionProduct i.livicon { position: relative; top: -4px; left: 3px; }
.alertProduct { border: 1px solid #e1e1e1 !important; box-shadow: 1px 1px 3px -1px #e1e1e1 !important; background: #fff !important; border-radius: 0 !important; }
.support-telegram { position: fixed; left: 40px; bottom: 90px; z-index: 999999; }
    .support-telegram .paper-plane-ico { background: url("/Portals/_default/Skins/DnnPlus/images/support.png") no-repeat; height: 65px; width: 65px; overflow: hidden; border-radius: 65px; display: block; box-shadow: 0 0 1px 0 #1f95d4; }
.support-title { -moz-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; -webkit-transition: all 0.4s ease 0.4s; transition: all 0.4s ease 0.4s; padding: 5px 8px; position: absolute; width: 119px; right: -25px; font-size: 12px; letter-spacing: -0.5px; background: #1f95d4; border-radius: 5px; color: #fff !important; top: 60px; opacity: 0; }
.support-telegram:hover .support-title { opacity: 1; top: 75px; }
.support-title::before { display: block; content: ""; border-bottom: 5px solid #1f95d4; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 5px; width: 5px; margin: -10px auto 5px; }

/*Shake*/
@-webkit-keyframes Shake {
    0% { -webkit-transform: scale(1); }
    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }
    100% { -webkit-transform: scale(1) rotate(0); }
}

@-moz-keyframes Shake {
    0% { -moz-transform: scale(1); }
    10%,20% { -moz-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); }
    100% { -moz-transform: scale(1) rotate(0); }
}

@-o-keyframes Shake {
    0% { -o-transform: scale(1); }
    10%,20% { -o-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); }
    100% { -o-transform: scale(1) rotate(0); }
}

@keyframes Shake {
    0% { transform: scale(1); }
    10%, 20% { transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
    100% { transform: scale(1) rotate(0); }
}

.support-telegram .Shake { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; }
.support-telegram:hover .Shake { -webkit-animation-name: Shake; -moz-animation-name: Shake; -o-animation-name: Shake; animation-name: Shake; }
.text-readmore { background: transparent; border: 1px solid #00a4e4; border-radius: 4px; color: #00a4e4; padding: 2px 6px; margin: 10px 0; }
.SharedMorelist { list-style: disc; line-height: 2.2; }
.btn-sharedmore { margin-top: 30px; }

pre[class*="language-"] { background: black !important; }
/*#endregion*/

/*#region Parallex*/
.ParallexPane { margin: 115px 0 0; width: 100%; }
.ShadowTop { box-shadow: 0 9px 9px -7px rgba(0, 0, 0, 0.8) inset; height: inherit; }
.ShadowBottom { height: inherit; box-shadow: inset 0 -9px 9px -7px rgba(0,0,0,0.6); }
.Parallex-Content-dnnplus { margin-top: 15px; overflow: hidden; position: relative; }
.Parallexv5 { background: rgba(255, 255, 255, 0.03) none repeat scroll 0 0; float: right; height: 270px; width: 50%; }
.innerParallex { height: inherit; position: relative; }
.frameContentParallex { height: inherit; position: absolute; width: 100%; }
.framelefttop { left: 0; position: absolute; top: 0; height: 64px; width: 64px; border-top: 3px solid white; border-left: 3px solid white; }
.frameleftbottom { border-bottom: 3px solid white; border-left: 3px solid white; height: 64px; left: 0; position: absolute; bottom: 0; width: 64px; }
.framerighttop { position: inherit; right: 0; top: 0; width: 64px; height: 64px; border-right: 3px solid white; border-top: 3px solid white; }
.framerightbottom { right: 0; bottom: 0; position: absolute; width: 64px; height: 64px; border-bottom: 3px solid white; border-right: 3px solid white; }
.ContentParallex { padding: 30px; position: relative; height: inherit; }
.CPDownload, .CPRefrence { background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0; float: right; margin: 0 20px 20px; position: relative; width: calc(100% - 40px); }
.Dnnplus-parallex-inner { color: #fff; font-size: 32px !important; font-weight: bold; letter-spacing: 1px; line-height: 60px; margin-bottom: 26px; text-align: center; text-shadow: 0 2px 3px #000; }
.iconCPD, .iconCPR { background: #ee3a43 none repeat scroll 0 0; float: right; height: 50px; width: 50px; }
    .iconCPD::after, .iconCPR::after { border-bottom: 10px solid transparent; border-right: 9px solid #ee3a43; border-top: 10px solid transparent; content: ""; display: block; position: absolute; right: 50px; top: 15px; }
.Parallex-Content-dnnplus a { color: white !important; }
.Dnnplus-parallex-inner span { position: relative; top: -17px; }
.CPDownload p, .CPRefrence p { color: white; float: right; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; line-height: 50px; margin: 0 20px 0 0; }
.CPDownload .livicon, .CPRefrence .livicon { position: absolute; right: 10px; top: 8px; }
.Parallex-Dnnplus { background: #001a3b url("images/MacBook-Mockup-min.jpg") no-repeat fixed center center; background-size: cover; height: 500px; margin: 15px 0; }

.rotateobject { -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
.start-install { width: 85px; height: 85px; }
.slider-shop { height: 134px; width: 160px; }
.csn-video { height: 80px; width: 80px; }
.forum-boject { height: 80px; width: 80px; }
.DNN-Portofolio { min-height: 250px; width: 100%; margin: 65px 0 25px; }
/*#endregion*/

/*#region portofolio*/
.portofolio-plus { display: block; text-align: center; border-bottom: 3px solid #00a4e4; background: #fff; border-radius: 13px; overflow: hidden; position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 28px; border-top: 3px solid #ee3a43; }
    .portofolio-plus:hover { margin: 28px 28px 22px 28px; }
    .portofolio-plus a { display: inline-block; }
    .portofolio-plus i.livicon { display: none; position: absolute; left: 104px; top: 78px; }
    .portofolio-plus img { border-radius: 12px; border-bottom: 2px solid #ee3a43; }
    .portofolio-plus h6 { display: block; margin: 15px 0; color: #331e20; font-size: 12px; font-weight: bold; }
    .portofolio-plus h5 { font-size: 13px; margin: 15px 0; display: block; font-weight: bold; color: #331e20; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
    .portofolio-plus:hover h5 { margin: 18px 0; }
    .portofolio-plus .portofolio-img::before { background: #00a4e4; border-radius: 11px; content: ""; position: absolute; height: 180px; width: 100%; opacity: 0; display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
    .portofolio-plus:hover .portofolio-img::before { opacity: 0.6; }
    .portofolio-plus i { position: relative; z-index: 10; }
    .portofolio-plus:hover i { display: block; }
#owl-Portofolio .owl-controls .owl-buttons div { top: 112px !important; }
.portofolio-More { text-align: center; margin: 50px auto 35px; }
    .portofolio-More span { font-size: 15px; color: #ee3a43; }
    .portofolio-More a { padding: 9px 25px; border-bottom: 3px solid #ee3a43; color: #fff; font-size: 13px; font-weight: bold; border-radius: 8px; margin: 0 10px; background: #00a4e4; position: relative; }
        .portofolio-More a:hover { border-bottom: 0px solid; top: 3px; }
/*#endregion*/

/*#region Footer */
footer.footer { background: #331e20 none repeat scroll 0 0; min-height: 20px; overflow: hidden; padding: 60px 0 15px; }
.Privacy .SkinObject, .Privacy, .DNNPLUS-IR { color: #ac9b9c; font-size: 13px; font-weight: bold; }
.Branding-dnnplus { width: inherit; }
.Certificates { position: relative; background: #E5E5E5; border-radius: 8px; display: inline-block; padding: 8px; width: 100%; }
    .Certificates::after { background: #00a4e4 none repeat scroll 0 0; content: ""; display: block; height: 1px; position: absolute; top: 53%; width: calc(100% - 18px); }
.Cerbox { float: right; width: 50%; }
    .Cerbox > div { height: 133px; text-align: center; width: 100%; }
.Saramad { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
.behpardakht { padding-right: 5px; padding-top: 8px; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
.nashronline { position: relative; top: -7px; -moz-transform: scale(0.94); -ms-transform: scale(0.94); -o-transform: scale(0.94); -webkit-transform: scale(0.94); transform: scale(0.94); }
.Cerbox.Cerbd { border-left: 1px solid #00a4e4; }
.linklist { list-style: none !important; }
.linkitem { border-radius: 5px; line-height: 26px !important; margin: 4px 0; padding: 0 5px 0 0; }
    .linkitem .livicon { height: 15px !important; }
    .linkitem a { color: #ac9b9c; font-size: 13px; }
    .linkitem:hover { background: none repeat scroll 0 0 #dedbdb; }
        .linkitem:hover a { color: #331e20; }
.footerEnd { clear: both; margin: 55px 0 0; }
.Social-Dnnplus { border-bottom: 1px solid #00a4e4; height: 95px; margin: 0 0 30px; padding: 15px 0 31px; text-align: center !important; width: 100%; }
    .Social-Dnnplus .items-social.telegram { margin-top: 4px; }
    .Social-Dnnplus .items-social { display: block; height: 45px; width: 20%; float: left; }
    .Social-Dnnplus a { margin: 0 !important; padding: 0 !important; }

.NLpage label { color: #ffffff; display: none; font-size: 13px; }
.NLpage input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.NLpage .css-label { background-image: url(images/elegant.png); }
.NLpage input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -17px; }
.NLpage input[type=checkbox].css-checkbox + label.css-label { padding-left: 22px; height: 17px; display: table; line-height: 17px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; font-weight: normal; }
.NLpage .desc { color: #999999; display: block; margin-bottom: 15px; margin-left: 22px; font-size: 13px; font-weight: normal; }
.NLpage ul { margin: 0; padding: 0; }
.NLpage .subs-lst { margin-bottom: 20px; list-style-type: none; }
.NLpage .btn-success { background-color: #5CB85C; border-color: #4CAE4C; color: #FFFFFF; }
.NLpage .btn { border: 1px solid rgba(0, 0, 0, 0); border-radius: 0 !important; cursor: pointer; float: right !important; font-size: 14px; font-weight: normal; line-height: 14px; margin-bottom: 0; padding: 9px 12px; text-align: center; white-space: nowrap; width: 25%; height: 34px; }
.NLpage .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #fff; background-color: #47a447; border-color: #398439; }
.NLpage input[type="text"] { background-color: #ffffff !important; border: 2px solid #969696 !important; box-shadow: 0 0 0 !important; color: rgba(71, 41, 43, 0.5); float: right; font-size: 13px; height: 34px; margin-bottom: 0 !important; -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 75%; }
    .NLpage input[type="text"]:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); }
.NLpage .lc-signup-form input[type="text"] { margin-bottom: 15px; }
.nlpage .ui-state-highlight { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border-radius: 8px; color: #ffffff; display: flex; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 26px; padding: 8px 23px 4px 19px; text-align: center; }
    .nlpage .ui-state-highlight > img { width: 50px; height: 45px; }
    .nlpage .ui-state-highlight > br { display: none; }
.NLpage .ui-state-highlight, .NLpage .ui-state-error { text-align: center; padding: 1.7em 0.7em; font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.NLpage .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

/*#endregion*/

/*#region Home*/
.YaldaBanner { position: relative; width: 100%; background: #fff; border-bottom: 4px solid #000; }
a.marketing__banner img { margin: 0 auto; display: block; }

.DnnplusHomeContainer { min-height: 20px; overflow: hidden; width: 100%; margin: 15px 0; }
.DnnplusHomeHead svg { float: right; }
.DnnplusHomeHead h2 { color: #ee3a43; float: right; font-size: 17px; margin: 6px !important; font-weight: bold; }
.DnnplusHomeHead { border-bottom: 3px solid #00a4e4; height: 43px !important; margin: 0 0 10px !important; width: inherit !important; }
#m-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#s-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#mp-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#sp-slider.owl-theme .owl-controls .owl-buttons .owl-prev { background: transparent !important; left: 0; margin: 5px; -ms-opacity: 1 !important; opacity: 1 !important; padding: 7px 4px; top: -74px !important; -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); }
#m-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#s-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#mp-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#sp-slider.owl-theme .owl-controls .owl-buttons .owl-next { background: transparent !important; left: 29px; -ms-opacity: 1; opacity: 1; margin: 5px; padding: 7px 4px; right: auto !important; top: -74px !important; -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); }
.owl-theme .owl-controls .owl-buttons div { background: transparent !important; opacity: 1 !important; top: 45px !important; }
.Slider-More-bottom { margin: 5px auto; display: block; text-align: center; }
    .Slider-More-bottom a { background: #fff; border-bottom: 2px solid #00a4e4; border-radius: 8px; font-size: 12px; position: relative; width: calc(100% - 22px); display: block; height: 35px; margin: 0 auto; color: #47292b; border-top: 2px solid #00a4e4; line-height: 32px; font-weight: bold; }
        .Slider-More-bottom a:hover { border-color: #EE3A43; color: #EE3A43; }

/* Common style */
.DnnplusHome .owl-wrapper figure { border: 3px solid #00a4e4; border-radius: 15px; cursor: pointer; height: 190px; margin: 8px 6%; overflow: hidden; position: relative; text-align: center; width: 190px; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.DnnplusHome.Prod .owl-wrapper figure { height: 230px !important; margin: 20px auto !important; width: 230px !important; }
.DnnplusHome .owl-wrapper figure:hover { border: 3px solid #EE3A43; }
.DnnplusHome .owl-wrapper figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
.DnnplusHome .owl-wrapper figure figcaption { padding: 50px 0; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
    .DnnplusHome .owl-wrapper figure figcaption::before,
    .DnnplusHome .owl-wrapper figure figcaption::after { pointer-events: none; }
    .DnnplusHome .owl-wrapper figure figcaption,
    .DnnplusHome .owl-wrapper figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        /* Anchor will cover the whole item by default */
        /* For some effects it will show as a button */
        .DnnplusHome .owl-wrapper figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.DnnplusHome .owl-wrapper figure h5 { word-spacing: -0.15em; font-weight: 300; }
.DnnplusHome figure h5 span { font-weight: 800; }
.DnnplusHome .owl-wrapper figure h5,
.DnnplusHome .owl-wrapper figure p { margin: 0; }
.DnnplusHome .owl-wrapper figure p { letter-spacing: 1px; font-size: 68.5%; }
/* Individual effects */
/*---------------*/
/***** Julia *****/
/*---------------*/
.DnnplusHome .owl-wrapper figure.effect-julia { background: #2f3238; }
    .DnnplusHome .owl-wrapper figure.effect-julia img { width: 190px; height: 190px; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; }
.DnnplusHome.Prod .owl-wrapper figure.effect-julia img { height: 230px; width: 230px; }
.DnnplusHome .owl-wrapper figure.effect-julia figcaption { text-align: right; }
.DnnplusHome .owl-wrapper figure.effect-julia h2 { position: relative; padding: 0.5em 0; }
.DnnplusHome .owl-wrapper figure.effect-julia p { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; border-radius: 8px 0 0 8px; color: #ee3a43; display: inline-block; font-size: 75%; font-weight: normal !important; margin: 0 0 15px; padding: 3px 9px; text-transform: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); -moz-transform: translate3d(-360px,0,0); -ms-transform: translate3d(-360px,0,0); -o-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
    .DnnplusHome .owl-wrapper figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }
    .DnnplusHome .owl-wrapper figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
    .DnnplusHome .owl-wrapper figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover img { opacity: 0.3; -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/**************/
.owl-carousel { direction: ltr; }
#owl-demo .item { display: block; padding: 30px 0px; margin: 5px; color: #ee3a43; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
.owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; }
.owl-Preview { background-position: -490px -137px; height: 53px; width: 32px; display: block; }
.owl-Nextiv { background-position: -522px -137px; height: 52px; width: 32px; display: block; }
    .owl-Nextiv:hover { background-position: -522px -193px; }
.owl-Preview:hover { background-position: -490px -193px; }
.owl-theme .owl-controls .owl-buttons div { position: absolute; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -45px; top: 55px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -45px; top: 55px; }
.Text-Portofolio-dnn h4 { color: #47292b; font-size: 18px; text-align: center; font-weight: bold; }


.highlight { display: inline-block; }


/* --- Social Media Styles --- */
.Social-Dnnplus-Container { padding: 15px 0; text-align: center; direction: ltr; /* Arrange icons left-to-right or center */ }
.social-row { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.social-item { width: 36px; height: 36px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: #fff; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.icon-svg svg { display: block; transition: transform 0.3s; }
/* Hover Effects */
.social-item:hover { transform: translateY(-5px) scale(1.1); color: #fff; /* Ensure icon stays white on hover if needed, or change below */ box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
/* Brand Colors on Hover */
.social-item.telegram:hover { background-color: #0088cc; border-color: #0088cc; box-shadow: 0 0 15px rgba(0, 136, 204, 0.6); }
.social-item.instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-color: transparent; box-shadow: 0 0 15px rgba(214, 36, 159, 0.6); }
.social-item.x-twitter:hover { background-color: #000; /* X Brand Color */ border-color: #fff; /* White border for contrast on dark footer */ box-shadow: 0 0 15px rgba(255, 255, 255, 0.4); }
.social-item.linkedin:hover { background-color: #0077b5; border-color: #0077b5; box-shadow: 0 0 15px rgba(0, 119, 181, 0.6); }
.social-item.facebook:hover { background-color: #1877f2; border-color: #1877f2; box-shadow: 0 0 15px rgba(24, 119, 242, 0.6); }
/* Initial state adjustments for visibility on dark footer */
.social-item { /* Optional: Give them a slight tint of their brand color initially, or keep white */ background: rgba(255, 255, 255, 0.08); }


/* --- Certificate Footer Styles --- */
:root { --dnn-blue: #00a4e4; }
.Certificates-Container { display: flex; justify-content: center; /* Center align items */ align-items: center; flex-wrap: wrap; /* Allows wrapping to next line */ gap: 15px; /* Space between boxes */ padding: 20px 0; direction: rtl; max-width: 100%; margin: 0 auto; }
.cert-card { width: 120px; height: 120px; background: #ffffff; border-radius: 15px; display: flex; align-items: center; justify-content: center; padding: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 2px solid transparent; position: relative; overflow: hidden; }
    .cert-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 164, 228, 0.4); /* Blue glow */ border-color: var(--dnn-blue); /* Blue border on hover */ }
.cert-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer; }
.cert-card img { max-width: 100%; max-height: 100%; object-fit: contain; /* Ensure logos don't stretch */ filter: grayscale(0%); transition: transform 0.3s; }
.cert-card:hover img { transform: scale(1.05); /* Slight zoom on logo */ }
/* --- Responsive Adjustments --- */

@media (max-width: 480px) {
    .Certificates-Container { gap: 10px; /* In very small spaces, flex-wrap handles the 2-per-row look naturally if width allows */ }
    .cert-card { width: 80px; height: 80px; border-radius: 12px; padding: 10px; /* Slightly less padding on mobile */ }
}

.bstrap3-material .form-control { box-shadow: 0 -2px 0 #eee inset !important; border-right: 1px solid #00a4e4 !important; padding: 5px 12px !important; }

.bstrap3-material .normalCheckBox { margin: 0 0 0 4px !important; }

.onFocusTextAlignLeft:focus { direction: ltr !important; text-align: left !important; }

.LtrField .form-control:focus { direction: ltr !important; text-align: left !important; }

.color-picker input { direction: ltr; text-align: right; }

.bstrap3-material .col-sm-1, .bstrap3-material .col-sm-2, .bstrap3-material .col-sm-3, .bstrap3-material .col-sm-4, .bstrap3-material .col-sm-5, .bstrap3-material .col-sm-6, .bstrap3-material .col-sm-7, .bstrap3-material .col-sm-8, .bstrap3-material .col-sm-9, .bstrap3-material .col-sm-10, .bstrap3-material .col-sm-11, .bstrap3-material .col-sm-12 { float: right; }

.bstrap3-material textarea:focus, .bstrap3-material textarea.form-control:focus, .bstrap3-material input.form-control:focus, .bstrap3-material input[type="text"]:focus, .bstrap3-material input[type="password"]:focus, .bstrap3-material input[type="email"]:focus, .bstrap3-material input[type="number"]:focus, .bstrap3-material .form-control[type="text"]:focus, .bstrap3-material .form-control[type="password"]:focus, .bstrap3-material .form-control[type="email"]:focus, .bstrap3-material .form-control[type="tel"]:focus, .bstrap3-material .form-control[contenteditable]:focus { box-shadow: 0 -2px 0 #2196f3 inset !important; }

.bstrap3-material .radio-inline, .bstrap3-material .checkbox-inline { margin: 10px 0 0 !important; padding: 5px 13px !important; }

.bstrap3-material h2, .bstrap3-material .h2 { color: #00a4e4; font-size: 18px; font-weight: bold; }

.bstrap3-material .text-danger { color: #e51c23; display: block; text-align: center; font-weight: bold; font-size: 12px; line-height: 25px; margin-top: 6px; border: 1px solid; border-radius: 5px; }

button.btn { height: 50px; margin: 0; padding: 0 20px; vertical-align: middle; background: #00a4e4; border: 0; font-size: 16px; font-weight: 300; line-height: 50px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

    button.btn:hover, .btn-action-submit:hover { opacity: 0.6; color: #fff !important; background: #00a4e4 !important; }

    button.btn:active, .btn-action-submit.active { outline: 0; opacity: 0.6; color: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

    button.btn:focus, .btn-action-submit:focus { outline: 0; opacity: 0.6; background: #00a4e4; color: #fff !important; }

    button.btn:active:focus, button.btn.active:focus, .btn-action-submit:active:focus { outline: 0; opacity: 0.6; background: #00a4e4; color: #fff !important; }

.form-box { padding-top: 40px; }

.form-top { overflow: hidden; padding: 0 15px; text-align: center; }

.form-top-left { float: right; padding-top: 14px; width: 70%; text-align: right; margin-right: 14px; }

    .form-top-left h2 { margin-top: 0; }

.form-top-right { color: #00a4e4; float: left; font-size: 68px; line-height: 60px; text-align: left; width: 80px; margin-left: 15px; }


.form-bottom { padding: 15px; text-align: left; }

form .form-bottom textarea { height: 100px; }

form .form-bottom button.btn { color: #fff; font-size: 14px; font-weight: bold; margin: 0 0; padding: 10px 25px; position: relative; right: 110px; }

form .form-bottom .field-container > .input-error,
form .form-bottom .has-error .ng-not-empty,
form .form-bottom .has-error .ng-empty { border-color: #e51c23 !important; box-shadow: 0 -1px 0 #e51c23 inset !important; }

form.registration-form fieldset { display: none; }

.btn.btn-next { float: left; }

.btn.btn-previous { float: right; }

.Action-submit { float: left; }

    .Action-submit .btn-action-submit { height: 50px; margin: 0; padding: 0 20px; vertical-align: middle; background: #00a4e4; border: 0; font-size: 16px; font-weight: 300; line-height: 50px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.bstrap3-material .radio-as-buttons:nth-last-child(2) .radio-btn-text { width: 0 !important; }

.bstrap3-material .row.fileupload-buttonbar { display: flex !important; margin: 23px auto !important; }

.bstrap3-material .control-label.af-slide { float: right !important; text-align: right !important; }

.bstrap3-material .form-horizontal .radio, .bstrap3-material .form-horizontal .checkbox, .bstrap3-material .form-horizontal .radio-inline, .bstrap3-material .form-horizontal .checkbox-inline { float: right !important; padding: 15px 10px !important; text-align: right; white-space: nowrap; }

.bstrap3-material .form-group-reCAPTCHA { margin: 20px auto !important; text-align: center !important; }

.bstrap3-material .reCAPTCHA { display: inline-block; }

.bstrap3-material .btn-action-submit { font-size: 13px; line-height: 18px; }

.bstrap3-material .Action-submit > div { display: block !important; margin: 0 !important; padding: 0 !important; width: auto !important; }

.fa-action-form.fa-check-square-o { font-size: 14px !important; margin: 0 7px !important; position: relative !important; top: 3px !important; }

.bstrap3-material .radio-inline { float: right; padding: 15px 15px 15px 0 !important; text-align: right !important; }

.form-root .form-horizontal .field-container .radio.radio-as-buttons { display: inline-flex; margin: 0 !important; padding: 18px 0 10px !important; }

.bstrap3-material .glyphicon { font-family: fontawesome !important; font-size: 15px !important; }

.bstrap3-material .glyphicon-info-sign::before { content: "" !important; }

.bstrap3-material .glyphicon-ban-circle::before { content: "" !important; }

.bstrap3-material .alert-success-special p { text-align: right; color: #fff; }

.bstrap3-material .alert-success-special > strong { float: right }

.bstrap3-material .form-group-btn-action-submit { float: left !important; }

.bstrap3-material .alert.alert-success-special { background: #00a4e4; }

.bstrap3-material .alert.alert-danger-special { background: #ee3a43; }
    .bstrap3-material .alert.alert-danger-special a { color: #fff !important; font-weight: bold !important; }

.bstrap3-material .Action-submit { height: 110px; line-height: 110px; }

@media (max-width:767px) {
    .form-bottom { padding-bottom: 25px; }

    form .form-bottom button.btn { margin-bottom: 5px; }
}

/*#endregion*/

/*#region store*/
.ListItem { width: 100% }
    .ListItem .ImageWrapper { text-align: center; padding-top: 0 }
    .ListItem .InfoPanel { height: 10%; padding: 5px; text-align: center; color: #C0AEAA; border-bottom: 1px solid #120D0A; vertical-align: middle }
figcaption.Summery_Module { width: 100% }
.dnnplus-porductlist { float: right; margin: 0 0 0 2%; width: 31% }
.Listproduct_Module figure img { height: 200px; width: 200px }
.producttumbnailimg { display: inline-block; width: 100%; padding: 19px 19px 0 }
.Edit_Link img { height: auto !important; margin: 8px 5px 0 7px; width: auto !important }
.FeaturedProduct { width: 210px; height: 230px }
    .FeaturedProduct .ImageWrapper { text-align: center; padding-top: 6px }
    .FeaturedProduct .InfoPanel { height: 10%; padding: 0 5px; text-align: center; vertical-align: middle }
    .FeaturedProduct .Name { font-weight: 700; font-size: 11px }
    .FeaturedProduct .PurchasingPanel { padding-bottom: 6px; height: 10%; text-align: center; vertical-align: middle }
    .FeaturedProduct .Price { font-size: 13px }
    .FeaturedProduct .DealerPrice { display: block }
    .FeaturedProduct .EmailForPrice { font-size: 12px }
.ListItem:hover { border: 1px solid #BBB }
.ListItem .SoldOutOverlay { left: -1px; top: -1px; position: absolute; z-index: 1; background: url(/Desktopmodules/nb_store/img/SoldOutTab-Flat-en.png) no-repeat scroll 0 transparent; width: 110px; height: 48px }
.ListHeader { margin: 15px 0; text-align: center }
    .ListHeader .SortCatalogue { margin: 0 0 0 10px; padding: 4px }
    .ListHeader .PageLength { margin: 0; padding: 4px }
.ListItem { display: inline-block; position: relative }
    .ListItem .ImageWrapper a:focus { position: relative; outline: none }
    .ListItem .WishListLabel { float: right; font-size: 11px; line-height: 15px; position: absolute; right: 20px }
    .ListItem .WishListButtons { background: none repeat scroll 0 0 rgba(255,255,255,0.7); border-radius: 3px; bottom: 26px; line-height: 100%; margin: 3px; padding: 2px 6px; position: absolute; right: 28px; z-index: 1 }
    .ListItem a.Add, .ListItem a.Remove { float: right; font-size: 25px; height: 17px; line-height: 13px; padding: 0; position: relative; text-align: right; text-decoration: none; width: 126px; z-index: 1 }
    .ListItem a.Add, .WishListButtons a.Add + .WishListLabel { color: #00a4e4 }
        .ListItem a.Add:hover, .WishListButtons a.Add:hover + .WishListLabel { color: #EE3A43 }
    .ListItem a.Remove, .WishListButtons a.Remove + .WishListLabel { color: #EE3A43 }
        .ListItem a.Remove:hover, .WishListButtons a.Remove:hover + .WishListLabel { color: #00a4e4 }
.supportdnn .Listproduct_Module { overflow: hidden }
.PagingTable { background-color: transparent; display: table; margin: 15px auto }
    .PagingTable a { background: none repeat scroll 0 0 #00a4e4; padding: 4px 8px; color: #fff }
    .PagingTable span { background: none repeat scroll 0 0 #00a4e4; padding: 4px 8px; color: #fff }
    .PagingTable a:hover { background: none repeat scroll 0 0 #ee3a43; color: #fff }
    .PagingTable td:first-child { padding: 5px 8px; background: #00a4e4; margin: 0 0 0 25px; display: block; color: #fff }
    .PagingTable td { width: auto !important; padding: 0 12px; font-size: inherit !important }
    .PagingTable a.CommandButton:link { text-decoration: none; font-size: inherit }
    .PagingTable .NormalDisabled { color: inherit; font-size: inherit }
.Detail { width: 100%; position: relative }
.ProductsDetail_Outer { background: none repeat scroll 0 0 #fff; border: 1px solid #e1e1e1; display: inline-block; margin-bottom: 15px; width: 100% }
.ProductsDetail_Header { border-bottom: 4px solid #00a4e4; margin-bottom: 20px; position: relative }
.ProductsDetail_Outer h1 { color: #ee3a43; font-size: 19px; font-weight: bold; line-height: 27px; margin: 11px 10px; text-align: right }
.manufacturer { font-size: 13px }
.ProductsDetail_Outer .Quantity.Row { display: none }
.BuyButton.btn.btn-success.Button { clear: both; color: #fff; float: right; padding: 0 35px 0 10px; width: auto !important }
.AddToBasket .parentbuy .livicon { left: 142px; position: relative; top: 14px }
.AddWishList.btn.btn-info.Button, .RemoveWishList.btn.btn-warning.Button { clear: both; color: #fff; float: right; padding: 0 35px 0 10px; width: auto !important }
.AddToBasket .Value .livicon.RemoveWishListicon, .livicon.AddWishListicon { bottom: -18px; float: right; left: 156px; position: relative }
.ProductsDetail_Header .Value .livicon { float: right; display: block; position: relative; top: -3px; margin: 0 14px }
.Detail .Documents h6 .livicon { margin: 0 0 0 10px; position: relative; top: -7px }
.Detail .SoldOutOverlay { left: 0; top: 0; position: absolute; z-index: 1; background: url(/Desktopmodules/nb_store/img/SoldOutTab-Flat2-en.png) no-repeat scroll 0 0 transparent; width: 110px; height: 38px }
.Detail .ImagePanel { float: left; margin-right: 18px; overflow: hidden; text-align: center; width: 100% }
.Detail .Main.Image { border: 0 }
.Detail .Gallery.Image { border: 0 }
.Detail .GalleryWrapper { margin-bottom: 20px; overflow: hidden }
.Detail .GalleryOuter { float: right; margin: 10px 0 0 13px }
.GalleryOuter:nth-child(4), .GalleryOuter:nth-child(8) { margin: 10px 2px 0 0 }
.Detail .GalleryInner { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; display: block; height: 59px; text-align: center; width: 60px }
    .Detail .GalleryInner:hover { border: 1px solid #BBB }
    .Detail .GalleryInner a:focus { outline: none }
.Detail .SoldOutOverlay { left: 0; position: absolute }
.Detail .NormalTextBox { margin-bottom: inherit; padding: 2px 3px }
.Detail .PurchasingPanel { overflow: hidden }
    .Detail .PurchasingPanel .Row { padding: 3px 0; overflow: hidden }
    .Detail .PurchasingPanel .Label { float: right; font-size: 12px; font-weight: bold; line-height: 24px; white-space: nowrap; width: 77px; }
    .Detail .PurchasingPanel .Value { font-size: 13px; line-height: 23px; text-align: justify; }
.Detail .Name h1 { line-height: 24px }
.Detail .Price { color: #449d44 !important; font-size: 16px; font-weight: bold; line-height: 150%; margin-bottom: 6px }
    .Detail .Price .OldPrice { font-weight: 400; text-decoration: line-through }
    .Detail .Price .SalePrice { color: #C40000; display: block }
.Detail .DealerPrice { color: #4F93C4; display: block }
.Detail .EmailForPrice { margin-bottom: 6px }
    .Detail .EmailForPrice a { font-weight: 700 }
.Detail .Summary .Value { padding-bottom: 12px }
.Detail .OutOfStock .Value { color: red; font-weight: 700 }
.Detail .Reference { padding-top: 8px !important }
.Detail .Options .NormalTextBox { /*width: 158px;*/ background: #fff !important; color: #449d44 !important; font-weight: bold; }
.Detail .Options .MessageField { width: 152px; height: 50px }
.Detail .Models .Label { vertical-align: top; line-height: 22px }
.Detail .Models .NormalTextBox { width: 158px }
.Detail .Model span[disabled="disabled"] label { text-decoration: line-through }
.Detail .Model label { display: inline !important }
.Detail .Quantity .Label { line-height: 25px }
.Detail input.QuantityField { text-align: center; float: left; margin-top: 2px; margin-bottom: 0; padding: 2px 3px; width: 25px !important }
.Detail .AddToBasket .Button { margin-top: 10px }
.Detail .DisableCart .Value { color: #C40000; font-style: italic }
.Detail .ValidationSummary ul li { margin-left: -36px; list-style-type: none }
.Detail .DownloadInformation .Value { font-size: 11px }
.Detail .InformationPanel { margin: 12px 0; clear: both }
.Detail .ui-tabs .ui-tabs-panel { min-height: 130px; overflow: auto }
.Detail .WayOut { float: left; overflow: hidden; text-align: center }
.Detail .Sharing { float: right; margin-bottom: 0 }
    .Detail .Sharing .EmailButton { margin-right: 12px }
.Detail .Description { margin-bottom: 24px; line-height: 25px !important; font-size: 13px !important }
.Detail .Specifications { margin-bottom: 24px }
.Detail .Documents { margin-bottom: 24px }
.Detail .Document { float: right; margin: 12px auto; text-align: right; width: 100%; border: 2px dashed #aeaeae; padding: 15px; border-radius: 10px }
.Detail .DocumentName { font-weight: 700; padding: 0 0 20px }
    .Detail .DocumentName:empty { display: none }
.Detail .DocumentDescription:empty { display: none }
.Detail .DocumentIcon { margin: 8px 0 8px 10px; float: right }
.Detail .DocumentLink { background: #5cb85c none repeat scroll 0 0; border: 1px solid #4cae4c; border-radius: 4px; color: #fff; display: inline-block; margin-bottom: 5px; padding: 5px 20px }
    .Detail .DocumentLink:hover { background-color: #449d44; border-color: #398439 }
.Detail .DocumentDescription { margin-bottom: 15px }
.Detail .ModelTable { border-collapse: collapse; margin-bottom: 24px; width: 100% }
    .Detail .ModelTable td { border: 1px solid #EBEBEB; padding: 3px }
.Detail .ModelTableHead { background: #EBEBEB }
    .Detail .ModelTableHead td { color: #6D808B; font-size: 11px; font-weight: 700; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD }
.Detail .RelatedWrapper { margin-bottom: 24px; overflow: hidden }
.Detail .RelatedOuter { float: right; margin: 9px; }
.Detail .RelatedInner { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; display: table-cell; height: 250px; padding: 0 20px; text-align: center; vertical-align: middle; width: 206px; }
    .Detail .RelatedInner:hover { border: 1px solid #BBB }
    .Detail .RelatedInner a:focus { outline: none }
    .Detail .RelatedInner img { border: none }
.Detail .RelatedWrapper .Name { font-size: 12px; font-weight: bold; line-height: 21px; padding: 4px 0; }
.Detail .RelatedWrapper .Price { font-size: 12px; font-weight: bold; line-height: 35px; }
.Detail .Currency td { vertical-align: top }
.Detail .CurrencyConverter { padding-bottom: 24px }
a.Button, a.Button:link, .DetailsButton.Button { float: right; font-size: 13px; margin-right: 0; padding: 0; text-align: center; text-decoration: none !important; color: #47292b }
a.Button { line-height: 32px; width: 115px }
a.BuyButton { width: 53px }
.WayOut a.Button { color: #fff; float: left; margin: 0 8px; padding: 0 14px; width: auto }
    .WayOut a.Button:first-child { margin: 0 8px 0 0 }
a.Checkout, a.ContinueOrder { color: #fff !important; float: left !important; padding: 0 15px 0 39px !important; width: auto !important }
.NBright_ClientButtonDivRight .livicon { float: left; position: relative; right: 118px; top: 4px }
a.Recalculate { margin-right: 0 !important }
a.ContinueShopping { color: #fff; float: right; padding: 0 38px 0 15px !important; width: auto !important }
.NBright_ClientButtonDivLeft .livicon { float: right; left: 146px; position: relative; top: 5px }
a.CancelOrder { margin-left: 12px }
.MiniCartWrapper { padding: 0 }
.DNNPLUS-Store { background: #fff none repeat scroll 0 0; border: 1px solid #e1e1e1; box-shadow: 1px 1px 3px -1px #e1e1e1; display: block; margin-bottom: 15px; min-height: 70px; padding: 12px 45px; width: 100% }
.alaiege { float: right; position: relative; top: -3px }
.DNNPLUS-Store.wishlistlink > a { display: block; font-size: 15px; line-height: 44px; text-align: center; width: 100%; color: #47292b }
.DNNPLUS-Store.orderhistorylink > a { display: block; width: 100%; font-size: 15px; text-align: center; line-height: 44px; color: #47292b }
    .DNNPLUS-Store.wishlistlink > a:hover, .DNNPLUS-Store.orderhistorylink > a:hover { color: #EE3A43 }
.nonecart { display: block; font-size: 15px; line-height: 44px; text-align: center; width: 100% }
ul.MiniCart { padding: 6px 6px 0; margin: 0 }
.MiniCart li { list-style-type: none; margin-bottom: 12px }
    .MiniCart li .Checkout { margin-bottom: 0 }
.WishListFlag { display: none }
.MiniCart .Label { font: normal 10px verdana; white-space: nowrap }
.MiniCart .Value { font: bold 17px verdana; vertical-align: -5px }
.MiniCartWrapper .cartthumb { margin-right: 6px; float: left }
.MiniCartWrapper .NBright_cartheader { border-bottom: 4px double #DDD; font-weight: 700; background: transparent }
.MiniCartWrapper .NBright_CartItem td, .MiniCartWrapper .NBright_AltCartItem td { border-bottom: 1px solid #DDD }
.GoButton { border: 1px solid #ccc; cursor: pointer; height: 37px; margin: 0; width: 24% }
    .GoButton:hover { background: #FFF }
.SearchTerm { float: left; font-size: 16px; line-height: 21px }
.Checkout { margin: 0 auto; padding: 0; width: 100% }
#DNNPLUS_Steps .steps { border-bottom: 1px dotted #a8b5be; font-size: 14px; padding-top: 40px; position: relative }
    #DNNPLUS_Steps .steps .rounded_rectangle { background-color: #c9d1d7; border-radius: 15px; height: 8px; margin: 15px auto; position: relative; width: 85% }
        #DNNPLUS_Steps .steps .rounded_rectangle .step_user { border: 0 none; width: 0 }
        #DNNPLUS_Steps .steps .rounded_rectangle .rounded_rectangle_over { background: url(https://dnnplus.ir/Portals/0/images/progress_bg.png) repeat-x scroll 0 0 transparent; height: 0 !important; position: absolute; right: 0; top: 0 }
        #DNNPLUS_Steps .steps .rounded_rectangle .bullet { background: url(https://dnnplus.ir/Portals/0/images/progressbar_items.png) no-repeat scroll -2px -70px transparent; display: block; height: 20px; position: absolute; top: -6px; width: 20px }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.basket { right: -1px; background-position: -2px -36px }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.login { right: 25% }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.address { right: 50% }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.payment { right: 75% }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.Complete { left: 0 }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.tick { background-position: -2px -2px }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet.green { background-position: -2px -36px }
            #DNNPLUS_Steps .steps .rounded_rectangle .bullet .s_title { color: #a8b5be; font-size: 14px; position: absolute; right: -60px; text-align: center; top: -30px; width: 140px }
#DNNPLUS_Steps .gray { color: #666 !important }
.Dnnplus-pnlCart, .Dnnplus-pnlAddressDetails, .Dnnplus-pnlPromptPay { width: 85%; margin: 50px auto 15px }
.NBright_cartheader { background: none repeat scroll 0 0 transparent; border-bottom: 1px dotted #a8b5be; font-weight: 400; line-height: 33px }
.NBright_CartItem, .NBright_AltCartItem { line-height: 1.8 }
.NBright_ClientButtonDivLeft a { color: white !important }
.AddressCollector td, .AddressOptions td { padding: 4px }
.AddressCollector .Label { white-space: nowrap; font-weight: 400; width: 110px }
.AddressCollector .NormalTextBox { width: 200px }
.AddressCollector select.NormalTextBox { width: 208px }
.AddressCollector input[type="text"], .AddressCollector select, .NBright_CartList input[type="text"] { margin: 5px 0; padding: 2px 3px }
.OrderHeader { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 16px; font-weight: 400; line-height: 30px }
.OrderLabel { color: #EEE; font-size: 20px; padding: 10px 20px; float: right; background-color: #53555E }
.MerchantBank, .MerchantAddress { margin-left: 24px }
.OrderAddress div { line-height: 160% }
.OrderDetailRow td { border-bottom: 1px #ccc dotted }
.Checkout fieldset { border: 1px solid #CCC; padding: 12px; margin: 12px 4px }
    .Checkout fieldset img { display: none }
    .Checkout fieldset legend span { font-size: 13px; font-weight: 400 }
.Checkout .cartthumb { margin-right: 10px; vertical-align: middle }
.NBright_CartItem a, .NBright_AltCartItem a { color: #47292b; display: inline-block; font-size: 13px; margin-right: 10px; vertical-align: middle }
.Checkout .NBright_CartItem td, .Checkout .NBright_AltCartItem td { border-bottom: 1px dotted #a8b5be; min-width: 94px }
.GateWays { margin: 10px auto }
.CardGatewayButton > input { border-radius: 8px; width: 80% }
.ManualGatewayButton > input { border-radius: 8px; width: 80% }
.GateWays > tbody > tr > td { line-height: 31px; text-align: center }
.CardGatewayButton:hover input { box-shadow: 0 0 4px 1px #000 }
.NBright_OrderTotalLabel, .NBright_OrderTotalValue { font-weight: 700 }
.NBright_OrderTotalValue { border-top: 1px solid #ABBECC }
.NBright_CartOptDiv, .NBright_ClientButtonDiv { text-align: left; font-weight: 400; line-height: 36px; padding-left: 4px }
.NBright_ClientButtonDiv { margin-top: 24px }
.NBright_ClientButton.Button.btn.btn-danger.CancelOrder { color: #fff }
.Checkout .NBright_ClientButtonDivRight .NBright_ClientButton { margin-right: 0 }
.SpecialInstructions { width: 450px; height: 45px; font-family: inherit }
.ValidationSummary { display: none }
.CheckoutSteps { height: 37px; width: 100%; border-spacing: 0; max-width: 800px; background: #F2F2F2; border-bottom: 1px solid #BBB; border-top: 1px solid #BBB }
    .CheckoutSteps td { color: #BBB; font-family: inherit; font-size: 12px; font-weight: 700; padding: 0 24px 0 6px; vertical-align: middle }
    .CheckoutSteps .Label { color: inherit; font-size: 18px; padding: 0 36px 0 4px }
    .CheckoutSteps .Number { padding: 0 }
    .CheckoutSteps div { float: left; display: inline }
    .CheckoutSteps .Number div { background: #CCC; color: #FFF; font-family: Arial,Helvetica; font-size: 12px; width: 17px; height: 17px; line-height: 18px; text-align: center; display: block; border-radius: 9px 9px 9px 9px }
    .CheckoutSteps .Current { color: #555 }
        .CheckoutSteps .Current div { background: #80B5E0; color: #FFF }
    .CheckoutSteps td.Separator { padding: 0 12px }
    .CheckoutSteps .Separator div { width: 1px; height: 24px; display: block; background: #BBB }
.CheckoutSteps { margin-bottom: 24px }
#NBStoreTreeMenu { margin-top: 6px; padding: 0 }
a.treeview, .treeview a { text-decoration: none }
.CategoryMenuWrapper a { color: #47292b }
    .CategoryMenuWrapper a:hover { color: #ee3a43 }
.treeview .NormalBold { font-weight: 700 }
span[id*="ProductList_lblMsg"] { display: none }
.NBright_ClientButtonDivRight { text-align: right }
#jquery-overlay { background-color: #000 !important; opacity: .7 !important }
.NBright_CartList input[type=text] { text-align: center }
.ProductList { margin: 0 -1%; width: 103% !important }
.Checkout .dnnTooltip { display: inline-block }
a.Button:hover { _color: #FFF; _font-size: 10px; _font-weight: bold; _text-decoration: none }
a.Button, a.Button:hover { color: #ee3a43 }
.Detail .dnnSecondaryAction { box-shadow: none; color: inherit; text-shadow: inherit; padding: 3px; margin-bottom: inherit }
.dnnFormPopup a.ui-dialog-titlebar-close.ui-state-hover { border: none }
.dnnFormPopup span.ui-icon.ui-icon-closethick { display: none }
.ImageWrapper img { border: 5px solid #FFF; margin: -5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.ListItem.row { width: 100% }
.Listproduct_Module { padding: 0; position: relative; width: 100% }
.Summery_Module .Edit_Link { position: absolute; right: 0; top: 0 }
.Listproduct_Module figure { display: block; float: right; width: 100% }
.Summery_Module .Name > a { border-radius: 0; float: left; height: 15px; margin: 0; overflow: visible; width: 15px }
.ListItem { background: #fff none repeat scroll 0 0; border: 1px solid #e1e1e1; box-shadow: 1px 1px 3px -1px #e1e1e1; margin: 0 0 15px }
    .ListItem .WishListButtons { line-height: 100%; margin: 3px; position: absolute; bottom: 26px; z-index: 1; right: 37px }
.Summery_Module h2.Name { color: #47292b; font-size: 14px; height: 65px; line-height: 1.9; margin: 0; padding: 2px 15px; text-align: center }
.Summery_Module h5.Summary { font-size: 12px; height: 123px !important; line-height: 1.8; margin: 0 15px; overflow: hidden; text-align: justify }
.ListItem .PurchasingPanel { color: #449d44; line-height: 8px; margin: 0 auto; text-align: center; font-weight: bold; min-height: 50px; }
.ListItem .DealerPrice { float: right; margin: 0 10px }
.ListItem .Price { font-size: 14px; display: inline-block }
.Buttonbuy { float: left }
    .Buttonbuy .livicon { float: right; left: -11px; position: relative; top: 6px }
.DetailsPanel { width: 100% }
.DisableCartFlag { margin: 15px 0 0; text-align: center }
.cartlabel.DisableCartFlag { font-size: 14px; line-height: 25px; margin: 8px 0 0; text-align: center }
.DisableCartFlag .btn.btn-success { color: #fff }
.DisableCartFlag .livicon.alaiege { position: relative; top: 1px; margin: 0 0 0 8px }
.cartvalue { color: #449d44 }
.NBright_RecalcButton.btn.btn-info.Button.Recalculate { color: #fff; padding: 0 39px 0 15px; width: auto }
.NBright_RecalcButtonDiv .livicon { position: relative; float: right; top: 8px; left: 114px }
.NBaddress-dnnplus-right .livicon { right: 95px !important }
.NBaddress-dnnplus-left a { width: auto; color: #fff; padding: 0 38px 0 15px !important }
.NBaddress-dnnplus-left .livicon { left: 96px !important }
legend { border: medium none !important; font-size: 22px; margin-bottom: 6px !important; padding: 0 9px !important; width: auto !important }
.Endcheckout-dnnplus-left { float: right }
.Endcheckout-dnnplus-right { float: right }
    .Endcheckout-dnnplus-right a { color: #fff; padding: 0 38px 0 15px !important; width: auto }
    .Endcheckout-dnnplus-right .livicon { position: relative; right: -116px !important; top: 6px }
.Summery_Skin .Name { font-size: 13px; line-height: 16px; margin: 10px 0; text-align: center; width: 100% !important }
.ProductListSkin .ListCell, .ProductListSkin .AltListCell { float: right; height: auto !important; margin: 0 1% 15px; min-height: 200px !important; width: 31.33% }
figcaption.Summery_Skin { float: right; width: 100% }
.Property_Skin { clear: both; display: block; float: right; width: 100% }
.Listproduct_Skin { padding: 15px }
.PurchasingPanelSkin { float: right; position: relative !important; right: 0 !important; width: 100% }
.ProductListSkin .Price { text-align: center !important; width: 100% }
.Listproduct_Skin img { height: 150px; width: 204px; text-align: center }
.ProductListSkin .ListItem .RetailPrice { float: none !important; text-align: center }
.DnnplusNormal { display: block; width: 100% }
    .DnnplusNormal > tbody, .DnnplusNormal tr, .DnnplusNormal td { display: block; width: 100% }
.TreeMenupage:hover, .NormalDnnplus .TreeMenupage { background: none repeat scroll 0 0 #00a4e4; border: 1px solid #00a4e4; color: #fff }
.TreeMenupage { background: #fff; border: 1px solid #e1e1e1; box-shadow: 1px 1px 3px -1px #e1e1e1 !important; margin: 16px 0; padding: 20px; width: 100% !important; }
    .TreeMenupage > span { float: left }
.FreePrice { color: #449d44; font-size: 14px }
    .FreePrice .livicon { left: 2px; position: relative; top: -1px }
/*Free Discount Store*/
/*.FreePrice.DiscountFree { margin-top: 25px; margin-bottom: 31px; }*/ /*Only Discount using*/
.Buttondownloadskin { float: left; position: relative; top: 6px }
    .Buttondownloadskin:hover { color: #EE3A43 }
.FreeSkinCenter { text-align: center }
.Description img { max-width: 709px !important }
.DnnModule-526 .Description > img { max-width: 100% !important }
.ListCell, .AltListCell { float: right; margin: 0 1%; text-align: center; width: 31% }
.ProductsDetail_footer { display: inline-block; margin-bottom: 35px; width: 100% }
.btn.btn-info.Button.Promo-btn { color: #fff; float: left; margin: 2px 0 }
.Promo-box .NormalTextBox { height: 34px }
.Promo-box .Label { text-align: center }
.DNNPLUS-CopyRigh-Alert { font-size: 12px }
.label { margin: 0 2px }
.Price .NormalPrice { display: block; text-decoration: line-through !important; }
.DiscountPrice { color: #C40000 !important; font-weight: bold; margin: 9px auto 5px; display: inline-block; }
.viewcounts { width: 70px; float: left; top: -31px !important; position: relative; font-size: 11px; color: #646464; text-align: center; }


@media(max-width:1200px) {
    .ListCell, .AltListCell { width: 48% !important }
    .ProductListSkin .ListCell, .ProductListSkin .AltListCell { float: right; height: auto !important; margin: 0 1%; min-height: 200px !important; width: 48% }
    .Listproduct_Skin figure { text-align: center }
}

@media(max-width:737px) {
    .Description img { max-width: 550px !important }
}

@media(max-width:619px) {
    .Description img { max-width: 450px !important }
    .Summery_Module h2.Name { line-height: 25px }
    .Summery_Module h5.Summary { height: 88px !important }
}

@media(max-width:519px) {
    .ListCell, .AltListCell { width: 97% !important }
    .Description img { max-width: 350px !important }
    .DnnModule-526 .Description > img { max-width: 100% !important }
    .Detail .Main.Image { border: 0 none; width: 100% !important }
    .Listproduct_Module figure img { display: block; float: none; margin: 0 auto !important }
    figcaption.Summery_Module { float: none; width: 100% }
    .Summery_Module h2.Name { text-align: center }
    .Property_Modules { height: 40px; position: relative; width: 100% }
    .ListItem .PurchasingPanel { right: 14px }
    .PagingTable td:first-child { background: #00a4e4 none repeat scroll 0 0; color: #fff; display: block; margin: 0 auto 14px !important; padding: 5px 8px; text-align: center; width: 100px !important }
    .PagingTable a { background: #00a4e4 none repeat scroll 0 0; color: #fff; float: right; margin: 0 2px; padding: 4px }
    .PagingTable span { background: #00a4e4 none repeat scroll 0 0; color: #fff; float: right; margin: 0 2px; padding: 4px 5px }
    .ProductListSkin .ListCell, .ProductListSkin .AltListCell { float: right; height: auto !important; min-height: 200px !important; width: 82% }
}

@media(max-width:419px) {
    .Description img { max-width: 290px !important }
    .DnnModule-526 .Description > img { max-width: 100% !important }
    .ui-tabs .ui-tabs-nav li { border-bottom: 0 none !important; float: right; list-style: outside none none; margin: 2px 0 !important; padding: 10px !important; position: relative; text-align: center; top: 0; white-space: nowrap; width: 100% }
        .ui-tabs .ui-tabs-nav li a { float: none; padding: 0; text-decoration: none }
}

@media(max-width:360px) {
    .Description img { max-width: 260px !important }
    .DnnModule-526 .Description > img { max-width: 100% !important }
    .ProductListSkin .ListCell, .ProductListSkin .AltListCell { float: right; height: auto !important; margin: 0; min-height: 200px !important; width: 100% }
}

/*#endregion*/



/*#region Media Queries*/

/* Media Queries */
/* Large desktop */
@media (max-width: 1400px) {
    .Download-Slider-DNN9 a, .Download-Slider-upgrade9 a { font-size: inherit; }
}

@media (min-width: 1200px) {
    .ControlContainer { width: 1170px !important; }
}

/* Portrait tablet to landscape and larger */
@media (max-width: 1200px) {
    .nav > li > a { padding: 7px 13px !important; }
    .Download-Slider-DNN9 { top: 3px; position: relative; }
    .LOGO-Brand > img { width: 293px; }
    .Brand { right: -40px; }
}

@media (max-width: 1086px) {
    .Parallexv5 { float: none; width: auto; }
    .Dwonload-DNN-Package { display: none; }
}

@media (max-width: 997px) {
    .nav.nav-pills { display: block; margin: 10px; }
    .nav-pills > li { display: inline-block; width: 100%; text-align: right; }
        .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #00A4E4 !important; }
    li.dropdown:hover > .dropdown-menu { display: block; width: 100%; text-align: center; position: relative; }
    .dropdown-menu > li { float: right; }
        .dropdown-menu > li > a { border-radius: 4px; }
    .CFT-columns { width: calc(100% /2 - 6px) !important; }
}

@media (min-width: 997px) {
    .navbar .collapse { display: block; visibility: visible; }
    .Dnnplus-Service { width: 20%; }
    .btn.btn-navbar { display: none; visibility: hidden; }
    .nav > li > a { display: block; font-weight: bold; padding: 7px 23px; position: relative; }
    .nav.nav-pills { height: 35px !important; margin: 7px 0 0; }
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: white !important; border-left: 1px solid #00a4e4 !important; border-right: 1px solid #00a4e4 !important; border-top: 1px solid #00a4e4 !important; color: #00a4e4 !important; padding: 7px 22px; }
    .nav > li:hover > a, .nav > li.active > a { background-color: white !important; border-color: #e1e1e1 #e1e1e1 white; border-style: solid; border-width: 1px; position: relative; text-decoration: none; z-index: 1000; padding: 7px 22px; }
    .dropdown > a { top: 1px; }
    .nav-pills > li > a { border-radius: 4px 4px 0 0; }
    .nav.nav-pills li.dropdown:hover .dropdown-menu { display: block; }
    .dropdown-menu { border-left: 1px solid #e1e1e1; border-radius: 0 0 4px 4px !important; border-right: 1px solid #e1e1e1; border-top: 0 none !important; box-shadow: 0 0 0 !important; margin: 0.5px 0 !important; min-width: 402px !important; padding: 10px 0; }
        .dropdown-menu > li > a { border: 1px solid #e1e1e1; border-radius: 4px; clear: none !important; float: right; margin: 10px 13px 4px 0; padding: 15px 0; font-weight: bold !important; font-size: 13px; text-align: center; width: 180px; }
    .nav > li.active > .dropdown-menu { border-bottom: 1px solid #00a4e4 !important; border-left: 1px solid #00a4e4 !important; border-right: 1px solid #00a4e4 !important; }
        .nav > li.active > .dropdown-menu:before { background: none repeat scroll 0 0 #00a4e4; content: ""; display: table; float: left; height: 1px; position: relative; top: -10px; width: 285px; }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #00a4e4 !important; }
}
/* Portrait tablet to landscape and smaller */
@media (max-width: 979px) {
    .QRtext { display: block; }
    .LOGO-Brand > img { width: 362px; }
    .footerEnd { clear: both; margin: 15px 0 0; display: inline-block; width: 100%; }
    .peShiner { margin: 0 auto; }
    .HeadIcon { clear: both; float: none; margin: 10px auto; width: 100%; }
    .SearchBox { clear: both; float: none !important; margin: 10px auto 0; width: 100%; }
    .Brand { right: 0; }
}

@media (max-width: 901px) {
    .dropdown-menu > li { width: 50%; text-align: right; }
        .dropdown-menu > li > a { padding: 15px 13px; }
}

@media (max-width: 886px) {
    .DnnplusHome figure { margin: 0 auto !important; }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .NLpage input[type="text"] { width: 90%; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #owl-demo .owl-prev { display: none; }
    .LOGO-Brand { margin: 20px 0 10px; text-align: center; }
    .architecture_red .centerize { width: 90% !important; }
}

@media (max-width: 695px) {
    .FiveServiceDnnplus { margin: 15px; width: calc(100% - 30px); }
    .Parallex-Content-dnnplus { margin: 0; }
    .CPDownload p, .CPRefrence p { font-size: 15px; }
    #owl-demo.owl-theme .owl-controls .owl-buttons div { display: none !important; }
    .CopyRight-Dnnplus-ir { text-align: center; }
    .Privacy .SkinObject, .Privacy, .DNNPLUS-IR { line-height: 35px; text-align: center; }
    .CFT-columns { width: calc(100% - 6px) !important; }
    .rtl .DNNHostTable.SpecialHostingVX .CFT-columns { width: calc(100% - 6px) !important; }
    .support-telegram { display: none !important; }
    .news .article.in_list h2, .search .article.in_list h2 { color: #333; font: 13px / 30px IranSans; font-weight: 700; margin: 0 0 5px; }
    .PageTittle H1 { text-align: center; font-size: 25px; line-height: 1.4; }
    .PagesHead { height: auto !important; min-height: 118px !important; }
    .BCLINK { text-align: center; float: none !important; margin: 0 auto !important; }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .Parallex-Dnnplus { height: 400px; }
    .Text-Portofolio-dnn h4 { font-size: 15px !important; line-height: 21px; margin: 0; }
    .NewsPane .HomeNews .View-comment.View-HomeNews { display: none; }
    .FooterSeprator { margin: 7px 8px; }
    .CPDownload p, .CPRefrence p { letter-spacing: 0; font-size: 14px; }
    .peShiner > img { opacity: 1 !important; }
    .peShiner canvas { display: none !important; }
    .viewcounts { top: 20px !important; }
    #dnn_dnnBreadcrumb_lblBreadCrumb > span > span { display: inline-block; line-height: 3; }
    .bstrap3-material .col-sm-1, .bstrap3-material .col-sm-2, .bstrap3-material .col-sm-3, .bstrap3-material .col-sm-4, .bstrap3-material .col-sm-5, .bstrap3-material .col-sm-6,
    .bstrap3-material .col-sm-7, .bstrap3-material .col-sm-8, .bstrap3-material .col-sm-9, .bstrap3-material .col-sm-10, .bstrap3-material .col-sm-11, .bstrap3-material .col-sm-12 { width: 100% !important; }
}

/* Mini Phone */
@media (max-width: 467px) {
    .HeadIcon { height: auto; }
    .headiconPane { float: none; width: 100%; text-align: center; }
    .headobject { display: inline-block; float: none; }
    .Account .loginlink { border-left: none; }
    .Account { float: none; display: flex; justify-content: space-evenly; }
    .LOGO-Brand > img { width: 270px; }
    .peShiner canvas { display: none; }
    .peShiner > img { opacity: 1 !important; }
    .CPDownload p, .CPRefrence p { font-size: 12px; }
    .CPDownload, .CPRefrence { margin: 0 0 20px; width: 100%; }
    .ParallexPane { margin: 60px 0 0 !important; }

}

@media (max-width: 409px) {
    .FooterSeprator { margin: 7px 8px; }
    .CPDownload p, .CPRefrence p { margin-right: 12px; font-weight: normal; }
    .ContentParallex { padding: 20px 10px; }
    .portofolio-More a { width: 85%; margin: 5px auto; display: block; }
    .portofolio-More span { display: none; }
}
/*old phone*/
@media (max-width: 362px) {
    figure.item.effect-julia { height: 150px; width: 150px; }
    .DnnplusHome figure.effect-julia img { height: 150px; width: 150px; }
    .DnnplusHome figure figcaption { padding: 0 !important; }
    .Account .registerGroup { min-width: 100px; }
    .headiconPane { float: none; height: 33px; margin: 0 auto !important; width: 133px; }
    .Privacy .SkinObject, .Privacy, .DNNPLUS-IR { clear: both; text-align: center; }
    .FooterSeprator { display: none; }
    .CPDownload p, .CPRefrence p { font-size: 10px; }
}
/*#endregion*/