body {background: #f7f6fb;color: #424d5f;line-height: 30px;margin-right: 0;margin-left: 0;transition: margin-right 0.3s linear;font-size: 14px;font-weight: 300}
.f-block-header .header-main-menu-logo-container .uk-navbar-nav > li, .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;}
.f-block-header .uk-navbar-nav>li>a {line-height: 0px;}
.f-block-header .header-main-menu-logo-container .uk-navbar-nav.uk-hidden-small > li > a > i {font-size: 23px;display: inline-block;position: relative;width: 100%;right: -4px;margin-bottom:50px;}
.header-main-menu-logo-container .uk-navbar-flip {transition: all 0.2s ease-in-out;}
#parallel{margin: 0px 0px 0px 0px;padding: 200px 0px 200px 0px;background-image: url("../../../images/shetab-data/fa-pages/locksoftware/parallel-locksoftware-new.jpg");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center;z-index: 1;position: relative;}
.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;}
#header-horizontal-bar{margin-bottom: 5px;border-bottom:1px solid #dfe0e4;}
#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:first-child a{padding-right:0;}
#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{margin-bottom: 20px;}
.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:20px 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; }
/*.header-main-menu-logo-container .uk-nav-navbar > li > a:hover img,
.header-main-menu-logo-container .uk-nav-navbar > li.uk-active > a img{background-position:center bottom;}*/
.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:110px;width:72px;background:url("../../../images/shetab-data/fa-pages/menu-icons/menu-item-background.png");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: 35px; display: inline-block; position: relative; top: 23px; width: 100%;
margin-bottom: 40px;}
/*.home-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-home.png");;}*/
/*.services-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-services.png");}*/
/*.products-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-products.png");}*/
/*.samples-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-samples.png");}*/
/*.support-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-support.png");}*/
/*.download-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-download.png");}*/
/*.about-us-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-about-us.png");}*/
/*.contact-us-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-contact-us.png");}
.phone-menu-item img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-phone.png");}*/
/*.menu-item-website img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-website.png");}
.menu-item-mobile img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-mobile.png");}
.menu-item-adwords img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-adwords.png");}
.menu-icon-domain img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-domain.png");}
.menu-icon-seo img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-seo.png");}
.menu-icon-multimedia img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-multimedia.png");}
.menu-icon-conference img{background-image:url("../../../images/shetab-data/fa-pages/menu-icons/menu-icon-conference.png");}*/
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: #f7f6fb;}
#web-portfolio-body{background-color:white;background-image:url(../../../images/shetab-data/fa-pages/web-portfolio/webportfolio_background.jpg);background-repeat:no-repeat;background-position:center top;background-size:100%;}
#web-portfolio-body h1{text-align:center;position:relative;padding:20px;display:inline;}
#web-portfolio-body h1{position:relative;width:400px;height:300px;}
#web-portfolio-body h1:after,
#web-portfolio-body h1 >:first-child:after{position:absolute;width:20px;height:20px;border-color:#ff760e;border-style:solid;content:' ';}
#web-portfolio-body h1:before{top:0;left:0;border-width:1px 0 0 1px}
#web-portfolio-body h1:after{top:0;right:0;border-width:1px 1px 0 0}
#web-portfolio-body h1 >:first-child:before{bottom:0;right:0;border-width:0 1px 1px 0}
#web-portfolio-body h1 >:first-child:after{bottom:0;left:0;border-width:0 0 1px 1px}
.web-portfolio-item{text-align:center;margin:150px auto 0 auto;width:75%;position:relative;bottom:-30px;transition:0.25s bottom linear;}
.web-portfolio-item:hover{bottom:-10px;}
.web-portfolio-item:first-of-type{margin-top:100px;}
.web-portfolio-item h2{font-size:18px;margin-bottom:20px;}
.web-portfolio-item-gray-header{height:27px;background:#eeeeee;margin:0 auto;text-align:left;font-size:6px;color:#c4c4c4;padding-left:8px;border-top-left-radius:5px;border-top-right-radius:5px;}
.web-portfolio-item-gray-header i{margin-left:1px;}
.web-portfolio-item a{color:inherit;display:block;}
.web-portfolio-item-image-wrapper{}
#web-portfolio-body .wallslider .row-fluid{border-bottom:1px solid #ff760e;height:360px;overflow:hidden;margin: 0 auto;}
.small-squares-background{}
#web-portfolio-intro{box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.15);border-radius:5px;}
#web-portfolio-preface strong{margin-left:10px;}
#web-portfolio-preface .website-features ul{list-style:none;padding-right:15px;}
#web-portfolio-preface .website-features li::before{content:"\f058";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;margin-left:7px;color:#ff760e;}
#web-portfolio-preface .website-features li ul{font-size:12px;}
#web-portfolio-preface .website-features li ul li::before{content:"\f05d";}
.website-description .gray-border-bottom{margin-bottom:10px;}
#web-portfolio-preface .btn-visit-site{text-align:center;color:white;position:relative;transition:all .3s;display:block;padding:0.5rem 1rem;background-color:#ff760e;border-radius:0.6rem;width:22rem;margin: 25px auto}
#web-portfolio-preface .btn-visit-site i{margin-left:10px;}
.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;}
#imageSequence{width:100%;background-color:#000;}
@-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);}
}
#web-portfolio-preface .website-features{padding:30px;}
.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%;}
.sms-section-two .row{position:relative;}
.sms-section-two .sem-img-wrapper{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.sms-section-two .sem-inf-wrapper{float:right;}
#ff_form1{margin:0 auto;}
#ff_form1 h1{text-align:center;}
#ff_form1 fieldset{padding:25px;border:1px solid #e8e8e8;margin-top:50px;margin-bottom:70px;}
#ff_form1 fieldset fieldset{margin-top:10px;margin-bottom:20px;border:none;padding:0;}
#ff_form1 legend{border:none;display:inline;width:unset;padding:0 10px;color:#003fa2;}
#ff_form1 select{width:unset;height:36px;min-width:154px;}
#ff_form1 .control-group{min-width:300px;}
#ff_form1 .row-fluid{padding-top:0;}
#ff_form1 section{margin:40px 0;}
#ff_form1 .control-label{max-width:105px;min-width:unset;}
#ff_form1 .radio input[type=radio]{top:4px;margin-right:20px;}
#ff_form1 #buttonsSection .control-group{min-width:50px;}
#ff_form1 #otherInformationSections .control-label{max-width:100%;width:100%;margin-top:30px;}
#ff_form1 .form-actions{text-align:center;}
#ff_form1 .form-actions button{float:none !important;margin-bottom:50px;padding:10px 30px;}
#ff_form1 input[type=text]{padding:0 5px;}
#ff_form1 [name="ff_nm_Birthdate[]"],
#ff_form1 [name="ff_nm_Mobile[]"]{text-align:left;direction:ltr;}
.formError .formErrorContent{background:#ff760e;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.formError .formErrorArrow .line4,
.formError .formErrorArrow .line5,
.formError .formErrorArrow .line6,
.formError .formErrorArrow .line7,
.formError .formErrorArrow .line8,
.formError .formErrorArrow .line9,
.formError .formErrorArrow .line10{background:#ff760e;}
.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2,
.formError .formErrorArrow .line3{background:transparent;}
.formError .formErrorArrow div{border-left:none;border-right:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.certifiedSealsItem{height:140px;}
.certifiedSealsModule .uk-slidenav-position .uk-slidenav-previous{right:-40px;}
.certifiedSealsModule .uk-slidenav-position .uk-slidenav-next{left:-40px;}
.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{width:383px;margin-top:65px;margin-bottom:10px;}
#firstPageMobileAppMoreButton span{font-size:20px;line-height:47px;}
#firstPageMobileAppMoreButton:before{font-size:20px;line-height:45px;}
@media (min-width:768px){
#ff_form1{width:750px;}
#stickyMenuWrapper .container{width: 750px;}
}
@media (min-width:1220px){.certifiedSealsModule .uk-slidenav{display:none !important;}
}
@media (max-width:1199px){.web-portfolio-item{bottom:-60px;}
.web-portfolio-item:hover{bottom:-45px;}
}
@media (max-width:991px){#header-horizontal-bar{display: none}
.header-main-menu-logo-container{padding-bottom:0;position:relative;}
.uk-navbar-content.uk-navbar-center.uk-visible-small{display:block !important;}
.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;}
#web-portfolio-intro{text-align:center;}
.preview-module{display:inline-block;}
.website-features{text-align:right;}
#web-portfolio-body .wallslider .row-fluid{height:unset;}
.web-portfolio-item{bottom:-40px;margin:50px auto 0 auto !important;width:unset;}
.web-portfolio-item:hover{bottom:-3px;}
.web-portfolio-item a{font-size:18px;}
#ff_form1 #technologiesSection section,
#ff_form1 #cmsSection section,
#ff_form1 #softwareSection section{width:50%;float:right;}
#ff_form1 .control-group{margin-bottom:15px;}
#ff_form1 #buttonsSection .control-group{float:right;}
#ff_form1 #otherInformationSections textarea{max-width:70%;}
#ff_form1 fieldset fieldset{border-bottom:1px solid #ececec;margin-top:10px;margin-bottom:40px;}
}
@media (max-width: 959px) and (min-width: 768px){
.uk-visible-small {display: none !important;}
}
@media (max-width:800px){#web-portfolio-details .container{margin:auto 15px;}
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 (min-width:992px){
#ff_form1 .row-fluid [class*="span"]{float:right;}
#ff_form1{width:970px;}
#stickyMenuWrapper .container{width: 970px;}
}
@media (min-width:1200px){
#ff_form1{width:1170px;}
#stickyMenuWrapper .container{width:1200px;}
}
@media (max-width:767px){.header-main-menu-logo-container{padding:0;}
#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;}
#web-portfolio-body .container,
#web-portfolio-body .col-sm-4{padding:0;margin:0;}
#web-portfolio-body .wallslider .row-fluid{border-bottom:none;}
#web-portfolio-body .col-sm-4{border-bottom:1px solid #ff760e;overflow:hidden;height:300px;margin-top:40px;}
.web-portfolio-item{bottom:20px;margin:80px auto 0 auto !important;}
.web-portfolio-item:hover{bottom:80px;}
.web-portfolio-item-gray-header{width:360px;}
.web-portfolio-item a{font-size:22px;}
#userForm .rsform-block{width:100%;}
.sms-section-two .sem-img-wrapper{top:unset;bottom:-2rem !important;}
.btnOrderSms.btn-animation{margin-top:20px;}
#ff_form1{padding:20px;}
#ff_form1 .control-group{min-width:unset;}
#ff_form1 .radio{text-indent:20px;}
#ff_form1 .radio input[type=radio]{margin-right:-20px;}
#ff_form1 .form-actions button{width:100%;}
.certifiedSealsModule .uk-slidenav{display:none !important;}
}
@media (max-width:530px){
#firstPageMobileAppMoreButton{width:100%;}
}
@media (max-width:474px){.web-portfolio-item-gray-header{}
#web-portfolio-body h1 span{font-size:21px;}
.web-portfolio-item a{font-size:17px;}
.web-portfolio-item{bottom:20px;padding:0 10px;}
#ff_form1 #technologiesSection section,
#ff_form1 #cmsSection section,
#ff_form1 #softwareSection section{width:100%;}
}
@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;}
.web-portfolio-item{bottom:-10px;}
.web-portfolio-item:hover{bottom:60px;}
}
@media (max-width:399px){.web-portfolio-item{max-width:90%;}
.web-portfolio-item-gray-header{width:unset;}
.web-portfolio-item:hover{bottom:30px;}
}
@media (max-width:350px){.web-portfolio-item{bottom:-30px;}
.web-portfolio-item:hover{bottom:10px;}
}
@media (max-width:332px){.tm-headerbar .uk-navbar-content{max-width:unset;}
}
.apppage .web-portfolio-item-image-wrapper {
border-radius: 20px;
overflow: hidden;
}
.apppage #web-portfolio-body .wallslider .row-fluid {
width: 60%;
}
/*------End of Ata---------*/
/* Import Fonts */
@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: '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: 30px;
margin-right: 0;
margin-left: 0;
transition: margin-right 0.3s linear;
}
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 !important;
line-height: normal;
}
a:hover {
text-decoration: none;
}
.table thead td {
font-size: 20px;
padding: 20px !important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.table > tbody > td:nth-of-type(odd) {
background-color: #F8F8F8;
}
.uk-dotnav > * > * {
width: 10px;
height: 10px;
}
.uk-dotnav > li > a:before {
content: '';
position: absolute;
top: 7px;
left: 21px;
width: 8px;
height: 8px;
background: #8b8e97;
border-radius: 50%;
}
.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);
}
.uk-dotnav > .uk-active > * {
background: rgba(0, 0, 0, 0);
border-color: #d50100;
}
.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 */
@media (min-width: 1200px) {
.row-fluid [class*="span"] {
float: right;
}
}
/*btn*/
.btn-animation {
width: 150px;
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;
font-size: 1.8rem;
}
.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;
}
/* Web Design Page */
.webdesign_img-shetab{
width: 80%;
margin-top: 42px;
}
.txtcolor-red-part{
color: #f9d1d1;
}
.margin-top-bluepart{
margin-top: 35px;
}
.hex-green .after {
background-color: #16a6b6;
}
.hex-orange .after {
background-color: #ee6557;
}
.hex-blue .after {
/*background-color: #19529c;*/
background-color: #003fa2;
}
.hex-gray .after {
background-color: #424d5f;
}
.hex-light-gray .after {
background-color: #b3b3b3;
}
.bg-white {
background-color: white;
}
.hex-purple .after {
background-color: #62488a;
}
.hex-dark-gray .after {
background-color: #222627;
}
.list-hex-grid {
margin-top: 55px;
margin-bottom: 55px;
font-size: 0;
word-spacing: 0;
text-align: center;
}
.list-hex-grid.with-labels {
margin-bottom: 200px;
}
.list-hex-grid .hex-title {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: 'TitleFontBold', tahoma, arial, serif;
font-size: 23px;
line-height: 35px;
width: 100%;
}
.list-hex-grid img {
display: inline-block;
vertical-align: top;
}
.list-hex-grid div.hex {
font-size: 16px;
display: inline-block;
vertical-align: middle;
*zoom: 1;
*display: inline;
float: none;
position: relative;
z-index: 10;
margin: 36px 10px;
opacity: 0;
}
.list-hex-grid div.hex.shetab-show {
opacity: 1;
transition: all 0.5s 0.1s;
}
.list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
height: 110px;
line-height: 220px;
}
.no-csstransforms .list-hex-grid div.hex .inner {
top: -55px;
left: auto;
}
.list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
height: 220px;
width: 220px;
}
.list-hex-grid div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-110px, 0);
-ms-transform: rotate(-60deg) translate(-110px, 0);
-webkit-transform: rotate(-60deg) translate(-110px, 0);
transform: rotate(-60deg) translate(-110px, 0);
}
.list-hex-grid div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(40px, 40px);
-ms-transform: rotate(60deg) translate(40px, 40px);
-webkit-transform: rotate(60deg) translate(40px, 40px);
transform: rotate(60deg) translate(40px, 40px);
}
.list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
font-size: 18px;
word-spacing: 1px;
-moz-transition: none 1s;
-o-transition: none 1s;
-webkit-transition: none 1s;
transition: none 1s;
-moz-background-size: auto 220px;
-o-background-size: auto 220px;
-webkit-background-size: auto 220px;
background-size: auto 220px;
text-align: center;
display: block;
border: none;
color: #fff;
-webkit-backface-visibility: hidden;
width: 190px;
}
.list-hex-grid div.hex p {
color: #fff;
font-size: 16px;
}
.list-hex-grid div.hex .inner {
display: inline-block;
vertical-align: middle;
white-space: normal;
z-index: 20;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
color: #fff !important;
line-height: 22px;
}
.no-csstransforms .list-hex-grid div.hex .inner {
position: relative;
}
.list-hex-grid div.hex .inner img {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
}
.list-hex-grid div.hex .hex-1, .list-hex-grid div.hex .hex-2 {
position: absolute;
height: 100%;
width: 100%;
z-index: -2;
top: 0;
left: 0;
overflow: hidden;
background: inherit;
-webkit-backface-visibility: hidden;
}
.list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-1 .after, .list-hex-grid div.hex .hex-2:before, .list-hex-grid div.hex .hex-2 .after {
z-index: -1;
}
.list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
content: '';
position: absolute;
background: inherit;
left: 0;
}
.list-hex-grid div.hex .hex-1 {
z-index: -1;
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.list-hex-grid div.hex .hex-1:before {
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.list-hex-grid div.hex .hex-2 {
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.list-hex-grid div.hex .hex-2:before {
bottom: 0;
}
.list-hex-grid div.hex .after {
-moz-transition: none 1s;
-o-transition: none 1s;
-webkit-transition: none 1s;
transition: none 1s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 15;
}
.list-hex-grid div.hex.primary > a, .list-hex-grid div.hex.primary > div {
background-color: #16a6b6;
}
.list-hex-grid div.hex.plain-bg > a, .list-hex-grid div.hex.plain-bg > div {
background-color: #fff;
border-color: #fff;
}
.list-hex-grid div.hex.invert .after, .list-hex-grid div.hex.invert .inner {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: none 1s;
-o-transition: none 1s;
-webkit-transition: none 1s;
transition: none 1s;
}
.list-hex-grid div.hex.inline-bg img {
position: absolute;
top: 0;
left: 0;
max-height: 100%;
}
.list-hex-grid div.hex.full-img img {
max-height: 140%;
width: auto;
}
.list-hex-grid hr {
background-color: #fff;
}
.list-hex-grid h3 {
color: #fff;
}
.list-hex-grid h3.flex {
font-size: 1.25em;
line-height: 1.375em;
}
.list-hex-grid h6.below {
position: absolute;
width: 100%;
margin-top: 0;
bottom: -84px;
}
.list-hex-grid .h1.large {
font-size: 2em;
line-height: 1.4;
}
.list-hex-grid.large div.hex {
margin-top: 47px;
margin-bottom: 47px;
}
.list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div {
height: 150px;
line-height: 300px;
}
.no-csstransforms .list-hex-grid.large div.hex .inner {
top: -75px;
left: auto;
}
.list-hex-grid.large div.hex .hex-1:before, .list-hex-grid.large div.hex .hex-2:before {
height: 300px;
width: 300px;
}
.list-hex-grid.large div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-150px, 0);
-ms-transform: rotate(-60deg) translate(-150px, 0);
-webkit-transform: rotate(-60deg) translate(-150px, 0);
transform: rotate(-60deg) translate(-150px, 0);
}
.list-hex-grid.large div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(55px, 55px);
-ms-transform: rotate(60deg) translate(55px, 55px);
-webkit-transform: rotate(60deg) translate(55px, 55px);
transform: rotate(60deg) translate(55px, 55px);
}
.list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div {
-moz-background-size: auto 300px;
-o-background-size: auto 300px;
-webkit-background-size: auto 300px;
background-size: auto 300px;
}
.list-hex-grid.mid div.hex {
width: 220px;
margin-top: 40px;
margin-bottom: 40px;
}
.list-hex-grid.mid div.hex > a, .list-hex-grid.mid div.hex > div {
height: 127px;
line-height: 254px;
}
.no-csstransforms .list-hex-grid.mid div.hex .inner {
top: -63.5px;
left: auto;
}
.list-hex-grid.mid div.hex .hex-1:before, .list-hex-grid.mid div.hex .hex-2:before {
height: 254px;
width: 254px;
}
.list-hex-grid.mid div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-127px, 0);
-ms-transform: rotate(-60deg) translate(-127px, 0);
-webkit-transform: rotate(-60deg) translate(-127px, 0);
transform: rotate(-60deg) translate(-127px, 0);
}
.list-hex-grid.mid div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(47px, 47px);
-ms-transform: rotate(60deg) translate(47px, 47px);
-webkit-transform: rotate(60deg) translate(47px, 47px);
transform: rotate(60deg) translate(47px, 47px);
}
.list-hex-grid.mid div.hex > a, .list-hex-grid.mid div.hex > div {
-moz-background-size: auto 260px;
-o-background-size: auto 260px;
-webkit-background-size: auto 260px;
background-size: auto 260px;
}
.list-hex-grid.modal-active div.hex > a, .list-hex-grid.modal-active div.hex > div {
-webkit-backface-visibility: visible;
}
.list-hex-grid.modal-active div.hex > a .hex-1, .list-hex-grid.modal-active div.hex > a .hex-2, .list-hex-grid.modal-active div.hex > div .hex-1, .list-hex-grid.modal-active div.hex > div .hex-2 {
-webkit-backface-visibility: visible;
}
.no-csstransforms .list-hex-grid > br {
display: none !important;
}
.no-csstransforms .list-hex-grid div.hex {
margin-top: 10px;
margin-bottom: 10px;
}
.no-csstransforms .list-hex-grid div.hex .hex-1, .no-csstransforms .list-hex-grid div.hex .hex-2, .no-csstransforms .list-hex-grid div.hex .hex-1:before, .no-csstransforms .list-hex-grid div.hex .hex-2:before {
display: none !important;
}
.no-csstransforms .list-hex-grid div.hex > a, .no-csstransforms .list-hex-grid div.hex > div {
padding: 50px 0;
}
.no-csstransforms .list-hex-grid div.hex.inline-bg {
overflow: hidden;
}
.no-csstransforms .list-hex-grid div.hex.inline-bg > a, .no-csstransforms .list-hex-grid div.hex.inline-bg > div {
overflow: hidden;
}
.no-csstransforms .list-hex-grid div.hex.inline-bg img {
top: 9%;
left: 12%;
max-width: 75%;
}
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;
}
#web-design-page-portfolio {
padding-right:50px;
}
#web-design-page-portfolio:hover .vertical-wrap {
-moz-filter: url(data:image/svg+xml;utf8,#grayscale); -o-filter: url(data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
transition: all 0.3s;
}
.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%;
}
#web-design-page-portfolio h3 {
font-size: 1.75rem;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
padding-top: 3%;
padding-bottom: 3%;
transition: all 0.3s ease-in-out;
}
.vertical-wrap p {
margin-bottom: 0;
padding: 1.25rem 21%;
font-size: 1.125rem;
}
#web-design-page-portfolio:hover .vertical-wrap:hover {
-moz-filter: none;
-o-filter: none;
-webkit-filter: none;
}
.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;
}
#web-design-page-portfolio + a button {
padding: 10px;
font-size: 13px;
}
#web-design-page-portfolio > div > div {
height: unset !important;
}
#web-design-page-portfolio [class*="span"] {
height: unset !important;
padding: 0;
float: right;
}
#web-design-page-portfolio .container {
padding: 0;
max-width: 100%;
}
#web-design-page-portfolio .wallpage {
display: block;
}
@media (min-width: 992px) and (max-width: 1001px) {
.container {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.vertical-wrap {
margin: 0 10%;
}
#web-design-page-portfolio [class*="span"] {
float: unset;
margin-bottom: 25px;
}
#offcanvas .uk-nav-sub li {margin-bottom: 8px;}
}
/**/
@media screen and (min-width: 1164px) {
.mq-me {
display: none;
}
}
@media screen and (max-width: 1163px) {
.mq-wide {
display: none;
}
html body .mq-small {
display: block;
}
}
@media screen and (max-width: 1079px) {
.list-hex-grid.large div.hex {
width: 220px;
margin-top: 40px;
margin-bottom: 40px;
}
.list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div {
height: 127px;
line-height: 254px;
}
.no-csstransforms .list-hex-grid.large div.hex .inner {
top: -63.5px;
left: auto;
}
.list-hex-grid.large div.hex .hex-1:before, .list-hex-grid.large div.hex .hex-2:before {
height: 254px;
width: 254px;
}
.list-hex-grid.large div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-127px, 0);
-ms-transform: rotate(-60deg) translate(-127px, 0);
-webkit-transform: rotate(-60deg) translate(-127px, 0);
transform: rotate(-60deg) translate(-127px, 0);
}
.list-hex-grid.large div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(47px, 47px);
-ms-transform: rotate(60deg) translate(47px, 47px);
-webkit-transform: rotate(60deg) translate(47px, 47px);
transform: rotate(60deg) translate(47px, 47px);
}
.list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div {
font-size: 15px;
-moz-background-size: auto 260px;
-o-background-size: auto 260px;
-webkit-background-size: auto 260px;
background-size: auto 260px;
}
.list-hex-grid.small div.hex {
margin-top: 37px;
margin-bottom: 37px;
width: 172px;
}
.list-hex-grid.small div.hex > a, .list-hex-grid.small div.hex > div {
height: 99px;
line-height: 198px;
}
.no-csstransforms .list-hex-grid.small div.hex .inner {
top: -49.5px;
left: auto;
}
.list-hex-grid.small div.hex .hex-1:before, .list-hex-grid.small div.hex .hex-2:before {
height: 198px;
width: 198px;
}
.list-hex-grid.small div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-99px, 0);
-ms-transform: rotate(-60deg) translate(-99px, 0);
-webkit-transform: rotate(-60deg) translate(-99px, 0);
transform: rotate(-60deg) translate(-99px, 0);
}
.list-hex-grid.small div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(36px, 36px);
-ms-transform: rotate(60deg) translate(36px, 36px);
-webkit-transform: rotate(60deg) translate(36px, 36px);
transform: rotate(60deg) translate(36px, 36px);
}
.mq-mid {
display: block !important;
}
.mq-wide {
display: none;
}
}
@media screen and (max-width: 1163px) {
.mq-mid-for {
width: 19rem !important;
}
}
@media screen and (min-width: 898px) and (max-width: 1080px) {
.list-hex-grid.large div.hex, .list-hex-grid div.hex {
margin-top: 37px;
margin-bottom: 37px;
width: 190px;
}
.list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div, .list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
height: 110px;
line-height: 220px;
}
.no-csstransforms .list-hex-grid.large div.hex .inner, .no-csstransforms .list-hex-grid div.hex .inner {
top: -55px;
left: auto;
}
.list-hex-grid.large div.hex .hex-1:before, .list-hex-grid.large div.hex .hex-2:before, .list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
height: 220px;
width: 220px;
}
.list-hex-grid.large div.hex .hex-1:before, .list-hex-grid div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-110px, 0);
-ms-transform: rotate(-60deg) translate(-110px, 0);
-webkit-transform: rotate(-60deg) translate(-110px, 0);
transform: rotate(-60deg) translate(-110px, 0);
}
.list-hex-grid.large div.hex .hex-2:before, .list-hex-grid div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(40px, 40px);
-ms-transform: rotate(60deg) translate(40px, 40px);
-webkit-transform: rotate(60deg) translate(40px, 40px);
transform: rotate(60deg) translate(40px, 40px);
}
.list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div, .list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
font-size: 12px;
-moz-background-size: auto 220px;
-o-background-size: auto 220px;
-webkit-background-size: auto 220px;
background-size: auto 220px;
}
.list-hex-grid.small div.hex {
margin-top: 37px;
margin-bottom: 37px;
width: 148px;
margin-top: 33px;
margin-bottom: 33px;
}
.list-hex-grid.small div.hex > a, .list-hex-grid.small div.hex > div {
height: 85px;
line-height: 170px;
}
.no-csstransforms .list-hex-grid.small div.hex .inner {
top: -42.5px;
left: auto;
}
.list-hex-grid.small div.hex .hex-1:before, .list-hex-grid.small div.hex .hex-2:before {
height: 170px;
width: 170px;
}
.list-hex-grid.small div.hex .hex-1:before {
-moz-transform: rotate(-60deg) translate(-85px, 0);
-ms-transform: rotate(-60deg) translate(-85px, 0);
-webkit-transform: rotate(-60deg) translate(-85px, 0);
transform: rotate(-60deg) translate(-85px, 0);
}
.list-hex-grid.small div.hex .hex-2:before {
-moz-transform: rotate(60deg) translate(31px, 31px);
-ms-transform: rotate(60deg) translate(31px, 31px);
-webkit-transform: rotate(60deg) translate(31px, 31px);
transform: rotate(60deg) translate(31px, 31px);
}
.list-blocks div.hex.grid-7 {
width: 380px;
}
/*.list-hex-grid div.hex, .list-hex-grid.large div.hex, .list-hex-grid.mid div.hex, .list-hex-grid.small div.hex {*/
/*width: 29.5%!important;*/
/*}*/
}
@media screen and (max-width: 897px) {
.list-hex-grid > br {
display: none !important;
}
.list-hex-grid div.hex .hex-1, .list-hex-grid div.hex .hex-2, .list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
display: none !important;
}
.list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
padding: 50px;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
-webkit-backface-visibility: visible;
}
.list-hex-grid div.hex.inline-bg {
overflow: hidden;
}
.list-hex-grid div.hex.inline-bg > a, .list-hex-grid div.hex.inline-bg > div {
overflow: hidden;
}
.list-hex-grid div.hex.inline-bg img {
top: 50%;
left: 50%;
max-width: 75%;
transform: translate(-50%, -50%);
}
.list-hex-grid div.empty {
display: none;
}
.list-hex-grid.mobile-centred-imgs > li > a, .list-hex-grid.mobile-centred-imgs > li > div {
padding: 0;
height: 210px;
}
.list-hex-grid div.hex, .list-hex-grid.large div.hex, .list-hex-grid.mid div.hex, .list-hex-grid.small div.hex {
width: 46.5%;
margin: 1.75%;
}
.list-hex-grid div.hex > a, .list-hex-grid div.hex > div, .list-hex-grid.large div.hex > a, .list-hex-grid.large div.hex > div, .list-hex-grid.mid div.hex > a, .list-hex-grid.mid div.hex > div, .list-hex-grid.small div.hex > a, .list-hex-grid.small div.hex > div {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 32% 8px;
}
.list-hex-grid div.hex > a.flex, .list-hex-grid div.hex > div.flex, .list-hex-grid.large div.hex > a.flex, .list-hex-grid.large div.hex > div.flex, .list-hex-grid.mid div.hex > a.flex, .list-hex-grid.mid div.hex > div.flex, .list-hex-grid.small div.hex > a.flex, .list-hex-grid.small div.hex > div.flex {
font-size: 14px;
}
}
@media screen and (max-width: 400px) {
.list-hex-grid div.hex, .list-hex-grid.large div.hex, .list-hex-grid.mid div.hex, .list-hex-grid.small div.hex {
width: 70% !important;
}
}
/* Mobile App */
.mobile-app-mobile-glow {
position: relative;
}
.mobile-app-mobile-glow > div {
position: absolute;
left: 30px;
right: 30px;
}
.mobile-app-mobile-glow p {
position: absolute;
left: 100px;
right: 100px;
}
.mobileapp-reponsive-background {
background-image: url("../../../images/shetab-data/fa-pages/mobileapp/mobileapp-responsive-design-bg.png");
background-position: left bottom;
background-repeat: no-repeat;
}
.mobileapp-turquoise-background {
background-image: url("../../../images/shetab-data/fa-pages/mobileapp/mobileapp-turquoise-section-bg.png");
background-position: left bottom;
background-repeat: no-repeat;
}
.mobileapp-parallax {
background-image: url("../../../images/shetab-data/fa-pages/mobileapp/mobileapp-parallax.jpg");
min-height: 550px;
}
.mobileapp-servic-background {
background: #2c3f50 url("../../../images/shetab-data/fa-pages/mobileapp/mobileap-supoort-bg.jpg") no-repeat center bottom;
width: 100%;
position: relative;
margin-bottom: 8rem;
height: 72rem;
background-size: 100%;
}
.mobileapp-design-wrapper {
/* overflow-x: hidden;*/
}
.mobileapp-design-wrapper h2 {
position: relative;
}
.mobileapp-design-wrapper h2 hr {
position: absolute;
width: 32%;
top: 50%;
left: 50%;
transform: translateX(-50%);
border-top: 3px solid #01c5c6;
}
.mobileapp-design-wrapper h2 hr:first-child {
top: -65%;
}
.mobileapp-servic-background .wrapper-place [data-tooltip]::before, .mobileapp-servic-background .wrapper-place .tooltip::before, .mobileapp-servic-background .wrapper-place .tooltip-top::before {
border-top-color: #33babd;
}
.mobileapp-servic-background .wrapper-place .tooltip-top::after {
left: 50% !important;
transform: translatex(-50%);
font-size: 1.2rem;
}
.mobileapp-servic-background .wrapper-place .tooltip::after, .mobileapp-servic-background .wrapper-place [data-tooltip]::after {
background-color: #3d5265;
border: 2px solid #33babd;
border-radius: 6px;
}
.mobileapp-servic-background .wrapper-place span {
display: block;
}
.place-margin-row-tow {
margin-left: 12%;
}
.place-margin-row-three {
margin-left: 25%;
}
.place-margin-row-four {
margin-left: 38%;
}
.mobileapp-servic-background h2 {
position: relative;
margin-bottom: 3rem;
}
.mobileapp-servic-background h2 hr {
position: absolute;
width: 34%;
left: 50%;
border-top: 3px solid #01c5c6;
transform: translateX(-50%);
bottom: -35px;
}
.mobileapp-design-display {
display: block;
font-size: 2rem;
}
.mobile-padding {
padding: 3.5rem 33% 3.5rem 4%;
}
.mobileapp-design-inf {
padding: 3.5rem 0;
}
.mobileapp-design-inf span:nth-child(2) {
display: inline-block;
width: 50%;
}
.mobileapp-parallax-img {
background-image: url("../../../images/shetab-data/fa-pages/mobileapp/mobileapp-parallax.jpg");
background-color: #3a3f49;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wrapper-place {
width: 60%;
margin: 2rem 20% 0;
}
@media (min-width: 992px) {
#mobile-app-img {
left: 15%;
}
}
@media (max-width: 991px) {
.mobile-app-mobile-glow p {
left: unset;
right: unset;
}
.mobile-app-mobile-glow h3.spacer-top {
margin-top: 0rem;
}
}
@media (min-width: 1200px) {
.mobileapp-border-up, .mobileapp-border-down, .mobileapp-border-down-two {
position: relative;
padding: 0;
}
.mobileapp-border-up:before {
position: absolute;
border-top: 1px dashed #2c3f50;
width: 101%;
height: 1rem;
content: " ";
top: -8%;
transform: translateY(-50%) rotate(-32deg);
right: -94%;
}
.mobileapp-border-down:before {
position: absolute;
border-top: 1px dashed #2c3f50;
width: 108%;
height: 1rem;
content: " ";
top: -23%;
transform: translateY(-50%) rotate(-143deg);
left: -58%;
}
.mobileapp-border-down-two:before {
position: absolute;
border-top: 1px dashed #2c3f50;
width: 106%;
height: 1rem;
content: " ";
top: -22%;
transform: translateY(-50%) rotate(-142deg);
left: -54%;
}
#mobileapp-3::before, #mobileapp-7::before {
position: absolute;
border-top: 1px dashed #2c3f50;
width: 107%;
height: 1rem;
content: " ";
top: -19%;
transform: translateY(-50%) rotate(-38deg);
right: -96%;
}
#mobileapp-6::before {
position: absolute;
border-top: 1px dashed #2c3f50;
width: 108%;
height: 1rem;
content: " ";
top: -18%;
transform: translateY(-50%) rotate(-38deg);
right: -97%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.mobileapp-border-up, .mobileapp-border-down, .mobileapp-border-down-two {
position: relative;
padding: 0;
}
.mobileapp-border-up:before, .mobileapp-border-down:before, .mobileapp-border-down-two:before {
position: absolute;
border-top: 1px dashed #2c3f50;
content: " ";
height: 1rem;
}
#mobileapp-2:before {
width: 100%;
top: -8%;
transform: translateY(-50%) rotate(-40deg);
right: -88%;
}
#mobileapp-3:before, #mobileapp-7:before {
width: 107%;
top: -19%;
transform: translateY(-50%) rotate(-49deg);
right: -90%;
z-index: 0;
}
#mobileapp-4:before {
width: 106%;
top: -22%;
transform: translateY(-50%) rotate(-133deg);
left: -59%;
}
#mobileapp-5:before {
width: 109%;
top: -23%;
transform: translateY(-50%) rotate(-133deg);
left: -65%;
}
#mobileapp-6:before {
width: 108%;
top: -18%;
transform: translateY(-50%) rotate(-47deg);
right: -92%;
z-index: 0;
}
#mobileapp-8:before {
width: 106%;
top: -22%;
transform: translateY(-50%) rotate(-131deg);
left: -59%;
}
.mobileapp-design-inf span:nth-child(2) {
display: inline-block;
width: 70%;
}
.mobileapp-servic-background {
height: 66.5rem;
}
.mobileapp-report-wrapper {
position: relative;
}
.mobileapp-report-wrapper .mobileapp-img-wrapper {
position: absolute;
top: 50%;
right: 5%;
transform: translatey(-50%);
}
}
@media (min-width: 769px) and (max-width: 1999px) {
.mobileapp-report-wrapper .col-sm-2 img {
display: none;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.mobileapp-border-up, .mobileapp-border-down, .mobileapp-border-down-two {
position: relative;
padding: 0;
}
.mobileapp-border-up:before, .mobileapp-border-down:before, .mobileapp-border-down-two:before {
position: absolute;
border-top: 1px dashed #2c3f50;
content: " ";
height: 1rem;
}
#mobileapp-2:before {
width: 81%;
top: -10%;
transform: translateY(-50%) rotate(-59deg);
right: -62%;
}
#mobileapp-3:before, #mobileapp-7:before {
width: 130%;
top: -18%;
transform: translateY(-50%) rotate(-41deg);
right: -115%;
z-index: 0;
}
#mobileapp-4:before, #mobileapp-8:before {
width: 127%;
top: -25%;
transform: translateY(-50%) rotate(-141deg);
left: -88%;
}
#mobileapp-5:before {
width: 95%;
top: -22%;
transform: translateY(-50%) rotate(-121deg);
left: -47%;
}
#mobileapp-6:before {
width: 100%;
top: -18%;
transform: translateY(-50%) rotate(-59deg);
right: -77%;
z-index: 0;
}
.mobileapp-design-inf span:nth-child(2) {
display: inline-block;
width: 70%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wrapper-place {
width: 70%;
margin: 2rem 15% 0;
}
.mobileapp-servic-background {
height: 64rem;
}
.mobileapp-report-wrapper {
position: relative;
}
.mobileapp-report-wrapper .mobileapp-img-wrapper {
position: absolute;
top: 50%;
right: 5%;
transform: translatey(-50%);
}
}
@media (min-width: 650px) and (max-width: 767px) {
.mobileapp-servic-background {
height: 55rem;
}
.mobileapp-servic-background p {
height: 15rem;
}
}
@media (min-width: 495px) and (max-width: 649px) {
.wrapper-place .tooltip::after, .wrapper-place [data-tooltip]::after {
width: 150% !important;
}
.mobile-app-mobile-glow > div {
z-index: 1;
}
.mobile-app-mobile-glow {
position: relative;
/*height: 41rem;*/
/*background-color: #e3f2f9;*/
}
.mobile-app-mobile-glow img {
position: absolute;
bottom: 0px;
z-index: 0;
}
}
@media (min-width: 767px) and (max-width: 783px) {
#mobileapp-body-wrapper {
overflow-x: hidden;
}
}
@media (min-width: 769px) {
.hiden-in-size {
display: block;
}
.show-in-size {
display: none;
}
}
@media (max-width: 768px) {
.mobileapp-design-wrapper .col-sm-10 {
width: 50%;
}
.mobileapp-design-wrapper .col-sm-3, .mobileapp-design-wrapper .col-sm-9, .mobileapp-design-wrapper .col-sm-11 {
width: 100%;
text-align: center;
}
.mobileapp-design-wrapper .col-sm-3 img {
margin: 0 auto;
float: unset;
}
.mobileapp-design-wrapper .col-sm-pull-1 {
right: unset;
}
.mobileapp-design-wrapper .col-xs-6 {
height: 34rem;
}
.mobileapp-design-wrapper .col-sm-push-2 {
left: unset;
float: right;
}
.mobileapp-design-inf span:nth-child(2) {
display: inline-block;
width: unset;
}
.mobile-padding {
padding: 3.5rem 0;
}
.mobileapp-design-wrapper h2 {
font-size: 2rem;
padding-top: 0.5rem;
padding-bottom: 2rem;
margin-bottom: 5rem;
}
.hiden-in-size {
display: none;
}
.show-in-size {
display: block;
float: right;
}
.mobileapp-design-wrapper .container .row > :nth-child(even) {
float: right;
}
}
@media (max-width: 480px) {
.mobileapp-design-wrapper .col-xs-6 {
width: 100%;
}
.mobileapp-reponsive-background {
background-image: none;
}
}
@media (min-width: 400px) and (max-width: 494px) {
.mobile-app-mobile-glow > div {
z-index: 1;
}
.mobile-app-mobile-glow {
position: relative;
/*height: 48rem;*/
/*background-color: #e3f2f9;*/
}
.mobile-app-mobile-glow img {
position: absolute;
bottom: 0px;
z-index: 0;
}
}
@media (max-width: 399px) {
.mobile-app-mobile-glow > div {
z-index: 1;
}
.mobile-app-mobile-glow {
position: relative;
/*height: 67rem;*/
/*background-color: #e3f2f9;*/
}
.mobile-app-mobile-glow img {
position: absolute;
bottom: 0px;
z-index: 0;
}
.mobileapp-parallax-img {
display: none
}
}
@media (max-width: 767px) {
.mobileapp-report-wrapper .col-xs-12 {
position: relative;
}
.mobileapp-report-wrapper .col-xs-12 .col-sm-10 {
margin: 10rem auto 4rem;
}
.mobileapp-report-wrapper .col-xs-12 .col-sm-2 {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
.col-xs-center {
text-align: center;
}
}
@media (max-width: 700px) {
.mobile-app-mobile-glow {
background-color: #00C6C7;
color: white;
}
.mobile-app-mobile-glow p {
position: unset;
padding: 0 2rem;
}
.mobile-app-mobile-glow img {
display: none;
}
.mobile-app-mobile-glow > div {
position: unset;
}
}
@media (max-width: 649px) {
.mobileapp-turquoise-background .col-xs-12 {
position: relative;
text-align: center;
}
.mobileapp-turquoise-background .col-xs-12 .col-xs-2 {
position: absolute;
width: 100%;
}
.mobileapp-turquoise-background .col-xs-12 .col-xs-10 {
width: 100%;
margin: 10rem auto 5rem;
}
.mobileapp-servic-background {
background-image: none;
}
.wrapper-place {
width: 100%;
margin: 2rem 0;
}
}
/*Propaganda*/
.propaganda-table tr td:first-child {
width: 23.5rem;
}
.propaganda-property {
margin-bottom: 3rem;
}
.propaganda-property-row {
padding: 1rem 0;
}
.propaganda-google .pumpkin {
background-color: transparent !important;
}
.propaganda-table .btn-animation:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.8rem;
}
.propaganda-table .btn-animation span {
font-size: 1.5rem
}
@media (max-width: 767px) {
.propaganda-google .text-left {
text-align: center;
}
}
@media (max-width: 450px) {
.propaganda-google .col-xs-12 {
position: relative;
}
.propaganda-google .spacer-top {
margin-top: 0;
}
.propaganda-google .col-xs-10 {
margin: 7rem auto 3rem !important;
}
.propaganda-google .col-xs-10 button {
float: unset;
}
.propaganda-google .col-xs-2 {
position: absolute;
left: 50%;
transform: translate(-50%);
}
.propaganda-google .col-xs-10, .propaganda-google .col-xs-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
}
.propaganda-google {
}
/* SMS */
.sms-city-background {
background: url("../../../images/shetab-data/fa-pages/sms/sms-city-background.jpg") no-repeat;
}
.sms-round-icon img {
height: 140px;
width: 140px;
background-color: rgba(255, 255, 255, 0.13);
border: 5px solid #19bd9b;
border-radius: 80px;
margin: 0 auto;
}
.sms-round-button a {
background-color: rgba(255, 255, 255, 0.13);
border: 2px solid #19bd9b;
border-radius: 5px;
color: white;
padding: 5px;
}
.sms-round-button a:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
color: #fff;
}
.sms-lower-button a {
background-color: #19bd9b;
color: white;
padding: 2px 30px 0 30px;
float: left;
border-radius: 5px;
width: unset;
}
.sms-lower-button a:before {
content: "\f108";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
color: #fff;
}
.sms-lower-button a.btn-animation:hover:before {
top: -2px;
}
@media (max-width: 991px) and (min-width: 768px) {
.sms-section-two img {
margin: 3rem auto;
}
.sms-section-three img, .sms-section-five img {
margin: 6rem auto;
}
}
@media (max-width: 767px) {
.sms-section-four {
background-image: none;
background-color: #414d5a;
}
.sms-section-five .sms-lower-button a {
float: unset;
}
.sms-section-five {
position: relative;
}
.sms-section-five .sem-inf-wrapper {
margin-top: 30rem;
}
.sms-section-five .sem-img-wrapper {
position: absolute;
top: 2rem;
transform: translateX(-50%);
left: 50%;
}
.sms-section-five .sem-img-wrapper img {
width: 30rem;
}
.sms-section-two {
position: relative;
}
.sms-section-two .sem-inf-wrapper {
margin-bottom: 32rem;
}
.sms-section-two .sem-img-wrapper {
position: absolute;
left: 50%;
transform: translatex(-50%);
bottom: 4rem;
}
.sms-section-two .sem-img-wrapper img {
width: 32rem;
}
.sms-section-three img {
width: 32rem;
}
}
@media (max-width: 400px) {
.sms-section-four .col-xs-6 {
width: 100%;
}
}
/* SMS Price */
.sms-price-table tbody tr td:first-of-type {
text-indent: 20px;
text-align: right;
}
.sms-price-table tbody > tr:first-of-type > td:first-of-type {
text-indent: 0;
text-align: center;
}
.sms-price-table.table-bordered > thead > tr > td {
border: none;
}
.sms-price-table.table-bordered {
border: none;
}
.sms-price-table tbody tr td:nth-of-type(odd):not(.rhino-background) {
background-color: white;
}
.sms-price-table tbody tr td:nth-of-type(even):not(.pumpkin-background) {
background-color: #F8F8F8;
}
.sms-price-table a {
background-color: #FF760E;
color: white;
padding: 4px 5px 3px 5px;
border-radius: 5px;
font-size: 10pt;
width: 100%;
float: left;
}
.facilities a:before {
content: "\f07a";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
padding: 0.5rem;
}
.sms-price-table.facilities tbody > tr:first-of-type > td:first-of-type, .facilities tbody > tr > td:first-of-type {
text-align: left;
}
/* SEM */
.sem-price-table {
text-align: center;
}
.sem-price-table thead td {
border: none !important;
background-color: #f8f8f8;
}
.sem-price-table tbody td {
background-color: white;
width: 10rem;
}
.sem-price-table tbody td:first-of-type {
background-color: #f8f8f8;
text-align: left;
font-size: 13px;
vertical-align: middle;
}
.sem-price-table tbody td:first-of-type i {
font-size: 16px;
margin-top: 0;
margin-right: 15px;
float: left;
}
.sem-price-table a {
background-color: #FF760E;
color: white;
padding: 7px 5px 7px 5px;
border-radius: 5px;
width: 100%;
float: left;
font-size: 12px;
display: none;
}
.sem-price-table a i {
float: right;
margin-top: 3px;
}
/*start test by arab*/
.host-section-two-wrapper {
background: white;
}
.host-section-two {
margin: 5rem auto;
min-height: 10rem;
}
.host-box-section-two {
color: #c1c1c1;
height: 120px;
}
.host-box-section-two span {
display: block;
text-align: center;
}
.host-box-section-two span img {
margin: 0 auto
}
.host-section-three {
background-color: #f7f6fb;
border-top: 2px solid #e8e8e8;
padding: 4rem 0;
}
.host-section-three img {
margin: 0 auto;
}
.host-section-three h2 {
margin-top: 0rem;
}
.host-section-three p {
text-align: right;
color: #424e5c;
line-height: 3rem;
}
.host-section-three h1 {
text-align: right;
color: #424e5c;
}
.host-fixed-bg {
background-image: url("../../../images/shetab-data/fa-pages/host/host-fix-bg.jpg");
min-height: 40rem;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.host-fixed-bg .container {
padding: 10rem 0;
}
.host-fixed-bg img {
margin: 0 auto;
}
.host-fixed-bg-box {
text-align: center;
margin: 1rem;
color: white;
padding: 2rem 0rem;
}
.host-wrapper-section-six {
position: relative;
}
.host-section-six {
width: 25%;
position: absolute;
left: 20%;
top: 0;
transform: translate(10%, 0%);
}
.host-section-six span {
color: white;
margin-right: 8%;
}
.host-section-six h3:nth-child(2) {
padding-right: 10%;
}
.host-section-six h3:last-child {
padding-right: 20%;
}
.host-section-seven-box {
border: 2px solid #dbdbe2;
text-align: center;
margin: 1rem 0;
padding: 2rem 0rem;
}
.host-section-seven-box h4 {
margin-top: 4rem;
direction: ltr;
font-family: arial, serif;
font-size: 1.5rem;
}
.host-price-table .btn-animation:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
}
.host-price-table .btn-animation:before {
font-size: 2.5rem;
}
.host-price-table .btn-animation:hover:before {
top: -4px;
transition: all .3s;
}
.host-price-table .btn-animation span {
font-size: 1.5rem;
}
.host-price-table .pumpkin span {
display: block;
}
@media (max-width: 767px) {
.host-wrapper-section-six {
height: 230px;
background-color: #3675d4;
}
.host-wrapper-section-six > img {
display: none;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
.host-section-three .col-md-5 {
top: 9rem
}
}
@media (max-width: 991px) and (min-width: 768px) {
.host-section-six {
width: 90% !important;
}
}
@media (min-width: 635px) and (max-width: 991px) {
.host-section-six {
width: 50%;
top: -5px;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 634px) {
.host-section-six {
width: 100%;
top: 0px;
left: 0;
transform: unset;
}
}
@media (min-width: 1199px) {
.host-section-three .col-md-5 {
top: 3rem
}
}
/*domain*/
.dropdown-menu {
border-radius: 0px 0px 3px 3px;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
width: 370px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: right;
list-style: none;
background-color: #f9f9f9;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid #e1e1e1;
border-top: 0px;
}
#show-search {
padding: 0;
}
.domain-section-one {
position: relative;
}
.domain-menu-wrapper {
position: absolute;
width: 100%;
background-color: white;
bottom: 0px;
opacity: 0.8;
color: black;
}
.domain-menu-wrapper .navbar-default {
width: 50%;
margin: 0 auto;
background: transparent;
border: none;
}
.domain-menu-wrapper .navbar-default .navbar-nav {
margin: 0 auto;
float: unset;
}
.domain-menu-wrapper .navbar-default .navbar-nav > li {
float: right;
width: 25%;
text-align: center;
}
.domain-menu-wrapper .navbar-default .navbar-nav > li a {
position: relative;
}
.domain-menu-wrapper .navbar-default .navbar-nav > li a:before {
position: absolute;
content: "|";
left: 0;
}
.domain-menu-wrapper .navbar-default .navbar-nav > li:last-child a:before {
display: none;
}
.domain-section-two {
background-color: #fff;
padding: 5rem 0;
}
.domain-inf-box img {
margin: 0 auto;
}
.domain-inf-box p {
padding-right: 5rem;
padding-left: 5rem;
}
.chose-domain-name button {
border-radius: 0 5px 5px 0 !important;
transition: all 0.3s;
padding: 1.5rem;
position: absolute;
}
.chose-domain-name button:hover, .chose-domain-name button:active, .chose-domain-name button:focus {
transition: all 0.3s;
background-color: #33babd;
border-color: #33babd;
color: white;
}
.chose-domain-name .form-control {
border: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 1rem;
height: 5rem;
}
.domain-choose-name:focus {
border-color: #33babd;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(51, 186, 189, 0.55), 0 0 8px rgba(51, 186, 189, 0.55);
box-shadow: inset 0 1px 1px rgba(51, 186, 189, 0.55), 0 0 8px rgba(51, 186, 189, 0.55);
}
.chose-domain-name button {
background-color: #334960;
color: white;
width: 100%;
}
.domain-choose-part {
display: inline-block;
position: relative;
width: 16%;
text-align: left;
}
#domain-choose-part .dropdown-menu {
width: 103%;
min-width: unset;
}
#domain-choose-part ul {
padding: 0 1.5rem;
direction: ltr;
text-align: left;
list-style: none;
}
#domain-choose-part .dropdown-menu ul li {
padding: 0 3rem;
}
.domain-choose-part ul label input {
float: left !important;
margin-right: 10px !important;
width: unset;
margin-top: 0.7rem;
}
.domain-choose-part ul label {
width: unset;
left: 1rem;
direction: ltr;
}
.domain-choose-part ul span {
display: inline-block;
position: relative;
width: 15%;
padding: 0.9rem;
margin: 0;
}
.domain-choose-part:before {
}
.domain-choose-part > span {
color: #33babd;
font-size: 1.7rem;
display: block;
padding: 1rem 2rem;
cursor: pointer;
position: relative;
text-align: right;
}
.domain-choose-part > span:before {
position: absolute;
content: "\f0d7";
font: normal normal normal 14px/1 FontAwesome;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
color: #33babd;
font-size: 2rem;
cursor: pointer;
}
.chose-domain-name {
position: relative;
}
#show-search td {
font-size: 1.6rem;
}
.domain-choose-name {
width: 80%;
margin: 0 auto;
border: 1px solid #ccc;
border-radius: 0 6px 6px 0;
background-color: white;
}
.domain-search-input {
display: inline-block;
width: 10%;
}
.domain-section-three {
padding-top: 6rem;
background-color: #f7f6fb;
}
.domain-section-three input {
direction: ltr;
padding-left: 2rem !important;
padding: 2.5rem;
width: 55%;
display: inline-block;
float: unset;
position: absolute;
border: none;
}
.domain-section-three .uk-button:active, .domain-section-three .uk-button.uk-active {
top: 0;
}
.domain-search-icon {
position: absolute;
left: 11%;
z-index: 10;
width: 45px;
text-align: center;
top: 2px;
height: 50px;
}
.domain-search-icon i {
font-size: 2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #33babd;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
vertical-align: middle;
}
.price-table > tbody > tr > td a {
color: #424d5f;
display: block;
width: 100%;
text-align: center;
}
.price-table > tbody > tr > td a:hover {
color: #424d5f;
}
.border-none {
border: none !important;
}
.domain-section-three tr:nth-child(even) {
background: #e4e7ee
}
.domain-section-three .turquoise {
direction: ltr;
}
.domain-section-three .vertical-padding {
padding-top: 7rem;
}
.domain-icon-information {
padding-right: 1rem;
display: none;
}
.domain-section-three img {
margin: 0 auto;
}
.domain-section-four {
background-color: #fff;
padding: 5rem 0;
}
.domain-section-four img {
max-width: 70%;
}
.domain-section-four h2 {
margin-bottom: 3rem;
}
.domain-section-four p:nth-child(3) {
padding-bottom: 3rem;
}
.domain-section-four img {
margin: 0 auto;
}
.domain-section-four .btn-animation {
background-color: #33babd;
border-radius: 6px;
}
.domain-section-four .btn-animation:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 3rem;
}
/*data-tooltip*/
[data-tooltip],
.tooltip {
position: relative;
cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.tooltip:before,
[data-tooltip]:before {
z-index: 1001;
border: 6px solid transparent;
background: transparent;
content: "";
}
.tooltip:after,
[data-tooltip]:after {
z-index: 1000;
padding: 8px;
width: 110%;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
font-size: 14px;
line-height: 1.6;
left: 0 !important;
white-space: normal;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
bottom: 100%;
left: 50%;
}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
margin-left: -0.6rem;
margin-bottom: -1.1rem;
border-top-color: #000;
border-top-color: hsla(0, 0%, 20%, 0.9);
}
#selection-domain .price-table .tooltip-top:after {
left: 50% !important;
transform: translatex(-50%);
font-size: 1.2rem;
}
#selection-domain .tooltip:after, #selection-domain [data-tooltip]:after {
background-color: #60dde0;
border: 2px solid #33babd;
border-radius: 6px;
}
#selection-domain [data-tooltip]:before, #selection-domain .tooltip:before, #selection-domain .tooltip-top:before {
border-top-color: #33babd;
}
@media (max-width: 768px) {
.domain-section-four {
margin: 0 auto;
text-align: center;
}
.domain-section-four .left {
float: unset;
}
}
@media (min-width: 800px) and (max-width: 1280px) {
.domain-menu-wrapper .navbar-default {
width: 80%;
}
}
@media (max-width: 800px) {
.domain-menu-wrapper .navbar-default {
width: 100%;
}
.domain-menu-wrapper .navbar-default .navbar-nav > li a {
padding: 15px 2px;
}
}
@media (max-width: 550px) {
.domain-menu-wrapper .navbar-default .navbar-nav > li a {
font-size: 1rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.domain-section-two .domain-inf-box p {
padding-right: 0rem;
padding-left: 0rem;
}
}
@media (max-width: 1199px) {
#domain-choose-part .dropdown-menu ul li {
padding: 0 1rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.domain-section-three .table-responsive {
overflow-x: unset;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.tooltip:after,
[data-tooltip]:after {
width: 140% !important;
}
.domain-choose-part > span {
padding-left: 0;
}
.domain-section-four img {
max-width: 100%;
}
}
@media (max-width: 992px) {
.domain-choose-name {
width: 100%;
}
.domain-search-icon {
left: 0;
}
.domain-section-three input {
width: 70%;
}
}
@media (max-width: 767px) {
.tooltip:after,
[data-tooltip]:after {
width: 216% !important;
font-size: 1rem !important;
}
.domain-section-three .vertical-padding {
padding-top: 0rem;
}
.domain-choose-name {
width: 90%;
margin-bottom: 3rem;
}
#domain-choose-part span {
padding-left: 0;
font-size: 1.5rem;
}
.domain-search-icon {
left: 5%;
}
.domain-choose-part::before {
left: 90%;
}
.domain-search-input {
width: 12%;
}
.domain-section-three input {
width: 60%;
}
.domain-choose-part > span::before {
font-size: 1.5rem;
}
}
@media (min-width: 630px) and (max-width: 767px) {
}
@media (max-width: 630px) {
.domain-search-input button {
font-size: 1.1rem;
padding: 2rem 0px;
}
#domain-choose-part span {
font-size: 1.2rem;
}
.domain-choose-part::before {
font-size: 1.7rem;
}
.domain-search-input {
width: 15% !important;
}
.domain-choose-part {
width: 20% !important;
}
.chose-domain-name .form-control {
height: 5.5rem;
font-size: 1.2rem;
}
.domain-section-three input {
width: 54%;
padding-left: 22px !important;
}
#domain-choose-part .dropdown-menu ul li {
font-size: 0.9rem;
}
}
@media (max-width: 450px) {
.domain-section-two .domain-inf-box p {
padding-right: 0rem;
padding-left: 0rem;
}
.domain-choose-part::before {
left: 95% !important;
font-size: 1.5rem;
}
.domain-search-input {
width: 18% !important;
}
.domain-choose-part {
width: 25% !important;
}
.domain-section-three input {
width: 46%;
font-size: 1rem !important;
}
.chose-domain-name .form-control {
height: 5.7rem;
}
.domain-choose-part > span::before {
right: -6px;
}
#domain-choose-part span {
padding-right: 1rem;
}
}
@media (max-width: 350px) {
.domain-section-three input {
font-size: 0.8rem !important;
}
}
/*contact us*/
.contact-us-wrapper {
background-image: url("../../../images/shetab-data/fa-pages/contact-us/contactus-bg.jpg");
width: 100%;
background-color: #283244;
color: #abaeb5;
}
.footer-wrapper-part-one {
direction: ltr;
}
.contact-us-working-hours {
font-size: 12px;
color: #ababab;
}
.footer-wrapper-part-one .col-xs-8, .footer-wrapper-part-one .col-xs-4, .footer-wrapper-part-one .col-xs-3 {
float: left;
}
.contact-us-title {
width: 70%;
color: white;
margin: 0 auto;
text-align: center;
padding-top: 4rem;
}
.contact-us-title h2 {
margin-bottom: 2rem;
}
.contact-us-border-title {
width: 80%;
margin: 0 auto;
}
.contact-us-border-title hr {
width: 47%;
float: left;
}
.contact-us-border-title hr:first-child {
float: right;
}
.contact-us-border-title span {
width: 20px;
height: 20px;
display: inline-block;
border: 2px solid white;
border-radius: 50%;
margin-top: 11px;
}
.contact-us-box-wrapper {
padding: 4rem 0 0 0;
}
.contact-us-box {
color: white;
text-align: center;
height: 25rem;
padding-top: 2rem;
}
.contact-us-img span {
display: inline-block;
border-radius: 50%;
background-color: white;
width: 8rem;
height: 8rem;
position: relative;
}
.contact-us-img span i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #142f4d;
font-size: 4rem;
}
.contact-us-info span {
display: block;
}
.contact-us-info span a {
color: white;
font-size: 1.5rem;
}
.contact-us-info .contact-inf-span {
font-size: 1.8rem;
margin: 1rem 0;
}
.contact-us-info span:nth-child(2) {
direction: ltr;
font-size: 1.7rem;
}
.contact-us-wrapper .form-inline .form-control {
background-image: none !important;
background-color: #161f32;
border-radius: 0;
border: 1px solid #7e889e;
padding: .5rem 1.5rem;
font-size: 1.5rem;
color: #fff;
}
#__lpform_name_icon {
display: none !important;
}
#rsform_4_page_0 input::-webkit-input-placeholder, #rsform_4_page_0 textarea::-webkit-input-placeholder {
color: #7e889e;
}
#rsform_4_page_0 input::-moz-placeholder, #rsform_4_page_0 textarea::-moz-placeholder {
color: #7e889e;
}
#rsform_4_page_0 input:-ms-input-placeholder {
color: #7e889e;
}
#rsform_4_page_0 input:-moz-placeholder {
color: #7e889e;
}
.contact-us-wrapper .form-horizontal .form-group {
margin: 1.5rem 0;
padding: 0;
}
.contact-us-wrapper .formControls input {
height: 60px;
}
.contact-us-wrapper .formControls textarea {
padding: 2.5rem 1.5rem !important;
}
.contact-us-wrapper .formControls input, .contact-us-wrapper .formControls textarea {
width: 100%;
}
.contact-us-wrapper .formControls textarea {
resize: none;
}
.contact-us-form-wrapper h2 {
display: none;
}
.contact-us-form-wrapper {
padding-bottom: 3rem;
}
.contact-us-wrapper .formControls button {
position: absolute;
color: white;
border-radius: 0;
background-color: transparent;
font-size: 1.8rem;
border: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
#send:focus {
background-color: transparent;
border: none;
outline: none;
box-shadow: none;
}
.contact-us-wrapper .rsform-block-send {
margin: 0 auto;
text-align: center;
}
.contact-us-wrapper .formValidation {
display: none;
}
.contact-us-wrapper .formRed {
padding: 0 3.2rem;
}
#contact-send {
background-color: white;
border: medium none !important;
font-size: 18px;
letter-spacing: 0.07px;
padding: 3rem 7.5rem 3rem 5rem !important;
position: relative;
text-shadow: none !important;
transition: color 0.4s ease 0s,
padding-left 0.55s ease 0s,
padding-right 0.55s ease 0s,
background 1s ease 0s;
z-index: 1;
color: white;
}
#contact-send:before, #contact-send:after {
background-color: #6e82a5;
content: "";
height: 100%;
right: 0;
position: absolute;
top: 0;
transition: all 0.25s cubic-bezier(0.52, 0, 0.08, 1) 50ms;
width: calc(100% - 24px);
z-index: -2;
}
#contact-send:after {
background-color: RGBA(79, 99, 141, 0.58);
transition: all 0.15s cubic-bezier(0.82, 0, 0.28, 1) 0s;
width: calc(100% - 12px);
z-index: -1;
}
#contact-send:hover {
background-color: white;
color: #3d506f;
}
#contact-send:hover::before {
background-color: #3d506f;
transition: all 0.4s cubic-bezier(0.82, 0, 0.28, 1) 0s;
width: 12px;
}
#contact-send:hover::after {
background-color: RGBA(94, 119, 173, 0.9);
transition: all 0.7s cubic-bezier(0.52, 0, 0.08, 1) 50ms;
width: 24px;
}
#contact-send:hover button {
color: #3d506f;
transition: all 0.4s cubic-bezier(0.82, 0, 0.28, 1) 0s;
}
.contact-send-icon i {
position: absolute;
z-index: 20;
top: 50%;
left: 80%;
transform: translate(-50%, -50%);
font-size: 2.5rem;
color: white;
transition: all 0.4s cubic-bezier(0.82, 0, 0.28, 1) 0s;
}
.contact-send-icon:hover i {
color: #3d506f;
transition: all 0.4s cubic-bezier(0.82, 0, 0.28, 1) 0s;
}
.contact-send-icon {
position: relative;
width: 200px;
margin: 0 auto;
}
.has-error .form-control {
border-color: #a94442 !important;
}
.cuntact-us-map .gm-style-iw {
padding-right: 1.5rem;
font-family: 'NormalFont', tahoma, arial, serif !important;
}
.cuntact-us-map .gm-style-iw div {
overflow: unset !important;
}
.cuntact-us-map .gm-style-iw h3 {
font-size: 1.7rem;
color: #161f32;
}
.cuntact-us-map .gm-style-iw .uk-margin {
font-size: 1.5rem;
color: #5b6f97;
}
#userForm .rsform-block {
float: right;
}
.contact-form-thank-message {
text-align: center;
margin-top: 50px;
color: white;
font-size: 30px;
}
@media screen and (max-width: 991px) and(min-width: 550px) {
.contact-send-icon i {
left: 58%;
}
}
@media screen and (max-width: 549px) and (min-width: 400px) {
.contact-send-icon i {
left: 80%;
}
}
@media screen and (max-width: 399px) {
.contact-send-icon i {
left: 80%;
}
.contact-us-border-title hr:first-child {
display: none;
}
.contact-us-border-title span {
display: none;
}
.contact-us-border-title hr {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.contact-us-wrapper {
background-image: none;
}
.contact-us-title h3 {
font-size: 1.5rem;
}
}
@media screen and (max-width: 670px) {
.contact-us-title {
width: 100%;
}
.contact-us-border-title {
width: 100%;
}
.contact-us-title h2 {
font-size: 2rem;
}
.contact-us-title h4 {
font-size: 1.3rem;
}
}
@media screen and (max-width: 460px) {
.contact-us-wrapper .contact-us-box {
width: 100%;
}
}
@media screen and (max-width: 350px) {
.contact-us-title h4 {
font-size: 1.1rem !important;
}
}
/*Honours page*/
.honours-wrapper {
background-image: url("../../../images/shetab-data/fa-pages/honours/honours-back.jpg");
}
.honours-section-one .honours-wrapper-box {
height: 53rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.honours-title {
margin-bottom: 3rem;
}
.honours-title h1 {
position: relative;
text-align: center;
color: white;
}
.honours-title h1 hr {
position: absolute;
content: " ";
width: 10%;
height: 1px;
background-color: #af8952;
left: 50%;
transform: translatex(-50%);
border-top: 1px solid #af8952;
color: #af8952;
}
.honours-title h1 span {
color: #af8952;
}
.honours-section-one .honours-title {
margin-bottom: 5rem;
}
.honours-section-one .honours-box-img {
text-align: center;
height: 24rem;
}
.honours-section-one .hexagon {
position: relative;
width: 26rem;
height: 15rem;
background-color: transparent;
border-right: 4px solid #af8952;
border-left: 4px solid #af8952;
margin: 7.4rem auto;
cursor: pointer
}
.honours-section-one .hexagon:before,
.honours-section-one .hexagon:after {
content: "";
position: absolute;
width: 103%;
height: 100%;
border-right: 4px solid #af8952;
border-left: 4px solid #af8952;
background-color: transparent;
left: -1%;
top: 0%;
}
.hexagon:before {
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.hexagon:after {
-ms-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.hexagon img {
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.honours-box-inf h4 {
line-height: 2.8rem;
text-align: center;
color: white;
}
.honours-section-two .honours-box-img {
text-align: center;
height: 18rem;
}
.honours-section-two .col-md-2 {
width: 13%;
}
.honours-section-two .hexagon {
position: relative;
width: 21rem;
height: 12rem;
background-color: transparent;
border-right: 4px solid #af8952;
border-left: 4px solid #af8952;
margin: 10.4rem auto;
cursor: pointer
}
.honours-section-two .honours-wrapper-box {
height: 33rem;
margin: 2rem auto;
}
/*.honours-section-two .honours-title{*/
/*margin-bottom: 2rem;*/
/*}*/
.honours-section-two .hexagon:before,
.honours-section-two .hexagon:after {
content: "";
position: absolute;
width: 104%;
height: 100%;
border-right: 4px solid #af8952;
border-left: 4px solid #af8952;
background-color: transparent;
left: -2%;
top: 0%;
}
.honours-section-two .col-sm-2 {
width: 12%;
}
.honours-section-three {
width: 80%;
margin: 0rem auto;
position: relative;
padding: 3rem 0;
}
.honours-section-three .honours-box {
position: relative;
cursor: pointer;
}
.honours-section-three .honours-title {
margin: 6rem 0;
}
.honours-section-three .honours-box > span {
display: block;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translatey(-50%);
color: white;
transition: all 1s linear;
}
.honours-section-three .honours-box-hover {
position: absolute;
background-color: rgba(0, 0, 0, 0.21);
opacity: 0;
color: white;
width: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 90%;
text-align: center;
transition: all 1s linear;
border: 1px solid white;
padding: 4rem 2rem;
}
.honours-box-hover span span {
direction: ltr;
}
.honours-section-three .honours-box-hover span {
display: block;
color: #af8952;
}
.honours-section-three .honours-box-hover p {
margin-top: 2rem;
}
.honours-section-three .honours-box:hover .honours-box-hover {
transition: all 1s linear;
opacity: 1;
}
.honours-section-three .honours-box:hover > span {
opacity: 0;
transition: all 1s linear;
}
.honours-section-three .honours-box-margin {
margin: .5rem auto;
padding: 0.5rem;
}
.honours-box-padding {
padding: 0;
}
.honours-section-three .margin-botom {
margin-bottom: 1rem;
}
.honours-section-three .close {
color: white;
opacity: 1;
}
.honours-section-three .close span:first-child {
position: absolute;
font-size: 4rem;
border: 2px solid white;
border-radius: 50%;
right: -50%;
height: 60px;
width: 60px;
text-align: center;
padding: 1rem;
transform: translatex(-50%);
}
.honours-section-three .modal.in .modal-dialog {
margin: 10rem auto;
}
.honours-section-three .fade.in + .honours-blur {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.honours-section-one .fade.in + .honours-blur {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.honours-section-two .fade.in + .honours-blur {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.honours-section-three .modal-body {
padding: 0
}
.honours-section-three .honours-film-wrapper {
background-color: black;
padding: 3.8% 0.5rem;
width: 98%;
margin-right: 1.5%;
margin-left: 1.5%;
}
.honours-section-three img {
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
}
@media screen and (min-width: 1371px) {
.honours-section-three .honours-box-small .honours-box-hover {
padding: 0rem 2rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1600px) {
.honours-section-three .honours-box-small .honours-box-hover p {
margin-top: 0;
line-height: 2rem;
}
.honours-section-three .honours-box-small .honours-box-hover span h3 {
margin-bottom: 0;
}
}
@media screen and (min-width: 1280px) and (max-width: 1300px) {
.honours-section-three .honours-box-hover {
padding: 3rem 1rem;
}
.honours-section-three .honours-box-small .honours-box-hover span h3 {
margin-top: 0.5rem;
}
}
@media screen and (min-width: 1199px) and (max-width: 1370px) {
.honours-section-three .honours-box-hover {
padding: 0 1rem;
}
.honours-section-three .honours-box-hover h3 {
margin-top: 1rem;
}
.honours-section-three .honours-box-hover p {
margin-top: 0px;
font-size: 1.2rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1198px) {
.honours-section-three .honours-box-hover span {
display: none;
}
.honours-section-three .honours-box-hover p {
margin-top: 0rem;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: 100%;
}
.honours-section-three .honours-box-hover {
padding: 2rem 1rem;
}
.honours-section-three .close span:first-child {
right: -25%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.honours-section-three .honours-box-hover {
padding: 0 !important;
}
}
@media screen and (max-width: 991px) {
.honours-section-two .honours-wrapper-box {
height: 38rem;
}
}
@media screen and (max-width: 980px) {
.honours-section-three .honours-box-small .honours-box-hover span h3 {
margin-top: 0;
}
.honours-section-three .honours-box-small .honours-box-hover {
padding: 1rem;
}
}
@media screen and (max-width: 620px) {
.honours-section-one .col-xs-6 {
width: 100%;
padding-bottom: 0;
height: 50rem;
}
}
@media screen and (max-width: 500px) {
.honours-section-two .honours-wrapper-box {
width: 100%;
}
.honours-section-two .col-xs-3 {
display: none;
}
.honours-section-two .honours-wrapper-box {
height: 35rem;
}
.honours-section-three .close span:first-child {
display: none;
}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
.honours-section-three {
width: 55%;
}
}
@media screen and (min-width: 500px) and (max-width: 550px) {
.honours-box-small .honours-box-hover span h3 {
margin-top: 0;
margin-bottom: 0;
}
.honours-section-three .honours-box-hover p {
margin-top: 0.5rem;
}
}
@media screen and (max-width: 768px) {
.honours-section-three .margin-botom {
margin-bottom: 1.5rem;
}
.honours-section-three .honours-box img {
width: 100%;
}
.honours-section-three .modal.in .modal-dialog {
width: 70%;
}
}
@media screen and (max-width: 400px) {
.honours-wrapper .honours-title h1 {
font-size: 2rem;
}
.honours-wrapper .honours-title h1 hr {
width: 30%;
}
.honours-section-one .hexagon {
width: 23rem;
height: 13.2rem;
}
.honours-section-one .hexagon img {
max-width: 55%;
}
.honours-section-one .honours-wrapper-box {
height: 48rem;
}
.honours-section-one .honours-box-img {
height: 21rem;
}
.honours-section-three .honours-box-hover span {
display: none;
}
}
@media screen and (min-width: 401px) and (max-width: 535px) {
.honours-wrapper .honours-title h1 {
font-size: 2.5rem;
}
.honours-wrapper .honours-title h1 hr {
width: 30%;
}
}
/*web design*/
.pointer-cursor a {
cursor: unset;
}
#web-design-secten img {
margin: 0 auto;
}
#web-design-secten a {
background-color: #ff2929;
border: 1px solid #ff2929;
}
#web-design-secten a:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2.5rem;
}
#web-design-secfive {
margin-top: 7rem;
}
#web-design-seceight .web-box-wrapper {
position: absolute;
top: -6rem;
left: 0;
}
#web-design-seceight .web-box-wrapper-inf {
position: absolute;
top: 67%;
width: 65%;
right: 12%;
transform: translatey(-50%);
color: white;
}
#web-design-seceight .web-box-wrapper-inf i {
font-size: 10rem;
}
#web-design-seceight .web-box-wrapper-inf p {
line-height: 1.5;
}
#web-design-seceight .web-box-wrapper-inf .btn-animation {
background-color: white;
color: #ff2929;
border-radius: 1.5rem;
padding: 0.5rem 1rem;
}
#web-design-seceight .web-box-wrapper-inf .btn-animation:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2.5rem;
color: #ff2929;
}
#web-design-seceight {
position: relative;
}
#web-design-seceight .container p {
padding: 0 7rem;
}
.uk-slideset-nav {
padding: 1rem 0;
}
.web-design-tec {
position: relative;
overflow-x: hidden;
}
.web-design-tec .uk-flex.uk-flex-right.uk-margin-top {
position: absolute;
top: -1rem;
left: 1rem;
}
.web-design-tec .gray-border-bottom + div {
margin: 1rem auto;
}
.web-design-tec .uk-slidenav:hover, .web-design-tec .uk-slidenav:focus {
color: #ff2929;
}
.web-design-tec .uk-slidenav {
color: #424d5f;
width: 2rem;
height: 5rem;
font-size: 3rem;
font-weight: bold;
}
#web-design-secnine {
/*display: none;*/
}
@media screen and (min-width: 1600px) and (max-width: 1800px) {
#web-design-seceight .container p {
padding: 0 17rem;
}
#web-design-seceight .container img {
width: 60%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#web-design-secten img {
margin-top: 20%;
}
}
@media screen and (min-width: 1450px) and (max-width: 1599px) {
#web-design-seceight .container p {
padding: 0px 25rem;
}
#web-design-seceight .container img {
width: 55%;
}
#web-design-seceight .web-box-wrapper img {
width: 90%;
}
#web-design-seceight .web-box-wrapper-inf i {
font-size: 7rem;
}
}
@media screen and (max-width: 897px) {
.list-hex-grid {
margin-bottom: 0;
}
.mq-mid-for {
display: none !important;
}
}
@media screen and (min-width: 1320px) and (max-width: 1449px) {
#web-design-seceight .container p {
padding: 0px 26rem;
}
#web-design-seceight .container img {
width: 40%;
}
#web-design-seceight .web-box-wrapper img {
width: 80%;
}
#web-design-seceight .web-box-wrapper-inf i {
font-size: 6rem;
}
#web-design-seceight .web-box-wrapper-inf h4 {
margin: 0;
}
}
@media screen and (min-width: 1200px) and (max-width: 1310px) {
}
@media screen and (max-width: 1319px) {
#web-design-seceight .container p {
padding: 0;
}
#web-design-seceight .web-box-wrapper img {
display: none;
}
#web-design-seceight .web-box-wrapper .web-box-wrapper-inf img {
display: block;
margin: 0 auto;
}
#web-design-seceight .web-box-wrapper {
position: unset;
margin: 0 -15px;
padding: 2rem;
color: white;
background-color: #ff2929;
}
#web-design-seceight .web-box-wrapper-inf {
position: unset;
top: unset;
left: unset;
transform: unset;
width: unset;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#web-design-secten {
text-align: center;
}
#web-design-secten img {
margin: 3rem auto 5rem;
max-width: 70%;
}
#web-design-secten button {
float: unset;
}
#web-design-sectwelve img {
max-width: 70%;
}
#web-design-secten a {
float: none !important;
}
}
@media screen and (max-width: 767px) {
#web-design-secseven .col-sm-4:first-child {
margin-top: 0;
}
#web-design-secseven .col-sm-4 {
margin-top: 5rem;
}
#web-design-secten {
text-align: center;
}
#web-design-secten img {
margin: 3rem auto 5rem;
max-width: 85%;
}
#web-design-secten button {
float: unset;
}
#web-design-sectwelve img {
max-width: 85%;
}
#web-design-secten a {
float: none !important;
}
}
@media screen and (max-width: 600px) {
.uk-responsive-width{
width:105px;
}
.tm-headerbar .uk-navbar-content{
padding: 5px 0 5px 30px;
}
}
/*main page*/
.main-page-size-wrapper {
width: 80%;
margin: 0 auto 15rem;
}
.main-section-two {
position: relative;
background-color: #fff;
color: #424d5f;
padding-top: 4rem;
}
.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;
}
.main-page-sec-title hr {
position: absolute;
content: " ";
width: 9%;
height: 1px;
background-color: #ff760e;
left: 50%;
transform: translatex(-50%);
border-top: 1px solid #ff760e;
color: #ff760e;
}
.main-section-three {
background-image: url("../../../images/shetab-data/fa-pages/main-page/main-page-bg-sec-three.jpg");
background-color: #2d60a3;
}
.main-section-three h1 {
padding: 4rem 0 3rem;
color: #ff760e;
}
.main-section-three h2 {
padding-bottom: 2rem;
}
.main-box-info-wrapper h4 {
padding-top: 2rem;
}
.main-section-three .main-box-info-wrapper {
margin: 9rem auto 1rem;
float: right;
}
.main-box-img {
position: relative;
}
.main-box-img hr {
position: absolute;
content: " ";
width: 32%;
height: 1px;
background-color: #ff760e;
left: -15px;
transform: translatey(-50%);
border-top: 1px solid #ff760e;
color: #ff760e;
margin: 0;
top: 50%;
}
.main-section-three .main-img-size {
max-width: 71%;
}
.main-box-img hr.main-right {
right: -15px;
}
.main-section-three .main-box-info-wrapper .btn-animation {
color: #ff760e;
border-radius: 6px;
background-color: white;
margin-top: 11.5rem;
margin-bottom: 1rem;
float: right;
margin-right: 3rem;
padding: 0.5rem 1rem;
}
.main-section-three .main-box-info-wrapper .btn-animation:before, .main-section-four .btn-animation:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
}
.main-page-margin + .row {
margin: 0 auto;
}
.main-section-four {
background-color: white;
}
.main-section-four .btn-animation {
padding: 0.5rem 1rem;
background-color: #ff760e;
border-radius: 0.6rem;
margin-bottom: 2rem;
width: 20rem;
}
.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;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.main-section-five h1 {
margin: 7rem auto 4rem;
}
.main-section-five .main-page-link, .main-section-six .main-page-link {
margin: 6rem auto 4rem;
}
.main-section-six h1 span {
color: #ff760e;
}
.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: .5rem 1.5rem;
width: 20rem;
margin-left: 5rem;
}
.main-section-five .main-page-link .link-right:before {
content: "\f27b ";
font: normal normal normal 14px/1 FontAwesome;
font-size: 3rem;
padding: 0.5rem;
}
.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: #19529c;*/
background-color: #003fa2;
border-radius: 6px;
padding: .5rem 1.5rem;
width: 20rem;
margin-right: 5rem;
}
.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: 3rem;
padding: 0.5rem;
}
.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: 3rem;
padding: 0.5rem;
}
.main-section-six .btn-animation {
color: #fff !important;
text-decoration: none !important;
}
.main-section-seven {
background: #19519c url("../../../images/shetab-data/fa-pages/main-page/main-bg-sec-seven.jpg") center no-repeat;
padding-top: 5rem;
padding-bottom: 5rem;
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: 5rem 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: 20rem;
margin-right: 5rem;
}
.main-section-seven .main-page-link .link-left:before {
content: "\f086 ";
font: normal normal normal 14px/1 FontAwesome;
font-size: 3rem;
padding: 0.5rem;
}
.main-section-six h1 {
position: relative;
display: inline-block;
margin: 2rem;
}
.main-section-six h1:after {
position: absolute;
content: "";
border-left: 2px solid #ff760e;
width: 2.5rem;
border-bottom: 2px solid #ff760e;
left: -2rem;
height: 2.5rem;
bottom: -2rem;
}
.main-section-six h1:before {
position: absolute;
content: "";
border-top: 2px solid #ff760e;
width: 2.5rem;
border-right: 2px solid #ff760e;
right: -2rem;
height: 2.5rem;
top: -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;
}
@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 screen and (min-width: 768px) and (max-width: 1199px) {
.main-six-padding {
padding: 1.5rem 0;
}
.main-section-three {
background-image: none;
}
.main-section-three .main-box-info-wrapper .btn-animation {
float: unset;
}
}
@media screen and (min-width: 1200px) and (max-width: 1285px) {
.main-section-three .main-box-info-wrapper .btn-animation {
margin-top: 9.5rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.main-section-three .main-box-info-wrapper .btn-animation {
margin-top: 6.5rem;
margin-right: unset;
}
#web-design-page-portfolio{
padding-right: 25px;
}
}
@media screen and (max-width: 991px) {
.main-section-six-wrapper .col-xs-3, .main-section-six-wrapper .col-xs-9 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.main-section-three .main-box-info-wrapper .col-xs-6 hr {
display: none;
}
.main-section-three .main-box-info-wrapper .col-xs-6 {
margin: 1rem auto;
height: 25rem;
}
.main-section-three .main-box-info-wrapper .btn-animation {
float: unset;
margin-right: unset;
margin-top: 0rem;
}
#web-design-page-portfolio{
padding-right: 22px;
}
}
@media screen and (min-width: 1200px) {
.main-box-section-three {
position: relative;
}
.main-box-section-three #main-box-img-wrapper {
position: absolute;
left: 0;
bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.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-section-three {
background-image: none;
}
.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
}
.main-section-three .main-box-info-wrapper .btn-animation {
float: unset;
margin: 0 auto;
}
.main-section-three .main-box-info-wrapper .col-xs-6 {
height: 25rem;
}
#web-design-page-portfolio{
padding-right: 8px;
}
}
@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: 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-section-three .main-box-info-wrapper .col-xs-6 {
width: 100%;
margin: 3rem auto;
}
.main-our-custmer .uk-slidenav {
color: #424d5f;
font-size: 3rem;
width: 30px;
height: 30px;
}
}
/*footer*/
.uk-nav-side > li.uk-active > a {
color: #11c1ff;
}
.tm-block-dark {
background-color: #262930;
padding: 3rem 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;
}
.copy-write a:hover {
/*color: #ff760e!important;*/
/*transition: color 0.3s;*/
}
.footer-push {
margin-left: 13%;
}
.social-network .footer-push {
margin-left: 17%;
}
.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;
}
.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;
}
@media screen and (min-width: 431px) and (max-width: 767px) {
.footer-wrapper-part-one .col-xs-8 {
left: 16.6%;
}
}
@media (max-width: 767px) {
.footer-wrapper-part-one .col-xs-8 {
margin-bottom: 5rem;
}
}
@media (max-width: 430px) {
.footer-wrapper-part-one .col-xs-8 {
width: 100%;
}
.copy-write {
font-size: 1rem;
}
#back-to-top {
left: 2rem;
}
}
/*Simulator*/
#simulator-body {
background-color: white;
background-image: url(../../../images/shetab-data/fa-pages/simulator/simulator-grid.png), url(../../../images/shetab-data/fa-pages/simulator/simulator-grid2.png);
background-repeat: no-repeat, no-repeat;
background-position: right top, left bottom;
background-attachment: fixed;
background-size: 10%;
}
.simulator-section-one {
position: relative;
}
.simulator-section-one h1 {
color: #3d809d;
position: absolute;
content: " ";
top: 50%;
transform: translateY(-50%);
left: 20%;
text-align: center;
line-height: 6rem;
margin-top: 0;
}
.simulator-header {
color: #3d809d;
}
.simulator-section-two h2:nth-child(2) {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.simulator-hr-container {
position: relative;
}
.simulator-hr-container hr {
border-top: 2px solid #ffe2a3;
position: absolute;
width: 98%;
bottom: -3rem;
margin-top: 0;
margin-bottom: 0;
}
.simulator-section-six .simulator-hr-container hr, .simulator-section-seven .simulator-hr-container hr {
width: 60%;
margin: 0 20%;
}
.simulator-section-three {
background-color: #f2f2f2;
background-image: url("../../../images/shetab-data/fa-pages/simulator/simulator-bg-advantage.jpg");
background-position: left bottom;
background-repeat: no-repeat;
background-size: 34%;
}
.simulator-section-three .section-three-box-wrapper {
margin-bottom: 5rem;
}
.simulator-section-five {
padding-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 991px) {
.simulator-section-six img {
margin-top: 7rem;
}
.simulator-section-seven img {
margin-top: 3rem;
}
.simulator-section-eight img {
margin-top: 12rem;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.simulator-section-five .simulator-hr-container h3 {
font-size: 1.7rem;
}
}
@media (min-width: 768px) and (max-width: 1300px) {
.simulator-section-one h1 {
left: 10%;
font-size: 3rem;
}
}
@media (min-width: 768px) {
.section-three-box-wrapper .col-xs-2 img {
margin-top: 3rem;
}
}
@media (max-width: 767px) {
.simulator-section-seven {
position: relative;
}
.simulator-section-seven .col-xs-5 {
position: absolute;
top: 0;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.simulator-section-seven .col-xs-7 {
width: 100%;
margin-top: 27rem;
}
.simulator-hr-container hr {
margin: 0px 5%;
width: 86%;
}
#simulator-body .col-xs-justify {
text-align: justify;
}
.section-three-box-wrapper {
position: relative;
}
.section-three-box-wrapper .col-xs-10 {
margin-top: 12rem;
width: 100%;
}
.section-three-box-wrapper .col-xs-2 {
position: absolute;
top: 0%;
width: 96%;
float: unset;
padding-right: 15px;
padding-left: 15px;
}
.section-three-box-wrapper .col-xs-2 img {
margin: 0 auto;
}
.simulator-section-three {
background-position: left 100%;
background-size: 65%;
}
#simulator-body {
background-size: 15%;
}
.simulator-section-six .simulator-hr-container hr, .simulator-section-seven .simulator-hr-container hr {
margin: 0 17%;
}
.simulator-section-one h1 {
left: 7%;
line-height: 3rem;
font-size: 2rem;
}
.simulator-section-five .simulator-hr-container .col-xs-12 {
margin-bottom: 2rem;
}
}
@media (max-width: 500px) {
.simulator-section-one h1 {
left: 7%;
line-height: 3rem;
font-size: 1.4rem;
}
}
@media (max-width: 991px) {
#simulator-body {
background-image: none;
}
}
/*Rules*/
#shetab-rules {
background-color: #fff;
}
.rules-header {
text-align: center;
/*color: #19529c;*/
color: #003fa2;
}
.rules-subheader {
color: #f05a1a;
position: relative;
height: 3rem;
}
.rules-subheader:before {
position: absolute;
content: " ";
width: 100%;
top: 50%;
border-top: 1px solid #b7b7b8;
border-bottom: 0;
border-left: 0;
border-right: 0;
transform: translateY(-50%);
left: 0;
}
.rules-subheader span {
display: inline-block;
position: absolute;
right: 0;
top: 0;
padding-left: 1.5rem;
z-index: 10;
background-color: #fff;
}
.rules-section-one {
position: relative;
}
.rules-section-one h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
margin: 0;
}
.rules-check {
position: relative;
padding-right: 3rem;
}
.rules-check:before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f00c";
vertical-align: -0.5em;
color: #f05a1a;
position: absolute;
width: 3rem;
margin-left: 2rem;
right: 0;
font-size: 2.1rem;
}
.rules-section-three p a, .rules-section-five p a {
color: #f05a1a;
}
.rules-section-four .pumpkin {
color: #424d5f;
background-color: #f9f7e0 !important;
padding: 1rem 5rem;
font-size: 1.6rem;
text-align: center;
}
.rules-section-four p span {
font-size: 1.7rem;
}
@media (max-width: 768px) {
.rules-subheader span {
font-size: 1.9rem;
}
}
@media (max-width: 410px) {
.rules-section-one h1 {
font-size: 2.8rem;
}
}
/*sms-rules*/
#sms-rules {
background-color: #f7f6fb;
}
#sms-rules p span {
font-size: 1.7rem;
}
#sms-rules .rules-subheader span {
background-color: #f7f6fb;
}
#sms-rules .rules-section-one h1 {
top: 30%;
}
#sms-rules .pumpkin {
color: #424d5f;
background-color: #fbf8e7 !important;
padding: 1rem 5rem;
font-size: 1.6rem;
text-align: center;
margin: 3rem auto;
}
@media (max-width: 768px) {
#sms-rules .rules-section-one h1 {
font-size: 2rem;
}
}
/*multimedia*/
#multi-page {
overflow-x: hidden;
}
.multi-one-facilities {
position: relative;
}
.multi-one-facilities .col-md-3 {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.multi-section-four .col-md-3 {
left: 0;
}
.multi-section-one {
background-image: url("../../../images/shetab-data/fa-pages/multimedia/multi-banner.jpg");
width: 100%;
position: relative;
height: 50rem;
background-size: 100%;
background-repeat: no-repeat;
overflow-x: hidden;
z-index: 100;
}
.multi-sec-one-row-two {
background-color: #953e8f;
width: 100%;
background-size: 100%;
background-repeat: no-repeat;
overflow-x: hidden;
}
.multi-section-one p {
width: 28%;
position: absolute;
top: 60%;
right: 10%;
transform: translateY(-50%);
}
.multi-section-one img {
position: absolute;
right: 10%;
top: 25%;
transform: translatey(-50%);
}
.multi-section-three {
background-image: url("../../../images/shetab-data/fa-pages/multimedia/multi-parallex.jpg");
background-color: #3a3f49;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 100;
}
.multi-section-three img {
position: absolute;
left: 1.5rem;
top: 50%;
transform: translatey(-50%);
}
.multi-section-four .multi-one-facilities .col-xs-3 {
left: 0;
}
.multi-section-five {
background: url("../../../images/shetab-data/fa-pages/multimedia/multi-parallax-secend.jpg") center center;
padding-top: 6rem;
padding-bottom: 6rem;
position: relative;
}
.multi-section-five ul {
list-style: none;
background-color: white;
margin-bottom: 0;
padding: 2rem 0;
}
.multi-section-five ul li {
padding: 1rem 2rem;
}
.multi-five-col-one div, .multi-five-col-two div, .multi-five-col-three div {
background-color: #f0f0f0;
text-align: center;
padding: 2rem 0;
}
.multi-five-col-one .sec-five-header {
background-color: #74c044;
text-align: center;
padding: 2rem 0.5rem;
display: block;
margin: 0;
}
.multi-five-col-one .sec-five-subheader span:nth-child(2) {
background-color: #74c044;
}
.multi-five-col-two .sec-five-subheader span:nth-child(2) {
background-color: #953e8f;
}
.multi-five-col-three .sec-five-subheader span:nth-child(2) {
background-color: #202020;
}
.multi-five-col-one .multi-price {
color: #74c044;
}
.multi-five-col-two .multi-price {
color: #953e8f;
}
.multi-five-col-three .multi-price {
color: #202020;
}
.multi-five-col-one a {
background-color: #74c044;
vertical-align: middle;
border-radius: .6rem;
}
.multi-section-five .sec-five-header {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.multi-section-five .multi-sec-five-footer {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.multi-five-col-two .sec-five-header {
background-color: #953e8f;
text-align: center;
padding: 2rem 0.5rem;
display: block;
margin: 0;
}
.multi-five-col-two a {
background-color: #953e8f;
vertical-align: middle;
border-radius: .6rem;
}
.multi-five-col-three .sec-five-header {
background-color: #202020;
text-align: center;
padding: 2rem 0.5rem;
display: block;
margin: 0;
}
.multi-five-col-three a {
background-color: #202020;
vertical-align: middle;
border-radius: .6rem;
}
.sec-five-subheader {
padding: 0 !important;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.multi-fake-price {
display: block;
padding: 0 !important;
text-decoration: line-through;
}
.multi-price {
display: block;
font-size: 18px;
background-color: transparent !important;
font-weight: bold;
}
.multi-section-five .sec-five-subheader span:first-child {
background-color: #f0f0f0;
text-align: center;
padding: 1rem 0;
border-bottom-left-radius: 6px;
}
.multi-section-five .sec-five-subheader span:nth-child(2) {
/*background-color: #a7a7a7;*/
padding: 2.5rem 0;
text-align: center;
border-bottom-right-radius: 6px;
}
.multi-section-five a:before {
content: "\f07a";
font: normal normal normal 14px/1 FontAwesome;
font-size: 3.5rem;
padding: 0.5rem;
}
.multi-section-six a:before {
content: "\f0ed";
font: normal normal normal 14px/1 FontAwesome;
font-size: 4rem;
padding: 0.5rem;
}
.multi-section-six {
background: url("../../../images/shetab-data/fa-pages/multimedia/multi-crossword.png");
}
.multi-section-six h2 {
color: #1e8db5;
}
.multi-section-six .container {
padding-top: 6rem;
padding-bottom: 6rem;
}
.multi-section-six p {
position: relative;
padding: 0 3rem 0 0;
margin-bottom: 3rem;
}
.multi-section-six p:before {
position: absolute;
content: "\f10e";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
color: #953e8f;
right: 0;
top: 0.5rem;
}
.multi-section-six p:after {
position: absolute;
content: "\f10d";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
color: #953e8f;
margin-right: 1rem;
}
.multi-section-six a {
width: 30rem;
background-color: #953e8f;
border-radius: .6rem;
color: white;
}
.multi-section-six img {
width: 80%;
}
.multi-section-two, .multi-section-four {
position: relative;
}
@media (min-width: 1200px) {
.multi-section-two:before {
content: " ";
position: absolute;
width: 1380px;
height: 1870px;
border: 1px dashed #953e8f;
border-radius: 50%;
left: -808px;
top: -232px;
}
.multi-section-four:before {
content: " ";
position: absolute;
width: 1346px;
height: 1528px;
border: 1px dashed green;
border-radius: 50%;
right: -758px;
top: -175px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.multi-section-two:before {
content: " ";
position: absolute;
width: 973px;
height: 1784px;
border: 1px dashed #953e8f;
border-radius: 50%;
left: -510px;
top: -232px;
}
.multi-section-four:before {
content: " ";
position: absolute;
width: 873px;
height: 1471px;
border: 1px dashed green;
border-radius: 50%;
right: -387px;
top: -125px;
}
}
@media (max-width: 991px) {
.multi-section-two {
text-align: center;
}
.multi-section-two img {
float: unset;
margin: 0 auto;
width: 25rem;
}
.multi-section-four {
text-align: center;
}
.multi-section-four img {
float: unset;
margin: 0 auto;
width: 25rem;
}
.multi-section-five ul li {
font-size: 1.2rem;
padding: 1rem;
}
.multi-section-four .multi-box-wrapper {
position: relative;
}
.multi-section-four .multi-one-facilities {
position: absolute;
left: 50%;
transform: translatex(-50%);
}
.multi-section-four .multi-box-inf {
margin-top: 18rem;
}
.multi-section-four div:nth-child(3) .multi-box-inf {
margin-top: 27rem;
}
.multi-section-four div:nth-child(4) .multi-box-inf {
margin-top: 20rem;
}
.multi-small-device-img {
margin-top: 10rem;
}
}
@media (max-width: 1500px) and (min-width: 1100px) {
.multi-section-one p {
top: 51%;
width: 42%;
right: 5%;
}
.multi-section-one img {
width: 20%;
top: 15%;
right: 5%;
}
.multi-section-one {
height: 38rem;
}
}
@media (max-width: 1099px) and (min-width: 880px) {
.multi-section-one {
height: 28rem;
}
.multi-section-one p {
top: 50%;
width: 40%;
font-size: 11px;
right: 5%;
line-height: 19px;
}
.multi-section-one img {
width: 20%;
top: 15%;
right: 5%;
}
.btn-animation.btn-purple span {
font-size: 12px;
}
.btn-animation.btn-purple {
width: 150px;
height: 30px;
padding: 5px;
}
.btn-animation.btn-purple:before {
font-size: 12px;
margin-top: 0;
}
}
@media (max-width: 879px) and (min-width: 768px) {
.multi-section-one {
height: 23rem;
}
.multi-section-one img {
width: 15%;
top: 14%;
}
.multi-section-one p {
top: 55%;
width: 40%;
font-size: 11px;
right: 5%;
line-height: 19px;
}
.multi-section-one img {
width: 20%;
top: 15%;
right: 5%;
}
.btn-animation.btn-purple span {
font-size: 12px;
}
.btn-animation.btn-purple {
width: 150px;
height: 30px;
padding: 5px;
margin-top: 5px;
}
.btn-animation.btn-purple:before {
font-size: 12px;
margin-top: 0;
}
}
@media (max-width: 767px) and (min-width: 450px) {
.multi-sec-one-row-two img {
max-width: 50%;
margin: 2rem auto 1rem;
}
.multi-sec-one-row-two p {
padding: 1rem 2rem;
}
.multi-section-five .multi-five-col-three, .multi-section-five .multi-five-col-two, .multi-section-five .multi-five-col-one {
width: 70%;
margin: 3rem 15%;
}
.btn-animation.btn-purple {
width: 100%;
}
}
@media (max-width: 449px) {
.multi-sec-one-row-two img {
max-width: 30%;
margin: 2rem auto 1rem;
}
.multi-sec-one-row-two p {
padding: 0rem 2rem;
font-size: 1.2rem;
line-height: 2rem;
}
.multi-section-five .multi-five-col-three, .multi-section-five .multi-five-col-two, .multi-section-five .multi-five-col-one {
margin: 3rem auto;
}
.btn-animation.btn-purple {
width: 100%;
}
}
@media (max-width: 767px) {
.multi-section-five {
background-image: none;
background-color: #414d5a;
}
.multi-section-six {
position: relative;
}
.multi-section-six .multi-small-device-img {
position: absolute;
top: 5rem;
left: 50%;
transform: translatex(-50%);
}
.multi-section-six .multi-small-device-inf {
margin-top: 17rem;
}
.multi-section-six a {
width: 25rem;
float: unset;
display: inherit;
margin: 4rem auto;
}
.multi-section-six img {
width: 17rem;
margin: 0 auto;
}
.multi-section-three img {
max-width: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.multi-section-five ul li {
font-size: 1.5rem;
padding: 1rem 2rem;
}
.multi-small-device-img {
margin-top: 0rem;
}
}
@media (max-width: 767px) and (min-width: 450px) {
.off-multimedia {
width: 70%;
text-align: center;
margin: 0 15%;
padding: 10px;
}
}
.off-multimedia {
background-color: #953e8f;
border-radius: 6px;
}
/*.under-constraction*/
.under-constraction {
margin: 17rem auto 16.5rem;
}
/*about-us*/
#cover:before {
position: absolute;
content: " ";
background-color: black;
opacity: 0.5;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.about-us-header {
border-bottom: 2px solid #fff;
padding: 0 0 2rem 0;
margin-bottom: 3rem;
}
.about-us-header i {
margin-left: 1rem;
font-size: 3.5rem;
}
.about-us-section-two a {
border: 1px solid #a98350;
border-radius: 6px;
width: unset;
margin: 2rem auto;
background: rgba(169, 131, 80, 0.27);
display: inline-block;
color: white;
}
.about-us-section-two a:before {
content: "\f06e";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2.5rem;
}
.about-xs-device {
margin-right: -15px;
margin-left: -15px;
}
@media (max-width: 767px) {
.about-xs-device div:nth-child(2) .row {
display: none
}
}
@media (max-width: 355px) {
.about-us-section-two .col-xs-6 {
width: 100%;
margin: 2rem auto;
}
.about-us-section-two .col-xs-3 {
display: none;
}
.about-us-section-two h2, .about-us-section-three h2 {
font-size: 2.5rem;
text-align: center;
}
}
/*seo-optimization*/
.seo-optimization-section-one {
position: relative;
}
.seo-optimization-header {
position: absolute;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
}
.seo-optimization-section-two img {
margin: 6rem auto;
}
.seo-optimization-section-three {
background-color: white;
}
@media (max-width: 991px) {
.seo-optimization-section-two img {
margin: 2rem auto;
}
.seo-optimization-section-two h2 {
text-align: center;
margin-bottom: 2rem;
}
}
@media (min-width: 400px) and (max-width: 767px) {
.seo-optimization-section-one .seo-optimization-header h1 {
font-size: 2rem;
}
.seo-optimization-section-one .seo-optimization-header span {
font-size: 1.2rem;
}
}
@media (max-width: 399px) {
.seo-optimization-section-one .seo-optimization-header h1 {
font-size: 1rem;
}
.seo-optimization-section-one .seo-optimization-header span {
font-size: 1rem;
}
.seo-optimization-section-two img {
margin: 0 auto 2rem;
}
}
/*agency*/
#agency h2, #agency h3 {
/*color: #19529c;*/
color: #003fa2;
}
.agency-section-two .btn-animation {
background: #f05a1a;
width: 100%;
border-radius: 6px;
margin-top: 2rem;
color: #fff;
}
.agency-section-two h2 {
position: relative;
padding: 0.5rem 1rem;
}
.agency-section-two h2:before {
position: absolute;
color: #f05a1a;
font: normal normal normal 14px/1 FontAwesome;
content: "\f10e";
right: -0.2rem;
top: 0;
line-height: 0.1em;
}
.agency-section-two h2:after {
position: absolute;
color: #f05a1a;
font: normal normal normal 14px/1 FontAwesome;
content: "\f10d";
bottom: 0;
line-height: 0.1em;
}
.agency-section-two .btn-animation:before {
content: "\f067 ";
font: normal normal normal 14px/1 FontAwesome;
font-size: 3.5rem;
padding: 0.8rem;
}
.agency-section-four {
position: relative;
background-image: url(../../../images/shetab-data/fa-pages/agency/agency-parallax.jpg);
background-color: #3a3f49;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.agency-section-four h1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: white;
width: 100%;
text-align: center;
}
.agency-inf {
margin: 1rem auto;
}
.agency-check {
position: relative;
padding-right: 3rem;
}
.agency-check:before {
font: normal normal normal 14px/1 FontAwesome;
vertical-align: -0.5em;
color: #f05a1a;
position: absolute;
width: 3rem;
margin-left: 2rem;
right: 0;
font-size: 2.1rem;
content: "\f046";
}
.agency-section-six {
background: url(../../../images/shetab-data/fa-pages/agency/agency-law.jpg) bottom left no-repeat;
}
@media (min-width: 1200px) {
.agency-section-two img {
margin: 6rem auto;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.agency-section-two img {
margin: 8rem auto;
}
}
@media (max-width: 991px) and (min-width: 500px) {
.agency-section-two img {
max-width: 60%;
}
}
@media (max-width: 550px) {
.agency-section-three .col-xs-2, .agency-section-five .col-xs-2 {
width: 100%;
position: absolute;
left: 50%;
top: 1rem;
transform: translateX(-50%);
}
.agency-section-three .col-xs-2 img, .agency-section-five .col-xs-2 img {
float: unset;
margin: 0 auto;
}
.agency-section-three .col-xs-10, .agency-section-five .col-xs-10 {
width: 100%;
margin-top: 10rem;
}
.agency-inf {
padding: 1rem;
box-shadow: 0px 0px 4px #80808066;
}
.agency-section-six {
background-size: 50%;
}
}
@media (max-width: 400px) {
#agency h2, #agency h3 {
text-align: center;
font-size: 2.1rem;
}
#agency .btn-animation span {
font-size: 1.5rem;
}
.agency-section-four {
display: none;
}
}
/*advertis*/
.advertis-section-two {
width: 96%;
margin: 0 2%;
padding-bottom: 5rem;
position: relative;
}
.advertis-section-wrapper .advertis-wrpper-inf div {
width: 100%;
}
.advertis-section-three {
background-color: #2c3f50;
}
.advertis-section-three .container {
margin: 12rem auto 5rem;
}
.advertis-section-three h2 {
margin-bottom: 4rem;
}
.advertis-section-three h3 {
color: #a4ccf0;
}
.advertis-section-three img {
margin-top: 2rem;
}
.advertis-cloud {
position: relative;
}
.advertis-cloud img {
position: absolute;
left: 50%;
top: -45px;
transform-origin: center left;
-webkit-animation: cloud-animate 2s linear infinite;
animation: cloud-animate 2s linear infinite;
max-width: 18%
}
@-webkit-keyframes cloud-animate {
0% {
transform: rotate(-4deg) translate(-50%)
}
50% {
transform: rotate(4deg) translate(-50%)
}
100% {
transform: rotate(-4deg) translate(-50%)
}
}
@keyframes cloud-animate {
0% {
transform: rotate(-4deg) translate(-50%)
}
50% {
transform: rotate(4deg) translate(-50%)
}
100% {
transform: rotate(-4deg) translate(-50%)
}
}
@media (min-width: 1300px) {
.advertis-section-two {
width: 80%;
margin: 0 10%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.advertis-cloud img {
top: -30px;
}
}
@media (min-width: 992px) {
.advertis-section-wrapper .advertis-wrpper-inf div {
position: absolute;
content: " ";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.advertis-section-wrapper .col-md-2 {
min-height: 45.5rem;
}
.advertis-section-wrapper .col-md-2 img {
position: absolute;
content: " ";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
}
.advertis-section-wrapper {
position: relative;
min-height: 45.5rem;
}
.advertis-section-wrapper .advertis-wrpper-img, .advertis-section-wrapper .advertis-wrpper-inf {
position: relative;
min-height: 45.5rem;
}
.advertis-section-wrapper .advertis-wrpper-img img {
position: absolute;
content: " ";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.advertis-section-wrapper:before {
position: absolute;
content: " ";
top: 0;
left: 50%;
transform: translatex(-50%);
width: 1rem;
height: 100%;
background-color: #ff760e;
}
}
@media (max-width: 991px) {
.advertis-section-wrapper:before {
display: none;
}
.advertis-section-wrapper .advertis-wrpper-inf div h3 {
text-align: center;
}
.advertis-section-wrapper img {
max-width: 50%;
}
.advertis-cloud img {
top: -23px;
max-width: 35%;
}
.advertis-section-three .container {
margin: 5rem auto 5rem;
}
}
@media (max-width: 400px) {
.advertis-section-three .col-xs-10, .advertis-section-three .col-xs-2 {
width: 100%;
}
.advertis-section-three .col-xs-12 {
position: relative;
margin: 2rem auto;
}
.advertis-section-three h3 {
text-align: center;
}
.advertis-section-three .col-xs-2 {
position: absolute;
top: 0;
left: 50%;
transform: translatex(-50%);
}
.advertis-section-three .col-xs-10 {
margin-top: 10rem;
}
.advertis-cloud img {
top: 5px;
max-width: 35%;
}
.advertis-section-wrapper img {
max-width: 100%;
}
}
/*-----------------------ZEINAB------------------*/
/* -------------------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;
}
}
#sms-txt .fa-times-circle {
color: #d04b48;
}
#sms-txt .fa-check-circle {
color: #449d44;
}
#sms-txt .fa-check-circle, #sms-txt .fa-times-circle {
padding-left: 8px;
}
#HeaderTitle {
background-color: #424d5f;
color: #fff;
text-align: center;
}
#HeaderTitle td {
border-radius: 0px !important;
border-style: none;
}
.Num {
text-align: center;
}
.Disadvantages, .Advantages {
vertical-align: top !important;
padding-right: 0px !important;
}
.BorderColor {
border-style: none;
}
.sms-head {
border-top-left-radius: 0 !important;
border-style: none;
}
.sms-head {
border-style: none;
}
#BorderTab {
border-radius: 12px !important;
}
.Num li {
list-style-type: none;
}
.bulet {
list-style-type: none;
}
#smstxt ul {
list-style-type: none;
}
/*----------------------Ebook page--------------------*/
.banner-ebook {
position: relative;
}
.text-right {
float: right;
margin-top: 30px;
}
.position-ebook {
position: relative;
}
.size-icon-ebook {
font-size: small;
position: relative;
top: -12px;
color: #21b6fc;
}
@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;
}
.mobileapp-reponsive-background {
border-image-repeat: round;
border-image-slice: 30;
}
.text-header-ebook {
color: #21b6fc;
}
.h-divider {
width: 150px;
border-top: 3px solid #21b6fc;
margin: 0 auto;
margin-bottom: 50px;
}
.background-ebook {
background-image: url(../../../images/shetab-data/fa-pages/ebook/back.png);
background-position: left bottom;
background-repeat: no-repeat;
}
.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;
}
@media (max-width: 767px) {
.spacer-top-ebook {
margin-top: 15px;
}
}
.spacer-top-ebook {
margin-top: 60px;
}
/*******conf******/
.pic-left-conference {
text-align: center;
margin-top: 15px;
}
.wrapper-content-conference {
margin-bottom: 20px;
}
.position-conference {
position: relative;
margin-top: 30px;
}
.h-divider-conference {
width: 150px;
border-top: 3px solid #ff3254;
margin: 7px auto;
margin-bottom: 20px;
}
.text-conference {
margin-bottom: 30px;
}
.spacer-top-conference {
margin-top: 60px;
}
.size-icon-conference {
font-size: small;
position: relative;
top: -12px;
color: #ff3254;
}
.bg-conference {
background: url(../../../images/shetab-data/fa-pages/conference/bg-multimedia.jpg) center no-repeat;
background-size: cover;
color: #fff;
}
.spacer-bottom-conference h4 {
min-height: 80px;
}
.text-icon-conference {
position: relative;
height: 92px;
vertical-align: middle;
}
.icon-conference {
position: absolute;
text-align: center;
}
.spacer-bottom-conference img {
border: 1px solid #fff;
}
.bg-software-conference {
background-color: #fff;
}
.text-icon-conference > p {
position: absolute;
top: 50%;
padding-left: 20px;
transform: translatey(-50%);
}
.text-multi-conference {
margin-bottom: 48px;
margin-top: 50px;
LINE-HEIGHT: 41px;
}
/*btn*/
.link-conference a {
border-radius: 6px;
width: unset;
margin: 2rem auto;
background: rgba(169, 131, 80, 0.27);
display: inline-block;
color: #ff760e;
}
.link-conference a:before {
content: "\f06e";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2.5rem;
}
.link-conference span {
position: relative;
}
@media (max-width: 442px) {
.btn-animation-conference span {
font-size: 13px;
}
}
@media (max-width: 993px) {
.resize-font-conf {
font-size: 19px;
}
}
@media (max-width: 459px) {
.btn-animation:hover:before{
top: 16px;
}
}
/******farsinegar*****/
.wrapper-content-farsinegar {
margin-bottom: 20px;
}
.spacer-top-farsinega {
margin-top: 60px;
}
.position-farsinegar {
position: relative;
}
.pic-left-farsinegar {
text-align: center;
margin-top: 30px;
}
.property-farsinegar p {
padding: 20px 20px;
line-height: 30px;
min-height: 100px;
}
.property-farsinegar > div {
text-align: center;
margin-top: 20px;
min-height: 200px;
}
.h-divider-farsinegar {
width: 150px;
border-top: 3px solid #ff760e;
margin: 0 auto;
margin-bottom: 50px;
}
.bg-farsinegar {
background-color: #fff;
}
.text-right-farsinegar {
float: right;
}
.link-farsinegar {
background-color: #ff760e;
width: unset;
text-align: center;
border-radius: 5px;
margin-top: 60px;
}
.link-farsinegar span {
color: #fff;
padding: 0 40px;
}
.text-right-farsinegar a:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.8rem;
}
.text-right-farsinegar .btn-animation:hover:before {
margin-top: 8px;
}
.resize-font-farsinegar {
display: inline;
margin-right: 11px;
margin-top: 0px;
}
@media (max-width: 500px) {
.link-farsinegar span {
font-size: 16px;
padding: 0px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.pic-left-farsinegar {
text-align: center;
position: absolute;
top: 50%;
right: 50%;
transform: translate(-50%, -50%);
}
}
@media (max-width: 993px) {
.resize-font-farsinegar {
font-size: 19px;
text-align: center;
}
}
@media (max-width: 450px) {
.resize-font-farsinegar {
font-size: 19px;
display: block;
text-align: center;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.pic-left-farsinegar {
text-align: center;
position: absolute;
top: 41%;
right: 50%;
transform: translate(-50%, -50%);
}
}
@media (max-width: 421px) {
.pic-left-farsinegar {
display: none;
}
}
@media (max-width: 450px) {
.text-right-farsinegar img {
display: block;
margin: 0 auto;
text-align: center
}
}
@media (max-width: 421px) {
.text-right-farsinegar p {
margin-right: 0;
text-align: center;
}
}
/*******lashdect******/
.bg-lashdect {
background-color: #fff;
}
.wrapper-lashdect {
margin-bottom: 20px;
}
.spacer-top-lashdect {
margin-top: 60px;
}
.position-lashdect {
position: relative;
}
.text-right-lashdect {
float: right;
}
.text-right-lashdect a:before {
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.8rem;
}
.text-right-lashdect .btn-animation:hover:before {
margin-top: 8px;
}
.resize-title-lashdect {
display: inline;
margin-right: 11px;
margin-top: 0px;
}
.link-lashdect {
background-color: #0079c1;
width: unset;
text-align: center;
border-radius: 5px;
margin-top: 60px;
}
.link-lashdect span {
color: #fff;
padding: 0 40px;
}
.h-divider-lashdect {
width: 150px;
border-top: 3px solid #0079c1;
margin: 0 auto;
margin-bottom: 50px;
}
.property-lashdect p {
padding: 20px 20px;
line-height: 30px;
min-height: 100px;
}
.property-lashdect > div {
text-align: center;
margin-top: 20px;
min-height: 200px;
}
.pic-left-lashdect {
text-align: center;
margin-top: 30px;
}
@media (max-width: 500px) {
.link-lashdect span {
font-size: 16px;
padding: 0px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.pic-left-lashdect {
text-align: center;
position: absolute;
top: 50%;
right: 50%;
transform: translate(-50%, -50%);
}
}
@media (max-width: 993px) {
.resize-title-lashdectt {
font-size: 19px;
text-align: center;
}
}
@media (max-width: 450px) {
.resize-title-lashdect {
font-size: 19px;
display: block;
text-align: center;
}
}
@media (max-width: 991px) and (min-width: 766px) {
.pic-left-lashdect {
text-align: center;
position: absolute;
top: 41%;
right: 50%;
transform: translate(-50%, -50%);
}
}
@media (max-width: 421px) {
.pic-left-lashdect {
display: none;
}
}
@media (max-width: 450px) {
.text-right-lashdect img {
display: block;
margin: 0 auto;
text-align: center
}
}
@media (max-width: 421px) {
.text-right-lashdect p {
margin-right: 0;
text-align: center;
}
}
/********Software*******/
.icon-locksoftware{
text-align: left;
padding-left: 0;
}
.superscript-color {
color: #ef9b3a;
}
@media (max-width: 992px) {
.img-left {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.txt-right p, h2 {
text-align: center;
}
}
@media (max-width: 426px) {
.txt-right h2 {
font-size: 20px;
}
}
.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;
}
@media (max-width: 767px) {
.txt-header, .icon-align, .txt-icon {
text-align: center;
}
}
@media (max-width: 767px) {
.align-bottom {
padding-bottom: 3rem;
}
}
.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;
}
/* seo and sem */
.parallax-seosem {
background-image: url("../../../images/shetab-data/fa-pages/seosem/parallel-seosem.jpg");
min-height: 550px;
}
.parallax-seosem h1 {
text-align: right;
color: #263041;
margin-top: 70px;
margin-right: 180px;
}
.dir-header h3 {
direction: ltr;
font-weight: bold;
}
.difference-seosem p {
height: 115px;
}
@media (min-width: 992px) {
.multi-section-four-seosem:before {
width: 949px;
height: 2031px;
border: 1px dashed #263041;
right: -705px;
top: -205px;
}
}
@medi (max-width:991px) {
.multi-section-four-seosem {
text-align: center;
}
/* .multi-section-four-seosem img {
width: auto !important;
}*/
}
.spacer-top-seosem {
margin-top: 45px;
}
.padding-top-seosem {
padding-top: 13px;
}
@media (max-width: 800px) {
.parallax-seosem h1 {
text-align: center;
margin-right: 0;
margin-top: 70px;
}
}
@media (max-width: 992px) {
.padding-top-seosem {
padding-top: 0px;
}
}
@media (max-width: 550px) {
.parallax-seosem h1 {
font-size: 24px;
}
}
/*multimedia-internal*/
/*.align-img-multi
{
text-align: left;
}*/
.spacer-header-multi {
margin-top: 11px;
padding-right: 0;
}
.multimedia-internal i {
margin-left: 10px;
}
.multimedia-internal p {
margin-bottom: 25px;
margin-right: 20px;
}
.option-media i {
color: #ff760e;
}
.personal-media i {
color: #953e8f;
}
.praogram i {
color: #edce39;
}
.command i {
color: #74c044;
}
.protect i {
color: #ea5dd1;
}
.effect i {
color: #19519c;
}
.parallax-multi {
background-image: url("../../../images/shetab-data/fa-pages/internal-multimedia/parallax-multimedia.jpg");
min-height: 500px;
}
.language i {
color: #45a7c3;
}
.search i {
color: #ff2929;
}
.export i {
color: #f9d93d;
}
.compatible i {
color: #32bea6;
}
.design i {
color: #ff760e;
}
@media (max-width: 767px) {
.align-img-multi {
/* width:100%;
text-align: center;
margin:0 auto;*/
/*position: absolute;
left: 50%;
transform: translate(-50%);
top: 80%;*/
text-align: center;
}
.multimedia-internal p {
margin-right: 0;
}
.option-media div {
width: 100%;
text-align: right;
}
}
/* jux-download-component*/
/*#jux-download-body {*/
/*background-color: white;*/
/*background-image: url(../../../images/shetab-data/fa-pages/jux-download/jux-download-background.jpg);*/
/*background-repeat: no-repeat;*/
/*background-position: center top;*/
/*background-size: 100%;*/
/*}*/
.list-content, .jdl-item-page, .jdl-list {
width: 80%;
margin: 0 auto;
}
.jdl-list .list-content .jdl-item .jdl-item-bottom {
background: #0079c0;
text-align: center;
}
.jdl-list {
margin-top: 50px;
}
.list-ext-header hr {
border-top: 2px solid #eee;
}
.jdl-info-list a {
color: #e3e3eb;
text-align: center;
font-size: 12px;
}
.jdl-color-version strong {
color: #ff760e;
}
.jdl-item-act {
left: 10%;
right:unset;
}
.jdl-list .list-content .jdl-item .jdl-item-hover .jdl-item-act li a {
width: 150px;
text-align: center;
color: white;
position: relative;
background-color: #ff760e;
border: none;
border-radius: 5px;
}
.jdl-list .list-content .jdl-item:hover .jdl-item-hover .jdl-item-act li a:hover {
background: rgba(255, 118, 14, 1);
}
.jdl-list .list-content .jdl-item .jdl-item-hover {
background: rgba(56, 64, 70, 0.75);
}
.jdl-info-list a:hover, .jdl-info-list a:focus {
color: #ff760e;
}
.list-ext li a strong, .tp-list li a strong {
font-size: 11px;
}
.jdl-item-title {
text-align: center;
}
.jdl-title-style a {
color: white;
font-weight: normal;
}
.list-ext-header p {
font-size: 12px;
color: #19529c;
}
.jdl-item-title hr {
background-color: #f7f6fb;
border: 1px solid #ff760e;
width: 120px;
margin: 0 auto;
margin-top: 10px;
}
.jdl-item-gallery .carousel-control.left {
right: 0;
background-image: none;
}
.jdl-next-picture {
left: 44%;
top: 20%;
position: absolute;
}
.jdl-prev-picture {
right: 42%;
top: 20%;
position: absolute;
}
.jdl-item-gallery .carousel-control.right {
left: 0;
right: unset;
background-image: none;
}
.jdl-item-page .jdl-item-intro .jdl-item-gallery .carousel-control {
border: 2px solid #ff760e;
background: transparent;
text-shadow: none;
color: #ff760e;
opacity: 1;
border-radius: 50%;
height: 35px;
width: 35px;
font-size: 20px;
}
.carousel-indicators {
display: none;
}
.carousel-inner{
width:80%;
margin:0 auto;
}
.carousel-indicators li {
border: 1px solid #ff760e;
}
.jdl-quick-info {
background: none repeat scroll 0 0 white;
}
.jdl-quick-info .quick-info {
background: none repeat scroll 0 0 white;
margin-top: 40px;
}
.jdl-quick-info .info-list > li > span {
color: #19529c;
}
.jdl-quick-info .quick-act {
background: none repeat scroll 0 0 white;
}
.jdl-item-rating {
display: none;
}
.btn-livedemo, .btn-document {
visibility: collapse;
}
.jdl-item-page .jdl-item-intro .jdl-item-intro-desc .jdl-quick-info .quick-act .btn {
box-shadow: none;
margin-right: 0;
}
.jdl-item-page .jdl-item-intro .jdl-item-intro-desc .jdl-quick-info .quick-act .btn.btn-download {
background-color: #ff760e;
color: #ffffff;
border: none;
width: unset;
}
.jdl-item-page .jdl-item-intro .jdl-item-intro-desc .jdl-quick-info .quick-act .btn.btn-download:before {
content: "\f019";
font: normal normal normal 14px/1 FontAwesome;
}
.jdl-item-page .jdl-item-intro .jdl-item-intro-desc .jdl-quick-info .quick-act .btn.btn-download:hover {
background-color: #ff760e;
text-decoration: none;
color: white;
transition: all .3s;
}
.jdl-item-page .jdl-item-intro .jdl-item-intro-desc .jdl-quick-info .quick-act .btn.btn-download:hover:before {
top: 1px;
transition: all .3s;
margin-top: 8px;
}
.jdl-item-page .jdl-item-intro {
margin-top: 30px;
margin-bottom: 50px;
}
.jdl-item-page {
margin-top: 100px;
}
.item-desc > span {
font-family: NormalFont !important;
}
.jdl-item-ext {
margin: 40px 0 40px 0;
}
#jdlDlForm .table > thead > tr > th, #jdlDlForm .table > tbody > tr > td {
text-align: right;
}
@media (max-width: 1200px){
.list-content, .jdl-item-page, .jdl-item-gallery, .jdl-list {
width: 92%;
margin: 0 auto;
}
.jdl-list .list-content {
margin-top: 50px;
}
}
@media (max-width: 768px) {
.carousel-indicators {
top: 110%;
right: 15%;
}
}
@media (max-width: 525px) {
.jux-shetab-dl-item {
width: 100%;
}
}
@media (min-width: 660px) and (max-width: 990px) {
.jdl-item-act {
left: 7%;
}
.txt-header{
margin-top: 11px;
}
}
/*by Dayani*/
.seo-def .vertical-padding {
padding-bottom: 60px;
padding-top: 60px;
}
.content-dir h4 {
direction: ltr;
}
.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;
}
@media (max-width: 991px) {
.section-four::before {
content: none;
}
.spacer-top {
margin-top: 156px !important;
}
}
@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 (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;
}
}
.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;
}
.f-block-header{
box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
}
.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%;
}
@media (max-width: 800px) {
aside.pic.software {
width: 345px;
}
aside.pic.software .main_pic.mobile {
padding: 48px 118px 61px 119px;
}
}
.download-button a {
color: #0b92b2;
text-decoration: none;
}
.app-download-button {
margin-top: 15px;
padding: 10px;
border: #ff760e 2px solid;
border-radius: 5px;
background-color: white;
font-size: 13px;
margin-bottom: 10px;
}
.module_round_box_outer img {
line-height: 100%;
display: inline-block;
}
@media screen and (min-width: 1263px){
.app-download-button img {
margin-right: 5px;
}
}
.website-features i.fa.fa-android {
font-size: 20px;
padding-right: 10px;
color: #a4ca39;
}
.alert .alert-link {
font-weight: 500;
text-align:center;
}
/*livezilla*/
body #lz_overlay_wm,
body #lz_overlay_wm svg,
body #lz_overlay_chat,
body #lz_overlay_chat *,
body #lz_overlay_eyecatcher * {
font-family: 'NormalFont', tahoma, arial, serif !important;
direction: rtl;
}
body #lz_overlay_chat * {
text-align: right;
}
body #lz_chat_overlay_text.lz_chat_unselectable,
body #lz_chat_operator_fullname {
text-align: center;
}
body #lz_chat_apa.lz_chat_unselectable {
text-align: center;
}
body #lz_ec_sub_header_text {
font-size: 13px !important;
text-align: center;
margin-top: 5px !important;
}
body #lz_chat_operator_groupname {
display: inline-block;
}
#lz_chat_overlay_info {
display: none !important;
}
body #lz_chat_overlay_pointer_v > div {
left: unset !important;
right: -10px;
}
.lz_overlay_chat_message_element.lz_overlay_chat_message_avatar.lz_overlay_br_two.lz_overlay_chat_message_avatar_external {
visibility: collapse;
}
div#lz_ec_header_text {
text-align: center;
}
#lz_overlay_chat{
height:475px !important;
}
#lz_overlay_chat .lz_overlay_chat_status_inner {
direction: rtl;
}
.lz_chat_file_label {
font-family: 'NormalFont';
direction: rtl;
}
#lz_chat_overlay_option_title{
display:none;
}
/*livezilla*/
.app-portfolio-item{ text-align: center;
margin: 150px auto 0 auto;
width: 66%;
position: relative;
bottom: -20px;
transition: 0.25s bottom linear;
}
.app-portfolio-item:hover{bottom:-10px;}
.app-portfolio-item:first-of-type{margin-top: -25px;}
.app-portfolio-item h2 {
margin-top: 30px;
font-size:20px;
}
.app-portfolio-item-gray-header{height:27px;background:#eeeeee;margin:0 auto;text-align:left;font-size:6px;color:#c4c4c4;padding-left:8px;border-top-left-radius:5px;border-top-right-radius:5px;}
.app-portfolio-item-gray-header i{margin-left:1px;}
.app-portfolio-item a{color:inherit;display:block;}
.app-portfolio-item-image-wrapper{}
@media (max-width:1199px){.app-portfolio-item{bottom:-60px;}
.app-portfolio-item:hover{bottom:-45px;}
}
@media (max-width:991px){
.app-portfolio-item{bottom:-40px;margin:50px auto 0 auto !important;width:unset;}
.app-portfolio-item:hover{bottom:-3px;}
.app-portfolio-item a{font-size:18px;}
}
@media (max-width:767px){
.app-portfolio-item{bottom:20px;margin:80px auto 0 auto !important;}
.app-portfolio-item:hover{bottom:80px;}
.app-portfolio-item-gray-header{width:360px;}
.app-portfolio-item a{font-size:22px;}
}
@media (max-width:474px){.app-portfolio-item-gray-header{}
.app-portfolio-item a{font-size:17px;}
.app-portfolio-item{bottom:20px;padding:0 10px;}
}
@media (max-width:424px){
.app-portfolio-item{bottom:-10px;}
.app-portfolio-item:hover{bottom:60px;}
}
@media (max-width:399px){.app-portfolio-item{max-width:90%;}
.app-portfolio-item-gray-header{width:unset;}
.app-portfolio-item:hover{bottom:30px;}
}
@media (max-width:350px){.app-portfolio-item{bottom:-30px;}
.app-portfolio-item:hover{bottom:10px;}
}
.apppage #web-portfolio-body {
background: #f5f5f5 ;
}
/*by aida*/
@media (min-width: 1200px){
.row-fluid [class*="span"]{
margin-left: 0%;
}
}
#jmap_sitemap{
width: 80%;
margin: 140px auto;
}
#jmap_sitemap div.jmapcolumn{
float: right;
}
.list-mobile-features li::before{color:#a4ca39 !important;}
.app-download-button {
margin-top: 15px;
padding-right: 20px;
padding-left: 20px;
border-radius: 5px;
font-size: 13px;
margin-bottom: 10px;
text-align: center;
}
.cafe-btn{border: #a4ca39 1px solid; background-color: #a4ca39;}
.playstore-btn{border: #c3c7b7 1px solid; background-color: #c3c7b7;}
.app-download-button span{color: white;}
.Icon-app-portfolio-cafe{width: 20%;}
.Icon-app-portfolio-playstore{width: 17%;}
.green-span{color:#a4ca39 !important;}
/*.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: 19px 80px 8px 80px;*/
/*}*/
aside.pic.application .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: 63px 101px 99px 104px;
}
aside.pic.application {
border-radius: 3px;
width: 400px;
margin: 0 auto;
}
aside.pic.application .main_pic > div {
float: right;
height: 90%;
overflow: hidden;
width: 98%;
}
aside.pic.application .list_pic ul li {
width: 60px
}
aside.pic.application .list_pic {
width: 100%;
}
@media (max-width: 800px) {
aside.pic.application {
width: 345px;
}
aside.pic.application .main_pic.mobile {
padding: 63px 101px 99px 104px;
}}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover
img.sigFreeImg{
background-size: cover;
}
.social-network img {
width: 71px;
height: 61px;
}
.footer-services-products img {
width: 71px;
height: 61px;
}
.through-gray-line-background.vertical-padding{
padding-top:0px
}
/*-----------New Add-----------------*/
body.uk-offcanvas-page{
transition: margin-right 0.3s linear;
margin-left: 0;
}
.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;}
.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}
.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:12px;}
.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;}
@-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: 25px;-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: 12px;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%);}
.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;}
#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;}
@-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);}
}
.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);
}
.float-left{float:left;}
/*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;
}
.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;
}
#HeaderTitle {
background-color: #424d5f;
color: #fff;
text-align: center;
}
#HeaderTitle td {
border-radius: 0px !important;
border-style: none;
}
.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;
}
@media screen and (max-width: 991px) {
.footer-menu-cont .menu{margin-top:20px;}
.footer-menu-cont h4{text-align:right;}
.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;}
}
@media screen and (max-width: 767px) {
.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;}
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;}
}
@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;
}
}
@media (max-width:332px){
.tm-headerbar .uk-navbar-content{max-width:unset;}
}
/*-------start of mansour------------*/
.tag {background: #588fe5;display: inline-block;color: #fff;position: relative;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;margin: 10px 30px 12px 0;text-decoration: none;height: 38px}
.tag:hover {background-color: #739fe4;}
.tag:before {background: #fff;width: 10px;height: 10px;content: "";display: inline-block;border-radius: 20px;margin: 0 0 0 10px;}
.tag:after {display: inline-block;border: 19px solid;border-color: transparent transparent transparent #588fe5;height: 0;width: 0;position: absolute;right: -38px;top: 0;content: "";display: inline-block;}
.tag:hover:after {border-color: transparent transparent transparent #739fe4;}
.img-padding{ margin: 50px auto; padding: 0;}
.colored-border-bottom{ padding-bottom: 15px; border-bottom: 2px solid #003fa2; position: relative; bottom: -11px; width: max-content;}
.border-under-head{border-bottom: 1px solid #e8e8e8;}
.website-description .border-under-head{margin-bottom:20px}
.web-portfolio-body{background-color: white}
/*------End of mansour---------*/