:root { scroll-behavior: smooth; --main-font: "Poppins", sans-serif; --text-font: "Karla", sans-serif; --text-xs: 13px; --text-sm: 14px; --text-base: 15px; --text-md: 16px; --text-lg: 19px; --text-xl: 21px; --main-color: #274961; --sub-color: #6d7d9a; --secondary-color: #c51e3a; --success-color: #1fbda5; --loader-color: #fff; } :root[dir=rtl] { --main-font: "Tajawal", sans-serif; --text-font: "Tajawal", sans-serif; } @font-face { font-family: "icomoon"; src: url("https://fortexahub.shop/loqerel/assets/fonts/icomoon.eot?gm7fsa"); src: url("https://fortexahub.shop/loqerel/assets/fonts/icomoon.eot?gm7fsa#iefix") format("embedded-opentype"), url("https://fortexahub.shop/loqerel/assets/fonts/icomoon.ttf?gm7fsa") format("truetype"), url("https://fortexahub.shop/loqerel/assets/fonts/icomoon.woff?gm7fsa") format("woff"), url("https://fortexahub.shop/loqerel/assets/fonts/icomoon.svg?gm7fsa#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^=ico-icon-], [class*=" ico-icon-"] { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico-icon-search:before { content: "\e900"; } .ico-icon-user:before { content: "\e901"; } .ico-icon-cart:before { content: "\e902"; } blockquote { font-family: var(--main-font); font-size: 16px; font-weight: 600; color: #000; background: #f3f5f9; border-radius: 4px; padding: 20px; margin: 20px 0; position: relative; } cite { color: #274961; } table { border: 1px solid #e7e7e7; margin: 20px 0; width: 100%; } pre { background: #fff url("https://fortexahub.shop/loqerel/assets/img/code.png") repeat top; background-size: 1px 40px; border: 1px solid #e7e7e7; padding: 1.6em; line-height: 21px; margin: 20px 0; white-space: pre-wrap; } table th { border: 1px solid #e7e7e7; padding: 10px; background: #f8f8f8; font-family: var(--main-font); font-weight: 600; color: #606f8a; } table th a { font-size: 14px; } table td { border: 1px solid #e7e7e7; padding: 10px; background: #fff; font-family: Karla, sans-serif; font-size: 14px; font-weight: 400; color: #6d7d9a; } table td a { font-size: 14px; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=date], input[type=number], input[type=tel], input[type=file], textarea, select { background: #fff; border: 2px solid #f4f6fa; padding: 6px; font-family: var(--main-font); font-size: 13px; color: #6a7487; border-radius: 2px; width: 100%; } input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=file]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #6a7487; } input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=date]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=file]::placeholder, textarea::placeholder, select::placeholder { color: #6a7487; } input[type=submit] { background: #274961; font-family: var(--main-font); font-size: 13px; color: #fff; border: 0; padding: 8px 30px; font-weight: 500; border-radius: 2px; cursor: pointer; transition: all 0.3s; } input[type=submit]:hover { background: #001a35; } h1, h2, h3, h4, h5, h6 { font-family: var(--main-font); font-weight: 700; color: #333; word-break: break-word; -ms-word-break: break-word; } ::-moz-selection { color: #fff; background: #72afd3; } ::selection { color: #fff; background: #72afd3; } img { max-width: 100%; height: auto; } body { background-color: #ffffff; } button:focus, input:focus, textarea { outline: 0; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:focus { outline: none; } select::-ms-expand { display: none; } p { font-family: var(--main-font); font-size: 13px; line-height: 26px; color: #6d7d9a; font-weight: 400; } a { color: #204056; text-decoration: none; } a:hover { text-decoration: none; } code, cite, dd { color: #6d7d9a; } dd a { color: #6d7d9a; font-family: Karla, sans-serif; font-size: 13px; } dt { color: #6d7d9a; font-family: Karla, sans-serif; font-size: 15px; } .overflow-hidden { overflow: hidden !important; } .custom-accordion-startup .elementor-accordion-item { margin-bottom: 15px; border-bottom: 1px solid #e7e7e7 !important; padding-bottom: 15px; } .custom-accordion-startup .elementor-accordion-item .elementor-tab-title a { font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; } .custom-accordion-startup .elementor-accordion-item .elementor-tab-content { margin-top: 15px; } .wdes-center-image-vertical { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } header { background: #122d3e; background: linear-gradient(-90deg, #122d3e 0%, #274961 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d3e", endColorstr="#274961", GradientType=0); z-index: 99; position: relative; display: table; width: 100%; padding: 0; } .sticky-header { position: fixed; top: 0; width: 100%; border-bottom: 1px solid #e7e7e7; z-index: 999999999; animation-name: fadeInDown; animation-fill-mode: both; animation-duration: 0.4s; left: 0; } @keyframes fadeInDown { from { opacity: 0; transform: translatey(-10px); } to { opacity: 1; transform: translatey(0); } } .parent-top-first-lvl { width: 100%; } nav.navbar { padding: 0; float: left; } .parent-top-lvl { width: 100%; position: relative; display: flex; align-items: center; } .wdes-sub-items { float: right; } html[dir=rtl] .wdes-sub-items { float: left; } .clientarea-shortcuts { float: right; margin-left: 15px; margin-top: 4px; border-left: 1px solid; } html[dir=rtl] .clientarea-shortcuts { float: left; margin-right: 15px; margin-left: initial; border-left: 0; border-right: 1px solid; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin: 0; } .navbar-header { float: left; } .l-area { display: flex; align-items: center; } .logo { float: left; transition: all 0.3s; height: 40px; width: auto; } .text-logo { font-family: var(--main-font); font-size: 20px; font-weight: 500; color: #fff; margin: 0; } .shortcuts-top-bar { float: left; } .shortcuts-top-bar .block-sc { float: left; margin-right: 30px; } .shortcuts-top-bar .block-sc img { width: 20px; height: 20px; margin-right: 8px; } .shortcuts-top-bar .block-sc span { font-family: var(--main-font); font-size: 13px; color: #fff; font-weight: 400; } .shortcuts-top-bar .block-sc a { font-family: var(--main-font); font-size: 13px; color: #fff; text-decoration: none; font-weight: 400; } .wdes-interface-menu { padding: 10px 0; display: table; width: 100%; position: relative; z-index: 101; } .wdes-interface-menu #wdes-menu-top-header { display: inline-block; padding-top: 3px; } .wdes-interface-menu #wdes-menu-top-header ul.menu { margin: 0; padding: 0; list-style: none; } .wdes-interface-menu #wdes-menu-top-header ul.menu li { float: left; margin: 0 15px 0 0; } .wdes-interface-menu #wdes-menu-top-header ul.menu li:last-child { margin: 0; } .wdes-interface-menu #wdes-menu-top-header ul.menu li a { font-size: 13px; font-weight: 400; font-family: "Montserrat", sans-serif; color: #717380; transition: all 0.3s; } .wdes-interface-menu #wdes-menu-top-header ul.menu li a:hover { color: #f36e46; } .wdes-interface-menu #wdes-menu-top-header ul.menu li a:hover .wdes-menu-icon { color: inherit !important; } .wdes-interface-menu #wdes-menu-top-header ul.menu li a .wdes-menu-icon { font-size: 15px; margin-top: 5px; } .wdes-interface-menu #wdes-menu-top-header ul.menu li a .wdes-menu-align-left { margin-right: 7px; float: left; } .wdes-interface-menu #wdes-menu-top-header ul.menu li a .wdes-menu-align-right, .wdes-interface-menu #wdes-menu-top-header ul.menu li a .wdes-menu-align-auto { margin-left: 7px; float: right; } .wdes-mob-btn { display: none; } .dropdown-toggle::after { display: none; } .clientarea-shortcuts > a { margin-left: 15px; cursor: pointer; } .clientarea-shortcuts > a span { font-size: 16px; color: #717380; } html[dir=rtl] .clientarea-shortcuts > a { margin-right: 15px; margin-left: initial; } .tooltip .tooltip-inner { background: #656d78; font-family: var(--main-font); font-size: 12px; font-weight: 400; } .tooltip .arrow::before { border-bottom-color: #656d78; } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper #wdes-fullscreen-searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: transparent; border: 0; right: 0; top: 0; cursor: pointer; } html[dir=rtl] .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper #wdes-fullscreen-searchform input[type=submit] { left: 0; right: initial; } #wdes-fullscreen-searchform button[type=submit] { position: absolute; right: 15px; top: 35px; background: transparent; border: 0; cursor: pointer; } html[dir=rtl] #wdes-fullscreen-searchform button[type=submit] { left: 15px; right: initial; } #wdes-fullscreen-searchform:focus { outline: none; border: none; } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper #wdes-fullscreen-searchform .fullscreen-search-icon { font-size: 25px; color: #fff; transition: all 0.2s ease-out; } .fullscreen-search-icon:hover, .fullscreen-search-icon:focus { border: none; outline: none; color: #fff !important; transition: transform ease-out 0.2s; } #wdes-fullscreen-searchform { position: relative; } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper #wdes-fullscreen-searchform #wdes-fullscreen-search-input { width: 100%; font-family: var(--main-font); background-color: transparent; box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.1); border: 0; text-align: left; font-size: 35px; padding: 20px; color: #fff; transition: all 0.3s ease-out; padding-right: 70px; border-radius: 0; } html[dir=rtl] .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper #wdes-fullscreen-searchform #wdes-fullscreen-search-input { text-align: right; padding-right: 20px; padding-left: 70px; } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper #wdes-fullscreen-searchform #wdes-fullscreen-search-input:focus { border: none; outline: none; } .wdes-fullscreen-search-overlay.wdes-fullscreen-search-overlay-show { visibility: visible; opacity: 1; } .wdes-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.94); text-align: center; transition: all ease-in-out 0.25s; } .wdes-fullscreen-search-overlay { transform: translateZ(0); z-index: 999999; } .wdes-fullscreen-search-overlay .wdes-fullscreen-close:link, .wdes-fullscreen-search-overlay .wdes-fullscreen-close:visited { color: #fff; } .wdes-fullscreen-search-overlay .wdes-fullscreen-close { position: absolute; right: 50px; top: 70px; font-size: 26px; transition: transform ease-out 0.2s; transform: rotate(0deg); color: #fff !important; } html[dir=rtl] .wdes-fullscreen-search-overlay .wdes-fullscreen-close { left: 50px; right: initial; } .wdes-fullscreen-search-overlay.wdes-fullscreen-search-overlay-show #wdes-fullscreen-search-wrapper { opacity: 1; visibility: visible; transform: scale(1); } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; transform: scale(0.9); opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s; width: 55%; } .widget_search form#wdes-fullscreen-searchform, .elementor-widget-container form#wdes-fullscreen-searchform, .elementor-element form#wdes-fullscreen-searchform { top: 0 !important; } .wdes-fullscreen-close:hover { opacity: 0.6; transform: rotate(180deg); transition: all 400ms; } #wdes-fullscreen-search-input:focus { box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.54) !important; } .dropdown-menu.custom { background: #fff; border: 0; border-radius: 0; margin: 0; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); min-width: 230px; margin-top: 23px; padding: 0; } .dropdown-menu.custom li { border-bottom: 1px solid #f7f5f5; width: 100%; padding: 0; float: none; transition: all 0.3s; margin: 0; } .dropdown-menu.custom li:last-child { border-bottom: 1px solid transparent; } .dropdown-menu.custom li:hover { background: transparent; } .dropdown-menu.custom li a { font-family: var(--text-font); color: #4c6e87; font-size: 16px; font-weight: 400; text-transform: none; border-top: 0 !important; padding: 14px 15px; } .dropdown-menu.custom li a:hover { color: #333 !important; } .dropdown-menu.custom li a:visited { background: #fff; } .dropdown-menu.custom a:hover { border: 0; background: transparent; } .dropdown-menu.custom li:hover a { color: #fff; } .dropdown-menu.custom li:hover span { background: #3083d1; color: #fff; } .count { font-family: var(--text-font); color: #b8b8b8; font-size: 12px; margin-left: 37px; margin-top: -3px; } .dropdown-menu.carti { border: 0; border-radius: 0; top: 45px; margin: 0; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); padding: 0; min-width: 200px; overflow: hidden; } .dropdown-menu.carti li { margin: 0; width: 100%; border-bottom: 1px solid #e7e7e7; padding: 10px; } .dropdown-menu.carti li a { padding-top: 0 !important; color: #000; font-size: 13px; } .dropdown-menu.carti a:hover { border-top: 0; background: transparent; color: #000 !important; } .dropdown-menu.carti li a.check-p { padding-top: 7px !important; padding-bottom: 7px; padding-right: 20px; padding-left: 20px; } a.check-p { background: #3897f0; color: #fff !important; font-family: var(--text-font); font-weight: 700 !important; font-size: 13px; display: table !important; text-align: center; margin: 0 auto; border-radius: 2px; position: relative; transition: all 0.3s; } .l-p { float: left; font-family: var(--text-font); font-weight: 700; color: #000; margin-left: 20px; text-transform: uppercase; font-size: 13px; } .r-p { float: right; color: #65c039; margin-right: 20px; font-family: var(--main-font); font-size: 14px; } .menu-ser { margin-right: 10px; background: #e8ecef; padding: 7px; border-radius: 360px; color: #828587; } .s-area { float: right; position: relative; margin-top: 3px; } html[dir=rtl] .s-area { float: left; } .s-area span { font-family: var(--main-font); color: #fff; font-weight: 600; font-size: 13px; margin-right: 5px; text-transform: uppercase; margin-top: 25px; display: inline-block; } .dropdown-menu.clientz { border: 0; border-radius: 0; top: 45px; margin: 0; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); padding: 0; } .user-drpd { background: transparent; border: 1px solid #ddd; border-radius: 2px; text-align: center; margin-bottom: 10px; font-family: var(--text-font); font-size: 12px; padding: 6px 10px; margin: 10px 10px 0; } .sub-drpd { width: 90.1%; border: 0; color: #fff; border-radius: 2px; padding: 6px 10px; margin: 0 10px 0; display: block; font-family: var(--text-font); font-weight: 700; text-transform: uppercase; font-size: 12px; transition: all 0.3s; cursor: pointer; } .remember-form { font-family: var(--text-font); color: #7e7e7e; margin: 10px 0 10px 10px; font-size: 13px; font-weight: 600; } .remmber-ch { padding-left: 8px; position: relative; top: -2px; } .social { margin: 0; padding: 0; display: inline; } .social li { display: inline; margin-left: 14px; } html[dir=rtl] .social li { margin-right: 14px; margin-left: initial; } .social li a { color: #fff; font-size: 16px; font-weight: 400; text-decoration: none; transition: all 0.3s; } .social li a:hover { color: #122d3e; } .top-header-layout-2 #wdes-menu-top-header { float: right; } .top-header-layout-2 .wdes-sub-items { float: left; } .top-header-layout-2 .clientarea-shortcuts { float: left; border-right: 1px solid #e7e7e7; border-left: 0; margin-left: 0; margin-right: 15px; } .top-header-layout-2 .clientarea-shortcuts a { margin-left: 0; margin-right: 15px; } .sticky-header + .parent-img-post-inner, .sticky-header + .elementor { margin-top: 81px; } .logo-main { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .logo { display: none; } .logo-main { display: inline-block; } } .sticky-header_logo { display: none; } .sticky-header .sticky-header_logo { display: inline-block; } .sticky-header .sticky-header_logo ~ img { display: none !important; } .social-m { font-family: "Font Awesome 5 Brands" !important; font-weight: 400 !important; } html[dir=rtl] .wdes-interface-menu #wdes-menu-top-header ul.menu li { float: right; margin: 0 0 0 15px; } .widgets_footer_area { margin: 80px 0 30px; } footer { background: #fff; } footer .widget-call-to-action-button { background: transparent; padding: 0; border: 0; } footer .wdes-posts-sec { background: transparent; border: 0; padding: 0; } footer .wdes-posts-sec .posts { margin: 0; } footer .wdes-posts-sec .posts a { width: 100%; color: #fff !important; } footer .wdes-posts-sec .posts span { color: #b3b3b3 !important; } footer .wdes-posts-sec .posts li img { height: 51px; -o-object-fit: cover; object-fit: cover; } .padd-ft { padding: 30px 0; } .footer-dark { background: #122d3e; background: linear-gradient(-90deg, #122d3e 0%, #274961 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d3e", endColorstr="#274961", GradientType=0); } .widget-footer.widget_search button[type=submit] { position: static !important; width: 18%; background: #132a39 !important; padding: 11px !important; } .copyrights-wdes-ft { float: left; width: 100%; padding: 15px 0; } html[dir=rtl] .copyrights-wdes-ft { float: right; } .copyrights-wdes-ft p { font-family: var(--text-font); font-size: 15px; float: left; margin-bottom: 0; color: #fff; } html[dir=rtl] .copyrights-wdes-ft p { float: right; } .sc-links-ft { float: right; } html[dir=rtl] .sc-links-ft { float: left; } .sc-links-ft a { font-family: var(--main-font); font-size: 13px; color: #fff; text-decoration: none; margin-left: 15px; transition: all 0.3s; } .sc-links-ft a:hover { color: #122d3e; border-bottom: 1px solid #122d3e; } .footer { float: left; width: 100%; color: #fff; } .footer p { color: #fff; } .footer .block-sidebar-function .wid-title h2 { font-size: 14px; } .footer .func-hr2 { margin: 19px 0 0; } .footer .wid-title { margin-bottom: 26px; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { margin: 10px 0 15px 0; font-family: var(--main-font); font-weight: 400; color: #fff; font-size: 21px; } .footer ul { margin: 0; padding: 0; list-style: none; } .footer li { margin: 0 0 8px; color: #fff; } .footer ul li a { color: #fff; font-size: 15px; font-weight: 400; font-family: var(--text-font); text-decoration: none; transition: all 0.3s; word-break: break-all; } .footer ul li a:hover { color: #122d3e; } footer .wid-title h2 { letter-spacing: 0.5px; } .footer .widget_nav_menu li, .footer .widget_nav_menu li { margin: 10px 0 0 0; padding: 0 0 0 10px; } .footer .widget_nav_menu li:first-child, .footer .widget_nav_menu li:first-child { padding: 0; } .footer .widget_nav_menu .sub-menu li:first-child, .footer .widget_nav_menu .sub-menu li:first-child { padding: 0 0 0 10px; } .footer .widget_archive ul li { color: #e7e7e7; } .footer .widget_archive a, .footer .widget_categories a { float: left; } .footer .rssSummary { font-size: 12px; margin: 5px 0 1px; line-height: 25px; } .footer .widget_text p { line-height: 27px; font-size: 12px; } .footer-dark #wp-calendar tfoot td a { color: #fff; } .footer.footer-dark a.rsswidget { color: #fff; } .footer .startup-social-widgets { border: 0; padding: 0; margin: 0 0 50px 0; } .footer .startup-social-widgets .wid-title h2 { font-size: 18px; } .footer .startup-social-widgets .socialmedia-icons li { margin-right: 11px; } .footer .startup-social-widgets .socialmedia-icons li a { width: initial; border: initial; padding: initial !important; font-size: 19px !important; color: #717380 !important; font-family: "Font Awesome 5 Brands" !important; } .footer .footer-menu li { float: left; margin: 0 15px 0 0; } .footer .footer-menu li a { margin-left: 0; font-size: 13px; font-weight: 400; font-family: montserrat, sans-serif; } .footer .footer-menu li a:hover { border-bottom: 0; } .footer .footer-menu li a:hover .wdes-menu-icon { color: inherit !important; } .footer .footer-menu li a .wdes-menu-icon { font-size: 15px; margin-top: 5px; } .footer .footer-menu li a .wdes-menu-align-left { margin-right: 5px; float: left; } .footer .footer-menu li a .wdes-menu-align-right, .footer .footer-menu li a .wdes-menu-align-auto { margin-left: 5px; float: right; } .footer .wdes-socialmedia-widget { margin: 0 0 50px; display: inline-block; width: 100%; border: 0; padding: 0; } .footer .wdes-socialmedia-widget .socialmedia-icons li { margin-right: 10px; } .footer .wdes-socialmedia-widget .socialmedia-icons li:last-child { margin-right: 0; } .footer .wdes-socialmedia-widget .socialmedia-icons li a { color: inherit !important; font-size: 17px !important; font-family: "Font Awesome 5 Brands"; padding: 0 !important; border: initial; width: initial; border-radius: initial; } .footer .widget_categories ul a:before { color: inherit; } .footer .wdes-ads-block { margin-bottom: 50px; padding: 0; border: 0; } .footer .wdes-ads-block .wid-title { display: none; } .footer .wdes-posts-sec { margin-bottom: 50px; } .footer .wdes-posts-sec .posts li .content-post-sc { width: 62%; float: left; } .footer .wdes-posts-sec .posts li .content-post-sc span { color: #fff !important; } .footer .widget-call-to-action-button { margin-bottom: 50px; } .footer .widget-call-to-action-button h6 { font-family: var(--text-font); font-size: 15px; font-weight: 400; line-height: 26px; margin: 0; } .footer .widget-call-to-action-button a.job-modernlyo { margin-top: 20px; } footer .wdes-posts-sec .posts a:hover { color: inherit !important; } p.wdes-copyrights-text { color: #717380; font-size: 13px; font-weight: 400; font-family: montserrat, sans-serif; } .footer-bg { background-size: cover; } html[dir=rtl] .footer .footer-menu li { float: right; margin: 0 0 0 15px; } html[dir=rtl] .footer .wdes-socialmedia-widget .socialmedia-icons li { margin-right: 0; margin-left: 10px; } html[dir=rtl] .footer .wdes-socialmedia-widget .socialmedia-icons li:last-child { margin-left: 0; } .social-media { padding: 30px 0; text-align: center; } .social-media ul { margin: 0; padding: 0; list-style: none; } .social-media ul li { margin: 0 10px; display: inline-block; } .social-media ul li a { color: #fff; border: 2px solid #fff; text-decoration: none; transition: all 0.3s; font-size: 17px; border-radius: 360px; padding: 10px; width: 40px; text-align: center; } .social-media ul li a:hover { transform: rotate(360deg); color: #fff; } .fab.fa-facebook.so-m:hover { background: #3b5998 !important; } .fab.fa-twitter.so-m:hover { background: #55acee !important; } .fab.fa-google-plus.so-m:hover { background: #dd4b39 !important; } .fab.fa-behance.so-m:hover { background: #1769ff !important; } .fab.fa-youtube.so-m:hover { background: #bb0000 !important; } .fab.fa-instagram.so-m:hover { background: #fccc63 !important; } .block-sidebar-function { width: 100%; display: block; margin-bottom: 30px; border: 1px solid #f3f5f9; padding: 30px; } .block-sidebar-function .wid-title, .block-sidebar-function .wp-block-group__inner-container > h2, .block-sidebar-function .wp-block-search__label { position: relative; } .block-sidebar-function .wid-title:after, .block-sidebar-function .wp-block-group__inner-container > h2:after, .block-sidebar-function .wp-block-search__label:after { content: ""; display: block; width: 20px; height: 1px; margin: 20px 0 22px; background: #d8dde6; } .block-sidebar-function .wid-title h2, .block-sidebar-function .wid-title a, .block-sidebar-function .wid-title h2 > a, .block-sidebar-function .wp-block-group__inner-container > h2, .block-sidebar-function .wp-block-search__label { margin: 0; display: block; font-size: 18px !important; font-family: var(--main-font); font-weight: 600; color: #204056; line-height: 1.5em; } .block-sidebar-function .wp-block-search__inside-wrapper .wp-block-search__input { background: #fff; border: 1px solid #f3f5f9; font-family: var(--text-font); font-size: 15px; padding: 11px 15px; font-weight: 400; } .block-sidebar-function .wp-block-search__inside-wrapper .wp-block-search__button { width: auto; color: #fff; } .block-sidebar-function ul li a, .block-sidebar-function ul li span, .block-sidebar-function ol li a, .block-sidebar-function ol li span { font-family: var(--text-font); font-size: 15px; font-weight: 400; color: #6d7d9a; transition: all 0.3s; text-decoration: none; word-break: break-word; } .block-sidebar-function:last-child { margin-bottom: 0; } .widget-footer .wp-block-search__label { margin: 0; display: block; font-size: 18px !important; font-family: var(--main-font); font-weight: 600; color: #fff; line-height: 1.5em; margin-bottom: 20px; } .widget-footer .wp-block-search__inside-wrapper .wp-block-search__input { background: #132a39; border: 1px solid #132a39; color: #fff; font-family: var(--text-font); font-size: 15px; padding: 11px 15px; font-weight: 400; } .widget-footer .wp-block-search__inside-wrapper .wp-block-search__button { width: auto; color: #fff; margin-left: 10px; } .sidebar-area { width: 30%; margin: 0 1.3%; color: var(--sub-color); } .sidebar-area .wid-title h2, .sidebar-area .wid-title a { font-size: 18px; text-transform: initial; } .screen-reader-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; width: 1px; height: 1px; } .block-sidebar-function select { background: #fff; border: 1px solid #f3f5f9; width: 100%; border-radius: 2px; font-size: 14px; font-family: var(--text-font); color: #6d7d9a; outline: none; line-height: 23px; transition: background 0.3s, border 0.3s; padding: 5px 10px; } .sidebar-area .widget_nav_menu li, .sidebar-area .widget_nav_menu li { margin: 10px 0 0 0; padding: 0 0 0 10px; } .sidebar-area .widget_nav_menu li:first-child, .sidebar-area .widget_nav_menu li:first-child { padding: 0; } .sidebar-area .widget_nav_menu .sub-menu li:first-child, .sidebar-area .widget_nav_menu .sub-menu li:first-child { padding: 0 0 0 10px; } .block-sidebar-function ul { margin: 0; padding: 0; list-style: inside circle; } .block-sidebar-function ol { margin: 0; padding: 0; } .block-sidebar-function ul li, .block-sidebar-function ol li { margin-top: 11px; line-height: 21px; font-family: var(--text-font); font-size: 13px; font-weight: 400; color: #6d7d9a; } .block-sidebar-function ul li::after, .block-sidebar-function ol li::after { clear: both; display: table; content: ""; } .sidebar-area .widget_categories li { text-align: right; } .sidebar-area .widget_categories li a { float: left; } .widget_archive ul { margin: 0; list-style: none; } .widget_archive ul li { text-align: right; font-size: 13px; color: #6d7d9a; font-family: var(--text-font); font-weight: 400; margin-top: 11px; } .widget_archive ul li a { float: left; } .widget_archive ul li a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; margin-right: 10px; } .comment-author-link, .recentcomments a { font-size: 15px !important; } .widget_categories ul { margin: 0; list-style: none; } .widget_categories ul li ul.children { margin: 0 0 0 14px; } .widget_categories ul a:before { content: "\f07c"; font-family: "Font Awesome 5 Free"; font-size: 14px; color: #204056; margin-right: 10px; } .date-post-wid span { font-weight: 400; font-size: 12px; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #274961 !important; } .widget-footer { margin: 0 0 50px; display: inline-block; width: 100%; } .widget-footer #wp-calendar thead { border: 1px solid #082333; } .widget-footer #wp-calendar thead th { background: #132a39; color: #e7e7e7; border-right: 1px solid #082333; } .widget-footer #wp-calendar tfoot td { border: 1px solid #082333; } .widget-footer #wp-calendar tbody { border: 1px solid #082333; color: #fff; } .widget-footer #wp-calendar tbody td { border: 1px solid #082333; color: #fff; } .widget-footer #wp-calendar tbody td a { color: #fff; } .widget-footer #wp-calendar caption { color: #e7e7e7; } .widget-footer table th { border: 1px solid #082333; } .widget-footer table td { background: #132a39; } .widget-footer #wdes-fullscreen-search-input { background: #132a39; border: 1px solid #082333; width: 80%; margin-right: 2%; } .widget-footer #wdes-fullscreen-search-input::-moz-placeholder { color: #fff; } .widget-footer #wdes-fullscreen-search-input::placeholder { color: #fff; } .widget-footer #wdes-fullscreen-search-input:focus { box-shadow: none !important; } .widget-footer .cat-item { text-align: right; font-weight: 400; font-size: 13px; line-height: 21px; display: inline-block; width: 100%; } .widget-footer .cat-item a { float: left; } .widget-footer input[type=text], .widget-footer input[type=password], .widget-footer input[type=email], .widget-footer input[type=url], .widget-footer input[type=date], .widget-footer input[type=number], .widget-footer input[type=tel], .widget-footer input[type=file], .widget-footer textarea, .widget-footer select { padding: 9px 15px; } .widget-footer.widget_rss li { margin-bottom: 20px; } .widget-footer.widget_rss li:last-child { margin-bottom: 0; } .widget-footer.widget_rss a { font-size: 15px; } .widget-footer.widget_rss span { font-size: 13px; } .widget-footer.widget_rss .rssSummary { font-size: 13px; margin: 5px 0 1px; } .widget-footer.widget_rss cite { font-size: 13px; color: #122d3e; } .block-sidebar-function .rssSummary { margin: 10px 0; line-height: 26px; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #204056; text-align: center; caption-side: top; font-family: var(--main-font); font-size: 14px; padding: 0 0 15px 0; } .wp-calendar-nav-prev a { font-family: var(--main-font); font-size: 14px; } #wp-calendar thead { border: 1px solid #e7e7e7; } #wp-calendar thead th { background: #fff; font-family: var(--text-font); vertical-align: middle; text-align: center; color: #204056; font-size: 14px; padding: 10px 0; border-right: 1px solid #e7e7e7; } #wp-calendar tbody { border: 1px solid #e7e7e7; text-align: center; vertical-align: middle; font-family: var(--text-font); font-size: 13px; color: #7e7e7e; } #wp-calendar tbody td { text-align: center; padding: 8px 0; border: 1px solid #e7e7e7; font-size: 15px; } #wp-calendar #today { color: #fff; } #wp-calendar #today a { color: #fff; } #wp-calendar td a { color: #204056; text-decoration: none; font-size: 12px; } #wp-calendar tfoot td { border: 1px solid #e7e7e7; padding: 4px 10px; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tfoot td a { font-family: var(--text-font); font-size: 13px; color: #333; font-weight: 400; transition: all 0.3s; } #wp-calendar tfoot td a:hover { color: #274961; } .wp-caption { max-width: 100%; width: auto !important; } .block-sidebar-function img { max-width: 100%; margin: 5px 0; } .gallery-icon img { border: 0 !important; height: auto; border-radius: 4px; margin: 10px auto; } .gallery-item { margin: 0; padding: 4px; } .gallery-caption { font-family: var(--main-font); } .wp-caption-text { font-family: var(--text-font); font-size: 13px; color: #7e7e7e; margin: 10px 0; font-style: italic; line-height: 27px; } .widget_rss img.rss-widget-icon { display: none; } a.rsswidget { color: #333; text-decoration: none; } .tagcloud a.tag-cloud-link { color: #6d7d9a; font-size: 14px !important; font-family: var(--text-font); display: inline-block; background: #f3f5f9; line-height: 14px; margin: 0 3px 7px 0; padding: 6px 10px; border-radius: 2px; text-decoration: none; transition: all 0.3s; font-weight: 400; } .tag-cloud-link:hover { color: #fff; } .sidebar-area .wdes-ads-block .wdes-banner-280 { width: 280px; height: 250px; -o-object-fit: cover; object-fit: cover; } .sidebar-area .wdes-ads-block .wdes-banner-280 { width: 280px; height: 90px; -o-object-fit: cover; object-fit: cover; margin: 0; } .sidebar-area .widget-call-to-action-button { background-color: #fff; width: 100%; display: block; margin-bottom: 30px; border: 1px solid #f3f5f9; padding: 30px; } .sidebar-area .widget-call-to-action-button h6 { font-family: var(--text-font); font-size: 15px; font-weight: 400; color: #6d7d9a; line-height: 26px; margin: 0; } .sidebar-area .widget-call-to-action-button a.job-modernlyo { margin-top: 20px; } .widget_search #wdes-fullscreen-search-input { background: #fff; border: 1px solid #f3f5f9; width: 75%; margin-right: 2%; font-family: var(--text-font); font-size: 15px; padding: 11px 15px; float: left; font-weight: 400; } .widget_search i.fullscreen-search-icon { width: 20%; padding: 15px 0; cursor: pointer; color: #fff; text-align: center; font-size: 16px; border: 0; position: relative; height: 46px; } .widget_search button[type=submit] { position: static !important; cursor: pointer; padding: 11px 20px !important; cursor: pointer; border: 0; background: #204056 !important; border-radius: 2px; position: relative; top: 1px; transition: all 0.3s; right: initial; width: 23%; font-family: var(--main-font); } .widget_search button[type=submit] i { color: #fff; font-size: 17px; padding: initial; position: static; height: initial; width: initial; } html[dir=rtl] .widget_archive ul li, html[dir=rtl] .sidebar-area .widget_categories li { text-align: left; } html[dir=rtl] .widget_archive ul li a, html[dir=rtl] .sidebar-area .widget_categories li a { float: right; } html[dir=rtl] .widget_archive ul li a:before { margin-left: 10px; margin-right: initial; transform: rotate(180deg); display: inline-table; } html[dir=rtl] .widget_categories ul a:before { margin-left: 10px; margin-right: 0; float: right; } html[dir=rtl] .widget_search #wdes-fullscreen-search-input { float: right; margin-left: 2%; margin-right: initial; } html[dir=rtl] .widget-footer .cat-item { text-align: left; } html[dir=rtl] .widget-footer .cat-item a { float: right; } .wdes-menu-navbar { position: static; margin-left: auto; } .wdes-menu-navbar ul.default-drop { margin: 0; padding: 0; list-style: none; display: table; } .wdes-menu-navbar ul.default-drop > li { float: left; padding: 28px 18px; } .wdes-menu-navbar ul.default-drop > li:last-child { padding-right: 0; } .wdes-menu-navbar ul.default-drop > li > a { color: #fff; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s; cursor: pointer; } .wdes-menu-navbar ul.default-drop > li > a:hover .wdes-menu-icon { color: inherit !important; } .wdes-menu-navbar ul.default-drop > li > a .wdes-menu-icon { font-size: 15px; } .wdes-menu-navbar ul.default-drop > li > a .wdes-menu-align-left { margin-right: 7px; } .wdes-menu-navbar ul.default-drop > li > a .wdes-menu-align-right, .wdes-menu-navbar ul.default-drop > li > a .wdes-menu-align-auto { margin-left: 5px; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content { background: #fff; border: 1px solid #eee; position: absolute; display: none; top: 100%; min-width: 235px; z-index: 1; list-style: none; margin: 0; padding: 0; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li { float: none; padding: 0 40px; margin: 0; position: relative; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li:last-child > a { border-bottom: 0; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a { font-family: "Montserrat", sans-serif; font-size: 13px; display: flex; color: #7f7f7f; font-weight: 400; padding: 10px 0; border-bottom: 1px solid #eee; text-decoration: none; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a:hover { color: inherit; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a .wdes-menu-icon { font-size: 15px; margin-top: 3px; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a .wdes-menu-align-left { margin-right: auto; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a .wdes-menu-align-right, .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a .wdes-menu-align-auto { margin-left: auto; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li ul { left: 100%; top: 0; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content.mega-w > li > a { display: block; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content.mega-w > li > a .dropdown-content > li > a { display: block; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content.mega-w > li > a .elementor-icon-list-icon { display: inline-flex; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content.mega-w > li > a .wdes-menu-align-left { margin-right: 10px; float: left; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content.mega-w > li > a .wdes-menu-align-right, .wdes-menu-navbar ul.default-drop > li ul.dropdown-content.mega-w > li > a .wdes-menu-align-auto { margin-left: initial; float: right; } .wdes-menu-navbar ul.default-drop > li > ul.dropdown-content { padding: 16px 0; } .wdes-menu-navbar ul.default-drop li:hover > ul.dropdown-content { display: block; animation-name: fadein; animation-duration: 0.5s; } .wdes-menu-navbar ul li:hover > ul.dropdown-content.mega-w li.heading ul { display: block; animation: none; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content { max-height: 650px; overflow-y: auto; width: 100%; left: 0; padding: 0; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content > li { padding: 0; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col { width: 20%; margin: 2.5%; float: left; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col-1 { width: 95%; margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col-2 { width: 45%; margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col-3 { width: 28.3333333333%; margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col-4 { width: 20%; margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col-5 { width: 15%; margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.wdes-col-6 { width: 11.6666666667%; margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading > a { border-bottom: 0; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading:last-child { margin: 2.5%; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading:hover { background: transparent; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading > a { color: #423f4f; font-weight: 600; font-size: 16px; padding: 0; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading > a span.divider-heading-mega { width: 30px; height: 2px; background: #eee; display: block; margin: 15px 0; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading > a:after { display: none; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading > a:before { content: ""; margin-right: 0; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading ul.dropdown-content { position: static; width: 100%; display: inline-block; border: 0; padding: 0 !important; } .wdes-menu-navbar ul.default-drop > li > .mega-w.dropdown-content li.heading ul.dropdown-content > li { padding: 0; } .wdes-menu-navbar .mega-w.dropdown-content.wdes-template-style li { padding: initial; } .wdes-menu-navbar ul.default-drop > li > ul.dropdown-content.wdes-template-style { padding: initial; border: 0; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .toggle-menu, .toggle-menu-close { display: none; } .icon-mob-angle { display: none; } .wdes-menu-navbar ul.default-drop li.wdes-dropdown:last-child { margin-right: 0; } .mega-w .block-sidebar-function { white-space: normal; } .mega-w .block-sidebar-function .wid-title h2, .mega-w .widget-footer .wid-title h2 { color: #423f4f; } .mega-w .block-sidebar-function ul, .mega-w .widget-footer ul { position: initial; background: initial; min-width: initial; margin: initial; display: initial; list-style: none; padding: initial !important; } .mega-w .block-sidebar-function ul li, .mega-w .widget-footer ul li { float: initial !important; padding: initial !important; margin: initial !important; border-bottom: initial !important; position: initial !important; } .mega-w .block-sidebar-function ul li:hover, .mega-w .widget-footer ul li:hover { background: initial !important; } .mega-w .block-sidebar-function ul li a, .mega-w .widget-footer ul li a { font-family: initial; font-size: initial; display: initial !important; color: initial; font-weight: initial; padding: initial !important; text-decoration: initial; transition: initial; } .mega-w .block-sidebar-function ul li a:hover, .mega-w .widget-footer ul li a:hover { color: initial; } .wdes-menu-label { border-radius: 2px; padding: 2px 7px; margin-left: 10px; font-size: 13px; } span.wdes-menu-sec-text { display: block; line-height: 26px; font-family: "Montserrat", sans-serif; font-size: 13px; color: #333; font-weight: 400; } .d-none { display: none; } @media (min-width: 160px) and (max-width: 960px) { .wdes-mob-btn { border: 0; background: transparent !important; padding: 0 !important; cursor: pointer; display: block; position: relative; z-index: 10001000; padding: 0; line-height: 0; } .wdes-mob-btn .icon-menu { position: relative; display: inline-block; width: 28px; height: 20px; vertical-align: middle; fill: none; } .wdes-mob-btn .icon-menu .line { position: absolute; left: 0; display: block; width: 100%; height: 2px; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); background-color: #333; } .wdes-mob-btn .icon-menu .line-1 { top: 0; } .wdes-mob-btn .icon-menu .line-2 { top: 50%; margin-top: -1px; } .wdes-mob-btn .icon-menu .line-3 { bottom: 0; } .logged-in .wdes-menu-is-active { top: 60px; } .wdes-menu-is-active { position: fixed; top: 30px; right: 15px; } .wdes-menu-is-active .icon-menu .line-1 { transform: translateY(10px) translateX(0) rotate(45deg); background-color: #fff; } .wdes-menu-is-active .icon-menu .line-2 { opacity: 0; } .wdes-menu-is-active .icon-menu .line-3 { transform: translateY(-8px) translateX(0) rotate(-45deg); background-color: #fff; } .wdes-menu-navbar .wdes-menu-icon { margin-top: 3px; } .menu-d-mob { background: #191919; width: 100%; height: 100vh; position: fixed; right: -100%; top: 0; transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0s; overflow-y: auto; overflow-x: hidden; z-index: 9999999; } .menu-toggle-op { right: 0; width: 100%; transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0s; } .wdes-menu-navbar ul.default-drop { width: 100%; padding: 60px 0; } .wdes-menu-navbar ul.default-drop > li { padding-bottom: 0; border-bottom: 1px solid #082333; display: block; width: 100%; } .wdes-menu-navbar ul.default-drop > li:last-child { border-bottom: 0; } .wdes-menu-navbar ul.default-drop > li > a { padding: 15px; display: block; } .wdes-menu-navbar .mega-w.dropdown-content { width: 100%; float: left; } .wdes-menu-navbar .mega-w.dropdown-content > li.wdes-col { width: 94% !important; float: left !important; margin: 2.5% 0 !important; overflow: hidden; } .wdes-menu-navbar .mega-w.dropdown-content > li.wdes-col > li.heading a { color: #ffffff !important; } .wdes-menu-navbar .mega-w.dropdown-content > li.wdes-col li { border-bottom: 1px solid #232323 !important; } .wdes-menu-navbar .mega-w.dropdown-content > li.wdes-col li:last-child { border-bottom: 0 !important; } .wdes-menu-navbar .mega-w.dropdown-content > li.wdes-col li a::before { color: #fff; } .wdes-menu-navbar ul.default-drop li:hover > ul.dropdown-content { display: none; } .display-menu { display: block !important; animation: none !important; } .wdes-menu-navbar ul.default-drop li ul.dropdown-content { background: transparent; border: 0; position: static; padding: 0; } .wdes-menu-navbar .mega-w.dropdown-content li.heading > a { color: #fff !important; } .wdes-menu-navbar .mega-w.dropdown-content li.heading > a span.divider-heading-mega { background: #fff; } .wdes-menu-navbar ul.default-drop > li > ul > li > ul { padding: 0 15px; } .wdes-menu-navbar ul.default-drop > li > ul > li > a { padding: 15px 0; } .wdes-menu-navbar ul.default-drop li.current-menu-item .dropdown-content li a { color: #fff; } span.wdes-menu-sec-text { color: #fff; } .wdes-menu-navbar .block-sidebar-function { border: 1px solid #112835; } .wdes-menu-navbar .wid-title h2 { color: #fff !important; } .wdes-menu-navbar .elementor { margin-left: -15px; margin-right: -15px; } .wdes-menu-navbar ul.default-drop > li > a { line-height: 24px; } .wdes-menu-navbar ul.default-drop > li > a { color: #fff !important; } .wdes-menu-navbar ul.default-drop > li > a:hover { color: #f36e46 !important; } .wdes-menu-navbar ul.default-drop > li { border-bottom: 1px solid #232323; padding: 0 20px; } .menu-d-mob span.wdes-menu-icon { color: #fff !important; } .wdes-menu-navbar ul.default-drop > li.current-menu-item > a { color: #f36e46 !important; } .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a { border-bottom: 0 !important; } ul.dropdown-content.mega-w.display-menu { padding: 0 40px !important; } ul.dropdown-content.mega-w { max-height: initial; } } .wdes-menu-navbar ul.default-drop > li a.mega-menu-demos + ul.dropdown-content { padding: 23px 11.5px 23px 23px !important; } .wdes-menu-navbar ul.default-drop > li a.mega-menu-demos + ul.dropdown-content li a { border-bottom: 0; padding: 0; } html[dir=rtl] .wdes-menu-navbar { margin-right: auto; margin-left: initial; } html[dir=rtl] .wdes-menu-navbar ul.default-drop > li:last-child { padding-left: 0; padding-right: 18px; } html[dir=rtl] .wdes-menu-navbar ul.default-drop > li { float: right; } @media (min-width: 160px) and (max-width: 960px) { html[dir=rtl] .wdes-menu-is-active { left: 15px; right: initial; } } html[dir=rtl] .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a .wdes-menu-align-right, html[dir=rtl] .wdes-menu-navbar ul.default-drop > li ul.dropdown-content > li > a .wdes-menu-align-auto { transform: rotate(180deg); } .parent-img-post-inner { background: #122d3e; background: linear-gradient(-90deg, #122d3e 0%, #274961 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d3e", endColorstr="#274961", GradientType=0); position: relative; padding: 100px 0; overflow: hidden; } .single-feature-img { position: absolute; top: 0; left: 0; height: 380px; background-size: cover; width: 100%; background-position: 50% 50%; opacity: 0.3; } .parent-title-archive { position: relative; text-align: center; } .parent-title-archive h2 { font-family: var(--main-font), sans-serif; font-size: 50px; font-weight: 600; line-height: 1.3em; letter-spacing: -1px; color: #fff; margin: 0 0 20px 0; } .parent-title-archive p { font-size: 16px; color: #fff; font-weight: 400; line-height: 1.7em; letter-spacing: 0; margin: 0; display: inline-block; width: 50%; margin-top: 10px; font-family: var(--text-font); } .sticky { border: 1px solid #204056 !important; } .article-item-box { width: 100%; } #comment-nav { margin-bottom: 20px; } .custom-width-area-content { width: 100%; } .main-page-title-in a { color: #fff; font-size: 50px; font-weight: 500; } ul.wdes-breadcrumb-area { margin: 25px 0 0; padding: 0; list-style: none; } ul.wdes-breadcrumb-area li { color: #fff; font-family: var(--text-font); font-size: 15px; font-weight: 400; display: inline-block; } ul.wdes-breadcrumb-area li:after { content: ">"; color: #fff; margin: 0 7px; } ul.wdes-breadcrumb-area li:last-child { margin-right: 0; } ul.wdes-breadcrumb-area li:last-child:after { content: ""; margin: 0; } ul.wdes-breadcrumb-area li a { color: #fff; font-family: var(--text-font); font-weight: 600; font-size: 15px; } .static-part { margin-bottom: 80px; } ul.categories { margin: 0; padding: 20px 0; background: #fff; text-align: center; } ul.categories li { display: inline-block; margin: 0 20px; } ul.categories li a { font-family: var(--text-font); font-weight: 700; color: #7e7e7e; font-size: 15px; text-decoration: none; transition: all 0.3s; } ul.categories li a::before { content: "\f0e7"; font-family: "Font Awesome 5 Free"; font-weight: 400; padding-right: 7px; } .top-articles { margin: 100px 2% 0; height: 480px; width: 100%; } .top-articles .block-art { position: relative; overflow: hidden; } .top-articles .block-art .post-img-outer-view { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: 50% 50%; transition: all 0.6s; } .top-articles .top-post { width: 50%; height: 100%; margin-right: 1px; display: inline-block; } .top-articles .top-post:hover .post-img-outer-view { transform: scale(1.1); } .top-articles .custom-dir-sm-blocks { float: left; } .top-articles .sm-block { width: calc(50% - 1px); height: 50%; float: left; margin-right: 1px; margin-bottom: 1px; } .top-articles .sm-block:hover .post-img-outer-view { transform: scale(1.1); } .top-articles .sm-block:hover .post-info-inner-pin-details { bottom: 8%; transition: all 0.5s ease-out; } .top-articles .sm-block:hover .pin-posts-item-description { visibility: initial; } .top-articles .sm-block .pin-posts-item-description { visibility: hidden; transition: all 0.2s ease-out; margin-top: 8px; } .top-articles .sm-block .post-info-inner-pin-details { transition: all 0.3s ease-out; bottom: -22%; } .top-articles .sm-block .post-info-inner-pin-details h2 { font-size: 17px; font-weight: 600; line-height: 26px; color: #fff; } .top-articles .sm-block .title-art { margin-bottom: 0; } .top-articles .sm-block .post-date-pin { margin-bottom: 5px; } .top-articles .sm-block:nth-child(2), .top-articles .sm-block:nth-child(4) { margin-right: 0; } .top-articles .sm-block:nth-child(3), .top-articles .sm-block:nth-child(4) { margin-bottom: 0; height: calc(50% - 1px); } .block-art.top-post .post-info-inner-pin-details h2 { color: #fff; } .area-sm-blocks { width: calc(50% - 1px); float: right; height: 100%; } .post-info-inner-pin-details { position: absolute; bottom: 20px; left: 20px; z-index: 9; } .post-info-inner-pin-details h2 { font-family: var(--main-font); color: #fff; font-weight: 600; font-size: 30px; line-height: 40px; width: 90%; } .post-info-inner-pin-details .post-date-pin { margin-bottom: 10px; } .post-info-inner-pin-details .post-date-pin span.far { font-size: 13px; color: #fff; margin-right: 6px; } .post-info-inner-pin-details .post-date-pin span:nth-child(2) { font-family: var(--text-font); font-size: 14px; color: #fff; font-weight: 600; } .post-info-inner-pin-details p.pin-posts-item-description { font-family: var(--text-font); font-size: 14px; line-height: 23px; font-weight: 400; width: 95%; color: #fff; margin-bottom: 0; } a.custom-title-art { font-size: 14px; } .art-info { position: absolute; left: 15px; bottom: 20px; color: #fff; z-index: 2; } .art-info .art-block span { margin-right: 6px; } .art-block { font-family: var(--text-font); font-size: 13px; } .art-block a { text-decoration: none; color: #fff; font-family: var(--text-font); font-size: 13px; } .art-block { display: inline-block; margin-right: 10px; } .art-shadow { position: absolute; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); bottom: 0; right: 0; left: 0; width: 100%; height: 75%; z-index: 1; } .classic-post-view { height: auto !important; } .classic-post-view .wp-post-image { float: left; height: auto !important; max-width: 100%; transition: all 0.6s; } .classic-post-view .wp-post-image:hover { transform: scale(1.1); } .classic-post-view .text-area { width: 100%; float: left; margin-top: 30px; padding-right: 30px; } .classic-post-view a.title-art-sub { margin: 20px 0 0 0; font-size: 22px; line-height: 1.55em; font-family: var(--main-font); font-weight: 600; display: table; } .classic-post-view .custom-art-hr { margin: 21px 0 30px; } .classic-post-view a.art-format { left: 20px; right: initial; } .classic-post-view .cat-img-post { right: 20px !important; top: 20px !important; left: initial !important; } .classic-post-view .cat-content-width-x { margin-top: 76px; } .item-art { float: left; width: 100%; position: relative; margin-bottom: 30px; overflow: hidden; border: 1px solid #f3f5f9; padding-bottom: 30px; } .item-art .art-info-sub { margin: -53px 0 0 30px; } html[dir=rtl] .item-art { float: right; } .item-art ol, .item-art ul { margin: 30px 0; } .item-art ol li, .item-art ul li { margin: 5px 0; color: #606f8a; font-family: var(--text-font); font-size: 15px; } .img-post-wrap { width: 100%; overflow: hidden; float: left; } .img-post-wrap img.img-no-photo-widget { height: 47px; } .alignright { float: right; margin-left: 20px; } .alignleft { float: left; margin-right: 20px; } .aligncenter { text-align: center; } img.alignleft { margin: 0 15px 15px 0 !important; } img.alignright { margin: 0 0 15px 15px !important; } .item-art iframe { width: 100%; height: 480px; } a.art-format { position: absolute; top: 20px; right: 20px; color: #fff; padding: 7px 15px; font-weight: 500; font-family: var(--main-font); text-decoration: none; border-radius: 25px; font-size: 13px; } .custom-bg-p1 { background: #3897f0; } .custom-bg-p2 { background: #274961; } .custom-bg-p3 { background: #f18800; } .custom-bg-p4 { background: #7870c0; } a.title-art-sub { font-family: var(--main-font); font-size: 18px; line-height: 34px; margin: 0; display: block; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; transition: all 0.3s; padding-left: 30px; } a.art-post-author { font-weight: 600 !important; } .art-block-sub { display: inline-block; margin-right: 23px; margin-bottom: 7px; } .art-block-sub:first-child a { display: block; } .art-block-sub a { font-family: var(--main-font), "Font Awesome 5 Free"; font-size: 13px; color: #6d7d9a; font-weight: 500; transition: all 0.3s; } .art-block-sub:last-child { margin-right: 0; } .art-block-sub .avatar.avatar-45.photo { border-radius: 360px; margin-bottom: 15px; background: #fff; border: 3px solid #fff; position: relative; } img.icon-blog-outer { height: 15px; width: 15px; margin-right: 10px; } .article-page .art-block-sub span.tags-title { font-family: var(--text-font); font-size: 14px; letter-spacing: 0.8px; margin-right: 15px; } .art-block-sub a[rel=tag] { text-transform: none; font-size: 14px; color: #6d7d9a; font-weight: 500; font-family: var(--text-font); margin: 0 3px 5px; transition: all 0.3s; display: inline-block; background: #f4f6fa; padding: 3px 16px; border-radius: 2px; } .art-block-sub a[rel=tag]:hover { color: #fff; } .art-info-sub .art-block-sub span, .art-info-sub .art-block-sub a { color: #6f7d9a; font-weight: 400; font-family: var(--text-font), "Font Awesome 5 Free"; font-size: 14px; transition: all 0.3s; } .art-info-sub .art-block-sub span:hover, .art-info-sub .art-block-sub a:hover { color: #333; } .art-info-sub .art-block-sub .fa { padding-right: 8px; color: #204056; font-size: 13px; } .art-info-sub { margin: 10px 0 20px; } a.read-more-btn { font-family: var(--text-font); font-size: 15px; font-weight: 600; padding: 10px 25px; display: inline-block; border-radius: 45px; transition: all 0.3s; margin-left: 30px; } .custom-post-padding { margin-left: 30px !important; } .item-art .info-content-hp { font-family: var(--text-font); font-size: 15px; font-weight: 400; color: #6d7d9a; margin: 13px 0 20px; word-break: break-word; -ms-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; line-height: 27px; padding-left: 30px; } .custom-art-hr { margin: 20px 0; background: #d8dde6; height: 1px; border: 0; width: 20px; } .comment-respond { display: inline-block; margin-top: 30px; width: 100%; } .blog-content { padding: 100px 0; display: inline-block; width: 100%; } .wide-posts-block { margin: 0 auto; width: 80%; } .wide-posts-block.custom-width-post { width: 62%; margin: 0 1.3%; } h3.comment-reply-title { margin: 0 !important; display: inline-block; font-size: 18px !important; font-family: var(--main-font) !important; font-weight: 600 !important; line-height: 1.7em; } .wid-title span.fas.fa-search { padding-right: 7px; font-size: 13px; } .func-hr { display: none; background: #122d3e; background: linear-gradient(-90deg, #122d3e 0%, #274961 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d3e", endColorstr="#274961", GradientType=0); height: 4px; width: 40px; margin: 20px 0 0; } .func-hr2 { background: #d8dde6; height: 1px; width: 20px; margin: 20px 0 22px; } .searchform { width: 100%; } .searchform input[type=text] { background: #fff; border: 1px solid #e7e7e7; padding: 10px; font-family: var(--text-font); font-size: 13px; color: #7e7e7e; border-radius: 2px; width: 73%; float: left; } .searchform input[type=submit] { background: #274961; padding: 11px 13px; float: right; width: 25%; font-family: var(--text-font); font-size: 13px; color: #fff; position: relative; border-radius: 2px; border: 0; margin-left: 2%; cursor: pointer; text-transform: uppercase; } .socialmedia-icons { margin: 0 !important; padding: 0 !important; list-style: none !important; } .socialmedia-icons li { display: inline-block; padding: 0 !important; margin-right: 4px; margin-top: 0 !important; } .socialmedia-icons li:last-child { margin-right: 0; } .socialmedia-icons li a { color: #6d7d9a !important; font-size: 17px !important; transition: all 0.3s !important; text-decoration: none !important; font-family: "Font Awesome 5 Brands" !important; border: 1px solid #f3f5f9; padding: 10px 0 !important; text-align: center; width: 38px; border-radius: 360px; } .socialmedia-icons li:hover a.fab.fa-facebook { color: #3b5998 !important; } .socialmedia-icons li:hover a.fab.fa-twitter { color: #55acee !important; } .socialmedia-icons li:hover a.fab.fa-instagram { color: #fccc63 !important; } .socialmedia-icons li:hover a.fab.fa-youtube { color: #bb0000 !important; } .socialmedia-icons li:hover a.fab.fa-google-plus { color: #dd4b39 !important; } .socialmedia-icons li:hover a.fab.fa-skype { color: #01aef2 !important; } .socialmedia-icons li:hover a.fab.fa-vimeo { color: #00adef !important; } .socialmedia-icons li:hover a.fab.fa-pinterest { color: #bd081b !important; } .socialmedia-icons li:hover a.fab.fa-dribbble { color: #ea4c89 !important; } .socialmedia-icons li:hover a.fab.fa-behance { color: #0056ff !important; } .socialmedia-icons li:hover a.fab.fa-tumblr { color: #001a35 !important; } .socialmedia-icons li:hover a.fab.fa-linkedin { color: #0077b5 !important; } .ads { width: 100%; margin: 0 !important; } .ads-b { padding: 0; } .ads-t-b { text-align: center; margin: 0 auto; } .posts { margin: 0 !important; padding: 0 !important; list-style: none !important; } .posts li { display: block; position: relative; margin-bottom: 22px !important; padding: 0 !important; } .posts li:last-child { margin-bottom: 0 !important; } .posts li .img-post-wrap { width: 30%; margin-right: 8%; padding: 0; } .posts li .img-post-wrap img { border-radius: 4px; } .posts li .content-post-sc { width: 75%; } .posts li img { transition: all 0.3s; margin: 0; border-radius: 2px; width: 100%; } .posts li img:hover { opacity: 0.7; } .posts li .content-post-sc { width: 62%; } .wdes-posts-sec .posts li .content-post-sc { width: 100%; } .posts li a { font-family: var(--text-font) !important; font-size: 15px !important; font-weight: 600 !important; margin-top: 0; line-height: 1.6em; transition: all 0.3s !important; } .date-post-wid { margin-top: 3px; } .date-post-wid span { font-weight: 400; color: #204056 !important; font-family: var(--text-font) !important; line-height: 14px; letter-spacing: 0.6px; font-size: 13px !important; color: #6d7d9a; } .date-post-wid .far.fa-clock { padding-right: 7px; font-family: "Font Awesome 5 Free" !important; color: #6d7d9a; } a.prev.page-number, a.next.page-number { width: auto; padding: 10px 15px !important; } .pagination > li { display: inline-block; margin: 0 8px 0 0; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 15px; color: #204056; font-family: var(--main-font), sans-serif; font-size: 13px; text-decoration: none; transition: all 0.3s; } .pagination > li > a:hover { background: #204056; color: #fff; } span.page-number.current { background: #204056; border-radius: 94px; color: #fff; padding: 10px 0 !important; width: 40px; height: 40px; text-align: center; font-size: 14px; } .page-number { padding: 10px 0 !important; color: #204056; font-size: 14px; text-decoration: none; transition: all 0.3s; background: #f3f5f9; border-radius: 360px; width: 40px; height: 40px; text-align: center; } .pagination { margin-bottom: 0; margin-top: 20px; } .article-page-img { height: 350px; } .article-page .title-art-sub { font-size: 22px !important; line-height: 51px; margin: 0; } .article-page .art-block-sub span { font-family: var(--text-font), "Font Awesome 5 Free"; font-size: 14px; letter-spacing: 0.8px; } .tags-block-area { margin-bottom: 30px; margin-top: 20px; float: none; text-align: center; width: 100%; } .body-article { margin: 30px 0; } .body-article h1, .body-article h2, .body-article h3, .body-article h4, .body-article h5, .body-article h6 { font-family: var(--main-font); font-weight: 700; margin-bottom: 12px; margin-top: 26px; } .body-article h1 { font-size: 27px; line-height: 40px; } .body-article h2 { font-size: 24px; line-height: 36px; } .body-article h3 { font-size: 21px; line-height: 33px; } .body-article h4 { font-size: 18px; line-height: 28px; } .body-article h5 { font-size: 16px; line-height: 25px; } .body-article h6 { font-size: 14px; line-height: 22px; } .body-article p { margin: 30px 0; font-family: var(--text-font); font-size: 15px; color: #606f8a; line-height: 2; } .body-article p img { margin: 15px 0; } .body-article p a { font-size: 15px; font-family: var(--text-font); font-weight: 500; } .body-article ul, .body-article ol { margin: 5px 0; padding-left: 17px; } .body-article blockquote { margin: 0; padding: 40px !important; background: #f3f5f9; text-align: left; min-height: 140px; } .body-article blockquote p { color: #6d7d9a; margin: 0 !important; } .body-article blockquote p a { color: #234961; font-family: var(--text-font); font-size: 15px; } .body-article blockquote p:first-child:before { content: "\f10d"; font-family: "Font Awesome 5 Free"; float: left; color: #7c879c; font-size: 73px; line-height: 0.9; margin-right: 25px; opacity: 0.1; font-weight: 900; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 15px; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 16px; } .wp-block-cover, .wp-block-cover-image { margin: 30px 0; } figure.wp-block-image.alignleft.is-resized, .wp-block-cover-image.has-background-dim.alignleft { margin-right: 30px; } figure.wp-block-image.alignright.is-resized, .wp-block-cover-image.has-background-dim.alignright { margin-left: 30px; } .post-heading-title { margin-bottom: 30px; } .post-heading-title h1 { font-size: 26px; line-height: 45px; } .comment-area h1 { line-height: 51px; } .comment-area h2 { line-height: 40px; } .comment-area h3 { line-height: 38px; } .comment-area h4 { line-height: 31px; } .comment-area h5 { line-height: 24px; } .comment-area h5 { line-height: 22px; } .comment-area h1, .comment-area h2, .comment-area h3, .comment-area h4, .comment-area h5, .comment-area h6 { margin: 25px 0; } .comment-area ul li { margin: 10px 0; color: #606f8a; font-family: var(--text-font); line-height: 19px; font-size: 14px; } .comment-area ol li { margin: 10px 0; color: #606f8a; font-family: var(--text-font); line-height: 19px; font-size: 14px; } .comment-area dd { margin: 4px 0; } a.related-title.title-no-image-prev { text-align: left; } a.related-title.title-no-image-next { text-align: right; } .tags-blog { margin-bottom: 30px; } .tags-blog ul { margin: 0; padding: 0; list-style: none; } .tags-blog ul li { display: inline-block; margin-right: 7px; margin-bottom: 19px; } .tags-blog ul li a { background: #f8f8f8; border-radius: 25px; padding: 7px 16px; color: #7e7e7e; font-weight: 600; font-size: 13px; border: 1px solid #e7e7e7; text-decoration: none; transition: all 0.3s; } .tags-blog ul li a:hover { color: #fff; } .tags-blog ul li a::before { content: "#"; padding-right: 5px; } .categories-box-content { margin-bottom: 0; } .categories-box-content span { font-weight: 500; font-size: 14px; text-transform: lowercase; font-family: var(--main-font), "Font Awesome 5 Free"; padding-right: 1px; color: #72afd3; } .categories-box-content a { font-family: var(--main-font); font-size: 13px; color: #656d78; font-weight: 400; text-decoration: none; transition: all 0.3s; display: inline-table; margin: 0 0 10px 10px; } .categories-box-content a:hover { color: #274961; } .item-art .share-blog { width: 100%; float: left; } .item-art .share-blog ul { margin: 0; padding: 0; list-style: none; width: 100%; } .item-art .share-blog ul li { float: left; margin: 0; width: 20%; text-align: center; } .item-art .share-blog ul li a { color: #fff; font-weight: 400; font-family: var(--text-font), "Font Awesome 5 Free"; font-size: 14px; text-decoration: none; transition: all 0.3s; width: 100%; display: block; padding: 15px 0px; text-transform: uppercase; } .single-no-feature-img .art-info-sub { margin: 26px 0px 0px 30px !important; } .icon-share-post { padding-right: 10px; } .facebook-bg-block { background: #3b5998; } .twitter-bg-block, .x-twitter-bg-block { background: #55acee; } .reddit-bg-block { background-color: #f44504; } .instagram-bg-block { background: #fccc63; } .google-plus-bg-block { background: #dd4b39; } .linkedin-bg-block { background: #007bb5; } .pinterest-bg-block { background: #cb2027; } .author-blog { float: left; width: 100%; background: #ffffff; padding: 30px; margin-top: 58px; border-top: 1px solid #f3f5f9; } .author-blog img { width: 120px; border-radius: 360px; height: 120px; display: block; margin: -90px auto 0; border: 1px solid #f3f5f9; } .author-blog .details-author { display: block; text-align: center; margin-top: 25px; } .author-blog .details-author a { font-family: var(--main-font); font-size: 18px; font-weight: 700; text-decoration: none; color: #204056; } .author-blog .details-author p { font-family: var(--text-font); color: #6d7d9a; line-height: 1.49em; font-size: 15px; margin: 12px 0; } .author-blog ul.socialmedia-author { margin: 0; padding: 0; list-style: none; } .author-blog ul.socialmedia-author li { display: inline-block; margin-right: 10px; } .author-blog ul.socialmedia-author li a { font-family: "font awesome 5 brands"; color: #204056; font-weight: 400; font-size: 14px; transition: all 0.3s; } .author-blog ul.socialmedia-author li a:hover { color: #274961; } #comment-nav .nav-previous { float: left; } #comment-nav .nav-previous a:before { content: "\f104"; font-family: "Font Awesome 5 Free"; font-size: 16px; margin-right: 6px; } #comment-nav .nav-next { float: right; } #comment-nav .nav-next a:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; margin-left: 6px; } .comments-blog { margin-top: 30px; width: 100%; border: 1px solid #f3f5f9; padding: 30px; } .comments-blog .wid-title h2 { margin: 0 !important; display: inline-block; font-size: 18px !important; font-family: var(--main-font) !important; font-weight: 600 !important; line-height: 1.7em; } .comment-area { margin: 50px 0 0; word-break: break-word; -ms-word-break: break-word; } .img-comment-area-user { float: left; } .reply-area { margin-left: 100px; } a.user-rep { font-weight: 600; font-size: 16px; font-family: var(--text-font); text-decoration: none !important; } .home-icon { margin-right: 8px; font-size: 16px !important; } html[dir=rtl] .home-icon { margin-left: 8px; margin-right: initial; } a.comment-reply-link { float: right; padding: 3px 17px; border-radius: 25px; color: #fff; font-family: var(--text-font); font-weight: 400; font-size: 14px; text-decoration: none; transition: all 0.3s; } a.comment-edit-link { float: right; border: 2px solid #d14c45; padding: 3px 17px; border-radius: 25px; color: #d14c45; font-family: var(--text-font); font-weight: 400; font-size: 14px; text-decoration: none; transition: all 0.3s; margin-left: 10px; } a.date-rep { display: block; font-family: var(--text-font), "Font Awesome 5 Free"; font-size: 13px; color: #606f8a !important; font-weight: 400; margin-top: 3px; } .reply-area p { font-family: var(--text-font); font-size: 14px; line-height: 26px; color: #606f8a; margin: 10px 0 0; } .sub-comment-area { margin-left: 100px; margin: 15px 0 0 50px; } .comment-rep-cus { float: left; } input.inpt-add, .inpt-add { border: 0; width: 100%; margin-bottom: 25px; font-family: var(--text-font); font-size: 13px; padding: 10px 0; } .row-elements-box { width: 100%; float: left; border: 1px solid #f3f5f9; padding: 30px; } .nav-without-thumb span.fas.fa-angle-left { font-size: 23px; margin-right: 10px; position: relative; top: 2px; color: #808fa9; } .nav-without-thumb span.fas.fa-angle-right { font-size: 23px; position: relative; top: 2px; margin-left: 10px; color: #808fa9; } .nav-without-thumb h2 { font-family: var(--main-font); font-size: 14px; font-weight: 600; color: #234961 !important; } .dir-next-post { text-align: right; } .article-rel { float: left; width: 49%; } .article-rel:hover .thumb-box-wrap { opacity: 0.8; } .article-rel:nth-child(1) { margin-right: 2%; } hr.custom-art-hr.single-hr-custom { margin-left: 30px; display: none; } a#cancel-comment-reply-link { font-family: var(--text-font); font-size: 15px; margin-left: 10px; text-decoration: none; transition: all 0.3s; color: #6c7b95; } .related-posts-title-top { display: block; width: 100%; margin-bottom: 30px; } .article-rel h2 { display: inline-block; color: #fff; } .thumb-box-wrap { background: #000; background-size: cover; background-position: 50% 50%; height: 230px; border-radius: 2px; overflow: hidden; position: relative; transition: all 0.3s; } .arrow-bg-prev { background: rgba(0, 0, 0, 0.3); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; text-align: center; border-radius: 360px; border: 3px solid #fff; color: #fff; font-size: 50px !important; } .related-thumb { width: 100%; transition: all 0.3s; } a.related-title { font-family: var(--main-font); font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; line-height: 27px; transition: all 0.3s; word-break: break-word; -ms-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; margin: 15px 0 0; display: block; } .form-submit { margin-bottom: 0; margin-top: 10px; display: inline-block; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; } .post-pagination { margin: 20px 0 20px 30px !important; list-style: none; display: inline-block; padding: 0; } .post-pagination a { position: relative; float: left; padding: 0; margin: 0 2px; text-decoration: none; border: 0; transition: all 0.3s; } .post-pagination a li { background: transparent; border: 0; color: #737f94 !important; margin: 0; font-size: 12px; } .post-pagination li { background: #f3f5f9; color: #737f94 !important; border: 1px solid #f3f5f9; float: left; padding: 6px 15px; border-radius: 360px; margin: 0 !important; font-size: 13px !important; font-weight: 600; } p.logged-in-as a { font-weight: 600; font-family: var(--main-font); font-size: 13px; } p.logged-in-as a:nth-child(1) { margin-right: 10px; } .inner-item-art { background: #fff; margin: 0 0 30px 0; padding-bottom: 0; } .inner-item-art .wp-post-image { max-width: 100%; margin-bottom: 40px; } .inner-item-art .art-info-sub { margin: -23px 0px 0px 30px; } .inner-item-art .wp-post-image { max-width: 100%; margin-bottom: 40px; margin: 0 auto; text-align: center; display: block; } .inner-item-art .body-article { font-family: var(--text-font); padding: 0 30px; font-size: 14px; line-height: 27px; color: #7e7e7e; margin: 0; word-break: break-word; -ms-word-break: break-word; } .inner-item-art .body-article img { margin: 30px 0 0; } .inner-item-art .title-art-sub { width: 100%; font-family: var(--main-font) !important; font-weight: 700 !important; font-size: 33px !important; line-height: 1.5em; letter-spacing: 0.4px; color: #333; } .related-icon-left { margin-right: 8px; color: #fff; } .related-icon-right { margin-left: 8px; color: #fff; } .page-template-default.page .wide-posts-block .body-article, .archive .wide-posts-block .body-article { padding: 0; } .page-template-default.page .wide-posts-block .inner-item-art, .archive .wide-posts-block .inner-item-art { padding: 0; border: 0; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .outer-post-user-thumb { border-radius: 360px !important; width: 30px !important; height: 30px !important; margin-right: 6px; } ul.wp-block-gallery.columns-2.is-cropped { padding-left: 0; } .wp-block-pullquote blockquote cite { font-family: var(--text-font); font-size: 15px; font-weight: 500; } .wp-block-cover__inner-container p.has-large-font-size { color: #fff; } html[dir=rtl] .classic-post-view .text-area { float: right; padding-right: 0; padding-left: 30px; } html[dir=rtl] .item-art .art-info-sub { margin: -53px 30px 0 0; } html[dir=rtl] .art-block-sub { margin-left: 23px; margin-right: 0; } html[dir=rtl] img.icon-blog-outer { margin-right: 0; margin-left: 10px; } html[dir=rtl] .custom-post-padding { margin-right: 30px !important; margin-left: initial !important; } html[dir=rtl] a.title-art-sub, html[dir=rtl] .item-art .info-content-hp { padding-right: 30px; padding-left: initial; } html[dir=rtl] a.read-more-btn { margin-right: 30px; margin-left: initial; } html[dir=rtl] .pagination { padding-right: 0; } html[dir=rtl] .pagination > li { margin: 0 0 0 8px; } html[dir=rtl] .img-post-wrap { float: right; margin-right: 0; margin-left: 8%; } html[dir=rtl] .footer .wdes-posts-sec .posts li .content-post-sc { float: right; } html[dir=rtl] .date-post-wid .far.fa-clock { padding-right: 0; padding-left: 7px; } html[dir=rtl] .inner-item-art .art-info-sub { margin: -23px 30px 0px 0; } html[dir=rtl] .article-rel { float: right; } html[dir=rtl] .article-rel:nth-child(1) { margin-left: 2%; margin-right: initial; } html[dir=rtl] .arrow-bg-prev { transform: translate(-50%, -50%) rotate(180deg); } html[dir=rtl] .nav-without-thumb span.fas.fa-angle-right { margin-right: 10px; margin-left: 0; transform: rotate(180deg); } html[dir=rtl] .nav-without-thumb span.fas.fa-angle-left { margin-left: 10px; margin-right: 0; transform: rotate(180deg); } html[dir=rtl] .body-article blockquote p:first-child:before { float: right; margin-left: 25px; margin-right: 0; transform: rotate(180deg); } html[dir=rtl] .body-article blockquote { text-align: right; } html[dir=rtl] .article-page .art-block-sub span.tags-title { margin-right: 0; margin-left: 15px; } html[dir=rtl] .icon-share-post { padding-left: 10px; padding-right: 0; } html[dir=rtl] .post-info-inner-pin-details { right: 20px; left: initial; } html[dir=rtl] .post-info-inner-pin-details .post-date-pin span.far { margin-left: 6px; margin-right: initial; } html[dir=rtl] .item-art .share-blog ul li { float: right; } #wdes-back-to-top { display: inline-block; background-color: #274961; border: 1px solid #274961; width: 45px; height: 45px; text-align: center; border-radius: 50%; position: fixed; bottom: 45px; transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; z-index: 99999; padding: 0; } #wdes-back-to-top:hover { cursor: pointer; background-color: #cc2241; border: 1px solid #cc2241; } #wdes-back-to-top span { color: #fff; font-size: 17px; } #wdes-back-to-top.show { opacity: 1; visibility: visible; } #wdes-back-to-top.wdes-btn-align-right { right: 45px; } #wdes-back-to-top.wdes-btn-align-left { left: 45px; } #wdes-back-to-top.wdes-btn-align-center { right: 0; left: 0; margin: 0 auto; } .loader-wdes { width: 50px; height: 50px; } .wdes-loading { background: #122d3e; background: linear-gradient(-90deg, #122d3e 0%, #204056 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d3e", endColorstr="#274961", GradientType=0); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999999999; display: flex; align-items: center; justify-content: center; } .wdes-loading .loader-double { border-radius: 50px; border: 6px solid transparent; border-top-color: var(--loader-color); border-bottom-color: var(--loader-color); animation: spin 1.5s linear infinite; } .wdes-loading .loader-double:before, .wdes-loading .loader-double:after { content: ""; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; border-radius: 50px; border: 6px solid transparent; border-top-color: var(--loader-color); border-bottom-color: var(--loader-color); opacity: 0.6; filter: alpha(opacity=60); animation: spinreverse 2s linear infinite; } .wdes-loading .loader-double:before { top: 13px; left: 13px; bottom: 13px; right: 13px; animation: spinreverse 3s linear infinite; } @keyframes grow { 0% { transform: scaleY(0); opacity: 0; } 50% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(0); opacity: 0; } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); tranform: rotate(360deg); } } @keyframes spinreverse { 0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); tranform: rotate(-360deg); } } .wdes-loading .spinner { animation: spinner_animation 2s linear infinite; z-index: 2; position: relative; } .wdes-loading .spinner .path { opacity: 0.75; stroke: var(--loader-color); stroke-linecap: round; animation: spinner_animation_dash 1.5s ease-in-out infinite; } @keyframes spinner_animation { 100% { transform: rotate(360deg); } } @keyframes spinner_animation_dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .wdes-loading .wdes-double-bounce { position: relative; } .wdes-loading .wdes-double-bounce .wdes-child { width: 100%; height: 100%; background-color: var(--loader-color); opacity: 0.6; position: absolute; top: 0; left: 0; animation: wdes-doubleBounce 2s infinite ease-in-out; border-radius: 50%; } .wdes-loading .wdes-double-bounce .wdes-double-bounce2 { animation-delay: -1s; } @keyframes wdes-doubleBounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } .wdes-loading .wdes-circle { position: relative; } .wdes-loading .wdes-circle .wdes-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .wdes-loading .wdes-circle .wdes-child::before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--loader-color); animation: wdes-circleBounceDelay 1.2s infinite ease-in-out both; border-radius: 50%; } .wdes-loading .wdes-circle .wdes-circle2 { transform: rotate(30deg); } .wdes-loading .wdes-circle .wdes-circle2::before { animation-delay: -1.1s; } .wdes-loading .wdes-circle .wdes-circle3 { transform: rotate(60deg); } .wdes-loading .wdes-circle .wdes-circle3::before { animation-delay: -1s; } .wdes-loading .wdes-circle .wdes-circle4 { transform: rotate(90deg); } .wdes-loading .wdes-circle .wdes-circle4::before { animation-delay: -0.9s; } .wdes-loading .wdes-circle .wdes-circle5 { transform: rotate(120deg); } .wdes-loading .wdes-circle .wdes-circle5::before { animation-delay: -0.8s; } .wdes-loading .wdes-circle .wdes-circle6 { transform: rotate(150deg); } .wdes-loading .wdes-circle .wdes-circle6::before { animation-delay: -0.7s; } .wdes-loading .wdes-circle .wdes-circle7 { transform: rotate(180deg); } .wdes-loading .wdes-circle .wdes-circle7::before { animation-delay: -0.6s; } .wdes-loading .wdes-circle .wdes-circle8 { transform: rotate(210deg); } .wdes-loading .wdes-circle .wdes-circle8::before { animation-delay: -0.5s; } .wdes-loading .wdes-circle .wdes-circle9 { transform: rotate(240deg); } .wdes-loading .wdes-circle .wdes-circle9::before { animation-delay: -0.4s; } .wdes-loading .wdes-circle .wdes-circle10 { transform: rotate(270deg); } .wdes-loading .wdes-circle .wdes-circle10::before { animation-delay: -0.3s; } .wdes-loading .wdes-circle .wdes-circle11 { transform: rotate(300deg); } .wdes-loading .wdes-circle .wdes-circle11::before { animation-delay: -0.2s; } .wdes-loading .wdes-circle .wdes-circle12 { transform: rotate(330deg); } .wdes-loading .wdes-circle .wdes-circle12::before { animation-delay: -0.1s; } @keyframes wdes-circleBounceDelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .wdes-loading .wdes-wave { width: 50px; height: 40px; text-align: center; font-size: 10px; } .wdes-loading .wdes-wave .wdes-rect { background-color: var(--loader-color); height: 100%; width: 5px; display: inline-block; animation: wdes-waveStretchDelay 1.2s infinite ease-in-out; } .wdes-loading .wdes-wave .wdes-rect1 { animation-delay: -1.2s; } .wdes-loading .wdes-wave .wdes-rect2 { animation-delay: -1.1s; } .wdes-loading .wdes-wave .wdes-rect3 { animation-delay: -1s; } .wdes-loading .wdes-wave .wdes-rect4 { animation-delay: -0.9s; } .wdes-loading .wdes-wave .wdes-rect5 { animation-delay: -0.8s; } @keyframes wdes-waveStretchDelay { 0%, 40%, 100% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } } .wdes-loading .wdes-folding-cube { position: relative; transform: rotateZ(45deg); } .wdes-loading .wdes-folding-cube .wdes-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); } .wdes-loading .wdes-folding-cube .wdes-cube::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--loader-color); animation: wdes-foldCubeAngle 2.5s infinite linear both; transform-origin: 100% 100%; } .wdes-loading .wdes-folding-cube .wdes-cube2 { transform: scale(1.1) rotateZ(90deg); } .wdes-loading .wdes-folding-cube .wdes-cube2::before { animation-delay: 0.3125s; } .wdes-loading .wdes-folding-cube .wdes-cube3 { transform: scale(1.1) rotateZ(180deg); } .wdes-loading .wdes-folding-cube .wdes-cube3::before { animation-delay: 0.625s; } .wdes-loading .wdes-folding-cube .wdes-cube4 { transform: scale(1.1) rotateZ(270deg); } .wdes-loading .wdes-folding-cube .wdes-cube4::before { animation-delay: 0.9375s; } @keyframes wdes-foldCubeAngle { 0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { transform: perspective(140px) rotateY(180deg); opacity: 0; } } .wdes-loading .custom-preloader { max-height: 20vh; max-width: 20vw; } .wdes-loading .spinner, .wdes-loading .wdes-double-bounce, .wdes-loading .wdes-circle, .wdes-loading .wdes-folding-cube { width: 3.25rem; height: 3.25rem; } li.post.pingback { margin: 50px 0 0; } .post.pingback p a.url { width: 70%; display: inline-table; margin-left: 10px; color: #234961; font-size: 14px; } .comment-list dl, .comment-list ol, .comment-list ul, address { font-family: var(--text-font); font-size: 14px; font-weight: 400; color: #6d7d9a; } .comment-list dl a, .comment-list ol a, .comment-list ul a, address a { font-size: 14px; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { margin: 0 !important; } li.recentcomments { font-size: 15px !important; } .comment-respond { position: relative; border: 1px solid #f3f5f9; padding: 30px; } h3.comment-reply-title::before { content: ""; background: #e7e7e7; height: 1px; width: 20px; margin: 47px 0 0; position: absolute; } .comment-form { margin-top: 46px; } .comment-form label[for=comment] { display: none; } .comment-form #comment, .comment-form #author, .comment-form #email, .comment-form #url { background: #fff; border: 1px solid #f3f5f9; width: 100%; transition: all 0.3s; padding: 6px 10px; font-family: var(--text-font), var(--text-font); font-size: 14px; border-radius: 4px; } .comment-form #comment { height: 100px; } .comment-form label[for=author], .comment-form label[for=email], .comment-form label[for=url] { display: block; margin-bottom: 7px; font-family: var(--text-font); font-size: 13px; color: #204056; font-weight: 600; } .comment-form .required { color: red; } .comment-form .comment-form-email, .comment-form .comment-form-url { width: 48%; float: left; } .comment-form .comment-form-email { margin-right: 4%; } .comment-form #wp-comment-cookies-consent { margin-right: 9px; } .comment-form .submit { color: #fff; font-family: var(--text-font); font-size: 14px; font-weight: 600; border: 0; padding: 9px 27px; border-radius: 2px; transition: all 0.3s; cursor: pointer; } .pingback p { display: inline-block; width: 100%; } .comment-list { margin: -20px 0 0 0 !important; padding: 0 !important; list-style: none; } .comment-list .children { margin: 0 0 0 100px !important; padding: 0 !important; list-style: none; } .comment-list li, .bypostauthor { border: 0; padding: 0 !important; margin: 0; } .comment-area img { float: left; width: 80px; height: 80px; border-radius: 360px; max-width: initial; margin: 0; border: 1px solid #f3f5f9; } .comment-area p img { width: 100%; height: 100%; float: none; } .comment-area h2 { font-size: 18px; } .comment-area p a { font-size: 13px; } .comment-area ul li { font-size: 13px; color: #616f8a; } .comment-area li { font-size: 13px; } .comment-area h1 { line-height: 51px; font-size: 20px; } html[dir=rtl] .comment-area img { float: right; } html[dir=rtl] .reply-area { margin-right: 100px; margin-left: 0; } html[dir=rtl] a.comment-edit-link { float: left; margin-right: 10px; margin-left: initial; } html[dir=rtl] a.comment-reply-link { float: left; } .wdes-partners-company { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; color: #7f7f7f; text-align: center; display: block; width: 100%; } .wdes-partners-company span { font-size: 22px; margin: 20px; transition: all 0.3s; } .wdes-partners-company span:hover { color: #333; transform: scale(1.5); } .language-switcher-wdes { display: inline-block; margin-left: 20px; } .language-switcher-wdes button { background: transparent; padding: 0; border: 0; cursor: pointer; } .language-switcher-wdes img { height: 14px; } .language-switcher-wdes ul li a { margin-left: 0; display: inline-block; width: 100%; } .language-switcher-wdes ul li a img { margin-right: 8px; } .language-switcher-wdes ul li a p { margin: 0; display: inline-block; font-family: var(--text-font); color: #4c6e87; font-size: 16px; font-weight: 400; transition: all 0.3s; } .language-switcher-wdes ul li a p:hover { color: #333; } @media only screen and (min-width: 160px) and (max-width: 767px) { .language-switcher-wdes { margin-left: 10px; } .language-switcher-wdes ul.dropdown-menu.custom { left: -103px; top: 20px; } .language-switcher-wdes ul.dropdown-menu.custom p, .language-switcher-wdes ul.dropdown-menu.custom p:hover { color: #fff !important; } .language-switcher-wdes ul.dropdown-menu.custom li { border-bottom: 0; margin: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .language-switcher-wdes { margin-left: 12px; } } .wdes-menu-shortcut-woo-cart { display: inline-block; margin-left: 15px; } .wdes-menu-shortcut-woo-cart a.cart-contents { position: relative; text-decoration: none; } .wdes-menu-shortcut-woo-cart a.cart-contents span.count { position: absolute; right: -11px; top: -8px; background: #c51e39; color: #fff; border-radius: 100%; width: 16px; height: 16px; font-family: var(--text-font); font-size: 12px; font-weight: 400; text-align: center; line-height: initial; padding-top: 0.5px; } .wdes-menu-shortcut-woo-cart a.cart-contents:after { display: none; } .wdes-menu-shortcut-woo-cart .dropdown-menu { background-color: #fff; border: 0; border-radius: 0; min-width: 220px; padding: 20px; font-family: var(--text-font); font-size: 14px; color: #7e7e7e; font-weight: 400; } .wdes-menu-shortcut-woo-cart .dropdown-menu p { margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; } .wdes-menu-shortcut-woo-cart .dropdown-menu .product_list_widget li.woocommerce-mini-cart-item.mini_cart_item { padding-left: 0; padding-right: 2em; border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; } .wdes-menu-shortcut-woo-cart .dropdown-menu .product_list_widget li.woocommerce-mini-cart-item.mini_cart_item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .wdes-menu-shortcut-woo-cart .dropdown-menu .product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a { font-family: var(--main-font); font-size: 13px; font-weight: 400; text-decoration: none; } .wdes-menu-shortcut-woo-cart .dropdown-menu .product_list_widget li.woocommerce-mini-cart-item.mini_cart_item img { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; } .wdes-menu-shortcut-woo-cart .dropdown-menu .product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button { right: 0; left: initial; color: #c51e39; font-size: 14px; font-weight: 400; border: 1px solid #c51e39; border-radius: 100%; width: 20px; height: 20px; text-align: center; font-family: inherit; line-height: initial; } .wdes-menu-shortcut-woo-cart .dropdown-menu .woocommerce-mini-cart__total.total { border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px 0; padding: 10px 0; } .wdes-menu-shortcut-woo-cart .dropdown-menu .woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount { font-weight: 700; color: #242424; } .wdes-menu-shortcut-woo-cart .dropdown-menu .woocommerce-mini-cart__buttons a { width: 100%; text-align: center; font-weight: 400; font-size: 14px; padding: 10px; text-transform: uppercase; } .wdes-menu-shortcut-woo-cart .dropdown-menu .woocommerce-mini-cart__buttons a.checkout { background-color: #c51e39; margin-top: 0; } html[dir=rtl] .wdes-menu-shortcut-woo-cart { margin-left: 0; margin-right: 15px; } html[dir=rtl] .wdes-menu-shortcut-woo-cart a.cart-contents span.count { right: 11px; } .layout-width { background-color: inherit; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); display: block; width: 100%; overflow: hidden; } .layout-box { width: 1200px; margin: 50px auto; display: block; } @media screen and (max-width: 1199px) { .layout-box { width: 95%; } } .error-p-img { background-size: cover !important; background-position: center center !important; height: 100vh; position: relative; margin: 0; padding: 0; } .error-p-img .title-error { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }