/* 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;
    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: 'BoldFont';
    font-style: normal;
    src: url('../fonts/IRANSansWeb_FaNum_Bold.eot');
    src: url('../fonts/IRANSansWeb_FaNum_Bold.woff2') format('woff2'),
    url('../fonts/IRANSansWeb_FaNum_Bold.woff') format('woff'),
    url('../fonts/IRANSansWeb_FaNum_Bold.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: 'NormalFont', tahoma, arial, serif !important;
}
h1, h2, h3, h4, h5, h6, thead td, .header-font {
    font-family: 'TitleFont', tahoma, arial, serif;
    line-height: normal;
}
a:hover {    text-decoration: none;}
.h1, h1{font-size:24px;}
.h2, h2 {font-size: 21px;}
.h3, h3 {font-size: 19px;}
.h4, h4 {font-size: 18px;}
.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;
}
.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;}
.medium-padding-bottom{padding-bottom:20px;}
.col-center{float:none; margin:0 auto;}
.no-margin{margin:0;}
.no-margin-top{margin-top:0;}
.no-margin-bottom{margin-bottom:0;}
.margin-bottom{margin-bottom:50px;}
.margin-left{margin-left:50px;}
.margin-right{margin-right:50px;}
.small-margin-top{margin-top:15px;}
.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-left{margin-left:20px;}
.medium-margin-bottom{margin-bottom:20px;}
.medium-margin-top{margin-top:20px;}
.large-margin-left{margin-left:40px;}
.large-margin-top{margin-top:40px;}
.medium-margin{margin:20px;}
.float-right{float:right}
.float-left{float:left}
.white-background{background-color:#fff;}
.radius-btn-blue,.radius-btn-orange{padding:10px 20px;border-radius:50px;color:#fff;text-align:center;margin-bottom:15px;}
.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;}
.orange-color{color:#ff760e;}
.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;}
@-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;}
.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;}

.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;}
.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;}
.parallax {background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
/* Shetab Custome K2 */
.itemBackToTop{display: none;}
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;}
.mq-wide {display: block;}
/*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-------------*/

.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;
}

