/* Import Fonts */
@font-face {
    font-family: 'LightFont';
    font-style: normal;
    /*font-weight: 300;*/
    src: url('../fonts/IRANSansWeb_FaNum.eot');
    src: url('../fonts/IRANSansWeb_FaNum.woff2') format('woff2'),
    url('../fonts/IRANSansWeb_FaNum.woff') format('woff'),
    url('../fonts/IRANSansWeb_FaNum.ttf') format('truetype');
}
@font-face {
    font-family: 'NormalFont';
    font-style: normal;
    /*font-weight: 300;*/
    src: url('../fonts/IRANSansWeb_FaNum_Medium.eot');
    src: url('../fonts/IRANSansWeb_FaNum_Medium.woff2') format('woff2'),
    url('../fonts/IRANSansWeb_FaNum_Medium.woff') format('woff'),
    url('../fonts/IRANSansWeb_FaNum_Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'TitleFontItalic';
    src: url('../fonts/Far_Casablanca.eot');
    src: url('../fonts/Far_Casablanca.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Far_Casablanca.woff') format('woff'),
    url('../fonts/Far_Casablanca.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'TitleFontBold';
    src: url('../fonts/Far_Casablanca.eot');
    src: url('../fonts/Far_Casablanca.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Far_Casablanca.woff') format('woff'),
    url('../fonts/Far_Casablanca.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'TitleFontBoldItalic';
    src: url('../fonts/Far_Casablanca.eot');
    src: url('../fonts/Far_Casablanca.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Far_Casablanca.woff') format('woff'),
    url('../fonts/Far_Casablanca.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'TitleFont';
    src: url('../fonts/Far_Casablanca.eot');
    src: url('../fonts/Far_Casablanca.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Far_Casablanca.woff') format('woff'),
    url('../fonts/Far_Casablanca.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* General */
body {
    background: #f7f6fb;
    color: #424d5f;
    line-height: 31px;
    margin-right: 0;
    margin-left: 0;
    transition: margin-right 0.3s linear;
    font-size:15px;
}
body.uk-offcanvas-page{
    transition: margin-right 0.3s linear;
    margin-left: 0;
}
body, button {
    font-family: 'LightFont', tahoma, arial, serif !important;
}
h1, h2, h3, h4, h5, h6, thead td, .header-font {
    font-family: 'TitleFont', tahoma, arial, serif !important;
    line-height: normal;
}
a:hover {
    text-decoration: none;
}
.h1, h1{font-size:27px;}
.h2, h2 {font-size: 25px;}
.h3, h3 {font-size: 20px;}
.h4, h4 {font-size: 16px;}
.header-main-menu-logo-container .uk-nav-side > li {
    height: 86px;
    width: 67px;
    background: url(../../../images/shetab-data/fa-pages/menu-icons/menu-item-background-f-block-header.png);
    margin-left: 24px;
}
.header-main-menu-logo-container .uk-nav-side > li > a {
    font-size: 11px;
    margin-top: -4px;
}
.f-block-header .uk-navbar-nav>li>a {
    line-height: 0px;
}
.header-main-menu-logo-container .uk-navbar-flip {
    transition: all 0.2s ease-in-out;
}
.radius-btn-blue,.radius-btn-orange{padding:9px 20px;border-radius:50px;color:#fff;text-align:center;margin-bottom:15px;font-size: 12px;}
.radius-btn-blue,.radius-btn-blue:focus{background-color:#003fa2;}
.radius-btn-blue:hover{color:#003fa2;background-color:inherit;border:1px solid #003fa2;}
.radius-btn-orange,.radius-btn-orange:focus{background-color:#ff750e;}
.radius-btn-orange:hover{color:#ff750e;background-color:inherit;border:1px solid #ff750e;}
.border-radius-btn-blue,.border-radius-btn-white{padding:10px 20px;border-radius:50px;text-align:center;margin-bottom:15px;border:1px solid;background-color:inherit;}
.border-radius-btn-blue,.border-radius-btn-blue:focus{border-color:#003fa2;color:#003fa2;}
.border-radius-btn-blue:hover{color:#fff;background-color:#003fa2;}
.border-radius-btn-white,.border-radius-btn-white:focus{border-color:#fff;color:#fff;}
.border-radius-btn-white:hover{background-color:#fff;color:#424d5f;}
.no-padding{padding:0;}
.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}
.medium-padding{padding:15px;}
.padding-top{padding-top:50px;}
.padding-bottom{padding-bottom:50px;}
.small-padding-top{padding-top:15px;}
.medium-padding-top{padding-top:20px;}
.small-padding-bottom{padding-bottom:15px;}
.col-center{float:none; margin:0 auto;}
.no-margin{margin:0;}
.no-margin-top{margin-top:0;}
.margin-bottom{margin-bottom:50px;}
.margin-left{margin-left:50px;}
.margin-right{margin-right:50px;}
.small-margin-top{margin-top:15px;}
.medium-margin-top{margin-top:20px;}
.margin-top{margin-top:50px;}
.small-margin-top-percent{margin-top:2%;}
.medium-margin-top-percent{margin-top:5%;}
.margin-top-percent{margin-top:10%;}
.small-margin-bottom{margin-bottom:15px;}
.small-margin-left{margin-left:15px;}
.small-margin-right{margin-right:15px;}
.medium-margin-right{margin-right:20px;}
.medium-margin{margin:20px;}
.float-right{float:right}
.float-left{float:left}
.seo-ads-host-section .ad{border:solid #e1e8ee;border-width:0 1px 0 1px;}
.host-ad-seo div:first-child{background-image:url(../../../images/shetab-data/fa-pages/main-page/seo-ads-host-icon.png);background-repeat:no-repeat;background-position:center 0; width:51px; height:52px;padding-top:10px;}
.seo-ads-host-section hr{width:40px;height:5px;border-radius:5px;background-color:#e1e8ee;}
.orange-color{color:#ff760e;}
.home-web-feature{text-align:justify;}
.home-web-feature i, .host-ad-seo i{color:#003fa2; font-size:30px; transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}
.home-web-feature:hover i, .host-ad-seo:hover i{color:#ff760e; font-size:35px; transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}
.host-ad-seo:hover hr{background-color:#ff760e;}
.home-parallel-title{font-size:30px;color: #fff;position:relative; margin-top:150px;}
.home-parallel-title:before{position: absolute;content: "";width: 2.5rem;right:10px;height: 2.5rem;top: -2rem;border: 2px solid;border-bottom: 0;border-left: 0;}
.home-parallel-title:after{position: absolute;content: "";width: 2.5rem;left:10px;height: 2.5rem;bottom: -2rem;border: 2px solid;border-top: 0;border-right: 0;}
.article-slide .uk-panel-box{background: #fff;color:#959595;padding:0;box-shadow: 0 1px 51px 0 rgba(191, 191, 191, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);}
.article-slide .wdg-button{margin:10px 0 20px 0;}
.article-slide .uk-panel-box .uk-panel-title{font-size:18px;text-align:right;padding-top:0;}
.article-slide .uk-button{background-color:#003fa2;border-radius:50px;font-size:12px;color:#ffffff;transition:all .3s;line-height: 11px;min-height: 5px;padding: 9px 15px;}
.article-slide .uk-button:hover{background-color:#ff760e;transition:all .3s}
.article-slide .uk-button:after{content: "\f104";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: inherit;margin-right: 5px;transform:translate(0,1px);}
.article-slide .content-cont{margin:25px;text-align:justify;}
.article-slide .uk-slideset-nav{padding:3rem 0;}
.article-slide .uk-grid-medium>*{padding-right:12px;padding-left:12px;}
.uk-dotnav>*>*{background:#d8d8d8;}
.uk-dotnav > .uk-active > *{background:#ff750e;}
.wdg-category{color:inherit;}
.wdg-category > i,.wdg-date > i{font-size:16px;transform: translateY(3px);margin-left:7px;}
.wdg-date > i{margin-right:30px;}
.article-sec-title hr{content:" ";width:50px;height:1px;background-color:#ff760e;border-top:1px solid #ff760e;color:#ff760e;}
.news-section{background-color:#ffffff;}
.news-slide{margin-top: 60px;}
.news-slide .uk-text-center{float:right;width:45%;display:inline-block;padding:8px;border:1px solid #e8e8e8;}
.news-slide .content-cont{float:right;display:inline-block;width:45%;margin: 0 10px 0 0;text-align:justify;}
.news-slide .uk-panel-title{font-size:16px;margin-top: -95px;margin-bottom: 29px;}
.news-slide .wdg-info{margin-top:16px;margin-bottom:41px;color:#959595;}
.news-slide .wdg-content{line-height:23px;min-height:51px;}
.news-slide .wdg-button{margin-top:10px;line-height:17px;}
.news-slide .wdg-button a{color:#ff760e;}
.news-slide .wdg-category, .article-slide .wdg-category{display:none;}
.news-slide .wdg-date > i, .article-slide .wdg-date > i{margin-right:0;}
.home-portfolio .item-mockup{background:no-repeat left bottom;background-size:contain;min-height:400px;}
.home-portfolio .item-mockup.tarighat{background-image:url(../../../images/portfolio/tarighat-mockup.jpg);}
.home-portfolio .item-mockup.naghsh-honar{background-image:url(../../../images/portfolio/naghsh-honar-mockup.jpg);}
.home-portfolio .item-mockup.galaxy{background-image:url(../../../images/portfolio/galaxy-mockup.jpg);}
.home-portfolio .item-mockup.board-scan{background-image:url(../../../images/portfolio/boardscan-mockup.jpg);}
.home-portfolio .item-mockup.abonoor{background-image:url(../../../images/portfolio/abonoor-mockup.jpg);}
.home-portfolio h4{margin:15px 0;}
.home-portfolio p{text-align:justify;}
.portfolio-sec{overflow:hidden;}
.app-feature-bg{background:url(../../../images/shetab-data/fa-pages/main-page/mobile-app-feature-bg.png) no-repeat;height:80px;width:90px;}
.app-feature-bg.box2{background-position:-90px 0;}
.app-feature-bg.box3{background-position:-180px 0;}
.app-feature-bg.box4{background-position:100% 0;}
.social-row,.social-row a{color:#4d5056;transition: all .3s;}
.social-row{background-color: #222328;font-size:22px;}
.social-row i:hover,.social-row a:hover,.social-row a:focus{color:white;transition: all .3s;}
.footer-menu-cont{border-bottom:1px solid #353940;}
.footer-menu-cont h4{color:#fff;font-size:20px;border-bottom: 1px solid #353940;padding-bottom: 11px;text-align:center;}
.footer-menu a{color: #737476;transition: color 0.3s;}
.footer-menu a:hover{color: #11c1ff;transition: color 0.3s;}
.footer-menu{list-style:none;}
.footer-menu i{margin-left:10px;}
.social-row .aparat-logo{height:20px;margin-top:4px;background:url(../../../images/shetab-data/fa-pages/footer/aparat-logo.png) no-repeat top center;}
.social-row .aparat-logo i{width:20px; height:20px;}
.social-row .aparat-logo:hover{background-position:bottom center;}
.head-contact-cont{float:left;margin-top:10px;}
.head-contact-cont .city-code{font-size:14px;}
.head-contact-cont .phone-number{font-size:18px;color:#003fa2;line-height:35px;}
.head-contact-cont i{font-size:25px;color:#ff750e;-webkit-animation: flash linear 1s infinite;animation: flash linear 1s infinite;transform: translateY(5px);}
.mobile-head-contact-cont{padding-top:6px;}
.mobile-head-contact-cont .phone-number{font-size:14px;color:#003fa2;line-height: 31px;}
.mobile-head-contact-cont .city-code{font-size:12px;}
.mobile-head-contact-cont i{font-size:27px;color:#ff750e;-webkit-animation: flash linear 1s infinite;animation: flash linear 1s infinite;transform: translateY(3px);margin-top: -3px;}
.uk-dotnav>*>:hover{background: #0046a4;transform:inherit;}
.article-slide .uk-slidenav-position .uk-slidenav-next{left:-60px;}
.article-slide .uk-slidenav-position .uk-slidenav-previous{right:-60px;}
.news-slide .uk-slidenav-position .uk-slidenav-next{left:-60px;}
.news-slide .uk-slidenav-position .uk-slidenav-previous{right:-60px;}
@-webkit-keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}
.logo-cont{padding:5px 0;}
.banner-btn-1,.banner-btn-2{padding:4% 9%;border-radius:5px;color:#fff;}
.banner-btn-1{background-color:#ff760e;transition: all .3s;}
.banner-btn-1:hover{background-color:#00225b;color:#fff;transition: all .3s;}
.banner-btn-2{background-color:#00225b;transition: color 0.3s;}
.banner-btn-2:hover{background-color:#ff760e;color:#fff;transition: all .3s;}
.banner-feature{list-style:none;font-size:14px;}
.home-banner .uk-overlay-panel{left:8vw;top:2vw;white-space: nowrap;}
.home-banner .uk-slidenav-position .uk-slidenav{top:40%;}
.home-banner h1{font-size:2vw;}
.uk-subnav>.uk-active>*{color:#11c1ff;}
.uk-navbar-brand{height:auto;}
.small-phone{display:none;float: left;white-space: nowrap;font-size: 17px;margin-top: 7px;}
.small-phone a{color:#fff;}
.small-phone i{color:#ff750e; font-size: 26px;-webkit-animation: flash linear 1s infinite;animation: flash linear 1s infinite;transform: translateY(5px);}
.small-phone .phone-number{line-height:35px;}
.small-phone .city-code{font-size:14px;}
@-webkit-keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}
#stickyMenuWrapper{box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);border-top: 1px solid #dfe0e4;padding-top: 5px;padding-bottom:5px;}
#stickyMenuWrapper.f-block-header{border-top:0;}
.f-block-header .small-phone{display:inline-block;}
.f-block-header .uk-navbar-flip{width:auto;}
.f-block-header > .header-main-menu-logo-container .uk-navbar-nav > li.uk-parent{margin-left:30px;}
.f-block-header .uk-navbar-flip li.uk-parent:after{content: "\f107";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;position: absolute;left: -11px;top: 15px;}
.mobile-more-button{background-color:#ff750e;margin-top: -40px;}
.main-section-five-six{background:linear-gradient(to right, #f8f5fc 40%, #003ea1 60%);}

/*-------Start Article Section---------*/
.articles-section > .uk-container > .tm-block:last-child{max-width:1170px; margin:0 auto;margin-top:5px; }
.articles-section .tm-main{margin-top:30px;}
.itemImageBlock{text-align:center;margin-bottom:30px;}
.latest-article-module{height:100%}
.latest-article-module ul{list-style:none;padding-right:0;}
.latest-article-module .moduleItemImage{display:block;}
.latest-article-module .module-intro{text-align:justify;background-color: #fff; padding-top: 8px;padding-bottom: 8px;}
.latest-article-module .module-date{background-color: #fff;border-top: 1px dashed #e3e7ed;color: #b7b7b7;}
.latest-article-module .moduleItemTitle{color:#414c59;}
.latest-article-module .uk-panel-title{font-size:18px;text-align: right;border-bottom: 1px solid #bdbdbd;margin-bottom: 30px;}
.articles-section .catItemHits,.articles-section .catItemDateCreated{color:#b3b3b3;}
.articles-section .catItemIntroText{text-align:justify;}
.articles-section .itemFullText a{color: #ff7200;}
.catItemView.articles-section{border-bottom: 1px dashed #848484;margin-bottom: 8px; padding-bottom:20px}
.hit-and-item-nav div:first-child{background-color: #dbdee2;padding:10px;}
.hit-and-item-nav div:last-child{background-color: #e4e8ee;padding:5px;}
.articles-section .itemNext{float:left;}
.articles-section .date-cont{text-align:left;}
.articles-section .itemHits{float:left;}
.articles-section  .itemTitle{font-size:22px;}
.articles-section  .itemDateCreated{float: left;padding-top: 9px;}
.articles-section  .itemPrevious .fa{transform: translateY(2px);margin-left: 6px;}
.articles-section  .itemNext .fa{transform: translateY(2px);margin-right: 6px;}
.itemView.articles-section{color:#333;font-size:14px;font-family:LightFont;line-height:30px;}
/*-------End of Article Section---------*/



.upper-menu-container{background:#003fa2;}
.upper-menu-container > .container{padding:0;}
#upper-menu{text-align:left;height:40px;padding-top:5px;font-size:13px;}
#upper-menu >:before{content:"";display:inline-block;height:10px;vertical-align:middle;}
/*.upper-menu-phone-number:after{content:" (خط ویژه) ";display:inline-block;vertical-align:middle;color:white;font-size:10px;margin-right:10px;}*/
#triple-items-menu{float: left;}
div.uk-navbar-flip{width: 100%;}
#upper-menu >:nth-child(n+2):before{border-right:1px solid rgba(223, 226, 232, 0.37);}
#upper-menu >:nth-child(2):before{border-right:none;}
#upper-menu li{display:inline-block;}
#upper-menu li a{color:white;display:inline;border:none;font-size:12px;}
#upper-menu li a:hover{border:none;text-decoration:none;}
#upper-menu li:first-of-type{float:right;}
#upper-menu li a.fa-user:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;}
.header-main-menu-logo-container > .tm-logo.uk-navbar-brand{/*height:unset;position:absolute;left:15px;top:50%;transform:translateY(-50%);margin:0;*/  }
.uk-nav-navbar > .uk-active > a, html .uk-nav.uk-nav-offcanvas > li.uk-active > a{color:#ff760e;}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a img{background-position:center 100%;}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus{color:#ff760e;}
.header-main-menu-logo-container{padding:3px 0;position:relative;}
.header-main-menu-logo-container .uk-nav-navbar > li > a{font-size:12px;}
.header-main-menu-logo-container .uk-nav-navbar > li > a .fa{height:18px;width:25px;text-align:center;margin-left:8px;font-size:18px;vertical-align:sub;}
.header-main-menu-logo-container .uk-nav-navbar > li > a img{height:18px;width:18px;text-align:center;margin-left:8px; }
.uk-dropdown .uk-nav-navbar {padding: 5px 15px;}
.uk-nav-offcanvas > li > a{border-bottom:2px solid #dfe2e8;margin:0 20px;}
.uk-nav-offcanvas ul.uk-nav-sub a img,
.uk-nav-offcanvas ul.uk-nav-sub a .fa{height:18px !important;width:18px;text-align:left;margin-left:10px;font-size:18px;vertical-align:sub;}
.header-main-menu-logo-container ul.uk-nav-sub li a{font-size:11px;}
.header-main-menu-logo-container .uk-navbar-flip{float:right;}
.uk-nav-navbar > li > a{margin:5px 11px;}
.header-main-menu-logo-container .uk-dropdown.uk-dropdown-navbar{left:unset !important;box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);}
ul.uk-nav-sub li.uk-active a{color:#ff760e;}
ul.uk-nav-sub li.uk-active img{background-position:center bottom;}
.uk-navbar-nav > li > a[href='#']{cursor:default;}
.header-main-menu-logo-container .uk-navbar-nav > li,
.header-main-menu-logo-container .uk-nav-side > li
{height:90px;width:72px;background:url("../../../images/shetab-data/fa-pages/menu-icons/menu-item-background.png") no-repeat top center;float:right;}
.header-main-menu-logo-container .uk-nav-side{float: left;}
.header-main-menu-logo-container .uk-navbar-nav > li > a,
.header-main-menu-logo-container .uk-nav-side > li > a
{padding:0;margin:0;height:100%;font-family:'NormalFont', 'Number', tahoma, arial, serif !important;font-size:12px;text-align:center;}
.header-main-menu-logo-container .uk-navbar-nav > li.uk-active > a,
.header-main-menu-logo-container .uk-navbar-nav > li > a:hover,
.header-main-menu-logo-container .uk-nav-side > li.uk-active > a,
.header-main-menu-logo-container .uk-nav-side > li > a:hover{color:#ff760e;}
.header-main-menu-logo-container .uk-navbar-nav > li > a > img{background-repeat:no-repeat;background-position:center top;}
.header-main-menu-logo-container .uk-navbar-nav > li > a:hover > img,
.header-main-menu-logo-container .uk-navbar-nav > li.uk-active > a > img,
.header-main-menu-logo-container .uk-nav-side > li > a:hover > img,
.header-main-menu-logo-container .uk-nav-side > li.uk-active > a > img{background-position:center bottom;}
.header-main-menu-logo-container .uk-navbar-nav.uk-hidden-small > li > a > i{font-size: 24px; display: inline-block; position: relative; top: 18px; width: 100%;margin-bottom: 28px;}
.f-block-header > .header-main-menu-logo-container .uk-navbar-nav.uk-hidden-small > li > a > i{display:none;}
.f-block-header > .header-main-menu-logo-container .uk-navbar-nav > li{width: auto;margin-left: 20px;padding: 20px 0;background:none;height:auto;}
li a.menu-icon-shetab-multimedia, li a.menu-icon-shetab-softlock, li a.menu-icon-shetab-farsi, li a.menu-icon-shetab-dictionary{
    padding-right: 25px ;
    background: url(../../../images/shetab-data/fa-pages/menu-icons/shetab-products.png);
    background-repeat: no-repeat;
    height: 18px;
}
li a.menu-icon-shetab-multimedia:hover, li a.menu-icon-shetab-softlock:hover , li a.menu-icon-shetab-farsi:hover, li a.menu-icon-shetab-dictionary:hover{
    background: url(../../../images/shetab-data/fa-pages/menu-icons/shetab-products.png) ;
    background-repeat: no-repeat ;
}
li a.menu-icon-shetab-multimedia {
    background-position: 100% 0;
}
li a.menu-icon-shetab-multimedia:hover {
    background-position: 100% -18px ;
}
li a.menu-icon-shetab-softlock {
    background-position: 100% -36px;
}
li a.menu-icon-shetab-softlock:hover {
    background-position: 100% -54px ;
}
li a.menu-icon-shetab-farsi {
    background-position: 100% -72px;
}
li a.menu-icon-shetab-farsi:hover {
    background-position: 100% -90px ;
}
li a.menu-icon-shetab-dictionary {
    background-position: 100% -108px;
}
li a.menu-icon-shetab-dictionary:hover {
    background-position: 100% -126px ;
}
a.phone-menu-item > i, a.phone-menu-item > span{color:#ff760e;}
.f-block-header {margin: auto; z-index: 9999;  position: fixed; top: 0; width: 100%; background: #003fa2;}
.f-block-header .header-main-menu-logo-container .uk-navbar-nav > li > a{color:#fff;}
.f-block-header .header-main-menu-logo-container .uk-navbar-nav > li.uk-active > a{color:#ff760e;}
.f-block-header #triple-items-menu{display:none;}
.small-squares-background{}
.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;}
.hvr-icon-float-away:before, .hvr-icon-float-away:after{content:"\f06e";position:absolute;right:2em;padding:0 1px;font-family:FontAwesome;}
.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
.web-design-tec.web-portfolio-tech .uk-slidenav:hover,
.web-design-tec.web-portfolio-tech .uk-slidenav:focus{color:#ff760e;}
@-webkit-keyframes hvr-icon-float-away{0%{opacity:1;}
    100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em);}
}
@keyframes hvr-icon-float-away{0%{opacity:1;}
    100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em);}
}
.pic *{margin:0;padding:0;box-sizing:border-box;}
aside.pic{border-radius:3px;width:630px;margin: 45px auto auto 0;}
aside.pic .list_pic{float:right;padding:0 2.5%;width:50%;display:none;}
aside.pic .list_pic.desktop{display:block;}
aside.pic .list_pic ul li{background-repeat:no-repeat;background-size:100% auto !important;border:1px solid #ccc;cursor:pointer;display:inline-block;float:right;height:60px;list-style-type:none;margin:0 1% 20px;overflow:hidden;padding:5px;position:relative;width:23%;transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;background-position:center;}
aside.pic .list_pic ul li:hover{border-color:#ff760e;}
aside.pic .list_pic ul li img,
aside.pic .main_pic img{height:auto;width:100%;transition:all 10s ease;-o-transition:all 10s ease;-moz-transition:all 10s ease;-webkit-transition:all 10s ease;}
aside.pic .main_pic{border-radius:10px;height:540px;margin:10px auto 20px;padding:38px 96px 197px 92px;width:100%;pointer-events:none;}
aside.pic .main_pic.desktop{background:rgba(0, 0, 0, 0) url("../../../images/shetab-data/fa-pages/web-portfolio-details/_assets/desktop.png") no-repeat center center;}
aside.pic .main_pic.tablet{padding:53px 176px 76px 175px;background:rgba(0, 0, 0, 0) url("../../../images/shetab-data/fa-pages/web-portfolio-details/_assets/tablet.png") no-repeat center center;}
aside.pic .main_pic.mobile{background:rgba(0, 0, 0, 0) url("../../../images/shetab-data/fa-pages/web-portfolio-details/_assets/mobile.png") no-repeat center center;padding:64px 216px 87px 218px;}
aside.pic .main_pic > div{float:right;height:90%;overflow:hidden;width:100%;}
aside.pic .response_act{float:left;}
aside.pic .response_act li{background-color:white;cursor:pointer;float:left;list-style:outside none none;position:relative;transition:all .1s ease;-o-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;width:60px;height:60px;border-radius:30px;margin:0 5px;box-shadow:0 2px 5px 1px rgba(0, 0, 0, 0.2);}
aside.pic .response_act li i{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-size:30px;color:#3b3b3b;}
aside.pic .response_act li:hover i,
aside.pic .response_act li.active i{color:#ff760c;}
.no-transition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important;}
.web-portfolio-link,
.website-description h4 span{color:#ff760e;}
.website-description h4 i{margin-left:7px;}
.currency{background-color:transparent !important;font-size:12px;}
.btnOrderSms.btn-animation{text-align:center;color:white;position:relative;transition:all .3s;display:block;padding:0.5rem 1rem;background-color:#19bd9b;border-radius:0.6rem;width:24rem;font-family:'TitleFont', tahoma, arial, serif !important;font-size:18px;margin-top:70px;}
.btnOrderSms.btn-animation:before{content:"\f217";font-family:FontAwesome;font-size:24px;}
.btnOrderSms.btn-animation:hover:before{top:-7px;}
.btnOrderSms.visible-xs{width:100%;}
.btn-animation.btn-purple{background-color:#80367b;border:1px solid #c355bc;color:#fff;border-radius:6px;width:265px;height:50px;margin-top:20px;line-height:normal;}
.btn-animation.btn-purple span{font-size:16px;}
.btn-animation.btn-purple:before{content:"\f067";font:normal normal normal 14px/1 FontAwesome;font-size:21px;color:#fff;margin-top:5px;}
#firstPageMobileAppMoreButton:before{font-size:16px;line-height:20px;}
.main-section-six{min-height:423px;max-height:423px;background:url(../../../images/shetab-data/fa-pages/main-page/shetab-multimedia-maker.jpg) no-repeat center top;background-size: contain;position:relative;}
.main-section-six > .main-page-link{position: absolute;bottom: 27px;left: 0;}

.uk-dotnav > * > * {
    width: 10px;
    height: 10px;
}
.uk-dotnav > li.uk-active > a:before, .uk-dotnav > li > a:hover:before, .uk-dotnav > li > a:active:before {
    content: '';
    background: rgba(0, 0, 0, 0);
}
.font-number {
    font-family: 'NormalFont', sans-serif;
    direction: ltr;
}
/* reusable */
/* Colors */
.white {
    color: #fff;
}
.center {
    text-align: center;
}
.white-background {
    background-color: #fff;
}
.red {
    color: #ff2929;
}
.red-background {
    background: #ff2929;
}
.blue-background {
    /*background-color: #19529c;*/
    background-color: #003fa2;
}
.dark-blue-background {
    background-color: #2c3f50;
}
.turquoise {
    color: #01C5C6;
}
.rhino {
    color: #424D5F;
}
.perpel {
    color: #973f90;
}
.green-light {
    color: #74c044
}
.dark-black {
    color: #202020;
}
.muddyw-water {
    color: #a98350;
}
.light-blue{
    color:#8bbbfb;
}
.rhino-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#475975+0,364761+100 */
    background: rgb(71, 89, 117); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(71, 89, 117, 1) 0%, rgba(54, 71, 97, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(71, 89, 117, 1) 0%, rgba(54, 71, 97, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(71, 89, 117, 1) 0%, rgba(54, 71, 97, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#475975', endColorstr='#364761', GradientType=0); /* IE6-9 */
}
.pumpkin {
    color: #FF760E;
    background-color: #fff8f1 !important;
}
.pumpkin-background {
    background-color: #FF760E;
}
.outrageous-orange {
    color: #F15A23;
}
.outrageous-orange-background {
    background-color: #F15A23;
}
.white-smoke-background {
    background-color: #F8F8F8;
}
.magnolia-background {
    background-color: #F7F6FB;
}
.white-backdround {
    background-color: #ffffff;
}
.through-gray-line-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dedde1+0,dedde1+47,dedde1+47,dedde1+100&0+46,1+47,0+48 */
    background: -moz-linear-gradient(top, rgba(222, 221, 225, 0) 0%, rgba(222, 221, 225, 0) 46%, rgba(222, 221, 225, 1) 47%, rgba(222, 221, 225, 0) 48%, rgba(222, 221, 225, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(222, 221, 225, 0) 0%, rgba(222, 221, 225, 0) 46%, rgba(222, 221, 225, 1) 47%, rgba(222, 221, 225, 0) 48%, rgba(222, 221, 225, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(222, 221, 225, 0) 0%, rgba(222, 221, 225, 0) 46%, rgba(222, 221, 225, 1) 47%, rgba(222, 221, 225, 0) 48%, rgba(222, 221, 225, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00dedde1', endColorstr='#00dedde1', GradientType=0); /* IE6-9 */
}
/* Separator */
.spacer-top {
    margin-top: 60px;
}
.spacer-bottom {
    padding-bottom: 3rem;
}
.vertical-padding {
    padding-top: 30px;
    padding-bottom: 10px;
    /*padding-right: 40px;*/
}
.no-horizontal-padding {
    padding-left: 0;
    padding-right: 0;
}
.gray-border-bottom {
    border-bottom: 1px solid #b7b7b8;
}
.full-width-img {
    width: 100%;
}
.left {
    float: left;
}
.right {
    float: right;
}
.superscript {
    font-size: x-small;
    position: relative;
    top: -10px;
}
.superscript-left {
    bottom: -1rem;
    top: unset;
}
.bold-underline {
    font-weight: bold;
    text-decoration: underline;
}
.transparent-gray-background {
    background-color: rgba(103, 103, 103, 0.28);
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mobileAppParallax {
    background-size: cover !important;
}
/* misc */
.through-gray-line-header {
    padding: 5px;
    display: inline;
}
.justify {
    text-align: justify;
}
/* Bootstrap RTL */
/*btn*/
.btn-animation {
    width: 128px;
    text-align: center;
    padding: 1rem 1rem;
    color: white;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    display: inline-block;
}
.btn-animation span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
}
.btn-animation:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50px;
    font-size: 3.5rem;
    text-align: center;
    transition: all .3s;
    padding: 1rem;
    left: 0;
    right: 0;
}
.btn-animation:hover {
    text-decoration: none;
    color: #fff;
    transition: all .3s;
}
.btn-animation:hover:before {
    top: 1px;
    transition: all .3s;
}
.btn-animation:hover span {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
    outline: none;
    outline-offset: 0;
}
/* Shetab Custome K2 */
.itemBackToTop {
    display: none;
}
.shetabcatItemHeader {
    position: absolute;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
html body .mq-mid, html body .mq-small, html body .mq-mobile, html body .mq-mid-i-block, html body .mq-small-i-block, html body .mq-mobile-i-block {
    display: none;
}
.text-icon-block i {
    font-size: 36pt;
    margin-top: 20px;
}
.mq-wide {
    display: block;
}
.vertical-wrap {
    margin: 0 0.1875rem 0.1875rem 0;
    padding-bottom: 52%;
    height: 0;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    transition: all 0.3s ease-in-out;
}
.vertical-wrap .vertical {
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.28);
    transition: all 0.3s ease-in-out;
    padding: 0.9375rem 1.25rem;
    height: 100%;
}
.vertical-wrap p {
    margin-bottom: 0;
    padding: 1.25rem 21%;
    font-size: 1.125rem;
}
.vertical-wrap:hover .vertical {
    background: rgba(0, 0, 0, 0.68);
}
.vertical-wrap:hover .vertical h3 {
    padding-top: 10%;
}
.vertical-wrap a {
    text-indent: 200%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*main page*/
.main-page-size-wrapper {
    width: 80%;
    margin: 0 auto 15rem;
}
.main-section-two {position: relative;background:url(/../../../images/shetab-data/fa-pages/main-page/home-table-pc-mobile.png) no-repeat 20% bottom #fff;background-size: contain;color: #424d5f;min-height:300px;}
.main-section-two-wrapper {
    position: absolute;
    content: " ";
    bottom: -15.1rem;
    left: 50%;
    transform: translateX(-50%);
}
.main-section-two-wrapper a {
    position: relative;
    display: inline-block;
    /*background-color: #19529c;*/
    background-color: #003fa2;
    padding: 1rem 5rem;
    color: white;
    margin-bottom: 6rem;
    transition: all 0.3s;
}
.main-section-two-wrapper a:before {
    position: absolute;
    content: " ";
    right: -1.9rem;
    width: 0;
    height: 0;
    border-top: 2.5rem solid transparent;
    border-bottom: 2.5rem solid transparent;
    /*border-left: 2rem solid #19529c;*/
    border-left: 2rem solid #003fa2;
    top: 0;
    transition: all 0.3s;
}
.main-section-two-wrapper a:after {
    position: absolute;
    content: " ";
    left: -1.9rem;
    width: 0;
    height: 0;
    border-top: 2.5rem solid transparent;
    border-bottom: 2.5rem solid transparent;
    /*border-right: 2rem solid #19529c;*/
    border-right: 2rem solid #003fa2;
    top: 0;
    transition: all 0.3s;
}
.main-section-two-wrapper a:hover:after {
    border-right: 2rem solid #ff760e;
    transition: all 0.3s;
}
.main-section-two-wrapper a:hover:before {
    border-left: 2rem solid #ff760e;
    transition: all 0.3s;
}
.main-section-two-wrapper a:hover {
    background-color: #ff760e;
    transition: all 0.3s;
}
.main-section-two-wrapper img {
    width: 80%;
    margin: 0 10%;
}
.main-page-margin {
    margin: 6rem auto;
}
.img-center {
    margin: 0 auto;
}
.main-page-sec-title {
    position: relative;
    margin-top: 0;
}
.main-page-sec-title hr {
    content: " ";
    width: 30%;
    height: 1px;
    background-color: #ff760e;
    right: 0;
    border-top: 1px solid #ff760e;
    color: #ff760e;
}
.float-left{float:left;}
.home-web-design{
    background-image: url("../../../images/shetab-data/fa-pages/main-page/home-keyboard-bg.jpg");
    background-repeat:no-repeat;
}
.main-section-three {
    background: url("../../../images/shetab-data/fa-pages/main-page/main-page-bg-sec-three.jpg") no-repeat #ff750e;position:relative;overflow:hidden;
}
.main-box-img {
    position: relative;
}
.main-box-img hr {
    position: absolute;
    content: " ";
    width: 61%;
    height: 1px;
    background-color: #ff760e;
    left: -60%;
    transform: translatey(-50%);
    border-top: 1px solid #ff760e;
    color: #ff760e;
    margin: 0;
    top: 50%;
}
.main-box-img hr.main-right {
    right: -60%;
}
.main-section-three .mobile-more-button .btn-animation{color: #ff760e;border-radius: 50px;background-color: white;padding: 0.5rem 1rem;float:right;margin: 10px 0;}
.main-section-three .mobile-more-button .btn-animation:before, .main-section-four .btn-animation:before, .home-web-design .btn-animation:before,.home-portfolio .btn-animation:before {
    content: "\f06e";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
}
.main-page-margin + .row {
    margin: 0 auto;
}
.main-section-four .btn-animation, .home-web-design .btn-animation, .home-portfolio .btn-animation{
    padding: 7px 10px;background-color: #ff760e;border-radius: 50px;margin-bottom: 2rem;width: 15rem;
}
.main-section-four .main-sec-four-row {
    margin: 5rem auto;
}
.main-section-five {
    background-image: url("../../../images/shetab-data/fa-pages/main-page/main-bg-sec-five.jpg");
    background-color: #3a3f49;
    max-height: 350px;
    min-height: 350px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.main-section-five h1 {
    margin: 7rem auto 4rem;
}
.main-section-five .main-page-link{
    margin: 6rem auto 4rem;
}
.main-section-five .main-page-link .link-right, .main-section-six .main-page-link .link-right, .main-section-seven .main-page-link .link-right {
    background-color: #ff760e;
    border-radius: 6px;
    padding: 3px 0;
}
.main-section-five .main-page-link .link-right:before {
    content: "\f27b ";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
    padding: 0.5rem;
    line-height:30px;
}
.main-section-five .main-page-link .link-right:hover:before, .main-section-five .main-page-link .link-left:hover:before {
    top: 0;
}
.main-section-five .main-page-link .link-left, .main-section-six .main-page-link .link-left {
    background-color: #003fa2;
    border-radius: 6px;
    padding: 3px 0;
}
.main-section-five .main-page-link .link-left:before, .main-section-six .main-page-link .link-left:before {
    content: "\f0ed";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
    padding: 0.5rem;
    line-height:27px;
}
.main-section-six-wrapper {
    margin: 1rem auto;
}
.main-section-six .main-page-link .link-right:before, .main-section-seven .main-page-link .link-right:before {
    content: "\f067 ";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
    padding: 0.5rem;
    line-height:27px;
}
.main-section-seven {
    background: #19519c url("../../../images/shetab-data/fa-pages/main-page/main-bg-sec-seven.jpg") center no-repeat;
    background-size: 100%;
}
.main-sec-seven-row {
    width: 90%;
    margin: 0 auto;
}
.main-sec-seven-row-one {
    width: 20%;
    text-align: center;
    float: left;
    margin: 40px auto;
}
.main-sec-seven-row-one img {
    max-width: 70%;
}
.main-sec-seven-margin {
    margin-left: 20%;
}
.main-section-seven .main-page-link {
    width: 100%;
}
.main-section-seven .main-page-link .link-left {
    background-color: #7fb5fb;
    border-radius: 6px;
    padding: .5rem 1.5rem;
    width: 15rem;
}
.main-section-seven .main-page-link .link-left:before {
    content: "\f086 ";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
    padding: 0.5rem;
    line-height:30px;
}
.main-section-six h1 {
    position: relative;
    display: inline-block;
    margin: 2rem;
}
.main-six-padding {
    padding: 2rem 0;
}
.main-section-four.vertical-padding {
    padding-bottom: 0;
}
.main-section-six-wrapper .no-horizontal-padding {
    float: right;
}
.main-section-three .main-box-info-wrapper h3 {
    white-space: nowrap;
}
.main-section-eight {
    margin: 6rem auto;
}
.main-our-custmer {
    position: relative;
    overflow: hidden;
}
.main-our-custmer .uk-flex.uk-flex-right.uk-margin-top {
    position: absolute;
    top: 0;
    left: 1rem;
}
.main-our-custmer .gray-border-bottom + div {
    margin: 1rem auto;
}
.main-our-custmer .uk-slidenav:hover, .main-our-custmer .uk-slidenav:focus {
    color: #ff760e;
}
.main-our-custmer .uk-slidenav {
    color: #424d5f;
    width: 2rem;
    height: 5rem;
    font-size: 3rem;
    font-weight: bold;
}
/*footer*/
.uk-nav-side > li.uk-active > a {
    color: #11c1ff;
}
.tm-block-dark {
    background-color: #262930;
    padding:20px 0 0 0;
    border-top: 3px solid #535761;
}
.footer-wrapper-part-one, .tm-footer {
    background-color: #262930;
    overflow: hidden;
}
.footer-wrapper-part-one h3 {
    padding-bottom: 2rem;
}
.copy-write {
    color: #737476;
    padding: 2rem 0;
}
.copy-write a {
    color: #11c1ff !important;
}
.footer-push {
    margin-left: 13%;
}
.footer-links {
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-top: -15px;
    padding: 0;
    list-style: none;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
.footer-links li {
    display: inline-block;
    text-align: right;
    padding-right:0;
    margin-top:0;
}
.footer-links li:before{display:none;}
.footer-links li > :before {
    margin-left: 15px;
    margin-right: 15px;
    border-right: 1px solid #205268;
    border-right-width: 2px;
}
#border-none > :before, .footer-links li:first-child a:before {
    border-right: none !important;
    margin-right: 0;
}
.footer-links li a {
    color: #737476;
    transition: color 0.3s;
}
.footer-links li a:hover {
    color: #11c1ff;
    transition: color 0.3s;
}
.footer-links li > :before {
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: middle;
}
.footer-links:before {
    content: "";
    display: block;
    overflow: hidden;
}
.footer-links {
    margin: 3rem auto 2rem !important;
}
.footer-links .uk-nav > li > a {
    padding: 0;
}
#back-to-top {
    border: 2px solid #ff760e;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    left: 5rem;
    float: left;
    color: #ff760e;
    position: fixed;
    bottom: 40px;
    z-index: 9999;
    text-align: center;
    line-height: 30px;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
}
#back-to-top:hover {
    background-color: #19519c;
    border: 2px solid #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    color: white;
}
#back-to-top:after {
    content: "\f106";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
}
.footer-wrapper-part-one a {
    display: block;
    text-align: center;
}
.footer-wrapper-part-one [data-tooltip]:before, .footer-wrapper-part-one .tooltip:before, .footer-wrapper-part-one .tooltip-top:before {
    border-top-color: #222328;
}
.footer-wrapper-part-one .tooltip:after, .footer-wrapper-part-one [data-tooltip]:after {
    background-color: #222328;
    border: 2px solid #222328;
    border-radius: 6px;
    font-size: 1rem !important;
    padding: 0;
    color: #11c1ff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    white-space: nowrap;
    width: 10rem !important;
    left: 50% !important;
    transform: translateX(-50%);
'
}
.footer-wrapper-part-one .price-table .tooltip-top:after {
    left: 50% !important;
    transform: translatex(-50%);
    font-size: 1.2rem;
}
/* -------------------Difference page-------------*/
.sms-check {
    color: #449d44;
    border-radius: 50%;
    padding-left: 8px;
}
.PicDifference {
    position: relative;
}
.TxtDifference {

    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    margin: 0 !important;
}
@media (max-width: 600px) {
    .TxtDifference {
        font-size: 23px;
    }
}
#HeaderTitle {
    background-color: #424d5f;
    color: #fff;
    text-align: center;
}
#HeaderTitle td {
    border-radius: 0px !important;
    border-style: none;
}
@media (min-width: 767px) and (max-width: 991px) {
    .pic-left {
        text-align: center;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
    }
}
.pic-left {
    text-align: center;
    margin-top: 30px;

}
.section-box {
    height: 180px;
}
.text-header-ebook {
    color: #21b6fc;
}
.h-divider {
    width: 150px;
    border-top: 3px solid #21b6fc;
    margin: 0 auto;
    margin-bottom: 50px;
}
.section-parallel-ebook {
    background-image: url("../../../images/shetab-data/fa-pages/ebook/bg-parallel-ebook.jpg");
    background-color: #3a3f49;
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.wrapper-content-ebook {
    margin-bottom: 20px;
}
#property-ebook p {
    padding: 20px 20px;
    line-height: 30px;
    min-height: 100px;
}
#property-ebook > div {
    text-align: center;
    margin-top: 20px;
    min-height: 200px;
}
.spacer-top-ebook {
    margin-top: 60px;
}
/*btn*/
/********Software*******/
.icon-locksoftware{
    text-align: left;
    padding-left: 0;
}
.superscript-color {
    color: #ef9b3a;

}
.txt-header {
    background-image: url("../../../images/shetab-data/fa-pages/locksoftware/bg-module-title.png");
    background-repeat: repeat;

}
.txt-header {
    padding-top: 4px;
    padding-bottom: 4px;
}
.txt-icon {
    padding-top: 13px;
}
.imglock-parallax {
    background-image: url("../../../images/shetab-data/fa-pages/locksoftware/parallel-locksoftware-new.jpg");
    min-height: 500px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.imglock-parallax h2 {
    margin-top: 215px;
}
.dir-header h3 {
    direction: ltr;
    font-weight: bold;
}
.carousel-indicators {
    display: none;
}
.carousel-inner{
    width:80%;
    margin:0 auto;

}
.carousel-indicators li {
    border: 1px solid #ff760e;
}
/*by Dayani*/
.section-three {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url("../../../images/shetab-data/fa-pages/seo-optimization/mid-banner.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    position: relative;
    z-index: 100;
}
.section-four .col-md-3 {
    left: 0;
}
.section-four {
    position: relative;
}
.section-four::before {
    border: 1px dashed #424d5f;
    border-radius: 48%;
    content: "";
    height: 2189px;
    position: absolute;
    right: -2030px;
    top: -283px;
    width: 2568px;
}
.mrg-bottom {
    margin-bottom: 60px;
}
.databack {
    background-image: none, radial-gradient(at center top , rgba(49, 49, 74, 0.9), rgba(49, 49, 74, 0) 50%);
    padding-bottom: 45px;
}
.back-img{
    background:#111222;
}
.container.section-four {
    margin: 0 0 65px;
    padding: 0;
}
.uk-dropdown .icofont {
    font-size: 19px !important;
}
.header-main-menu-logo-container .uk-nav-navbar > li > a .icofont {
    height: 18px;
    width: 25px;
    text-align: center;
    margin-left: 8px;
    font-size: 18px;
    vertical-align: sub;
}
aside.pic.software .main_pic.mobile {
    background: rgba(0, 0, 0, 0) url(../../../images/shetab-data/fa-pages/phone-portfolio-details/_assets/mobile1.png) no-repeat center center;
    padding: 62px 216px 87px 218px;
}
aside.pic.software {
    border-radius: 3px;
    width: 631px;
    margin: 0 auto;
}
aside.pic.software .main_pic > div {
    float: right;
    height: 90%;
    overflow: hidden;
    width: 98%;
}
aside.pic.software .list_pic ul li {
    width: 60px
}
aside.pic.software .list_pic {
    width: 100%;
}
.module_round_box_outer img {
    line-height: 100%;
    display: inline-block;
}
.website-features i.fa.fa-android {
    font-size: 20px;
    padding-right: 10px;
    color: #a4ca39;
}
.alert .alert-link {
    font-weight: 500;
    text-align:center;
}
/*by aida*/
.footer-services-products img {
    width: 71px;
    height: 61px;
}
.through-gray-line-background.vertical-padding{
    padding-top:0px
}
@media screen and (min-width: 1450px) and (max-width: 1700px) {
    .main-section-two-wrapper {
        bottom: -9rem;
    }
    .main-page-size-wrapper {
        margin: 0 auto 9rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
    .main-section-two-wrapper {
        bottom: -3rem;
    }
    .main-page-size-wrapper {
        margin: 0 auto 3rem;
    }
}
@media (min-width: 1200px) {
    .row-fluid [class*="span"] {float: right;}
    #ff_form1{width:1170px;}
    .main-box-section-three {
        position: relative;
    }
    .main-box-section-three #main-box-img-wrapper {
        position: absolute;
        left: 0;
        bottom: 2rem;
    }
    .row-fluid [class*="span"]{margin-left: 0%;}
}
@media (min-width: 1026px) and (max-width: 1199px) {
    .section-four::before {
        border: 1px dashed #424d5f;
        border-radius: 44%;
        content: " ";
        height: 2195px;
        position: absolute;
        right: -1953px;
        top: -222px;
        width: 2412px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
    #web-design-page-portfolio{
        padding-right: 25px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .main-six-padding {
        padding: 1.5rem 0;
    }
}
@media screen and (max-width: 1199px) {
    .news-slide .uk-panel-title{margin-bottom: 18px;}
    .home-banner .uk-overlay-panel{top:0;}
    .main-section-two{min-height:auto;background-position-x:15%;}
    .articles-section > .uk-container > .tm-block:last-child{max-width:970px;}
    .articles-section .itemNavigationTitle{display: block;}
    .articles-section .itemHits{float:left;padding:12px 0;}

}
@media (min-width: 992px) and (max-width: 1026px) {
    .section-four::before {
        border: 1px dashed #424d5f;
        border-radius: 47%;
        content: "";
        height: 1890px;
        position: absolute;
        right: -1461px;
        top: -93px;
        width: 1942px;
    }
}
@media (min-width:992px){
    #ff_form1 .row-fluid [class*="span"]{float:right;}
    #ff_form1{width:970px;}
}
@media (max-width: 992px) {
    .img-left {
        margin-top: 30px;
    }
}
@media screen and (max-width: 991px) {
    .footer-menu-cont .menu{margin-top:20px;}
    .footer-menu-cont h4{text-align:right;}
    .news-slide .uk-text-center{width:100%;}
    .news-slide .content-cont{width:100%;margin:20px 0 0 0;padding: 0 15px;}
    .home-portfolio .item-mockup{min-height:300px;}
    .main-section-six-wrapper .col-xs-3, .main-section-six-wrapper .col-xs-9 {width: 100%;margin: 0 auto;text-align: center;}
    .section-four::before {content: none;}
    .spacer-top {margin-top: 156px !important;}
    .header-main-menu-logo-container{padding-bottom:0;position:relative;}
    .uk-nav-offcanvas > li > a img{height:40px;background-size:100%;}
    ul.uk-nav-sub li a{font-size:12px;}
    ul.uk-nav-sub{padding:5px 40px 5px 0;}
    .preview-module{display:inline-block;}
    .website-features{text-align:right;}
    .home-parallel-title{font-size:25px;}
    .main-section-three .mobile-cont{position:absolute;left:-40px;top:15px;}
    .main-section-three .mobile-cont img{opacity:0.1;}
    .mobile-more-button{margin-top:0;}
    .home-banner .uk-overlay-panel{top:-1vw;left:4vw;}
    .banner-feature{font-size:12px;}
    .main-section-two{min-height:auto;background-position-x:10%;background-size: 45%;}
    .articles-section > .uk-container > .tm-block:last-child{max-width:750px;}
    .articles-section .tm-sidebar-a{display:none;}
    .articles-section .tm-main{width: 100%;}
}
@media (max-width:800px){
    aside.pic{width:345px;}
    aside.pic .main_pic{background-size:100% !important;padding:33px 53px 119px 50px;height:320px;}
    aside.pic .main_pic.tablet{padding:42px 96px 54px 96px;}
    aside.pic .main_pic.mobile{padding:48px 118px 61px 119px;}
    aside.pic .list_pic{width:100%;}
    aside.pic .list_pic ul li{float:none;}
    aside.pic .response_act{width:100%;}
    aside.pic .response_act > ul{direction:ltr;}
    aside.pic .response_act li{float:none;display:inline-block;}
}
@media (max-width: 768px) {
    .carousel-indicators {
        top: 110%;
        right: 15%;
    }
}
@media screen and (max-width: 767px) {
.uk-cover-background{background-size: 170%;}
li a.menu-icon-shetab-multimedia, li a.menu-icon-shetab-softlock, li a.menu-icon-shetab-farsi, li a.menu-icon-shetab-dictionary{line-height:14px;}
#offcanvas .uk-nav-sub li{margin-bottom:8px;}
    .h1, h1{font-size:24px;}
    .h2, h2 {font-size: 22px;}
    .h3, h3 {font-size: 17px;}
    .h4, h4 {font-size: 13px;}
    .home-parallel-title{font-size:20px;}
    .main-box-img hr{display:none;}
    .home-portfolio .item-mockup{min-height:250px;}
    .footer-wrapper-part-one .col-xs-8 {margin-bottom: 5rem;}
    .app-feature-bg{background-size:cover;width:60px;height:53px;}
    .app-feature-bg.box2{background-position:-59px 0;}
    .app-feature-bg.box3{background-position:-119px 0;}
    .app-feature-bg.box4{background-position:100% 0;}
    .txt-right p, h2 {text-align: center;}
    .txt-header, .icon-align, .txt-icon {text-align: center;}
    .align-bottom {padding-bottom: 3rem;}
    .spacer-top-ebook {margin-top: 15px;}
    #upper-menu li:first-child a{padding:5px 15px;}
    #offcanvas .uk-offcanvas-bar{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:0;}
    #offcanvas.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%);}
    .uk-offcanvas-bar.uk-offcanvas-bar-show > ul > li > a > img{display: none;}
    #userForm .rsform-block{width:100%;}
    .btnOrderSms.btn-animation{margin-top:20px;}
    .articles-section .date-cont{text-align: right;}
    .articles-section .catItemTitle{margin-top:0;}
    .articles-section .itemHits {float: right;padding: 1px 0;}
    .articles-section .itemPrevious, .articles-section .itemNext{float: right;padding-right: 10px;width:100%;}
    .main-section-three .mobile-cont{left:-240px;}
    .main-section-two{background-size:55%;min-height:500px;background-position-x:center;}
    .seo-ads-host-section .ad{border-width:1px 0 1px 0;margin: 20px 0;padding-top:20px;padding-bottom:20px;}
    .f-block-header{background:#eaeaea}
    .main-section-two-wrapper {
        position: relative;
        margin: 5rem auto 0;
        bottom: unset;
    }
    .main-section-two-wrapper img {
        width: 100%;
        margin: 0 auto;
    }
    .main-page-size-wrapper {
        margin: 0 auto;
    }
    .main-page-size-wrapper .col-xs-6 {
        margin: 3rem auto;
    }
    .main-page-margin, .main-page-size-wrapper:nth-child(3) {
        margin: 0 auto;
    }
    #main-sec-seven-row-one .main-sec-seven-row-one, #main-sec-seven-row-two .main-sec-seven-row-one {
        width: 33%;
    }
    #main-sec-seven-row-one .main-sec-seven-row-one:nth-child(4) {
        margin-left: 17%;
    }
    #main-sec-seven-row-two .main-sec-seven-margin {
        margin-left: 0;
    }
    .main-sec-seven-row .main-sec-seven-row-one h3 {
        font-size: 2rem;
    }
    .main-sec-seven-row .main-sec-seven-row-one img {
        max-width: 50%;
    }
    .main-section-seven {
        background-image: none
    }
    .articles-section .itemDateCreated{float: right;padding-top: 0;}
    .articles-section .itemTitle{font-size:16px;}
    .social-row > div > div:nth-child(5),.social-row > div > div:nth-child(6),.social-row > div > div:nth-child(7),.social-row > div > div:nth-child(8){margin-top:15px;}
}
@media screen and  (min-width: 431px) and (max-width: 767px) {
    .footer-wrapper-part-one .col-xs-8 {
        left: 16.6%;
    }
}
@media (min-width: 660px) and (max-width: 990px) {
    .txt-header{
        margin-top: 11px;
    }
}
@media screen and (max-width: 600px) {
    .home-banner .uk-overlay-panel{top:0;left:0; width:320px;}
    .home-banner h1{font-size:14px;}
    .banner-feature{font-size:11px;}
}
@media screen and (min-width: 479px) and (max-width: 580px) {
    .main-section-six-wrapper .col-xs-4 {
        width: 60%;
        margin: 0 20%;
    }
    .main-section-five .main-page-link .link-right, .main-section-six .main-page-link .link-right, .main-section-seven .main-page-link .link-right {
        margin-left: unset;
    }
    .main-section-five .main-page-link .link-left, .main-section-six .main-page-link .link-left, .main-section-seven .main-page-link .link-left {
        margin-right: unset;
    }
    .main-sec-four-row .col-xs-4 {
        width: 100%;
        margin: 2rem auto;
    }
}
@media screen and (max-width: 539px) {
    .home-banner .content-cont{background-color:#0000005c;padding:10px;}
    .home-banner h1{font-size:13px;}
    .banner-feature{font-size:10px;}
}
@media (max-width:530px){
    #firstPageMobileAppMoreButton{width:100%;}
}
@media screen and (max-width: 480px) {
    .main-page-size-wrapper .col-xs-6 {
        width: 100%;
    }
    .main-sec-four-row .col-xs-4 {
        width: 100%;
        margin: 2rem auto;
    }
    .main-section-five .col-xs-4 {
        width: 100%;
        margin: 2rem auto;
    }
    .main-section-six-wrapper .col-xs-4 {
        width: 100%;
        margin: 0 auto;
    }
    #main-sec-seven-row-one .main-sec-seven-row-one, #main-sec-seven-row-two .main-sec-seven-row-one {
        width: 100%;
    }
    #main-sec-seven-row-one .main-sec-seven-row-one:nth-child(4) {
        margin-left: 0%;
    }
    .main-section-five .main-page-link .link-right, .main-section-six .main-page-link .link-right, .main-section-seven .main-page-link .link-right {
        margin-left: unset;
    }
    .main-section-five .main-page-link .link-left, .main-section-six .main-page-link .link-left, .main-section-seven .main-page-link .link-left {
        margin-right: unset;
    }
    .main-our-custmer .uk-slidenav {
        color: #424d5f;
        font-size: 3rem;
        width: 30px;
        height: 30px;
    }
}
@media (max-width:474px){
    #ff_form1 #technologiesSection section, #ff_form1 #cmsSection section, #ff_form1 #softwareSection section{width:100%;}
}
@media (max-width: 459px) {
    .btn-animation:hover:before{
        top: 16px;
    }
}
@media (max-width: 430px) {
    .footer-wrapper-part-one .col-xs-8 {
        width: 100%;
    }
    .copy-write {
        font-size: 1rem;
    }
    #back-to-top {
        left: 2rem;
    }
}
@media (max-width: 426px) {
    .txt-right h2 {
        font-size: 20px;
    }
.news-slide .uk-panel-title{font-size:16px;}
}
@media (max-width:424px){
    aside.pic{width:245px;}
    aside.pic .main_pic{padding: 71px 38px 132px 36px;}
    aside.pic .main_pic.tablet{padding:76px 68px 83px 68px;}
    aside.pic .main_pic.mobile{padding:80px 84px 89px 85px;}
}
@media (max-width:332px){
    .tm-headerbar .uk-navbar-content{max-width:unset;}
}