@charset "utf-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup,menu,output,section,summary,time,mark,audio,video{ margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display: block;} body{line-height: 1px;} ol,ul{list-style: none;} blockquote,q{quotes: none;} blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;} .aligncenter,img.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;margin-top: 15px;margin-bottom: 15px;text-align:center;} .alignright,img.alignright{float: right;margin: 0 0 15px 15px;} .alignleft,img.alignleft{float: left;margin: 0 15px 15px 0;} img{max-width: 100%;height: auto;border-radius:7px;} table{border-collapse: collapse;border-spacing: 0;} ul,ul li{list-style-type: none;} a{text-decoration: none;transition: 0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;} a:hover{transition: 0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;} .clear{clear: both;} .clear2{clear: both;padding: 20px 0;} .clear3{clear: both;padding: 30px 0;} strong{font-weight: bold;} .breads_cp{padding:20px 0;} .breads_cp .breadcrumbs_box{margin-bottom:0 !important;} .breads_cp h2{font-size:18px;font-weight:bold;padding-top:10px;} #tw_sin_ct .owl-stage{width:100% !important;} @font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url('fonts/iranyekan-light.woff') format('woff'); font-display:swap; } @font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url('fonts/iranyekan-regular.woff') format('woff'); font-display:swap; } @font-face { font-family: iranyekan; font-style: normal; font-weight: bold; src: url('fonts/iranyekan-bold.woff') format('woff'); font-display:swap; } input,button,textarea,select{font-family: iranyekan,tahoma;outline: none; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} *{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;outline: none;} body{background: #f7f7f7;color: #515151;font-family: iranyekan,tahoma;font-size: 15px;line-height: 28px; direction: rtl;text-align: right;overflow-x: hidden;font-weight: 500;} a{color: #515151;outline: unset;} .tarlanweb_center{width: 1300px;height: auto;margin: 0 auto;position: relative;} .box_shadow { box-shadow: 0 0 6px rgba(0,0,0,0.15); } #header{ position: -webkit-sticky; position: sticky; top: 0; left: 0;right: 0; z-index: 9; background: #fff; box-shadow: 0 3px 6px rgba(40,40,40,0.2); transition: all .2s ease-in-out; } .tab{} .tablinks{max-width:150px;position: relative;cursor: pointer;font-size: 15px;display: inline-block;padding: 3px 15px;border-radius:25px;} .tablinks:hover{background-color: #eef7ff;} .tablinks.active{background-color: #0080ff !important; color: #fff !important;} .tabcontent{ display: none; clear: both; animation: fadeEffect 1s; } @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .top_header{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 6px 0; } .logo{width: 150px;height: 70px;display: flex;align-items: center;justify-content: space-between;color: #6d6e70;} .logo p{font-size: 16px;display: block;} .logo p span{display: block;font-weight: bold;font-size: 13px;text-align: center;} .logo p span:first-child{font-size: 20px;} .logo_top{width: 70px;height: 70px;} .logo_top a{display: block;line-height: 0;} .menu_right{position: relative;} .menu_right > ul > li{float: right;} .menu_right > ul > li:last-child{margin-left: 0;} .menu_right > ul > li > a{padding: 8px 12px;font-size: 16px;font-weight: bold;display: inline-block;color: #515151; position: relative;border-radius: 7px;} .menu_right ul li a:hover{background: #eef7ff;color: #184ddc;} .menu_right > ul > li > a:hover,.menu_right > ul > li > a:focus,.menu_right > ul > li > a:active{} .menu_right > ul > li > a:hover:before,.menu_right > ul > li > a:focus:before,.menu_right > ul > li > a:active:before { -webkit-transform: scale(1);transform: scale(1);} .menu_right .menu-item-has-children:hover::after{color: #fff;} .menu_right .menu-item-has-children:hover,.menu_right ul ul .menu-item-has-children{} .menu_right > ul > li.menu-item-has-children > a{} .menu_right > ul > li.menu-item-has-children:hover > a{background: #eef7ff;color: #184ddc;} .menu_right .menu-item-has-children:hover > a,.menu_right ul ul .menu-item-has-children:hover > a{ background: #eef7ff;color: #184ddc;} .menu_right ul ul .menu-item-has-children:hover > a:before{background: #212341;color: #fff;} .menu_right ul ul .menu-item-has-children::after{position: absolute;color: #333; font-family: FontAwesome;content: "\f104";font-size: 15px;bottom: 3px !important;left: 10px;} .menu_right .current-menu-item,.menu_right .current-menu-parent,.menu_right .current-post-parent{} .menu_right li {margin:0px;} .menu_right ul ul{margin:0 -10px;} .menu_right ul ul li{width: 33.33%;position: relative;float: right;margin: 3px 0;padding:10px;} .menu_right ul ul li a {width: 100%;padding:7px 10px;position: relative;font-size: 16px;height: 75px;display: flex;align-items: center; border-radius: 5px;} .menu_right li a {display: block;} .menu_right ul.sub-menu li a:hover{background: #eef7ff;color: #184ddc;} .custom-sub{width:830px;position:absolute;z-index:999999999;top:40px !important;right: 0;left:0; padding:40px;margin: auto;margin-top:40px; display:none;height: auto !important; box-shadow: 0 10px 24px rgba(40,40,40,0.13) !important; border-radius: 32px !important; background: #fff;} .custom-sub li img,.custom-sub li i{float:right;margin-left:15px;width:45px;height:30px;} .head_top_box{display: flex;align-items: center;justify-content: space-between;} .head_top_box a,.search_show{height: 45px;line-height: 45px;text-align: center;display: block;font-size: 15px;font-weight: bold; direction: ltr;display: flex;align-content: center;align-items: center;justify-content: center; border-radius: 12px;margin-left: 10px;} .tell_top{width: 130px;background: #ffc8af;color: #7d4a33;} .search_show{width: 45px;background: #eaf4fb;color: #184ddc;margin: 0;cursor: pointer;} .profile_url{width: 120px;background: #184ddc;color: #fff;font-weight: normal !important;} .head_top_box i.fa{font-size: 18px;margin-right: 7px;} .search_show i.fa{margin: 0 auto;} .searches_box{width: 400px;padding: 30px;z-index: 999999;position: absolute;left: 0;top: 100px; display: none;background: #fff;border-radius: 6px;} #searches{width: 100%;height: 50px;margin: 0 auto;position: relative;border-radius: 6px;} #lsds{width: 100%;height: 50px;float: right;border: none;position: absolute;right: 0;outline: unset; color: #636363;text-indent: 12px;background: #eef7ff;border-radius: 6px;} #searches button {width: 50px;height: 50px;;background: #eef7ff;color: #184ddc;float: left; border: none;position: relative;cursor: pointer;border-radius: 6px 0 0 6px;} #searches button:hover{background: #184ddc;color: #eaf4fb;} #searches button i.fa{font-size: 20px} #slider_box{width: 100%;position: relative;padding: 60px 0;background: #eef7ff;} .flex{display: flex;align-content: center;align-items: center;justify-content: space-between;} .flex_inverse{flex-direction: row-reverse;} .err_box{width:100%;text-align:center;position:relative;} .err_title{font-size:22px;font-weight:bold;} .home #header{ position: absolute; top: 0; left: 0;right: 0; z-index: 99999999; background: transparent; box-shadow:none; transition: all .2s ease-in-out; } .home .menu_right > ul > li > a{color:#fff;} .home .menu_right ul.sub-menu li a:hover{background: #eef7ff;color: #184ddc !important;} .home .logo{color:#fff;} .home .top_header{padding:25px 0;} .home_animation_box{ width:100%;margin:0 auto;position:relative;height: 100vh;min-height: 37.5rem;padding-top:160px;overflow:hidden; background: rgb(28,176,226); background: -moz-linear-gradient(90deg, rgba(28,176,226,1) 0%, rgba(5,139,236,1) 100%); background: -webkit-linear-gradient(90deg, rgba(28,176,226,1) 0%, rgba(5,139,236,1) 100%); background: linear-gradient(90deg, rgba(28,176,226,1) 0%, rgba(5,139,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1cb0e2",endColorstr="#058bec",GradientType=1); } .ho_animation{width:50%;position:relative;float:left;} .home_animation_box .blog_center_title h3{color:#fff !important;} .home_animation_box .posts_box_left{color:#fff !important;} .home_animation_box .posts_box_right{width:60%;} .home_animation_box .blu_link{background: #fff;color: #0080ff;} .home_animation_box .blu_link .svg{fill:#0080ff;} .slider_wsd-wrapper { text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .slider_wsd{ height: 50px; padding: 0 15px; overflow: hidden; } .slider_wsd div { color:#fff; height: 50px; margin-bottom: 50px; display: flex; align-items: center; align-content: center; text-align: center; box-sizing: border-box; } .slider_wsd-text1 { animation: slide 5s linear infinite; } @keyframes slide { 0% {margin-top:-300px;} 5% {margin-top:-200px;} 33% {margin-top:-200px;} 38% {margin-top:-100px;} 66% {margin-top:-100px;} 71% {margin-top:0px;} 100% {margin-top:0px;} } .sld_item{direction: rtl;background: #eef7ff;} .img_sld{width: 44%;} .text_sld{width: 53%;} .img_sld img{width: 100%;height: auto; border-radius: 16px; max-width: 568px; max-height: 368px; } .img_sld a{display: block;line-height: 0;} .cat_sld{background: #fff;color: #184ddc;padding: 2px 16px;display: inline-block;margin-bottom: 25px;font-size: 13px; border-radius: 16px;} .title_sld{font-size: 22px;font-weight: bold;line-height: 40px;margin-bottom: 25px;} .description_sld{margin-bottom: 25px;} .banner_big{width: 100%;padding: 80px 0;text-align: center;} .banner_big .flex{justify-content: center;} .section_center{width: 100%;clear: both;position: relative;padding: 60px 0;} .single-package .section_center{padding:30px 0;} .blog_center_title{width: 100%;text-align: center;margin-bottom: 25px;} .blog_center_title h3,.blog_center_title h1{color: #515151;font-size: 19px;font-weight: bold;position: relative;padding-bottom: 15px;} .blog_center_title h3::after,.blog_center_title h1::after{content: '';position: absolute;width: 48px;height: 3px;background-color: #0080ff; bottom: 0;right: 0;left: 0;margin: auto;} .right_title h3::after{right: 0;left: auto;margin: 0;} .post{background: #fff;position: relative;padding-bottom:15px;} .post_body ul{margin: 0 -15px;} .post_body ul li{width: 25%;float: right;padding: 15px;} .post_body_3 ul{margin: 0 -15px;} .post_body_3 ul li{width:25%;float: right;padding: 15px;} mark {background-color: #ffeaab;} .post{width: 100%;position: relative;border-radius: 16px;overflow: hidden; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} .post:hover{ background: #fff; filter: drop-shadow(0 8px 30px rgba(0,0,0,0.1)); -moz-filter: drop-shadow(0 8px 30px rgba(0,0,0,0.1)); -webkit-filter: drop-shadow(0 8px 30px rgba(0,0,0,0.1)); } .post figure{display: block;line-height: 0;} .post figure img{width: 100%;display: block;line-height: 0;} .detail{display: flex;align-content: center;align-items: center;justify-content: space-between;font-size: 12px;padding:10px 20px;} .detail_cat{background: #eef7ff;color: #184ddc;padding: 0 12px;display: inline-block;border-radius: 16px;line-height:20px;} .post_h3{font-size: 14px;font-weight: bold;height: 80px;overflow: hidden;padding: 0 20px;display:flex;align-items:center;} .post h3 a::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: 2; } .post_description{width:100%;padding:0 20px;height:90px;overflow:hidden;font-size:12px;line-height:22px;} .card_box_center{ display: flex; background-color: #eef7ff; border-radius: 8px; padding:25px;position:relative; max-width: 986px; width: 100%; align-items: center; justify-content: space-between; border-radius: 16px; margin: 0 auto; } .card_box_center .card_body { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 3px; width:60%; } .card_box_center .card_url::after{content:'';position:absolute;right:0;left:0;top:0;bottom:0;} .card_img{width:40%;text-align:left;} .card_body p{margin-bottom: 15px;} .card_body .title{font-size: 22px;} .card_url{width: 100px;text-align: center;display: flex;align-items: center;justify-content: space-between;padding: 5px 10px; background-color: #0080ff;color: #fff;border-radius: 16px;} .card_url span{height: 20px;line-height: 20px;text-align: center;display: inline-block;} .card_body_icon{width: 7px;height: 7px;line-height: 12px;} .right_posts{width: 49%;float: right;} .left_posts{width: 49%;float: left;} .blogpost_tabs{width:50%;height: 55px;margin-left:35px;} .blogpost_tabs a{} .view_all_posts{width: 120px;height: 30px;display: flex;align-items: center;justify-content: space-between;padding: 5px 10px; border-radius: 5px;} .view_all_posts span{display: block;height: 18px;line-height: 18px;} .view_all_posts:hover{background-color: #eef7ff;color: #0080ff;} .view_all_posts:hover .button_icon path{stroke: #0080ff !important;} .posts_box .post{padding: 0 0 0 20px;margin-bottom: 25px;} .posts_box .post figure{max-width: 300px;margin-left: 15px;transition: all 0.3s ease-in-out;} .posts_box .post figure img{border-radius: 0 16px 16px 0;} .posts_box .post .detail{padding: 20px 0;} .posts_box .post_h3{padding: 0;height: auto;} .posts_box .post:hover figure img{border-radius: 0 16px 16px 0;} .posts_box .post_body{width: calc(100% - 320px);} .left_slide_box .view_all_posts{width: 140px;height: 40px;margin:70px auto;background-color: #0080ff;color: #fff;} .all_news_tw{width: 140px;height: 40px;margin:30px auto;background-color: #0080ff;color: #fff;} .left_slide_box .button_icon path,.all_news_tw .button_icon path{stroke: #fff !important;} .left_slide_box .view_all_posts:hover .button_icon path,.all_news_tw:hover .button_icon path{stroke: #fff !important;} .more_posts{width: 160px;padding: 12px 18px;border: 1px solid #0080ff;color: #0080ff; display: block;margin: 0 auto;display: flex;align-items: center;justify-content: space-between; border-radius: 16px;} .more_posts span{height: 18px;line-height: 18px;display: block;font-size: 18px;} .more_posts .button_icon path{stroke: #0080ff !important;} .more_posts:hover{background: #fff;} .video_box{background-color: #eef7ff;} .video_box_content{margin: 0 -10px;} .right_video_box{width: 25%;padding: 10px;} .midt_video_box{width: 50%;} .left_video_box{width: 25%;padding: 10px;} .video_box .view_all_posts{background: #fff;} .video_item{width: 100%;position: relative;margin-bottom: 15px; border-radius: 16px; overflow: hidden;} .video_item a{display:block;line-height:0 !important;} .video_item img{width: 100%;} .play_icon { position: absolute; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.4); z-index: 1; display: flex; justify-content: center; align-items: center; border-radius: 16px; top: 0;right: 0;left: 0;bottom: 0; } .video_title{width: 100%;font-size: 15px;font-weight: bold;color: #fff;z-index: 9999;position: absolute;bottom: 0;right: 0;left: 0;padding: 20px;line-height:26px !important;} .right_video_box .video_item img,.left_video_box .video_item img{width:310px;height:240px;} .midt_video_box .video_item img{width:660px;height:500px;} .color_blue h3{color: #0080ff !important;} .bt_links_box{margin-top: 20px;} .blu_link{padding: 6px 18px;background: #0080ff;color: #fff; display: flex;align-items: center;justify-content: space-between; border-radius: 25px; } .svg {width: 15px;height: 15px;color: #fff;fill: #fff;margin-right: 10px;} .left_slide_box{width:100%;text-align:center; background-color: #eef7ff; padding: 16px 0; margin-top: 68px; position: relative; border-radius:16px; } .left_slide_box .title{font-size: 24px;padding:65px 0;} .ver_slider{display:block;text-align:center;} .ver_slider a{width:400px;height:400px;overflow:hidden;margin:0 auto;line-height:0 !important;border-radius:16px;display:block;} .ver_slider a img{width:400px !important;height:400px !important;border-radius:16px;} #top_namads_box{width: 100%;height: auto;position: relative;margin-bottom: 10px;} #top_namads_box ul{margin: 0 -10px;} #top_namads_box ul li{width: 16.66%;float: right;text-align: center;padding:0 10px;line-height: 0;} #footer{width: 100%;height: auto;padding-top: 80px;background: linear-gradient(45deg, #002c68 0%, #0bb3ff 100%);color:#fff;} #footer a{color: #fff;} .left_ft{width: 100%;} .ft_logo a{display: block;line-height: 0;} .ft_about_box{width: 100%;clear: both;padding: 15px 0;text-align: justify;} .right_ft_lists{width: 25%;float: right;margin-bottom: 25px;} .right_ft_lists h2{font-size: 17px;font-weight: bold;margin-bottom: 15px;} .right_ft_lists ul li{clear: both;margin-bottom:10px;} .right_ft_lists ul li a{position: relative;} .margin_zero{margin: 0;} .ft_nx_box{width:28%;float:right;} .ft_menu_box{width:70%;float:left;} .footer_namads{display:block;line-height:0;} .ft_box_cvb{width:100%;padding:15px;border: 2px solid #0bb3ff;background: #025a8e; border-radius:16px;margin-bottom:20px;} .ft_bt_links{width: 100%;height: auto;clear: both;padding: 20px 0;} .ft_bt_links_logo{width: 100%;text-align: center;position: relative;line-height: 0;margin-bottom:25px;} .ft_bt_links_logo::after{content: '';width: 100%;height: auto;position: absolute;right: 0;left: 0; top: 35px;border-top: 1px solid #e0e0e1;} .ft_bt_links_logo figure{width: 70px;height: 70px;background: #fff;margin: 0 auto;position: relative;z-index: 999;border-radius:100%;-moz-border-radius:100%;} .ft_bt_links_logo figure img{width: 70px;height: 70px;border-radius:100%;-moz-border-radius:100%;} .ft_bt_links ul{width: 100%;text-align:center;} .ft_bt_links li{display: inline-block;} .ft_bt_links li a{font-size: 15px;padding: 12px;} .ft_bt_copy{width: 100%;height: auto;clear: both;background: #fff;padding:20px 30px 0 30px;border-radius: 25px 25px 0 0;} .ft_banners,#trust-badges{display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 0;grid-gap:2%;padding-top:10px;flex-wrap:wrap;justify-content: flex-end;} .nmd_item{width: 100%;line-height: 0;align-content: center;text-align:center;flex:0 0 23%;margin:5px 0; background: #fff;padding: 5px;border-radius: 16px;} .nmd_item a{width:100%;} .nmd_item a,.nmd_item img{display:flex;align-items:center;line-height: 0;justify-content:center;} #footer .nmd_item img{max-height:65px;} #footer .nmd_item a{width:auto;} .left_ft_bt_copy{width: 25%;text-align: left;} .right_ft_bt_copy{width: 75%;} .copy_right_txt{width: 100%;text-align: center;padding-bottom:10px;color: #333;clear: both;} .bt_links_tbc{display: flex;align-items: center;justify-content: space-between;} .ft_nrx_box{width: 100%;position:relative;margin-bottom:8px;color:#fff;padding-right:35px;} .ft_nrx_box p{display:inline-block;} .ft_nrx_box p i.fa{width:28px;height:28px;line-height:28px;text-align:center;font-size:22px;position:absolute;right:0;} .ft_box_cvb h3{font-size:17px;color:#fff;font-weight:bold;margin-bottom:10px;} .socials_ft{width: 100%;clear:both;padding-top:15px;} .socials_ft ul{float: left;width:100% !important;text-align:center;} .socials_ft li{margin: 5px;display:inline-block;} .socials_ft li a,.socials_shares a{width: 35px;height: 35px;text-align: center;line-height: 35px;background: #1c1d2a; display: block;color: #fff !important;font-size: 17px;padding: 0 !important; border-radius: 50%;} .socials_titles{display: none;} .socials_shares {display:flex;align-items:center;justify-content:space-between;} .socials_shares .links_d{width:160px;text-align: left;} .socials_shares a{display:inline-block;} .socials_shares a i.fa{width: 35px;height: 35px;line-height: 35px;display:inline-block;} .socials_shares span{font-weight:bold;} .bt_link_plans a{width: 100%;height: auto;clear: both;display: block; background: #fff3f0;color: #ff8a66;padding: 10px 0;text-align: center;font-size: 16px;font-weight: bold; border-radius: 25px;} .socials_ft li a:hover,.socials_shares a:hover{background: #184ddc;color: #fff;} .breadcrumbs_box {width: 100%;height: auto;font-family: tahoma;color: #848484;} .breadcrumbs_box a,.breadcrumb_last,.rank-math-breadcrumb .last {font-family: iranyekan,tahoma; margin: 0 7px;color: #0080ff;} .breadcrumb_last,.rank-math-breadcrumb .last{color: #848484;} .page-template-landingc .breadcrumbs_box,.page-template-landingx .breadcrumbs_box{max-width:1300px;margin:0 auto;padding-top:30px;font-size:13px;} #sidebar_right{width: 20%;float: right;position: sticky;top: 100px;} #sidebar_left{width: 18%;float: left;} #main_side{width: 62%;float: right;padding: 0 2%;} .fullwidht{max-width:900px;margin:0 auto;padding:0;float:none;} .video_box{width: 100%;position: relative;line-height: 0;margin-bottom: 30px;} .video_box video{width: 100%;position: relative;z-index: 9;line-height: 0;border-radius: 10px;} .banner_ads {position: relative;margin-bottom: 25px;} .banner_ads a{display: block;line-height: 0;} .table-of-content__header,.box_titles{ display: flex; justify-content: space-between;color: #282828; font-size: 20px; line-height: 30px; font-weight: 900;margin-bottom: 20px; } .toc_widget ul li { position: relative; margin: 5px 0; display: list-item; } .toc_widget ul { padding-right: 7px; border-right: 1px solid #e0e0e0; } .toc_widget ul li a { text-decoration: none; color: #515151; } .toc_widget ul li a span { white-space: nowrap; overflow: hidden;padding: 5px;border-radius: 7px; text-overflow: ellipsis;display: block; } .toc_widget ul li.hover-show-more:hover a span { max-width: unset; white-space: normal; overflow: visible; display: flex; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.15); } .toc_widget ul li.active a span { background-color: #eef7ff !important; color: inherit;box-shadow: unset; font-size: 14px; font-weight: 700; } .toc_widget ul li.active::before { content: ''; width: 2px; border-radius: 4px; height: 89%;position: absolute; right: -9px; z-index: 1; display: block; background-color: #0080ff; top: 0; } .sidebar_widget{width: 100%;position: relative;} .side_content .post{margin-bottom: 25px;padding-bottom:0 !important;} .side_content .post .post_h3{padding: 15px;height: auto;} .post-header { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-bottom: 32px; gap: 16px; } .author-detail { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 500; } .author-detail img{border-radius:50%;width:60px !important;height:60px !important;} .post-base-detail { display: flex; flex-wrap: wrap; gap: 19px; } .post-base-detail__item { gap: 8px; display: flex; font-size: 13px;line-height: 20px; font-weight: 500; align-items: center; } .post-base-detail__item .icon{width:19px;height:19px;text-align:center;line-height:19px;} .author-detail__avatar { border-radius: 50%; width: 40px; height: 40px; } .post-title { font-size: 26px; line-height: 42px; font-weight: 900; padding: 25px 0; word-wrap: break-word; } .single_post_txt{text-align: justify;overflow: hidden;padding: 0;line-height: 32px;} .single_post_txt em{font-style: italic;} .single_post_txt video{width: 100%;height: auto;margin: 5px auto;} .single_post_txt p{margin-bottom: 5px !important;overflow: hidden;} .single_post_txt h1,.single_post_txt h2,.single_post_txt h3,.single_post_txt h4,.single_post_txt h5, .single_post_txt h6{margin:17px 0;text-align: right;font-weight: 600;} .single_post_txt h1,.single_post_txt h2{font-size: 22px;} .single_post_txt h3,.single_post_txt h4{font-size: 19px;} .single_post_txt h5,.single_post_txt h6{font-size: 17px;} .single_post_txt a{color: #551b6f;} .single_post_txt a:hover{text-decoration: underline;} .single_post_txt ul,.single_post_txt ol{height: auto;margin: 0 auto;margin-bottom: 10px;} .single_post_txt blockquote{width: 100%;height: auto;padding:20px 40px 20px 20px;position: relative;margin: 20px 0; z-index: 1;background: #f8f9fb;border-radius: 16px;} .single_post_txt blockquote::before{ content: "\f10e"; font-family: FontAwesome; position: absolute;font-size: 90px;right: 0; color: rgba(0,0,0,.07); top: 50px;right: -40px; transform: rotate(4deg); z-index: -1; } .single_post_txt ul li{ position: relative; padding-right: 19px; } .single_post_txt ul li::before{content: '🔸';width: 15px;height: 15px;line-height: 15px;position: absolute;right: 0;top: 10px;} .single_post_txt table{width:100%;margin:25px auto !important;padding:5px !important;border: 1px solid #d6eeff !important;} .single_post_txt table,.single_post_txt table tr,.single_post_txt table td,.single_post_txt table th{ padding:4px 12px;vertical-align: middle;border-collapse: unset !important;border-spacing: 2px !important;} .single_post_txt table tr:nth-child(odd){background: #d6eeff;} .single_post_txt table tr:nth-child(even){background: #fff;} .single_post_txt ol li,.content_box_cv ol li{list-style-type:numeric;} .src-content-page { display: flex; flex-wrap: wrap; gap: 4px; } .src-content-page a{ background: #eef7ff; border-radius: 18px; padding: 0 12px; min-width: 55px; text-align: center; display: inline-flex; align-items: center; align-content: center; justify-content: center; color: #0080ff; text-decoration: none; font-size: 13px; font-weight: 500; } .services_box{margin: 0 -25px; display: flex;flex-wrap: wrap;justify-content: space-between;} .se_i{width: 33.33%;padding: 25px;} .service_item{ background: #fff;width: 100%; display: flex;flex-direction: column; align-items: center; align-content: center; justify-content: center;gap: 25px; text-align: center; border-radius: 32px; padding: 25px;} .service_title{font-size: 18px;font-weight: bold;} .service_item figure{width: 70px;height: 70px;margin: 0 auto;} .service_item figure img{width: 70px;height: 70px;} .service_item p{font-size: 13px;line-height: 24px;} .txt_services{height:110px;overflow:hidden;} #questions_box{margin: 20px 0;position: relative;clear: both;} .h3-to-tab > div { background: #fff; margin-bottom: 20px; box-shadow: 0 5px 15px #e3e5e8; border-radius: 12px; } .accordion-header { margin: 0 !important; cursor: pointer; color: #184ddc; font-size: 15px; padding: 13px; } .accordion-body { padding: 10px 20px; } .accordion-header::after { content: '-'; font-size: 15px; font-family: tahoma !important; font-weight: bold; float: left; text-align: center; } .accordion-header.closed::after { content: '+'; } .plans_txt_top{width: 100%;clear: both;position: relative;margin-top:50px;} .plans_post_txtc{font-size: 22px;line-height:35px;} .plans_post_txtc ul { padding-right: 20px; margin-top: 15px; } .plans_post_txtc ul li{position:relative;margin:4px 0;} .plans_post_txtc ul li::before{content: ""; position: absolute; right: -20px; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; border-radius: 100%; background: #00adfb;} .plans_txt_div{padding:25px 35px;border-radius:25px;background:#fff url(images/bg-banner-linux-new.jpg) no-repeat center top;background-size: cover;} .plans_dexc{position: relative;width: 60%;} .plans_dexc h1{font-weight: bold;font-size: 30px;color: #184ddc;margin-bottom: 10px;line-height: 40px;} .plans_img{width: 38%;line-height: 0;} .host_roles_box ul{margin: 0 -15px;} .host_roles_box ul li{width: 16.66%;float: right;padding: 15px;} .roles_items{width: 100%;position: relative;padding: 20px;background: #fff; border-radius: 16px;} .roles_items img{width: 80px;height: 80px;margin: 0 auto 15px auto;line-height: 0;display: block;} .roles_items span{width: 100%;display: block;height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;text-align: center;} .service_plans_box{width: 100%;height: auto;clear: both;position: relative;} .service_plans_box ul{margin: 0 -10px;} .service_plans_box ul li{width: 20%;float: right;padding: 10px;} .service_plans_item_box{position: relative;z-index: 3;} .icon_box_serv{width: 200px;height: 45px;line-height: 22px;text-align: center;margin: 0 auto;font-weight: bold;font-size: 14px;text-transform: uppercase; position: relative;border-radius: 25px;z-index: 1;background: #ffc8af;color: #7d4a33; display: flex; align-items: center; justify-content: center;} .accordion__item { box-shadow: 0 0 6px rgba(0,0,0,0.15); margin: 20px auto;border-radius: 7px;background: #fff; overflow:hidden; } .accordion__item .accordion__title { position: relative; display: block; padding: 13px 20px 13px 60px; color: #184ddc; font-size: 15px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; cursor: pointer; } .accordion__item .accordion__title:hover {transition: all 0.5s ease-out;} .accordion__item .accordion-active {} .accordion__item .accordion__title .accordion__arrow { position: absolute; top: 13px; left: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px;line-height: 30px; text-align: center; color: #fff; font-size: 15px; background-color: #c9c9c9; border-radius: 50%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .accordion__item .accordion__rotate {transform: rotate(225deg);} .accordion__item .accordion__content {padding: 0 20px 20px 20px;font-size: 14px;display: none;} .serv_items{width: 100%;padding: 10px;background: #fff; border-radius: 25px;} .serv_items_title{color: #263a96;text-align: center;} .serv_items_title p{margin:20px 0 15px 0;} .serv_items_title p span{font-size: 20px;font-weight: bold;} .serv_items_p{text-align: center;margin:0 auto 20px auto;width: 90%;} .serv_items_p p{margin: 7px 0;clear: both;display:flex;align-items:center;grid-gap:5px;gap:5px;padding: 5px 10px !important;text-align: right;} .serv_items_p p:nth-child(even){background: #f9fafb;border-radius: 5px;padding: 8px 0;} .serv_items_view{width: 90%;text-align: center;padding:10px 0 7px 0;background: #4fc07c;color: #fff; border-radius: 50px;display: block;margin: 15px auto;font-size: 16px; box-shadow: rgba(79, 192, 124, 0.19) 0px 10px 20px, rgba(79, 192, 124, 0.23) 0px 6px 6px;} .side_content_new{width:100%;display:flex;flex-direction:column;grid-gap:10px;} .side_content_new a{width:100%;display:flex;align-items:center;} .side_content_new a span{width:calc(100% - 90px);display:block;padding-left: 10px; font-size: 14px;font-weight:600; line-height: 25px;} .side_content_new a img{width:90px;border-radius:7px;} .serv_all_panels{float: left;padding: 10px 50px;background: #f5f3fc;color: #263a96; border-radius: 25px;} .cpu_icon{width: 20px;height: 20px; background: url(images/core_icon.png) no-repeat center;} .hdd_icon{width: 20px;height: 20px; background: url(images/core_icon.png) no-repeat center;} .core_icon{width: 20px;height: 20px; background: url(images/core_icon.png) no-repeat center;} .ram_icon{width: 20px;height: 20px; background: url(images/ram_icon.png) no-repeat center;} .sertype_icon{width: 20px;height: 20px; background: url(images/sertype_icon.png) no-repeat center;} .ssd_icon{width: 20px;height: 20px; background: url(images/ssd_icon.png) no-repeat center;} .nvme_icon{width: 20px;height: 20px; background: url(images/ssd_icon.png) no-repeat center;} .users_icon{width: 20px;height: 20px; background: url(images/users_icon.png) no-repeat center;} .port_icon{width: 20px;height: 20px; background: url(images/bandwich_icon.png) no-repeat center;} .bandwich_icon{width: 20px;height: 20px; background: url(images/bandwich_icon.png) no-repeat center;} .os_icon{width: 20px;height: 20px; background: url(images/bandwich_icon.png) no-repeat center;} .ip_icon{width: 20px;height: 20px; background: url(images/bandwich_icon.png) no-repeat center;} .install_icon{width: 20px;height: 20px; background: url(images/bandwich_icon.png) no-repeat center;} .datacenter_icon{width: 20px;height: 20px; background: url(images/bandwich_icon.png) no-repeat center;} .posts_box_right{width: 45%;text-align: right;} .posts_box_left{width: 50%;} .posts_box_right img,.posts_box_right video,.plans_img video{width: 100%;border-radius: 16px;line-height:0;} .flex_inverse .posts_box_right{text-align: left;} .plans_options ul{} .plans_options ul li{width: 50%;float: right;padding: 5px;} .plans_opp_item{width: 100%;padding:7px 20px;background: #eef7ff;font-weight: 500; border-radius: 25px;} .plans_opp_item p{float: right;} .plans_opp_item span{float: left;color: #67b930;} .padding_zero{padding:20px 0;} .background_c2{background: #f1f0f0;} .text_aligin_center{width: 100%;display: block;margin-top: 10px;font-size: 13px;} .article_box_p .progress_box{text-align: left;direction: left;} .article_box_p .progress_box p{margin: 10px 0;font-weight: bold;} @keyframes progress-bar-stripes { from { background-position:1rem 0 } to { background-position:0 0 } } .article_box_p .progress { display:flex; height:25px !important; overflow:hidden; line-height:0; font-size:0.75rem; background-color:#e9ecef; border-radius:.25rem } .article_box_p .progress { line-height: 0; font-size: 0.75rem; direction: ltr; display: block; text-align: left; } .article_box_p .progress .add-width { transform: scaleX(1) !important; } .article_box_p .progress .progress-width { transform: scaleX(0); transform-origin: right; transition: 1s ease-in; } .article_box_p .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .article_box_p .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .article_box_p .progress-bar { height: 25px !important; border-radius: 5px; direction: ltr; display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #00adfb; transition: width .6s ease; } .dmain_form_box{width: 100%;padding:40px;background: #eef7ff; border-radius: 16px;} .dmain_form_box form{width: 85%;margin: 0 auto;padding-bottom: 20px;} .dmain_form_box form input.domain_search_input{ width: 100%;background: transparent;height: 50px; border: 1px solid #184ddc; border-radius: 8px;direction: rtl;text-indent: 15px; position: relative; } .dmain_form_box form button{ background: #184ddc; border: 1px solid transparent; color: #fff; width: 140px;height: 50px;margin-right: 15px; border-radius: 8px; font-weight: 500; text-align: center; cursor: pointer; transition: .3s linear; } .domain_price_box{width: 85%;text-align: center;margin:0 auto;} .domain_price_box p{width: 100%;text-align: center;display: inline-block;font-size: 13px;font-weight: bold;direction:rtl;} .domain_price_box p span{color: #184ddc;display: inline-block;margin-left: 4px;direction: ltr;text-align: left;} .service_bg{background: #d6eeff;} .top_service_box{width: 90%;margin: 0 auto;} .top_service_box ul{margin: 0 -20px;} .top_service_box ul li{width: 33.3%;float: right;padding: 20px;} .service_items{ background: #fff;position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; gap: 15px; text-align: center; border-radius: 16px; padding: 15px; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; } .service_items figure{width: 150px;height: 150px;display: block;margin: 0 auto;margin-top: 15px;} .service_items h3,.service_items h3 a{font-weight: bold;font-size: 18px;text-align: center;color: #184ddc !important;} .service_items .more_links{ width: 100%; position: absolute;right: 0;left: 0;bottom: 0; padding: 4.375rem 0 1.25rem;opacity: 0;visibility: hidden; background-color: #fff;border-radius: 0 0 16px 16px; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; background: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(50%,#fff),to(rgba(255,255,255,0))); background: linear-gradient(to top,#fff 0,#fff 50%,rgba(255,255,255,0) 100%); } .service_items .more_links a{width: 110px;display:block;padding: 4px 0;text-align: center;background: #184ddc;color: #fff;margin:0 auto; border-radius: 25px;} .service_items:hover .more_links{opacity: 1;visibility: visible;} .service_items:hover{box-shadow: 0 10px 30px 0 rgba(0,91,159,.2);} .hosts_p a{width: 100%;text-align: center;background: #fff;display: block; padding:3px 0; border-radius: 5px;} .hosts_p a:hover{background: #184ddc;color: #fff;} .section--intro { position: relative; height: 100vh; min-height: 37.5rem; background: #24bddf; background: -webkit-gradient(left bottom,right top,color-stop(0,#24bddf),color-stop(100%,#0287ed)); background: linear-gradient(45deg,#24bddf 0,#0287ed 100%); } .slider{width: 100%;height: 100%;position: relative;} .intro-svg { position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 51.5%; overflow: hidden; z-index: 1; } .breadcrumbs_box {width: 100%;height: auto; font-family: tahoma;margin-bottom: 20px;border-radius: 7px;} .breadcrumbs_box a,.breadcrumb_last,.rank-math-breadcrumb .last {font-family: iranyekan,tahoma;font-size: 15px; margin: 0 3px;} .comments_box{width: 100%;height: auto;clear: both;padding: 20px;border-radius: 16px;margin-bottom: 30px;} .comment_numbers{width:25px;height:25px;line-height:25px;text-align:center;float:left; background: #184ddc;color: #fff;margin: 9px 0 0 15px;font-size: 11px; border-radius:50%;} #comment-nav-above{text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; box-shadow: 1px 1px 7px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);-ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);margin: 5px auto;border: none; display: table;white-space: nowrap;padding: 3px;} #comment-nav-above a,#comment-nav-above span {padding: 7px 14px;color: #333;display: inline-block; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} #comment-nav-above a:focus,#comment-nav-above a:hover,#comment-nav-above span.current {background: #e54a3a;color: #fff;} #comments{width: 100%;height: auto;padding: 3px 0;margin: 10px auto;} .post-template-single-courses #comments{width:100%;} #commentform{width: 100%;height: auto;margin: 0 auto;} .comment-form-rating{width: 30%;float: right;margin-bottom: 0 !important;} .right-commentss{width: 100% !important;height: auto;float: right !important;margin: 0 auto;} .leftss00{width: 100%;float: left;} .comment-form-url{display:none !important;} textarea#comment,.woocommerce #review_form #respond textarea,#reviews textarea{width: 100% !important; height: 110px !important;float: left !important;margin-bottom: 5px;} .comment-form-comment{width: 100%;height: auto;float: none;margin: 0 auto;} .side_boxs select{width: 90% !important;height: 30px;margin: 15px auto;float: none !important;} #comments input#author,#comments input#email,#comments input#url,#reviews input#url, #reviews input#email,#reviews input#author,.side_boxs select, #edd_checkout_form_wrap input[type="text"],#edd_checkout_form_wrap input[type="email"], #edd_checkout_form_wrap input[type="password"],#edd_checkout_form_wrap input[type="tel"], #edd_checkout_form_wrap textarea{ width: 100%; height: 50px; float: right; color: #333 !important;border: none; display: block; position: relative; font-size: 12px !important; background: #fff; text-indent: 15px;padding: 3px 0; border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px; } .rkianoosh_fields input[type="submit"]{color: #fff !important;} .wpcf7-quiz-label{width: 100%;clear: both;display: block;} .wpcf7-form-control-wrap {position: unset !important;} .comment-form-comment textarea#comment{width: 100% !important;} .logged-in .comment-form-comment textarea#comment{width: 100% !important;} .comment-form-comment textarea#comment,#reviews textarea{ font-size: 12px !important; height: 150px;border: none; background-color:#fff; padding: 15px;color: #333 !important; position: relative; text-align: justify !important; float: left;border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px; } .form-submit{clear:both;} .side_boxs form a{color: #404040;padding-top: 25px;} .rkianoosh_txt form textarea,.rkianoosh_txt form input[type="submit"]{float: right !important;clear: both;} #comments input#author,#comments input#email,#comments input#url,#comments textarea#comment, #reviews input#author{color: #000 !important;transition: all 0.5s;margin:0 0 12px 0;border: 1px solid #e0e0e0;} .form-submit #submit,#reviews #submit{ width: 120px !important; height: 40px !important; border: none; font-size: 16px; cursor: pointer; float: left; color: #fff;background: #184ddc; border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px; margin-bottom: 20px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .form-submit #submit:hover{background: #a80e65;color: #fff !important; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .bypostauthor{} .comment-content{width: 100%;float: left; height: auto;position: relative;text-align: justify;border-radius: 3px;} .rkianoosh_ir_com{width: 100%;padding: 15px 3%;background: #f3f6fb;color: #333;position: relative; border-radius: 9px;} .commentlist li{width:100%;height:auto;margin:0 auto;position: relative;color: #333;margin-bottom: 20px; background: #f8f9fb;padding: 10px; border-radius: 7px;} .commentlist li:last-child{border-bottom: unset;} #reply-title{margin:0 20px;font-size: 14px;} .left_kianoosh_like{width: 160px;float: left;text-align: center;margin-top: 3px;color: #333; font-size: 12px;padding: 0;line-height: 25px;} .comments_likes{width: 40%;float: right;display: inline-grid;} .comment-date{width: 100%;float: left;text-align: left;} #comments .avatar,.woocommerce-Reviews .avatar{ width: 70px !important; height: 70px !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .comment-author{position: absolute;right: 0;top: 30px;} .fn{line-height: 30px;float: right;color: #7e7e7e;font-size: 13px;margin-right: 10px;} .fn a{color: #7e7e7e !important;} .comment-meta{display: none !important; padding-bottom: 0;padding: 0 !important;width: 50px;float: right; margin-top: 0 !important;border-top: none !important;} .comment-replay a{ text-align: center; width: 60px; height: 26px; line-height: 26px; margin: 5px; float: left; background: #184ddc; color: #fff;border-radius: 7px; } .comment-replay a:hover{background: #a80e65;color: #fff;} #commentnotes{font-size:10px;} .comment .depth-2,.comment .depth-3,.comment .depth-4,.comment .depth-5{width:90%;background: #e4e5e8;} .comment-title{font-size: 16px;padding: 15px;} .attachment-shop_thumbnail{width: 23%;height: 50px;padding: 0.5%;margin: 5px 0.48%;float: right;border: 1px solid #D4D4D4;} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;direction: ltr !important;} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{ background:0 0;color:inherit;border:none;padding:0!important;font:inherit; } .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl !important;} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item {margin: 20px 0;} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-nav{text-align: center;-webkit-tap-highlight-color: transparent;} .owl-theme .owl-nav [class*='owl-']{width: 30px;height: 30px;outline: unset !important;font-family: tahoma !important; font-size: 25px !important;text-align: center;cursor: pointer;line-height: 28px !important; color: #444 !important;background:rgba(255,255,255,0.7) !important;z-index: 99 !important; font-weight: normal !important;position: relative;box-shadow: rgba(0,0,0,.2) 10px 0 20px; border-radius: 9px;} .owl-theme .owl-nav [class*='owl-']:hover{color:#fff !important;background: #184ddc !important;} .owl-theme .owl-nav .disabled {opacity: 0.5;cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 10px; } .owl-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;margin-top: 0;} .owl-theme .owl-dots .owl-dot {width: 18px;height: 18px;line-height: 18px;margin: 2px;display: inline;zoom: 1;*display: inline; border: 1px solid #c1c1c1; border-radius: 50%; } .owl-theme .owl-dots .owl-dot span { background: transparent;display: inline-block;width: 13px;height: 13px;margin:2px 1px !important; -webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 50%; transition: all 0.3s ease-in-out;} .owl-theme .owl-dots .owl-dot.active span{background: #184ddc;} .owl-theme .owl-dots .owl-dot:hover span{background: #184ddc;} .owl-carousel .owl-nav button.owl-next{position: absolute;left: 25px;top: 42%;} .owl-carousel .owl-nav button.owl-prev{position: absolute;right: 25px;top: 42%;} .blogpost_tabs .owl-nav button.owl-next{left: -35px;} .blogpost_tabs .owl-nav button.owl-prev{right:-35px;} #top_slider .owl-nav{display: none;} #top_slider .owl-dots{position: absolute;right: 0;left: 0;bottom: 10px;} #top_slider .owl-stage-outer{border-radius: 17px;} #big_slider .owl-dots { position: absolute; bottom: 10px; margin: auto; right: 0; left: 0; } .woo_slider .owl-nav {} .animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ; } .owl-animated-out { z-index : 1 } .owl-animated-in { z-index : 0 } .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ; } @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .responsive-menu-button-inner {position: absolute;width: 24px;height: 1px; left: 0;top: 0;bottom: 0;right: 0;margin: auto;background-color: #184ddc;} .panel-menu-button-inner::after,.panel-menu-button-inner::before,.responsive-menu-button-inner::after, .responsive-menu-button-inner::before {content: ""; -webkit-transition: transform .45s cubic-bezier(.5,-.6,.19,1),top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out; -webkit-transition: top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out,-webkit-transform .45s cubic-bezier(.5,-.6,.19,1); transition: top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out,-webkit-transform .45s cubic-bezier(.5,-.6,.19,1); transition: transform .45s cubic-bezier(.5,-.6,.19,1),top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out; transition: transform .45s cubic-bezier(.5,-.6,.19,1),top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out,-webkit-transform .45s cubic-bezier(.5,-.6,.19,1); } .panel-menu-button-inner,.panel-menu-button-inner::after,.panel-menu-button-inner::before, .responsive-menu-button-inner,.responsive-menu-button-inner::after,.responsive-menu-button-inner::before{ position: absolute;width: 24px;height: 1px;background-color: #184ddc;} .panel-menu-button-inner::before,.responsive-menu-button-inner::before{bottom: -7px;} .panel-menu-button-inner::after,.responsive-menu-button-inner::after{top: -7px;} .responsive-menu-button-inner::after, .responsive-menu-button-inner::before{right: 0;} .navicon{height:40px;width:40px;line-height: 43px;cursor:pointer;position: relative; font-size: 20px;text-align: center;background:#eaf4fb;color: #fff;display: block; border-radius: 4px;} #mobiles_header .circle_hlink{height:40px;width:40px;line-height: 40px;text-align: center;display: block; cursor: pointer;background:#eaf4fb;color: #184ddc;position: relative;font-size:14px;margin-left: 10px; border-radius: 4px;} #mobiles_header .circle_hlink a{color: #FC8A3D;} #mobiles_header .login_register_url{height:46px;width:46px;line-height: 49px;font-size: 25px;padding: 0;text-align: center !important;} #mobiles_header .circle_hlink i{height:40px;width:40px;line-height: 40px;text-align: center;display: block;} #mobiles_header{width:100%;display: none; position:fixed;top:0;right:0;left:0;display:none;z-index:99999999999;background: #fff; padding:0 2%;box-shadow:0 0 20px rgba(0,0,0,0.4);} .top_mobile_menu{display: flex;align-items: center;justify-content: space-between;padding: 10px 0;} .top_left_menu{width: 240px; display: flex; align-items: center; justify-content: flex-end;} .mobiles_menu{position: fixed; float: none; height: 100%; right: 0px;top: 0; background: #333; width: 220px; z-index: 999999999; margin: 0px -232px 0px 0px;overflow-y: auto;} .circle_hlink.tell_top{background: #ffc8af !important;color: #7d4a33 !important;font-size: 18px !important;} .login_panels{width: 110px !important;} .bodydeactive{width:100%;height:100%;background:rgba(0, 0, 0, 0.4);position:fixed;z-index:99999999; display:none;top:0px;right: 0;left: 0;bottom: 0;} .top_logo_title{width:100%;height:auto;background:#000;text-align:center;position:relative;padding: 15px 0;} .top_logo_title a{display: block;width: 100%;height: auto;clear: both;color: #fff;} .top_logo_title img{display: block;margin: 0 auto;padding: 10px 0;} .top_logo_title span{padding-bottom: 10px;display: block;} .bottom_box{text-align: center;width: 100%;background: #222;} .bottom_box .socials_url{width: 100%;float: none;text-align: center;} .bottom_box a{display: inline-block;font-size: 26px;padding: 5px;color: #fff;float: none;margin: 3px; border-radius: 3px;} .bottom_box a:hover{background: #fff;} .search_icons{font-size: 18px;margin-left: 0;} .logo_mobiles{width: 50px;height:50px;line-height: 0;} .logo_mobiles a{display: block;line-height: 0;} .searches_mobile{width: 100%;height: 80px;margin: 0 auto;display: none;z-index: 9999999999; position:absolute;right: 0;left: 0;top: 0;} #lsds_mobile{width: 100%;height: 100%;position: absolute;right: 0;top: 0;left: 0;bottom: 0; background: #fff;border: unset;padding-right: 20px;} .searches_mobile button{width: 80px;height: 80px;text-align: center;font-size: 25px;cursor: pointer; border: unset;background: transparent;position: absolute;left: 0;top: 0;} .moiles_logos{text-align: center;padding: 20px 0;background: rgba(0,0,0,0.4);margin-bottom: 20px;} #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu { width: 100%; color: #ffffff;position: relative; } #cssmenu ul ul { display: none; } .align-right { float: right; } #cssmenu ul li,#cssmenu ul li a{position: relative;display: block;} #cssmenu > ul > li > a { padding: 10px 20px; z-index: 2; font-size: 14px; color: #fff;display: block; } #cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a{background: #FC8A3D;} #cssmenu > ul > li.open > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); } .holder { width: 0; height: 0; position: absolute; top: 0; left: 0; } .holder::after,.holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px;left: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .holder::after { top: 11px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; } #cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after { border-color: #eee; } .holder::before { top: 12px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; } #cssmenu ul ul li a { padding: 10px 20px; z-index: 1; font-size: 13px; color: #eee; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { color: #fff; } #cssmenu ul ul ul li a { padding-right: 30px; } #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { border-bottom: 0; } #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; } #cssmenu ul ul li.has-sub > a::after { display: block; position: absolute; content: ""; width: 5px; height: 5px; left: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #eeeeee; border-left: 2px solid #eeeeee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after { border-color: #ffffff; } .shop_carts .number { width: 18px; height: 18px; line-height: 18px; position: absolute; top: -10px; right: -5px; font-size: 12px; background: rgba(252, 138, 61, 0.3); border-radius: 3px; } .popup_box_bg,.popup2_box_bg,.popup_box_bg3,.popup_box_bg4,.popup_box_bg5,.popup_box_bg6{ position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.8);opacity: 0;visibility: hidden; z-index: 999999999999;cursor: pointer;} .show_box_rkianoosh,.show_box_rkianoosh1,.show_box_rkianoosh2,.show_box_rkianoosh3 ,.show_box_rkianoosh4,.show_box_rkianoosh5,.show_box_rkianoosh6{ visibility: visible;opacity: 1;transition: opacity 0.3s ease-in !important;} .hidde_rkianoosh,.hidde_rkianoosh1,.hidde_rkianoosh2,.hidde_rkianoosh3,.hidde_rkianoosh4 ,.hidde_rkianoosh5,.hidde_rkianoosh6,.hidde_rkianoosh7{overflow: hidden !important;} .blu_head{background: #184ddc !important;} .orange_head{background: #d95f47 !important;} .notific_item{animation: swing 1s infinite forwards;color: #d95f47 !important;} @keyframes blinker { 50% { opacity: 0; } } @keyframes bubbler { 0% { transform: scale(1); } 50% { transform: scale(0.8); } to { transform: scale(1.2); } } @keyframes width { 0%, to { width: 0; padding-left: 0; } 30%, 70% { width: 90px; } 10%, 90% { padding-left: 1.125rem; } } @keyframes swing { 0%, to { transform: scale3d(1, 1, 1); text-shadow: 0 0 0 transparent; } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -6deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 6deg); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } 40%, 60%, 80% { transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -6deg); } } @keyframes rotate { to { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes color { 0%, 33% { stroke: #437593; } 34%, 66% { stroke: #7bad49; } 67%, to { stroke: #d95f47; } } .modal-body { font-size: .8rem; line-height: 2; overflow: auto; position: relative; flex: 1 1 auto; padding: 1rem; } .repear_boxes .modal-body,.helpus_boxes .modal-body,.helpus_boxes .modal-body{height: 450px;} hr { box-sizing: content-box; height: 0; overflow: visible; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); } .modal-body ul{padding-right: 10px;} .modal-body ul li{list-style-type: disc;} .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #c2c2c2; border-bottom-right-radius: calc(.4rem - 1px); border-bottom-left-radius: calc(.4rem - 1px); background: #f5f5f5; } .btn { display: inline-block;cursor: pointer; font-weight: 400; color: #5c5c5c; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; } .btn-secondary { color: #fff; background: #757575; border-color: #757575; box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075); } .modal-body input[type="text"],.modal-body input[type="email"],.modal-body textarea{ display: block; width: 100%;height: 40px; padding: .375rem .75rem; font-size: 13px; font-weight: 400; line-height: 1.5; color: #5c5c5c; background-color: #fff; background-clip: padding-box; border: 1px solid #dbdbdb; border-radius: .25rem; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);outline: unset; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .modal-body textarea{height: 80px;} .sms-notif-mobile-div{float: left;width: 75%;margin-top: 5px;} .sms-notif-submit{float: right;width: 20%;background: #184ddc;color: #fff;height: 40px; border-radius: 20px;} #send-product-email{float: left;width: 95%;background: #184ddc;color: #fff;height: 40px; border-radius: 20px;} .share-title {width: 100%;font-size: 16px;font-weight: bold;text-align: center; color: #666; } .share-desc{text-align: center;} .sharing-box{text-align: center;} .sharing-box a{ display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #fff; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; border-radius: 20px; margin: 5px; font-size: 16px; } .email-sharing { background: #f5f5f5; } .input-group-prepend{width: 10%;float: right;margin-top: 7px;} #share-email-address{width: 70%;float: right;} .input-group-append{width: 20%;float: left;} .email-sharing{padding: 20px;border-radius: 20px;} .setupcrack_click_bt{margin: 0 20px 20px 0;color: #757575;font-size: 13px;cursor: pointer;font-weight: bold; border-bottom: #aaa 1px dashed;display: inline-block;} .pagination_box{width: 100%;height: auto;clear: both;margin: 40px 0 20px 0;} .pagination{width: 100%;list-style: none;box-sizing: border-box;text-align: center;} .pagination li {width: 35px;height: 35px;display: inline-block;padding: 0;float: none;margin:4px;} .pagination li a,.pagination li .inactive,.pagination .current{width: 35px;height: 35px; text-align: center;line-height: 35px;font-size: 14px;background: #fff;display: inline-block; border-radius: 9px;} .pagination .current,.pagination li a:hover{color: #fff !important;background: #184ddc !important;} .pagination li a i{width: 35px;height: 35px;line-height: 35px;text-align: center;display: block;} .top_page{position: fixed;left: 20px;bottom: 20px;width: 40px;height: 40px;line-height: 40px;background: #fff; color: #192d4d;border-radius: 5px;font-size: 30px;text-align: center;cursor: pointer;display: none;z-index: 999999;} .top_page .fa{width: 40px;height: 40px;line-height: 40px;display: block;} .enlighter-default.enlighter-t-enlighter { border-color: #e0e0e0 !important; background: #f6f6f6 !important; padding: 16px 0 !important; } .enlighter-default { width: 100% !important; color: #939393; border-radius: 8px !important; border: solid 1px #e0e0e0; } .enlighter-btn-website{display:none !important;} .content_img img{width: 100%;border-radius:7px;} .flx_wsyh .post{flex-direction:column;} .page-template-landingx #header{box-shadow: none;} .page-template-landingx .posts_box_left{ padding: 30px; border-radius: 25px 0 0 25px; } .page-template-landingx .flex_inverse .posts_box_left{border-radius: 0 25px 25px 0;} .customers_box{width: 100%;padding:30px;background:#fff; border-radius: 25px;} .customer_img_list ul{margin: 0 -10px;} .customer_img_list ul li{width: 8.3333%;float: right;padding: 10px;line-height: 0;} .customer_img_list ul li img{width: 100%;margin: 0 auto;border: 1px solid #0080ff;padding: 10px; border-radius: 12px;} .comment_item{direction: rtl;width: 92%;padding:20px;margin: 0 auto !important; border-radius: 5px;} .top_comment_item{margin-bottom: 20px;} .comment_avatar{width: 50px;height: 50px;} .comment_user_nam{line-height: 22px;width: 88%;} .comment_user_nam span{font-size: 15px;font-weight: bold;} .comment_user_nam p{font-size: 13px;text-align: justify;} .txt_comment{text-align: justify;font-size: 13px;line-height: 23px;} .page-template-landingx .section_center{padding: 40px 0;} .call_to_action{background: #eaf4fb;overflow: hidden;padding: 20px 0;} .svg_img{width: 70px;height: 70px;margin-left: 10px;} .center_call_box_right{font-size: 16px;font-weight: bold;} .btn_cta_outline{background: #fff;color: #184ddc;border: 1px solid #184ddc;font-size: 16px;padding: 6px 18px;border-radius: 7px;} .btn_cta_outline:hover{background: #184ddc;color: #fff;border: 1px solid #fff;} .top_land_titr h2,.top_land_titr h1{ color: #184DDC; font-size:35px; font-weight: 600; } .top_land_titr h6{ color: #184DDC0D; font-size: 55px; font-weight: 600; } .top_landtxt_box .content_box_cv{margin-top: 30px;font-size: 16px;line-height: 30px;} .top_landtxt_box img,.txt_kian_img img{ transform: translatey(0px); animation: float 6s ease-in-out infinite; } .txt_p_items{width: 100%;position: relative;} .txt_p_items ul li{width: 100%;clear: both;position: relative;margin-bottom: 50px;} .txt_p_items ul li:last-child{margin-bottom: 0;} .txt_p_items ul li:nth-child(even) .txt_p_item{flex-direction: row-reverse;} .txt_p_item .txt_kian{width: 75%; background-color: #F4F6FA; box-shadow: -1px 12px 24px -17px rgba(0, 0, 0, 0.3); padding: 30px; border-radius: 20px; } .txt_p_item .txt_kian h2{color: #121212; font-size: 25px;margin-bottom: 15px; font-weight: 700; } .txt_p_item .txt_kian p{font-size: 15px;} .txt_kian_img{width: 15%;} .blue_bg{ background-color: transparent; background-image: linear-gradient(90deg, #00296B 53%, #184DDC 100%); } .blue_bg .posts_box_left{color: #fff !important;} .blue_bg .blu_link{ background-color: transparent; background-image: linear-gradient(270deg, #FDC500 30%, #FFD500 100%); box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.28); } .blue_bg .right_title{font-size: 30px;margin-bottom: 20px;} .content_box_cv h2{font-size: 20px;margin-bottom: 20px;} .content_box_cv h3{font-size: 18px;margin-bottom: 20px;} .content_box_cv h4{font-size: 16px;margin-bottom: 20px;} .items_land2{ padding: 0; display: grid; grid-template-columns: auto auto auto; gap: 50px;grid-gap: 50px; } .item_landx{width: 100%;position: relative; border:2px solid #D9D9D95C; box-shadow: 0px 10px 24px -5px rgba(0, 0, 0, 0.2); padding: 30px; border-radius: 15px; display: flex; flex-direction: column; } .item_landx_head{width: 100%;text-align: center;} .item_landxtitle{font-size: 22px;font-weight: bold;color: #121212;} .item_landxp{font-size: 12px;margin-top: 5px;} .item_landxprice{color: #184DDC;font-size: 50px;font-weight: 600;line-height: 55px;margin: 10px auto;} .item_landxplist{margin-bottom: 25px;} .item_landxplist li{position: relative;border-bottom: 1px solid rgba(0,0,0,0.1);padding:10px 20px 10px 0;} .item_landxplist li:last-child{border-bottom:none;} .item_landxplist li::before{ content: "\f100";font-family: FontAwesome;position: absolute;right: 0;font-size: 18px;color: #FDC500; } .item_landxbutton { font-weight: 500; background-color: #69727d; background-image: linear-gradient(270deg, #184DDC 30%, #5382FF 100%); box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.28); display: inline-block; font-size: 15px; padding: 8px 24px; border-radius: 3px; color: #fff; text-align: center;margin: 0 auto; transition: all .3s; } .active_item{background: #FDC500;} .active_item .item_landxplist li::before{color: #184DDC;} @keyframes float { 0% { transform: translatey(0px); } 50% { transform: translatey(-10px); } 100% { transform: translatey(0px); } } .top_landtxt_box{border-bottom:1px solid #ccc;} .country_servers{width:100%;position:relative;clear:both;} .tab_sip{clear: both;position: relative;overflow: hidden;background: #F8F8F9;display:flex;align-items:center;justify-content:center;gap:10px;grid-gap:10px; margin-bottom:20px;} .tab_sip .tablinks{width:auto !important;max-width:300px !important;padding:8px 16px; font-size: 15px;position: relative;display:flex;align-items:center;gap:6px;grid-gap:6px; cursor: pointer;} .tab_sip .tablinks.active{color: #000;border-color: #FF5D5D;} .tabcontent{ display: none; clear: both; border-top: none; animation: fadeEffect 0.5s; } @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .tab_sip .tablinks img{max-width:40px;border-radius:0;} .animated_box_cv{width:100%;clear:both;position:relative;} .animated_box_cv svg{width:100%;height:auto;position:relative;} .country_servers ul{margin:0 -15px;display:flex;flex-wrap:wrap;} .country_servers ul li{width:20%;padding:15px;} .center_txt_lnd2_box{max-width:1000px;margin:0 auto;padding:30px;background:#fff; display:flex;text-align:center;flex-direction:row-reverse; border-radius:15px; box-shadow: 0px 10px 24px -5px rgba(0, 0, 0, 0.2); } .center_txt_lnd2_right{min-width:350px;max-width:350px;margin-top:-60px;margin-bottom:-60px;padding:30px; background: #184DDC;color:#fff;display:flex;flex-direction:column;grid-gap:30px;align-items:center;text-align:center;justify-content: center; border-radius:15px; } .title_bv2{font-size: 40px;font-weight: 700;line-height: 55px;} .title_bv3{font-size: 25px;font-weight: 500;line-height: 40px;} .center_txt_lnd2_left{padding-left:30px;} .center_txt_lnd2_left .single_post_txt{font-size:18px !important;line-height:40px !important;} .svt_landx{margin:0 -20px;display: flex;flex-wrap: wrap;} .svt_landx_gride{width:25%;float:right;padding:20px;} .svt_landx_item{width:100%;background-color: #fff; border-radius: 7px;display:flex;align-items:center;flex-direction:column; box-shadow: 0 10px 30px 0 rgba(0,91,159,.2) !important; text-align: center; padding: 25px;} .svt_landx_item svg,.svt_landx_item img{width:120px;height:120px;} .svt_landx_item h3{font-size:17px;font-weight:bold;color:#184ddc;padding-bottom:10px;} .svt_landx_item p{font-size:13px;line-height:22px;} .why2_box{width:100%;position:relative;} .section-bg{ position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; } .bg-bluet{width:50%;height:100%;background-color: #005b9f;} .bg-bluer{width:50%;height:100%;background-color: #0085e6;} .why_bg_box{width:100%;display:flex;align-items:center;} .right_bls{width:50%;position:relative;padding:50px;} .left_bls{width:50%;position:relative;padding:50px;} .right_bls.single_post_txt{color:#fff !important;} .wp-video{max-width: 100%;height: auto;margin:0 auto;} .info-box-fama{ padding: 25px; border-radius: 16px 16px 0 16px; margin: 30px auto; display: flex; flex-direction: column; align-items: start; background-color: #e4ffef; } .info-box-fama h1,.info-box-fama h2,.info-box-fama h3,.info-box-fama h4,.info-box-fama h5{width: 100%; font-size: 19px; font-weight: 900; line-height: 33px; color: #111; text-align: center; margin:0 auto !important; } .alert_box{background:#f90833 !important;color:#fff !important;} .cta-box-fama { padding: 25px; border-radius: 16px 16px 0 16px; background-color: #eef7ff; margin: 30px auto; color: #2982cc; font-size: 16px; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; } .cta-box-fama a{ position: relative; background-color: #0081ff !important; color: #fff !important; display: inline-flex; border: 1px solid #0081ff; gap: 11px; padding: .28125rem 1.05rem; border-radius: 12px; font-weight: 700; font-size: 18px; text-decoration: none !important; margin-top: 12px; cursor: pointer; } .docs_body{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));margin-top:25px;gap: 25px;} .doc_item{ border: 2px solid transparent; background:#fff;box-shadow: 0 10px 30px 0 rgba(0,91,159,.2) !important; display: inline-flex; flex-direction: column; font-weight: 400;padding:20px; max-height: 150px;overflow:hidden;transition: .25s ease-in-out;border-radius: 9px;gap: 10px; } .doc_item:hover{ border: 2px solid #184ddc; box-shadow: 0 33px 13px #c5ccd80a,0 19px 11px #c5ccd821,0 8px 8px #c5ccd836,0 2px 5px #c5ccd840,0 0 0 #c5ccd840; } .doc_item:hover .doc_p{color:#184ddc;} .doc_title{width:100%;position:relative; color: #0080ff; font-size: 17px; font-weight: 500;display:flex;align-items:center; } .doc_p{font-size:14px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom: 0; max-height: 100px; overflow: hidden; } .doc_title::before{content: "\f05d";font-weight: 100;font-size: 20px;margin-left:7px; font-family: FontAwesome;width:20px;height:20px;line-height:20px;text-align:center; } .doc_title::after{content: "\f104";font-size: 24px;color:#373738;font-family: FontAwesome;width:24px;height:24px;line-height:24px;text-align:center;position: absolute;left: 0;} .single-docs .section_center{padding:40px 0 !important;} .docs_title{width:100%;position:relative;padding:0 0 20px 0;font-size:20px;font-weight:700;} .single_doc_box{width:72%;float:left;position:relative;} .single_doc_side{width:25%;float:right;padding:15px;position:relative;background:#fff; border-radius:9px; filter: drop-shadow(0 8px 30px rgba(0,0,0,0.1)); -moz-filter: drop-shadow(0 8px 30px rgba(0,0,0,0.1)); -webkit-filter: drop-shadow(0 8px 30px rgba(0,0,0,0.1));} .single_doc_side a{width:100%;display:block;padding:2px 6px;border-radius:5px;} .single_doc_side a:hover{background:#f2f2f2;} .home_docs{font-weight:bold;font-size:15px;color: #0080ff;} .prev_next_box{display:flex;align-items:center;grid-gap:25px;padding-top:20px;} .prev_next_box a{width:100%;position:relative;padding:7px 21px;border:1px solid #dcdfe2;background:#f2f2f2;font-size:13px; border-radius:7px;} .prev_next_box a:hover{border:1px solid #184ddc;background:#fff;} .prev_next_box a strong{color:#184ddc;font-size:15px;} .get_next_post{text-align:left;direction:ltr;} .get_previous_post strong::before{content: "\f101";font-family:FontAwesome;margin-left:5px;font-weight: normal;} .get_next_post strong::before {content: "\f100";font-family:FontAwesome;margin-right:5px;font-weight: normal;} .single_doc_box .breadcrumbs_box{margin-bottom:0 !important;} .single_doc_box .post-title{padding:15px 0 20px 0 !important;} .page .post-title{padding:30px 0 30px 0 !important;} .page .section_center{padding:30px 0 !important;} .alert_report_box{color: #6b490f;background: rgba(224,142,0,.15);width:70%;padding:15px 30px;margin-bottom:20px;font-size:16px;margin: 0 auto;margin-bottom:20px; border-radius:12px;} .alert_report_box p{padding:0 !important;margin:0 !important;} .alert_report_box img{margin:0 auto !important;} .cf7_forms{width:70%;margin:0 auto;position:relative;display:flex;flex-direction:column;grid-gap:20px;} .cf7_half{width:100%;display:flex;align-items:center;grid-gap:15px;} .cf7_field{width:100%;position:relative;} .cf7_forms select,.cf7_forms input[type="text"],.cf7_forms input[type="email"],.cf7_forms textarea{width: 100%;border: 1px solid #ccc;color: #777;background-color: #fff;padding:14px 24px; -webkit-transition: all .12s;transition: all .12s;} .cf7_forms input[type="submit"]{ width: 150px;height: 50px; text-align: center; display: block; font-size: 17px; font-weight: bold; border-radius: 9px; background: #184ddc; color: #fff; cursor: pointer;margin: 0 auto; border: none; } .contact_box{width:100%;position:relative;display:flex;justify-content:space-between;} .left_contact_box{width:50%;position:relative;max-height:560px;border-radius:25px !important;overflow:hidden !important;background:#eaf4fb;padding:20px;line-height:0;} .left_contact_box iframe{width:100% !important;height:500px !important;border-radius:25px !important;border:5px solid #fff !important;} .right_contact_box{width:47%;position:relative;display:flex;flex-direction:column;grid-gap:10px;} .rank-math-phone-number a{display:inline-block;direction:ltr !important;} .contact_item{width:100%;position:relative;padding-left:20px;} .contact_item p i.fa{font-size:22px;color:#184ddc;margin:2px 0 0 7px;float:right;} .contact_item p{font-size:15px;font-weight:500;} .contact_item p span{font-size:17px;font-weight:700;} .drlft{direction:ltr;font-size:15px;font-weight:300;} .contatc_shre_box{width:70%;position:relative;background:#eaf4fb;padding:20px 70px 20px 40px; border-radius:9px; margin:40px auto;} .contatc_shre_box .fa-quote-right{width:40px;height:40px;line-height:40px;text-align:center;display:flex;align-items:center;justify-content:center; font-size:22px;position:absolute;right:15px;top:0;bottom:0;margin:auto; color:#eaf4fb;background:#184ddc; border-radius:50%;} .contact_sher{display:flex;align-items:center;text-align:center;justify-content:space-between;} .contact_tow_flex{display:flex;justify-content:space-between;} .link_slider_box{width:99%;position:relative;display:flex;flex-direction:column;margin:30px 0.5%;padding:15px;background: #fff;color: #184ddc; border-radius:25px;} .link_slider_box a{width:96%;text-align:center;background: #eaf4fb;color: #184ddc;padding:5px 0;display:block;margin:0 auto; border-radius:7px;box-shadow: 0 0 6px rgba(0,0,0,0.15);} .link_slider_box a:hover{text-decoration:none !important;background: #184ddc;color: #fff;} .landing_hosts_header{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;background:#2d2d44;color:#fff; border-radius:9px;direction: ltr;text-align: center; padding:10px 20px;} .landing_hosts_i1{width:110px;display: flex;align-items: center;justify-content: center;} .landing_hosts_i2{width:180px;} .landing_hosts_items{direction: ltr;text-align: center;font-size:13px;position: relative;background-color: #fff;box-shadow: 0 1px 15px rgba(15, 24, 51, 0.11); padding: 10px 20px;color: #616366;margin: 15px 0;border-radius: 9px;overflow: hidden;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease-in-out;} .landing_hosts_items span{display:none;} .landing_hosts_items .serv_items_view{width:100%;margin:0;border-radius: 9px;} .os_iw{display:flex;align-items:center;justify-content:center;grid-gap:3px;} .landing_hosts_items img{border-radius:0 !important;} .landing_hosts_items .serv_items_view::after{content:'';position:absolute;right:0;left:0;top:0;bottom:0;} .landing_hosts_items:hover{background: #fdc500;} .bnr_pacq{width:100%;position:relative;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;background:url(images/bg_banner.png);background-size:cover;color:#fff;margin-bottom:20px; border-radius:7px;} .bnr_pacq h3{font-size:18px;font-weight:bold;} .bnr_gtg{direction:ltr;text-align:left;} .bnr_gtg span{display:block;} .top_head_menu2 ul{width:100%;height:auto;position:relative;clear:both;} .top_head_menu2 ul{width:100%;height:auto;display:flex;align-items:center;justify-content: center;} .top_head_menu2 ul > li{} .top_head_menu2 ul > li > a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 15px;font-size:15px;} .top_head_menu2 > ul > li:hover > a{opacity:0.7;} .home .top_head_menu2 ul > li > a{color:#fff;} .top_head_menu2 ul > li > a > .icon{width:35px;height:35px;display:flex;align-items:center;justify-content: center;line-height:0;} .top_head_menu2 ul > li > a > .icon > img{border-radius:0;} .hosting-mega-menu {width: 100%;position: absolute;right: 0;z-index: 10;visibility: hidden;opacity: 0;transition: .3s;margin-top: -5px; background:#fff; box-shadow: 0 3px 16px rgba(194,199,213,.43);border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;padding: 30px;} .top_head_menu2 ul li:hover .hosting-mega-menu {visibility: visible;opacity: 1;} .tabs{width: 100%;display:flex;justify-content:space-between;align-items: flex-start;} .tab-titles{display: flex;flex-direction:column;width:20%;} .tab-title {flex: 1;padding: 2px 10px;border-bottom: 1px solid #ececec;color: #222;text-align: right; transition: background-color .3s;cursor: pointer;display: inline-block;font-size: 13px;} .tab-titles a:last-child,.tab-title:last-child{border-bottom: none;} .tab-title:hover,.tab-title.active {background-color: #0080ff;color: #fff !important;border-bottom:transparent;} .tab-contents{width:78%;display:flex;flex-direction:column;} .tab-content{display: none;} .tab-content.active{display: block;} .tab-conr-url{display:flex;justify-content:space-between;grid-gap:5px;} .tab-conr-url a{display:inline-block;padding: 2px 10px;background-color: #0080ff;color: #fff;font-size:13px;border-radius: 16px;} .tab-conr{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;} .tab-conr-tcv{width:calc(100% - 140px);text-align:justify;font-size:13px;} .tab-conr-img{width:120px;height:120px;line-height:0;} .vps_fr{background:#fff;} .vps{margin: 0 -20px;display:flex;justify-content:space-between;flex-wrap: wrap;position:relative;} .vps_items{width:100%;flex:0 0 50%;position:relative;padding: 20px;} .vps .new__box-feature {width:100%;position:relative; padding: 60px 20px 20px 20px; min-height: 180px; margin-bottom: 50px; border: 2px solid #00b3ff; border-radius: 15px; } .vps .new__box-feature-header {width: 90%;min-height: 100px; padding: 0 20px 0 0; margin: 0 auto;background: #fff; position: absolute;top: -56px;left:0;right:0; display: flex;align-items: center;justify-content: space-between;flex-direction: unset; } .vps .new__box-feature-header .circle { width: 11px; height: 11px;display: inline-flex;align-items: center;justify-content: center; transform: translateX(21px) translateY(0); border-radius: 100%; background: #00b3ff; margin: auto 0; } .vps .new__box-feature-header strong {font-size: 22px;display: inline-flex;font-weight: 800;} .vps .new__box-feature-header img {width: 100%;max-width: 100px;min-height: 80px;} .vps_fr .blog_center_title{margin-bottom:60px;} .hosts_tarlanweb{width:100%;position:relative;display:flex;justify-content:space-between;} .lanhosts_header{width:20%;display:flex;flex-direction:column;text-align:right !important;} .lanhosts_header p,.lh_itm p{width:100%;text-align:center;height:45px;line-height:45px;overflow:hidden;} .lanhosts_header p{text-align:right !important;padding-right:10px;} .lh_itm p{direction:ltr;} .lh_items{width:80%;display:flex;justify-content:space-between;} .lh_items a{width: 100px;height:35px;line-height:35px;background: #184ddc;color: #fff;display: flex;align-items:center;justify-content:center;margin: 5px auto; border-radius:12px;} .lh_items a:hover{background: #fdc500;color: #333;} .green_link{background: #00ad3c !important;} .yellow_link{background: #fdc500 !important;} .lanhosts_header p:nth-child(odd),.lh_itm p:nth-child(odd){background:#f2f2f2;} .lh_itm{width:100%;} .lanhosts_header p:first-child,.lh_itm p:first-child{background: #184ddc;color: #fff;} .tarlan_tabs{width:100%;position:relative;border: 1px solid #184ddc;background: #fff; border-radius: 9px;} .tbs_nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px; justify-content: center; } .tbs-li {width:130px; cursor: pointer; padding: 20px 15px; border: 1px solid #ddd; border-radius: 6px; background: #f9f9f9; transition: all 0.3s ease; text-align: center; } .tbs-li.active { background: #184ddc; color: #fff; border-color: #184ddc; } .tbs-li img { width: 60px; height: 60px; display: block; margin: 0 auto 5px; } .tbs_contents { position: relative; } .tbs_content_x { display: none; animation: fadeIn 0.4s ease-in-out; } .tbs_content_x.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .tbs-li { flex: 1 1 48%; } } .tbs_content_item{width:100%;position:relative;padding:20px;display:flex;align-items:center;background: #184ddc;color: #fff;border-radius: 0 0 9px 9px;} .tbs-img{width:200px;height:200px;} .tbs-txt{width:calc(100% - 200px);} .not_monaseb{width:100%;position:relative;padding:30px;background:#fff1d7;display:flex;justify-content:space-between;align-items:center; border-radius:25px;} .not_mon_txt{width:100%;flex:0 0 65%;} .not_mon_txt h2{font-size:26px;font-weight:bold;margin-bottom:20px;} .not_mon_img{width:250px;flex:0 0 30%;text-align:left;display:flex;align-items:center;line-height:0;} .speedup_bx{width:100%;position:relative;padding:25px 50px;display:flex;justify-content: flex-end;} .speedup_img{width:100%;height:100%;border-radius:48px;position: absolute;right: 0;left: 0;bottom: 0;top:0;z-index: 1;} .speedup_txt{max-width: 576px;margin:30px;padding: 40px;background: rgba(0,51,102,0.7);border: 2px solid rgba(0,51,102,0.3);color:#fff; border-radius: 48px;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px); position:relative;z-index:2;float:left;} .speedup_txt h2,.speedup_txt h3{font-size:26px;font-weight:bold;margin-bottom:20px;} .speedup_txt p{margin-bottom:20px;} .blog_all_tw .tabcontent{display:block !important;} .tab-loading-spinner ,.news-loading-spinner{ text-align: center; padding: 60px 20px; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; } .tab-loading-spinner .spinner ,.news-loading-spinner .spinner{ border: 4px solid #fff; border-top: 4px solid #000; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin-bottom: 15px; } .tab-loading-spinner p { color: #fff; font-size: 16px; margin: 0; } .infinite-loading-spinner ,.news-infinite-loading-spinner{ text-align: center; padding: 30px 20px; } .infinite-loading-spinner .spinner ,.news-infinite-loading-spinner .spinner{ border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; margin: 0 auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #posts-container ,#news-container{ transition: opacity 0.3s ease; } .category-archive-link { text-align: center; margin: 30px 0; padding: 20px; border-top: 1px solid #eee; } .archive-btn { display: inline-block; padding: 12px 30px; background: #3498db; color: white; text-decoration: none; border-radius: 25px; transition: background 0.3s ease; font-size: 14px; } .archive-btn:hover { background: #2980b9; } .no-posts { text-align: center; padding: 40px; color: #666; font-size: 18px; } .load-more-flag { display: none; } .post_body_3.flx_wsyh { position: relative; min-height: 300px; } @media (max-width: 1300px){ .tarlanweb_center{width:1200px;} .icon_box_serv{width:100%;} } @media (max-width: 1200px){ .tarlanweb_center{width: 1100px;} .docs_body{grid-template-columns: repeat(3,minmax(0,1fr));} } @media (max-width: 1100px){ .tarlanweb_center{width: 1000px;} body{overflow-x: hidden;} body.archive{padding-top: 70px;} #header{display: none;} #mobiles_header{display: block;} .section_center,.banner_big{padding: 30px 0;} .ft_bt_copy{padding: 15px 15px 0 15px;} .left_ft_bt_copy img{max-width: 48%;} .right_ft_bt_copy img{max-width: 24%;} .contact_box{flex-wrap:wrap;} .left_contact_box{width:100%;} .left_contact_box iframe{width:100% !important;} .right_contact_box{width:100%;flex-wrap:wrap;margin-bottom:25px;} .contatc_shre_box{width:100%;} } @media (max-width: 1000px){ .tarlanweb_center{width: 900px;} .ft_nx_box{width: 100%;} .ft_menu_box{width: 100%;} .center_txt_lnd2_box{max-width: 90%;} .landing_hosts_header{display: none;} .landing_hosts_i1{width:100%;padding:3px 20px;display: flex;justify-content: space-between;} .landing_hosts_i2{width:100%;padding:3px 20px;} .landing_hosts_items{flex-direction: column;width:46%;margin:10px 2%;float:right;padding:0 0 10px 0;direction:rtl;} .landing_hosts_items span{display:block;} } @media (max-width: 900px){ .tarlanweb_center{width: 800px;} .top_service_box{width: 100%;} .top_service_box ul{margin: 0 -10px;} .top_service_box ul li{width: 50%;padding: 10px;} .dmain_form_box{padding: 10px 0;} .dmain_form_box form,.domain_price_box{width: 100%;} .post_body ul li{width: 50%;} .bt_links_tbc {flex-wrap: wrap;text-align: center;margin-top: 10px;} .socials_ft{margin-top: 10px;} .socials_ft li{float: none;margin: 5px;} .ft_bt_links ul,.socials_ft{width: 100%;} .host_roles_box ul li{width: 33.3%;} .service_plans_box ul li{width: 33.3%;} .ft_bt_links li a{padding: 4px;font-size: 13px;} .svt_landx_gride{width:50%;} .section-bg{display:none;} .why2_box .tarlanweb_center{width: 100% !important;} .why_bg_box{flex-wrap: wrap;flex-direction: column-reverse;} .right_bls{width:100%;background-color:#005b9f;padding:15px 25px;} .left_bls{width:100%;background-color:#0085e6;padding:10px;text-align:center;} .wp-video{max-width: 100%;width: auto !important;} .docs_body{grid-template-columns: repeat(2,minmax(0,1fr));} .vps{margin: 0;} .vps_items{flex:0 0 100%;padding: 20px 0;} .vps .new__box-feature{margin-bottom:0;} .lanhosts_header{width: 190px;} .lh_items {width: calc(100% - 190px);overflow-x: scroll;overflow-y: hidden;padding-bottom:10px;} .lh_itm{flex: 0 0 150px;} .single_post_txt table{width:100% !important;} } @media (max-width: 800px){ .tarlanweb_center{width: 700px;} .right-commentss,.form-submit #submit, #reviews #submit{width: 100% !important;} .comment-form-comment textarea#comment{width: 100% !important;padding: 15px !important;} .right_ft_lists{width: 100%;margin-bottom: 10px;} .right_posts,.left_posts{width:100%;} .services_box{margin:0 -15px;} .se_i{padding: 15px;} .service_item{gap:10px;padding: 10px;} #sidebar_right{width: 100%;position: relative;top: 0;} #main_side{width: 100%;padding: 0;} #sidebar_left{width: 100%;} .banner_ads{text-align: center;} .right_ft_lists h2{width: 100%;padding: 7px 14px;background: #fff;color: #184ddc;margin-bottom: 0;font-size: 14px; border-radius: 7px;cursor: pointer;} .right_ft_li{display: none;margin-top: 15px;} .right_ft_lists.clicked .right_ft_li{display: block;} .right_ft_lists ul li{clear: unset;width: 50%;padding: 0 15px;float: right;} .right_ft_lists ul li a{font-size: 13px;} .right_ft_lists h2::after { content: '+'; font-size: 15px; font-family: tahoma !important; font-weight: bold; float: left; text-align: center; } .right_ft_lists.clicked h2::after {content: '-';} .post_body_3 ul li{width:50%;} .blogpost_tabs{width:70%;} .left_slide_box .title{font-size: 20px;padding: 25px 0;} .left_slide_box .view_all_posts{margin:20px auto;} .txt_p_item .txt_kian{width:100%;} .txt_p_item{flex-direction: column-reverse;} .txt_kian_img{width: 100%;text-align: center;} .items_land2 {grid-template-columns: auto;} .txt_p_items ul li:nth-child(even) .txt_p_item{flex-direction: unset !important;} .center_txt_lnd2_box {max-width: 90%;flex-wrap: wrap;flex-direction:row;} .center_txt_lnd2_right {min-width: 100%;max-width: 100%;margin-top: 0;margin-bottom: 0;padding:20px;grid-gap:0px;} .center_txt_lnd2_left {width: 100%;padding-left: 0;padding-top: 20px;} .center_txt_lnd2_left .single_post_txt {font-size: 15px !important;line-height: 30px !important;} .title_bv2 {font-size: 30px;line-height: 40px;} .title_bv3 {font-size: 20px;line-height: 40px;} .alert_report_box{width:100%;padding:15px;font-size:13px;line-height:25px;} .cf7_forms{width:100%;grid-gap:10px;} .not_monaseb{flex-direction: column-reverse;} .not_mon_img{margin-bottom:20px;} .speedup_bx{flex-direction: column;} .speedup_img{position:relative;border-radius:48px 48px 0 0;} .speedup_txt{max-width: 100%;margin: 0 0 30px 0;border-radius: 0 0 48px 48px;border-top:0;} } @media (max-width: 700px){ .tarlanweb_center{width: 600px;} #breadcrumbs{overflow-x: scroll;white-space: nowrap;padding-bottom: 12px;} .flex{flex-wrap: wrap;} .posts_box_right,.posts_box_left{width: 100%;flex:0 0 100%;} .posts_box_right img{width: 70%;margin: 0 auto;} .dmain_form_box form button{width: 100%;margin: 15px 0 0 0;} .top_service_box ul{margin: 0;} .top_service_box ul li{width: 100%;padding: 10px 0;} .posts_box .post .post_body{width: 63%;} .posts_box .post figure{width: 35%;margin-left: 2%;} .posts_box .post .detail{padding: 5px 0;} .video_title{font-size: 14px;} .right_video_box,.midt_video_box,.left_video_box{width: 100%;padding: 0;} .right_video_box .video_item,.left_video_box .video_item{width: 49%;margin: 0.5%;float: right;} .plans_img{width: 100%;} .plans_dexc{width: 100%;} .posts_box_right,.flex_inverse .posts_box_right{text-align: center;} .services_box{margin: 0 -5px;} .se_i{width: 50%;padding: 5px;} .blog_center_title h3{width: 100%;font-size: 16px;text-align: center;} .right_title h3::after{right: 0;left: 0;margin: auto;} .plans_dexc h1{font-size: 20px;} .blogpost_tabs{width: 90%;margin: 0 auto;} .wp-video{width: 100% !important;} .single_doc_box{width:100%;} .single_doc_side{width:100%;margin-bottom:20px;} .tab_sip{flex-wrap:wrap;} .tab_sip .tablinks {width: 31.3% !important;padding: 5px !important;font-size: 12px !important;line-height: 15px;} .tbs_content_item{flex-direction:column;justify-content:center;} .tbs-img{width:200px;} .tbs-txt{width:100%;} } @media (max-width: 600px){ .tarlanweb_center{width: 500px;} .img_sld{width: 100%;} .text_sld{width: 100%;} .title_sld{font-size: 15px;line-height: 25px;margin-bottom: 15px;} .description_sld{font-size: 12px;line-height: 22px;} .ver_slider a{width:270px;height:270px;} .ver_slider a img{width:270px !important;height:270px !important;} .cf7_half {flex-wrap: wrap;} .contact_tow_flex{flex-wrap: wrap;} .contact_item{padding-left: 0;margin-bottom:15px;} } @media (max-width: 500px){ .tarlanweb_center{width: 450px;} .post_body ul,.post_body_3 ul{margin: 0;} .post_body ul li,.post_body_3 ul li{width: 100%;padding: 10px 0;} .posts_box .post{padding: 0;} .post_h3{height:auto;padding:15px 20px;} .posts_box .post .post_body{width: 100%;padding: 15px;} .posts_box .post figure{max-width: 100%;width: 100%;margin-left: 0;} .posts_box .post figure,.posts_box .post figure img{width: 100%;border-radius: 16px 16px 0 0;} .right_video_box .video_item,.left_video_box .video_item{width: 100%;margin: 10px 0;} .host_roles_box ul{margin: 0 -7px;} .host_roles_box ul li {width: 50%;padding: 7px;} .roles_items span{font-size: 13px;} .service_plans_box ul li{width: 50%;} .serv_items_p p{font-size: 12px;} .left_ft_bt_copy{width: 50%;margin: 0 auto;} .right_ft_bt_copy{width: 100%;} .right_video_box .video_item img,.left_video_box .video_item img{width:100%;height:auto;} .midt_video_box .video_item img{width:100%;height:auto;} .post_description{height:auto;} .svt_landx{margin:0 -10px;} .svt_landx_gride{padding: 10px;} .svt_landx_item h3{font-size: 15px;padding-bottom:5px;} .svt_landx_item p{font-size:12px;line-height:24px;} .svt_landx_item {padding: 12px;} .docs_body{grid-template-columns: repeat(1,minmax(0,1fr));width:94%;margin:25px auto 0 auto;} .prev_next_box{grid-gap:10px;} .prev_next_box a{padding:4px 10px;} .cf7_forms input[type="submit"]{width: 100%;} .contact_sher{flex-wrap: wrap;} } @media (max-width: 450px){ .tarlanweb_center{width: 95%;} .services_box{margin: 0;} .se_i{width: 100%;padding: 5px 0;} .right_ft_lists ul li{clear: both;width: 100%;padding: 0;margin-bottom: 5px;} .landing_hosts_items{flex-direction: column;width:100%;margin:10px 0;} } @media (max-width: 370px){ .tarlanweb_center{width: 92%;} .service_plans_box ul{margin: 0;} .service_plans_box ul li{width: 100%;padding: 7px 0;} .ver_slider a{width:200px;height:200px;} .ver_slider a img{width:200px !important;height:200px !important;} } @media (max-width: 300px){ .tarlanweb_center{width: 92%;} } @media (max-width: 250px){ .tarlanweb_center{width: 92%;} } .spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; margin: 0 auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .posts-tab-loading-spinner { text-align: center; padding: 40px 20px; background: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; } .posts-tab-loading-spinner p { margin-top: 15px; color: #666; font-size: 16px; } .posts-infinite-loading-spinner { text-align: center; padding: 30px 20px; } .news-loading-spinner { text-align: center; padding: 40px 20px; background: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; } .news-loading-spinner p { margin-top: 15px; color: #666; font-size: 16px; } .news-infinite-loading-spinner { text-align: center; padding: 30px 20px; } .post_body_3.flx_wsyh, .news_body_3.flx_wsyh { position: relative; min-height: 300px; } #posts-container, #news-container { transition: opacity 0.3s ease; }