/*by aida*/
.footer-services-products img {
    width: 71px;
    height: 61px;
}
.through-gray-line-background.vertical-padding{
    padding-top:0px
}
/*-------------------------------------------------------------Start New Web Design Page---------------------------------------------------------------------*/
.itemFullText{background-color:#fff;}
#particles-js{position:absolute;width:100%;height:500px;}
.banner-particles{background-color: #f3f3f3;height:500px;position:relative;box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.2);}
.banner-particles .container{margin-top:130px;}
.banner-secound-title{font-family: 'TitleFont', tahoma, arial, serif;line-height: normal;font-size: 19px;}
.banner-english-title{font-size: 90px;color: #e7e7e7;position: absolute;bottom: 50px;text-align: center;width: 100%;font-family: arial;font-weight: bold;}
.order-btn{border-color: #0046a4;position: relative;color: #0046a4;width: 60px;height: 60px;border: 1px solid #0046a4;border-radius: 50px;text-align: center;line-height: 56px;font-size: 28px;cursor: pointer;display: inline-block;}
.order-btn:hover{background-color:#0046a4;}
.order-btn:after,.order-btn:before{content: '';border: 1px solid;border-color: inherit;width: 150%;height: 150%;-webkit-border-radius: 50px;border-radius: 50px;position: absolute;left: -25%;top: -25%;opacity: 1;-webkit-animation: 1s videomodule-anim linear infinite;animation: 1s banner-btn-anim linear infinite;}
.order-text{color: #0046a4;margin-right: 10px;}
.order-btn .fa{transform: translateY(5px);}
.order-btn:hover .fa{color:#fff;}
@-webkit-keyframes banner-btn-anim {
  0% {-webkit-transform: scale(0.68);transform: scale(0.68);}
  100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;}
}
@keyframes banner-btn-anim {
  0% {-webkit-transform: scale(0.68);transform: scale(0.68);}
  100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;}
}

.order-btn:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.order-btn-cont{margin-top:-60px;}

.title-line-style{width:120px;margin:0 auto 10px auto;padding-top:3px;background: url(/images/web-page/website-page-icons.png) no-repeat center top;}
.title-line-style-small{background-size:500%;}
.some-feature-bg,.some-shetab-feature-bg{background:no-repeat left bottom #fff;background-size:contain;margin-top:70px;margin-bottom:70px;padding-top:30px;padding-bottom:40px;}
.some-feature-bg{background-image:url(/images/web-page/some-feature-bg.jpg);}
.some-shetab-feature-bg{background-image:url(/images/web-page/some-shetab-feature-bg.jpg);}
.feature-icon{width:60px;height:60px;float:right;background-image:url(/images/web-page/website-page-icons.png);background-repeat:no-repeat;background-position-y:-9px;}
.feature-icon.icon-1{background-position-x:-172px;}
.feature-icon.icon-2{background-position-x:-113px;}
.feature-icon.icon-3{background-position-x:-53px;}
.feature-icon.icon-4{background-position-x:7px;}
.feature-icon.icon-5{background-position-x:-292px;}
.feature-icon.icon-6{background-position-x:-232px;}
.feature-icon.icon-7{background-position-x:-352px;}
.feature-icon.icon-8{background-position-x:7px;}
.light-text{font-size:12px;color:#535f6c;}
.half-border-left,.half-border-top{border-color:#d5d5d5;border-style:solid;border-width:0;}
.half-border-left{border-left-width:1px;}
.half-border-top{border-top-width:1px;}
.parallel-bg{background:url(/images/web-page/parallel-bg.jpg) no-repeat right bottom;background-size:cover;}
.parallel-bg > div:last-child{background-color:#f3f3f3cf;}
.parallel-bg i.fa-gift{font-size:35px;transform:translateY(6px);}
.parallel-title{font-family:BoldFont;font-size:20px;color:#fff;}
.parallel-free{color: #fff;font-family: BoldFont;font-size: 41px;margin: 30px 0;text-shadow: -1px 4px 4px #0d3a33;}
.parallel-txt{margin-top:190px;}
.parallel-icon{background:url(/images/web-page/website-page-icons.png) no-repeat center right;width:290px;height:60px;margin-top: 40px;}
.gift-row{border-bottom: 1px dotted #bdbdbd;padding:15px 20px 15px 0;}
.gift-row:last-child{border:0;}
.gift-title{display: inline-block;line-height: 53px;margin: 0;}
.gift-title i{background:url(/images/web-page/website-page-icons.png) no-repeat;background-position-y:-12px;width: 45px;height: 48px;float: right;margin-left:15px;}
.gift-title .adwords{background-position-x:-901px;}
.gift-title .sms{background-position-x:-961px;}
.gift-title .host{background-position-x:-1021px;}
.gift-title .domain{background-position-x:-1081px;}
.shetab-offers-features-bg{background:url(/images/web-page/shetab-offers-features-bg.jpg) no-repeat right top;background-size:56%;}
.uk-accordion-title{padding: 16px 0 16px 40px;border-top:1px solid #f5f5f5;background:none;font-family:BoldFont;font-size:15px;}
.uk-accordion-title:after{content:"\f067";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;float: left;color: #c1c1c1;border-right: 1px solid #ececec;padding-right: 25px;height: 25px;padding-top: 5px;margin-left:-40px}
.uk-accordion-content{padding: 6px 0 15px 0;}
h3.uk-accordion-title:before{content:"";width:30px;height:30px;background:url(/images/web-page/website-page-icons.png) no-repeat 0 -23px;float:right;margin-left:10px;}
h3.uk-accordion-title:nth-child(1):before{background-position-x:-432px;}
h3.uk-accordion-title:nth-child(3):before{background-position-x:-491px;}
h3.uk-accordion-title:nth-child(5):before{background-position-x:-552px;}
.uk-accordion-title.uk-active{border-bottom:1px solid #f5f5f5;}
.uk-accordion-title.uk-active:after{content:"\f068";}
.package-box{background-color:#fff;padding-top:50px;-webkit-box-shadow: 0px 0px 23px 0px rgba(220,220,220,0.78);-moz-box-shadow: 0px 0px 23px 0px rgba(220,220,220,0.78);box-shadow: 0px 0px 23px 0px rgba(220,220,220,0.78);}
.package-title{font-family: BoldFont;font-size:15px;color:#003fa2;}
.package-ribbon{position: absolute;background-color: #003fa2;padding: 0 3px 0 10px;top: 10px;left: 10px;color: #fff;font-size: 12px;}
.package-ribbon:before{content: "";position: absolute;border: 15px solid #003fa2;right: -20px;border-left-width: 5px;border-right-color: #0000;}
.package-box i{width:30px;height:30px;float:right;background:url(/images/web-page/website-page-icons.png) no-repeat; background-position-y:-20px;}
.box-1 li:nth-child(2) i{background-position-x:-1454px;}
.box-1 li:nth-child(3) i{background-position-x:-1206px;}
.box-1 li:nth-child(4) i{background-position-x:-1241px;}
.box-1 li:nth-child(5) i{background-position-x:-1417px;}
.box-1 li:nth-child(6) i{background-position-x:-1172px;}
.box-1 li:nth-child(7) i{background-position-x:-1276px;}
.box-2 li:nth-child(2) i,.box-3 li:nth-child(2) i,.box-4 li:nth-child(2) i{background-position-x:-1137px;}
.box-2 li:nth-child(3) i{background-position-x:-1591px;}
.box-2 li:nth-child(4) i{background-position-x:-1626px;}
.box-2 li:nth-child(5) i{background-position-x:-1346px;}
.box-2 li:nth-child(6) i{background-position-x:-1696px;}
.box-2 li:nth-child(7) i{background-position-x:-1486px;}
.box-3 li:nth-child(3) i{background-position-x:-1311px;}
.box-3 li:nth-child(4) i{background-position-x:-1521px;}
.box-3 li:nth-child(5) i{background-position-x:-1381px;}
.box-3 li:nth-child(6) i{background-position-x:-1556px;}
.box-3 li:nth-child(7) i{background-position-x:-1734px;}
.box-4 li:nth-child(3) i{background-position-x:-1906px;}
.box-4 li:nth-child(4) i{background-position-x:-1941px;}
.box-4 li:nth-child(5) i{background-position-x:-1871px;}
.box-4 li:nth-child(6) i{background-position-x:-1836px;}
.box-4 li:nth-child(7) i{background-position-x:-1801px;}
.package-box.box-3{margin-top:-20px;-webkit-box-shadow: 0px 8px 23px 2px rgba(160,160,160,0.78);-moz-box-shadow: 0px 8px 23px 2px rgba(160,160,160,0.78);box-shadow: 0px 8px 23px 2px rgba(160,160,160,0.78);}
.package-list{list-style:none;padding:0;margin:0;}
.package-list>li{border-bottom:1px dotted #e3e3e3;padding:6px 0 6px 0;text-align:right;}
.package-list>li.price{text-align:center;font-family: BoldFont;font-size:23px;padding:20px 0;border-top:1px dotted #e3e3e3;}
.package-list>li.price span:last-child{font-size:12px;color:#003fa2;margin-right:5px;}
.package-list>li.more-button{padding:20px 0 5px 0;border:0;text-align:center;visibility: hidden;}
.package-title .shop-icon{width:33px;height:33px;float:right;background:url(/images/web-page/website-page-icons.png) no-repeat -607px -20px;transform: translateX(-22px)translateY(-7px);}
.package-row{padding-top:30px;padding-bottom:20px;}
.onepage-package-bg, .basic-package-bg, .profesional-package-bg, .shop-package-bg{width: 100%;background-image: url("../../../images/web-page/web-price-img.png"); background-position-x: center; background-repeat: no-repeat;}
.onepage-package-bg{background-position-y: -333px;height: 60px;}
.price .tax{color: #468847; text-align: center; font-size: 11px;}
.basic-package-bg{background-position-y: -230px;height: 58px;}
.profesional-package-bg{background-position-y: -122px;height: 60px;}
.shop-package-bg{background-position-y: 0px;height: 90px;}
.compare-btn{margin:10px 0 60px 0;-webkit-box-shadow: 0px 3px 16px 0px rgba(160, 160, 160, 0.52);-moz-box-shadow: 0px 3px 16px 0px rgba(160, 160, 160, 0.52);box-shadow: 0px 3px 16px 0px rgba(160, 160, 160, 0.52);}
.portfolio-row>div{margin-bottom:50px;}
.portfolio-link{text-align:center;}
.portfolio-img{height:200px;background:url(/images/web-page/portfolio-sample-bg.jpg) no-repeat;width:100%;background-position-y:top;margin-bottom:20px;webkit-box-shadow: 0px 3px 20px 0px rgb(218, 218, 218);-moz-box-shadow: 0px 3px 20px 0px rgb(218, 218, 218);box-shadow: 0px 3px 20px 0px rgb(218, 218, 218);}
.portfolio-img.img-1{background-position-x:left;}
.portfolio-img.img-2{background-position-x:-361px;}
.portfolio-img.img-3{background-position-x:-721px;}
.portfolio-img.img-4{background-position-x:-1082px;}
.portfolio-img.img-5{background-position-x:-1442px;}
.portfolio-img.img-6{background-position-x:right;}
.portfolio-title{font-family: BoldFont;font-size:15px;color:#424d5f;margin-bottom:0;}
.portfolio-hover{position: relative;width: 100%;height: 100%;overflow: hidden;}
.portfolio-hover:before{position: absolute;right: -71px;bottom: -79px;width: 200px;height: 200px;border: 2px solid #fff;border-radius: 50%;box-shadow: 0 0 0 800px rgba(255, 255, 255, 0.63);content: '';opacity: 0;-webkit-transform: scale3d(0.5,0.5,1);transform: scale3d(0.5,0.5,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;background-color: #5d5d5d78;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.portfolio-hover i{position: absolute;bottom: 37px;right: 41px;color: #fff;font-size: 25px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.portfolio-link:hover .portfolio-hover:before, .portfolio-link:hover i{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.price-list-bg{background:url(/images/web-page/price-list-bg.jpg) #f0f0ee no-repeat left top;}
.about-contact-bg{background:url(/images/web-page/about-contact-bg.jpg) no-repeat left bottom;background-attachment:fixed;background-cover;height:524px;color:#fff;margin-bottom:50px;}
.about-contact-txt{margin-top:10%;}
.about-contact-bg h3{font-size:28px;}
.related-services{text-align:center;padding-bottom:50px;margin-top:50px;}
.related-services>div{border-right:1px solid #e0e0e0;padding-top:20px;}
.related-services>div:last-child{border-right:0;}
.related-title{font-family:BoldFont;text-align:center;}
.related-desc{margin-bottom:20px;}
.related-icon-1,.related-icon-2,.related-icon-3,.related-icon-4{width:60px;height:60px;background:url(/images/web-page/website-page-icons.png) no-repeat;margin:0 auto;}
.related-icon-4{background-position:-645px center;}
.related-icon-3{background-position:-705px center;}
.related-icon-2{background-position:-765px center;}
.related-icon-1{background-position:-825px center;}
.shetab-offers-title{font-size:20px;font-family:TitleFont;}
.about-contact-title{font-size:22px;margin-bottom:30px;}
.custom-divider{position:relative;margin-top:50px;}
.line{overflow:hidden; height:30px; }
.line:after{content: '';display: block;margin: -50px auto 0;width: 100%;height: 25px;border-radius: 125px / 12px;box-shadow: 0px 28px 25px 1px #efefef;}
.dedicate-design{color: #ff760e;font-size: 11px;}
/*---------------------End of New Web Design Page----------------------------------------------------------------------------------------*/
/*---------------------Compare Pakcage----------------------------------------------------------------------------------------*/
.web-compare .itemFullText{background-color: inherit;}
.web-compare .tm-main{background: url("../../../images/web-page/compare-bg.jpg") #fff no-repeat top center;background-size: contain;}
.web-compare .itemFullText h4{margin-top: 100px;color: #fff; font-size: 24px;}
.feature-list-row{margin-bottom: 50px;margin-top: 70px;}
.feature-list{background-color: #033c96;color: #fff;text-align: right;padding: 0;}
.feature-list>ul{list-style: none;padding:195px 0 0 0;}
.feature-list>ul>li{padding:7px 10px;font-size: 13px;}
.feature-list>ul>li:nth-child(odd){background-color: #003fa2;}
.packages-features{background-color: #fff;padding: 8px 0 0 0;-webkit-box-shadow: 0px 0px 23px 0px rgba(90, 90, 90, 0.72);-moz-box-shadow: 0px 0px 23px 0px rgba(90, 90, 90, 0.72);box-shadow: 0px 0px 23px 0px rgba(90, 90, 90, 0.72);}
.packages-features>h3{margin: 0;font-family: BoldFont;font-size: 15px;color: #003fa2;}
.packages-features>p{margin: 0;}
.star-rates,.yes,.no{background-image:url("../../../images/web-page/feature-table-symbol.png");background-repeat: no-repeat;background-position-x:center; width: 100%;height: 26px;display: block;}
.packages-features.box-2{z-index: 2;}
.packages-features.box-3{z-index: 3;padding-top: 60px;margin-top: -52px;}
.box-1 .star-rates{background-position-y: -97px;}
.box-2 .star-rates{background-position-y: -56px;}
.box-3 .star-rates{background-position-y: -13px;}
.yes{background-position-y: -128px;}
.no{background-position-y: -170px;}
.packages-features ul{list-style: none;padding: 0;}
.packages-features .price{text-align: center;font-family: BoldFont;font-size: 23px;padding: 20px 0;border-top: 1px dotted #e3e3e3;margin: 0 7px;}
.packages-features .price span:first-child{font-size: 12px;color: #003fa2;margin-right: 5px;}
.packages-features li{height: 44px;line-height: 44px;}
.packages-features li:nth-child(odd){background-color: #fafafa;}
.bottom-banner{border: 2px solid #3c4753;position: relative;padding: 63px;height: 180px;background: url(../../../images/web-page/bottom-banner.jpg) no-repeat top right;background-size: cover;margin: 120px 0;text-align: right;}
.bottom-banner h5{font-size: 20px;}
.age{position: absolute;width: 250px;height: 250px;border-radius: 50%;border: 10px solid #fff;background: url(../../../images/web-page/age.png) #f8f8f8 center 45px no-repeat;padding: 166px 10px 0 10px;left: 56px;top: -37px;text-align: center;font-weight: bold;-webkit-box-shadow: 0 5px 23px 0px rgba(165, 165, 165, 0.72);-moz-box-shadow: 0 5px 23px 0px rgba(165, 165, 165, 0.72);box-shadow: 0 5px 23px 0px rgba(165, 165, 165, 0.72);}
.features-cont>a{margin-top: 40px;}
.features-cont>.download{padding-left: 50px;position: relative;}
.features-cont>.download>i{font-size: 25px;position: absolute;left: 10px;top: 0px;border-right: 1px solid #fff;padding-right: 7px;height: 40px;padding-top: 7px;}
.features-cont>.download:hover>i{border-color: #0046a4;color: #0046a4;}
.features-cont>.bottom-download:hover>i{border-color: inherit;color: inherit;}
span.price-desc{font-size: 12px;margin-right: 10px}
li.yes.desc{background-position-x: 126px;}
li.yes.desc>.price-desc{margin-right: 28px;}
.feature-list-row .free{color: #ff760e;margin-right: 10px;font-weight: bold;}
.support-time-1,.support-time-2,.support-time-3{font-weight: bold;}
/*---------------------End of Compare Pakcage----------------------------------------------------------------------------------------*/
/*---------------------Start Responsive-------------------------*/
@media (min-width: 1200px) {
    .row-fluid [class*="span"] {float: right;}
    .row-fluid [class*="span"]{margin-left: 0%;}
}
@media (max-width: 1199px) and (min-width: 992px){
.portfolio-img{background-size:600%;height:161px;}
.portfolio-img.img-2{background-position-x:-293px;}
.portfolio-img.img-3{background-position-x:-586px;}
.portfolio-img.img-4{background-position-x:-879px;}
.portfolio-img.img-5{background-position-x:-1172px;}
.parallel-txt {margin-top: 320px;}
    .web-compare .tm-main{background-size: 110%;}
}
@media (max-width: 1199px){
.package-cont{overflow-x: scroll;}
.package-row{overflow-x:hidden;min-width:1170px;min-height:541px;}
.about-contact-txt{margin-top:15%;}
    .feature-list>ul>li{font-size: 11px;}
    .packages-features .light-text{font-size: 10px;}
    li.yes.desc {background-position-x: 106px;}
    .feature-list>ul {padding-top: 228px;}
}
@media screen and (max-width: 991px) {
    .footer-menu-cont .menu{margin-top:20px;}
    .footer-menu-cont h4{text-align:right;}
    .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;}
    .parallel-bg{background-image:inherit;}
    .parallel-bg>div:first-child{height:296px;background: url(/images/web-page/parallel-bg.jpg) no-repeat right top;background-size: cover;padding-top: 25px;}
    .some-feature-bg,.some-shetab-feature-bg{background-size:75%;background-position-y:top;margin-top: 54px;padding-top: 100px;}
    .some-feature-content,.some-shetab-feature-content{margin-top:90px;}
    .shetab-offers-features-bg{background-size: 40%;}
    .about-contact-txt{margin-top: 19%;}
    .gift-row span{display:block;}
    .parallel-txt {margin-top: 60px;}
    .parallel-bg > div:last-child{padding:0;}
    .gift-row{padding: 15px 15px 15px 15px;}
    .banner-particles .container{margin-top:30px;}
    .banner-particles,#particles-js{height:600px;}
    .related-services>div:nth-child(1),.related-services>div:nth-child(2){border-bottom:1px solid #e0e0e0;padding-bottom:20px;}
    /*---------------------Compare Pakcage-------------------------*/
    .web-compare .tm-main{background-size: 160%;}
    .feature-list-row{overflow-x: auto;margin-top: 0;}
    .scroll-cont{display: block;float: right;width: 1000px;padding:67px 0 16px 16px;}
    .hidden-small{display: none;}
    .feature-list>ul{background: url("../../../images/web-page/fingerslide.gif") no-repeat 120px 80px;}
    .bottom-banner{padding: 54px;height: 155px;}
    .bottom-banner h5{font-size: 16px;}
    .age{width: 200px;height: 200px;padding: 112px 10px 0 10px;top: -25px;background-size: 40%;left: 30px;font-weight: normal;font-size: 12px;background-position-y: 50px;}
    /*---------------------End of Compare Pakcage-------------------------*/
}
@media screen and (max-width: 991px) and (min-width:768px){
    .gift-row:nth-child(odd){border-right:1px dotted #bdbdbd;}
    .gift-row:nth-child(3){border-bottom:0;}
    .uk-accordion{margin-top:60px;}
}
@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 screen and (max-width: 767px) {
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:21px;}
    .h2, h2 {font-size: 20px;}
    .h3, h3 {font-size: 18px;}
    .h4, h4 {font-size: 16px;}
    .h5, h5 {font-size: 14px;}
    .footer-wrapper-part-one .col-xs-8 {margin-bottom: 5rem;}
    #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;}
    .f-block-header{background:#eaeaea}
    .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;}
/*-----Web design Page----*/
	.full-width-btn{width:100%;}
	.portfolio-img{background-size:600%;height:148px;width: 260px;margin: 0 auto;}
.portfolio-img.img-2{background-position-x:-260px;}
.portfolio-img.img-3{background-position-x:-520px;}
.portfolio-img.img-4{background-position-x:-780px;}
.portfolio-img.img-5{background-position-x:-1040px;}
.portfolio-row>div{border-bottom: 1px solid #f5f5f5;margin-bottom: 20px;}
.half-border-left {border-top-width: 1px;border-left-width:0;}
.shetab-offers-features-bg {background-size: 70%;padding-top: 55%;background-position-x: center;}
.half-border-left, .half-border-top{border-color: #f5f5f5;}
.introduction,.banner-desc,.some-feature-bg,.some-shetab-feature-bg,.related-services,.shetab-offers-features-bg{text-align:justify;}
.some-feature-bg{background:url(/images/web-page/some-feature-bg-small.jpg) center top #fff no-repeat;background-size:contain;margin-top:50px;margin-bottom:70px;padding-top:50%;padding-bottom:40px;}
.some-shetab-feature-bg{background-image:url(/images/web-page/some-shetab-feature-bg-small.jpg);padding-top: 50%;margin-top: 30px;background-size:contain;}
.some-feature-content, .some-shetab-feature-content{margin-top:10px;}
.parallel-bg>div:first-child {height: 326px;padding-top: 28px;}
.related-services>div{border-right:0;border-bottom:1px solid #e0e0e0;}
    /*---------------------Compare Pakcage-------------------------*/
    .packages-features .price{font-size: 15px;}
    .packages-features li{height: 34px;line-height: 34px;font-size: 12px;}
    .yes{background-position-y: -95px;background-size: 56%;}
    .no{background-position-y: -151px;background-size: 66%;}
    .scroll-cont{width: 835px;}
    .feature-list>ul>li {height: 34px;line-height: 20px;}
    .feature-list>ul{padding-top: 221px;}
    .feature-list{text-align: left;}
    .web-compare .tm-main{background-size: 1700px;}
    .bottom-banner{padding: 80px 0 0 0;height: 132px;text-align: center;background-size: 130%;}
    .bottom-banner h5{font-size: 14px;}
    .age{font-size: 11px;width: 150px;height: 150px;top: -210px;padding-top: 65px;background-size: 30%;left: auto;font-weight: normal;background-position-y: 30px;margin-left: auto;margin-right: auto;position: relative;}
    .features-cont>a{margin-top: 20px;}
    span.price-desc{display: none;}
    li.yes.desc{background-position-x: 30px;}
    .feature-list>ul {background: url(../../../images/web-page/fingerslide.gif) no-repeat 85px 85px;}
    /*---------------------End of Compare Pakcage-------------------------*/
}
@media screen and  (min-width: 431px) and (max-width: 767px) {
    .footer-wrapper-part-one .col-xs-8 {
        left: 16.6%;
    }
}

@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: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;}
    .bottom-banner{background-size: 150%;}
}
@media (max-width:332px){
    .tm-headerbar .uk-navbar-content{max-width:unset;}
}