/*@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700);*/
/*@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);*/
/******--------********/

/****
Theme Name: Huntington
Theme URI: http://www.madeinebor.com
Version: 1.0.4
Description: Huntington - A Multipurpose, Responsive WordPress Theme.
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Footer
12. Lists
14. Blog
15. Services
-------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  /*font-family: inherit;*/
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  direction:rtl;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'fontello';
  src: url('style/fonts/fontello.eot?3837060');
  src: url('style/fonts/fontello.eot?3837060#iefix') format('embedded-opentype'), url('style/fonts/fontello.woff?3837060') format('woff'), url('style/fonts/fontello.ttf?3837060') format('truetype'), url('style/fonts/fontello.svg?3837060#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* End Fonts
--------------------------------------------------------------------------------------------------------*/

/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
  clear: both;
}

.panel span {
  text-decoration: underline;
}

.single-portfolio .vc_col-sm-6:nth-of-type(2) .wpb_content_element h2 {
  line-height: 0px;
}

.single-portfolio .vc_col-sm-6:nth-of-type(2) .wpb_content_element h2 strong {
  font-size: 1rem;
}

.stokes {
  -webkit-text-stroke: 1px black;
  color: grey;
}

.deskt {
  display: block;
}

.mb {
  display: none;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  margin: 0 auto;
  display: inline-block;
}

.centered {
  text-align: center;
}

.hidden {
  display: none;
  visibility: hidden;
}

*,
*:before,
*:after {
  -webkit-font-smoothing: antialiased;
}

.flexslider {
  -webkit-transform: translateZ(0px);
}

/* End Clearfix
--------------------------------------------------------------------------------------------------------*/

/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f5f5f5;
  z-index: 9999;
  display:none !important;
}

#nf-field-28-0 {
  display: block;
}

/*.list-radio-wrap li{
	position: relative;
	background-size: contain !important;
	height: 75px;
	background-repeat: no-repeat !important;
	width: 30%;
	background-position: center center !important;
	display: inline-block;i
}*/

/*body .list-radio-wrap .nf-field-element  li input{
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
	display: block;
}*/

/*.ff{
	box-shadow: 0px 0px 1px 1px #ddd;
}*/

/*body .list-radio-wrap .nf-field-element  li input.nf-checked{
	box-shadow: 0px 0px 1px 1px #ddd;
}*/

/*.list-radio-wrap li input:checked+label{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}*/

#status {
  z-index: 28;
  position: absolute;
  color: black !important;
  top: 50%;
  height: 220px;
  width: 100%;
  margin-top: -115px;
}

/* horizontal centering */

.parent {
  width: 230px;
  margin: 0px auto;
  position: relative;
  height: 220px;
  z-index: 11
}

.child {
  text-align: center;
}

/* vertical centering */

.parent {
  display: table
}

.child {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.child span {
  text-transform: uppercase;
}

/* End Preloader
--------------------------------------------------------------------------------------------------------*/

/* =3. Typography
--------------------------------------------------------------------------------------------------------*/

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 16px;
  font-family: 'DroidArabicKufiRegular' !important;
  color: black;
  background: #f5f5f5;
}
/*body.page-id-4323,body.page-id-4323 strong, body.single-report, .single-report strong, .single-post strong {*/
/*  font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif !important;*/
/*}*/

strong {
  font-weight: 600;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
}

a,
a>* {
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

p {
  line-height: 1.5;
  padding: 0 0px 13px 0px;
}

a {
  text-decoration: none;
}

p a,
aside a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #555;
}

p a:hover,
aside a:hover {
  color: #2b2b2b;
  border-bottom: 1px solid #2b2b2b;
}

a p {
  color: #555;
}

p.small,
span.small {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", Arial, Helvetica, sans-serif;*/
  color: #555;
  padding: 0 0 5px 0;
  line-height: 1.9
}

a p.small {
  color: #2b2b2b
}

p.small a {
  color: #3d9991;
  text-decoration: none;
  padding-bottom: 2px;
  position: relative
}

p.small a:after {
  border-bottom: 1px solid #3d9991;
  position: absolute;
  content: "";
  right: 0;
  top: 100%;
  left: 0;
  margin-right: 2px;
}

.wrapcontent p {
  font-size: 18px;
}

.wrapcontent ul li {
  font-size: 18px;
}

.nf-before-form-content {
  display: none;
}

.nf-field-element span {
  color: #333 !important;
}

.nf-field-label label {
  font-weight: 400 !important;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
}

.submit-wrap input {
  background: #ffd635;
  color: #fff;
  padding: 5px 30px;
}

p.tiny {
  font-size: 12px;
  /*font-family: 'Titillium Web', "Droid Arabic Kufi", 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
  letter-spacing: 0.5px;
  line-height: 1;
  color: #555 !important;
}

p.above-h2 {
  padding: 0px 0 13px 0
}

.centered p.small {
  padding-left: 2px;
}

.text-alignleft {
  text-align: left !important
}

#preloader p.small {
  color: #555 !important;
  padding: 0 !important
}

code {
  /*font-family: monospace;*/
  font-style: normal;
  line-height: 1.5;
}

pre {
  padding: 13px 40px 0 40px;
}

span.arrow {
  font: 20px;
  float: right;
  padding-bottom: 13px;
  padding-right: 15px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  margin-top: -4px;
  display: inline-block;
  opacity: 0
}

.panel {
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
  font-size: 18px;
}

.back-button span.arrow {
  opacity: 1 !important
}

a span.arrow {
  color: #555;
}

a:hover span.arrow {
  padding-right: 0;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  opacity: 1
}

blockquote {
  color: #2b2b2b;
  font-size: 24px;
  font-style: italic;
  width: auto;
  padding-right: 40px;
  color: #555
}

.col3-3.centered blockquote {
  padding: 5px 175px 10px 175px;
  color: #2b2b2b
}

.col2-3 blockquote {
  padding: 5px 145px 10px 145px !important;
}

.hentry blockquote:before {
  content: "“";
  float: left;
  display: block;
  margin-left: -64px;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-size: 96px;
  margin-top: -6px;
  font-weight: 400
}

blockquote p {
  /*font-family: 'Titillium Web', "Droid Arabic Kufi", 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
}

blockquote p.small {
  font-style: normal;
  color: #777;
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none;
  font-size: 12px;
  padding-top: 3px;
}

em {
  font-style: italic;
  /*font-family: 'Titillium Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
  color: #777;
}

code {
  font-style: normal;
  line-height: 1.5;
}

pre {
  padding: 0 30px 25px 30px;
  border: 1px dotted #d8d8d8;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block
}

hr {
  border: none;
  height: 1px;
  border-bottom: 1px dotted #d8d8d8;
  clear: both;
  margin: 60px 0 80px;
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/

/* =4. Headings
--------------------------------------------------------------------------------------------------------*/

#logo {
  display: block;
  position: relative;
  margin: 0 auto;
  min-height: 100px;
}

#logo a {
  display: block;
  height: 52px;
}

#logo img {
  height: 100px;
}

.tagline {
  /*font-family: 'Titillium Web', "Droid Arabic Kufi", Arial, Helvetica, sans-serif;*/
  font-size: 26px;
  font-weight: 600;
  margin: 0px auto;
  position: relative;
  line-height: 1.5;
  color: #2b2b2b;
  padding: 3px 0 0 0;
  text-transform: uppercase
}

.hentry h1,
h2,
h3,
h4,
h5 {
  line-height: 1.3;
  color: #2b2b2b;
  display: block;
  position: relative;
  padding-bottom: 13px;
}

.hentry .centered h1,
.centered h2,
.centered h3,
.centered h4,
.centered h5,
.hentry .alignright h1,
.alignright h2,
.alignright h3,
.alignright h4,
.alignright h5 {
  padding-right: 0
}

h2 {
  font-size: 32px;
  font-weight: 200;
  line-height: 60px;
  margin-top: -5px;
  padding-bottom: 20px;
}

h2 strong {
  font-weight: 700;
}

h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
}

h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

.blog-post h2 {
  font-size: 36px;
  line-height: 50px
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/

/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/

.blog-teaser .the_excerpt{
    text-align:right;
    direction:ltr;
}

#menu-button {
  font-size: 13px;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", Arial, Helvetica, sans-serif;*/
  text-transform: uppercase;
  /*display: none;*/
  height: auto;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 101
}

#menu-button .cursor {
  display: block;
  height: auto;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  padding: 16px 16px 14px 16px;
}

#nav-button {
  display: inline-block;
  width: 16px;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-bar {
  background-color: #555;
  border-radius: 1px;
  display: block;
  width: 16px;
  height: 2px;
  margin: 0px auto 2px;
}

#main-nav {
  position: relative;
  padding: 24px 44px 20px 44px;
  width: 100%;
}

#main-nav a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", Arial, Helvetica, sans-serif;*/
  font-weight: 600;
  position: relative;
  white-space: nowrap;
}

#main-nav>ul a {
  text-transform: uppercase;
}

#main-nav>ul .active>a,
#main-nav>ul a.active,
#main-nav>.additional-links .active>a,
#main-nav>.additional-links a.active,
#main-nav li a:hover,
#options li a.current,
#main-nav a.selected,
#main-nav .current-menu-item>a,
#main-nav .current-menu-ancestor>a {
  color: #FFD635;
}

#main-nav li a.active:after,
.current-menu-item>a:after,
.current-menu-ancestor>a:after {
  border-top: 1px solid #000;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  left: 0;
}

.lt-ie10 #main-nav li a.active:after {
  border: 0
}

#main-nav>ul li {
  padding: 7px 0;
}

#main-nav>ul>li>.sub-menu {
  padding: 9px 0 3px 0px;
}

#main-nav>ul>li>.sub-menu>li {
  padding: 4px 0px;
}

#main-nav>ul>li>.sub-menu>li:last-child {
  padding-bottom: 0px;
}

#main-nav>ul>li>.sub-menu>li>a {
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
  margin: 0
}

#bottom-header {
  /*position:absolute;
	bottom:35px;
	width:100%;
	text-align:center;*/
}

#bottom-header p.small {
  padding-top: 20px;
  color: #fff;
  line-height: 1.9;
  font-size: 14px;
}

.rtl #bottom-header p.small {
  direction: ltr;
}

.social-links {
  padding: 20px 10px 0 10px;
  min-width: 180px;
  border-bottom: 1px solid #ffd635;
  display: inline-block;
  margin: 0 auto;
}

.social-list {
  padding-bottom: 20px;
  margin: 0 !important;
}

.social-list>li>a:before {
  content: "";
  font-family: fontello;
  font-size: 18px;
  font-weight: 400;
  color: #888
}

.social-list li a:before {
  padding: 3px;
  margin: 0 1px 0 1px;
}

.social-list li {
  margin: 0;
  display: inline-block
}

.element .social-list {
  margin-left: -2px;
}

.element .social-list>li>a:before,
.blog-author-description .social-list>li>a:before {
  font-size: 16px;
  display: block;
  margin-top: -2px;
}

.social-list>li>i {
  color: #555;
  font-size: 13px;
  font-family: 'Titillium Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding-right: 4px;
}

header .social-list>li>a:before {
  font-size: 14px;
  margin: 0;
}

.social-list>li>a {
  position: relative;
  top: 1px;
}

.social-list>li>a.facebook:before {
  content: '\e800';
}

.social-list>li>a.dribbble:before {
  content: '\e801';
}

.social-list>li>a.behance:before {
  content: '\e802';
}

.social-list>li>a.git:before {
  content: '\e803';
}

.social-list>li>a.gplus:before {
  content: '\e804';
}

.social-list>li>a.xing:before {
  content: '\e805';
}

.social-list>li>a.instagram:before {
  content: '\e806';
}

.social-list>li>a.twitter:before {
  content: '𝕏';
}

.social-list>li>a.youtube:before {
  content: '\e808';
}

.social-list>li>a.slack:before {
  content: '\e809';
}

.social-list>li>a.pinterest:before {
  content: '\e80a';
}

.social-list>li>a.tumblr:before {
  content: '\e80b';
}

.social-list>li>a.soundcloud:before {
  content: '\e80c';
}

.social-list>li>a.skype:before {
  content: '\e80d';
}

.social-list>li>a.linkedin:before {
  content: '\e80e';
}

.social-list>li>a.vimeo:before {
  content: '\e80f';
}

.social-list>li>a.flickr:before {
  content: '\e810';
}

.social-list>li>a.email:before {
  content: '\e811';
}

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/

/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/

#content {
  width: 100%;
  z-index: 55;
  overflow: hidden;
}

.container {
  padding: 0px;
  width: 1170px;
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
}

.vc_row {
  padding: 0px;
  width: 1200px;
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  max-width: 100%;
}

.with-margin#container {
  margin: 25px 35px;
}

#background-color {
  display: none
}

.oldie #background-color {
  display: none
}

#header,
#content {
  background: #f5f5f5;
}

.pushed-left #content,
.pushed-left #header,
.pushed-left #footer,
.pushed-left #background-color {
  -webkit-transform: translate3d(260px, 0px, 0px);
  transform: translate3d(260px, 0px, 0px);
}

.pushed-left-alt #content,
.pushed-left-alt #header,
.pushed-left-alt #footer,
.pushed-left-alt #background-color,
.no-csstransforms3d .pushed-left #content,
.no-csstransforms3d .pushed-left #header,
.no-csstransforms3d .pushed-left #footer {
  -webkit-transform: translateX(260px);
  -ms-transform: translateX(260px);
  transform: translateX(260px);
}

#content,
#header,
#footer,
.logo-wrapper,
#background-color {
  -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
  transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

header {
  position: fixed;
  top: 0;
  right: 0;
  background: #111;
  width: 260px;
  z-index: 101;
  height: 100%;
  padding-top: 53px;
  text-align: center;
}

#content {
  position: relative;
  padding-left: 260px;
  z-index: 100
}

.titleP {
  display: none;
}

.animate img {
  max-width: 75px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.animate {
  position: absolute;
  z-index: -1;
  top: 20px;
}

.pronumber h1 {
  margin-bottom: 50px;
  color: #fff;
  font-size: 36px;
}

.pro5 {
  position: absolute;
  top: 39%;
  left: 45%;
  font-weight: bold;
  z-index: 9999999;
}

.pro5 {
  display: inline-block;
  font-size: 30px;
}

.element111,
.el4,
.element222 {
  font-weight: bold;
}

.pro1 {
  position: absolute;
  top: 31%;
  left: 20px;
  font-weight: bold;
  font-size: 38px;
}

.pro2 {
  position: absolute;
  font-size: 38px;
  right: 3%;
  top: 6%;
  font-weight: bold;
}

.pro3 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 38px;
  font-weight: bold;
}

.pro4 {
  font-weight: bold;
  font-size: 38px;
  position: absolute;
}

.pro6 {
  font-weight: bold;
  font-size: 38px;
  position: absolute;
}

.wrapcontent span {
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
}

.d1 {
  position: absolute;
  transform: rotate(-90deg);
  bottom: 14%;
  left: 45%;
}

.d2 {
  position: absolute;
  left: 45%;
  transform: rotate(-90deg);
  bottom: 42%;
}

.pronumber .wrapcontent img {
  margin-bottom: 0px;
}

.pronumber .wrapcontent {
  position: relative;
  padding-bottom: 0px;
}

.page-id-1277 .container {
  width: 100%;
}

.pronumber {
  position: relative;
  background: #ffd635;
  padding: 100px 0px;
}

.accordion {
  display: table !important;
  cursor: pointer;
}

.wrapcontent {
  max-width: 1150px;
  margin: 0 auto;
  width: 80%;
  padding-bottom: 25px;
}

.panel {
  display: none;
}

.infor-profile h5 {
  font-weight: 600;
  padding-bottom: 0px;
}

.team ul li {
  list-style: none !important;
  float: right;
  width: 33%;
  margin-bottom: 50px;
}

.team ul li:nth-of-type(3n+1) {
  clear: both;
}

.infor-profile {
  margin-top: 25px;
  padding-left: 15px;
}

.team ul li:nth-of-type(6) .infor-profile,
.team ul li:nth-of-type(4) .infor-profile,
.team ul li:nth-of-type(5) .infor-profile {
  margin-top: 10px;
}

.textfirst {
  background: #FFD635;
  padding-bottom: 0px;
  font-weight: bold;
}

.ct_team_first ul {
  margin-right: 0px;
}

.team img {
  height: 100px;
  margin-left: 20px;
  width: 100px;
  float: right;
  border-radius: 50%;
  border: 2px solid #FFD635;
}

.ct_team_first {
  padding-top: 20px;
  width: 62%;
  clear: both;
}

.team_first img {
  height: 150px;
  width: 150px;
  float: right;
  border-radius: 50%;
  border: 2px solid #FFD635;
}

/* WORDS SWAP */

[data-words] {
  vertical-align: top;
  position: static;
}

[data-words]>span {
  position: absolute;
  color: chocolate;
}

.bg_yellow {
  font-size: 18px;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
}

.panel1 {
  display: block !important;
}

.tranf {
  transform: rotate(-90deg);
  position: absolute;
  top: 70%;
  font-size: 14px !important;
  left: -35px;
  letter-spacing: 1.5px;
  background: #FFD635;
  text-transform: uppercase;
  height: 18px;
  line-height: 14px;
}

.typed-cursor {
  display: none;
}

.page-id-1277 .wpb_content_element {
  margin-bottom: 0px;
}

/*  bhoechie tab */

/*div.bhoechie-tab-container{
	z-index: 10;
	background-color: #ffffff;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #ddd;
	margin-top: 20px;
	margin-left: 50px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
	}*/

div.bhoechie-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
  margin-bottom: 0;
}

.list-group .list-group-item {
  margin-bottom: 0;
  background: grey;
  color: black;
  font-size: 18px;
}

.list-group .list-group-item.active .stokes {
  color: #FFD635;
}

.list-group .list-group-item.active {
  background: #FFD635;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}

/*	    .list-radio-wrap li label{
        display: none !important;
    }*/

.list-radio-wrap li label,
.listcheckbox-wrap li label {
  font-weight: normal !important;
}

.listcheckbox-wrap li label {
  text-align: right;
  width: 90% !important;
}

.list-radio-wrap li label {
  text-align: right;
  width: 90% !important;
}

.list-radio-wrap li input {
  float: right;
}

.listcheckbox-wrap li input {
  float: right;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

/*div.bhoechie-tab-content{
	background-color: #ffffff;
	 border: 1px solid #eeeeee; 
	padding-left: 20px;
	padding-top: 10px;
}
*/

div.bhoechie-tab div.bhoechie-tab-content {
  display: none;
}

div.bhoechie-tab div.bhoechie-tab-content.active {
  display: block;
  margin-top: 20px;
}

.list-group-horizontal .list-group-item {
  margin-left: 10px;
  display: inline-block;
}

/*.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
	}*/

/*.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
	}*/

/*.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}
*/

.tranf1 {
  transform: rotate(-90deg);
  position: absolute;
  top: 70%;
  font-size: 14px !important;
  left: -35px;
  letter-spacing: 1.5px;
  background: #FFD635;
  text-transform: uppercase;
  height: 18px;
  line-height: 14px;
}

.listitem {
  position: relative;
  max-width: 400px;
}

.listitem .bg_yellow {
  width: 100%;
}

.sub-ttt {
  font-size: 32px !important;
}

.page-id-1277 article {
  width: 100%;
  margin: 0px;
  margin-top: 50px;
}

.page-id-1277 h2 {
  margin-bottom: 35px;
  margin-top: 35px;
  line-height: 40px;
}

.blog-overview .container {
  padding-top: 65px;
}

.lists {
  font-size: 18px;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
  position: relative;
}

.bg_yellow strong {
  font-size: 18px;
}

.page-id-1277 .wrapcontent ul li {
  line-height: 28px;
  list-style-type: disc;
  text-align: right;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
}

.team {
  overflow: hidden;
  margin-bottom: 50px;
}

.page-id-1277 .wrapcontent ul {
  margin-right: 20px;
  margin-bottom: 0px;
}

.bg_yellow {
  background: #FFD635;
  display: inline-block;
  padding-left: 20px;
  margin: 40px 0px;
}

.lists {
  margin-bottom: 20px;
  line-height: 24px;
}

.yellow {
  color: #FFD635;
  font-size: 30px;
}

.gallery .container {
  padding-top: 40px
}

#white-background {
  background: #111;
  width: 260px;
  position: fixed;
  height: 100%;
  z-index: 98;
}

.ninja-forms-form-wrap * {
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif !important;*/
  font-family: 'DroidArabicKufiRegular';
  font-weight: bold;
  line-height: 28px;
  font-size: 18px !important;
}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/

.col3-3 {
  width: 1150px;
  height: auto;
  margin: 10px;
  float: left;
  position: relative
}

.col1-3 {
  width: 370px;
  height: auto;
  margin: 10px;
  float: left;
  position: relative;
}

.col2-3 {
  width: 760px;
  height: auto;
  margin: 10px;
  float: left;
  position: relative;
}

.column-count2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px;
}

.element .col1-3,
.element .col2-3,
.element .col3-3,
.col3-3 .col2-3 {
  margin: 0;
  float: none
}

.thumbs {
  width: 33.333333%;
  float: left;
  position: relative;
  margin: 0;
  height: auto;
}

.home .thumbs {
  width: 25%;
  float: left;
  position: relative;
  margin: 0;
  height: auto;
}

.with-margin .thumbs {
  padding: 5px;
}

.borderline {
  border-top: 1px dotted #d8d8d8;
  height: 1px;
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 20px 0 0 0;
}

.divider {
  background: #555;
  height: 1px;
  width: 20px;
  display: inline-block;
  top: -3px;
  position: relative;
  margin: 0 6px 0 5px;
}

.bottom-background {
  background: #fff;
  padding: 40px 45px 20px 45px;
  position: relative;
}

.blog-overview .bottom-background {
  padding-bottom: 37px;
}

.bottom-background:after {
  background: #fff;
  top: -10px;
  content: "";
  height: 24px;
  left: 47px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);  
  width: 24px;
}

.bottom-background.centered:after {
  left: 50%;
  margin-left: -12px;
}

.boxed {
  border-top: 1px dotted #888;
  border-bottom: 1px dotted #888;
  padding: 40px 0 20px 0;
  margin: 30px 0 40px 0 !important;
}

.bottom {
  position: absolute;
  bottom: 40px;
}

/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/

/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/

.overflow,
.element {
  overflow: hidden;
}

.relative {
  position: relative
}

.break {
  display: block;
  position: relative;
  height: 40px;
  width: 100%;
}

.medium-break {
  display: block;
  position: relative;
  height: 30px;
  width: 100%;
}

.small-break {
  display: block;
  position: relative;
  height: 20px;
  width: 100%;
}

.tiny-break {
  display: block;
  position: relative;
  height: 10px;
  width: 100%;
}

.blog-overview .element.blog-teaser:nth-child(2) {
  /*margin-top: 46px;*/
}

.blog-overview .element.blog-teaser:nth-child(3) {
  /*margin-top: -34px;*/
}
span.the_excerpt {
    height: 49px;
    overflow: hidden;
    display: block;
}
.bottom-background a h4{
    height: 70px;
    overflow: hidden;
    display: block;
}

pagination-wrapper {
  display: block;
  width: 100%;
  padding: 0px 0px 0px 12px;
  top: -5px;
  position: relative
}

.pagination {
  display: block;
  float: right;
}

.pagination>li {
  display: block;
  float: left;
  margin-left: 10px;
  border: 1px solid #D8D8D8;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.pagination>li.active {
  border: 1px solid #b7b7b7;
  float: left
}

.pagination>li:hover {
  border: 1px solid #b7b7b7;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.pagination>li>a {
  display: block;
  text-align: center;
  padding: 7px;
  width: 27px;
  height: 28px;
  color: #D8D8D8;
  font-size: 14px;
  font-weight: bold;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", Arial, Helvetica, "Helvetica Neue", sans-serif;*/
}

.pagination>li.active>a,
.pagination>li:hover>a,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>a:active {
  color: #666666;
}

/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/

/* =9. Icons
--------------------------------------------------------------------------------------------------------*/

.icons {
  position: relative;
  height: 48px;
  width: 48px;
  margin-bottom: 16px;
  margin-top: 5px;
}

.icon-holder {
  position: relative;
  float: left;
  height: 48px;
  width: 48px;
  margin-top: 5px;
}

.centered .icons,
.centered .icon-holder {
  float: none;
  display: inline-block;
}

.next-to-icon {
  margin-left: 80px;
  margin-bottom: 15px;
}

.next-to-icon.last {
  margin-bottom: 0
}

/* End Icons
--------------------------------------------------------------------------------------------------------*/

/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/

.images {
  display: block;
  position: relative;
}

.images img {
  width: 100%;
  display: block;
  max-width: 100% !important;
  z-index: 9;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.images img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

img {
  box-shadow: #fff 0 0 0
}

.images.round img {
  border: 0 none;
  border-radius: 50%;
}

.image-container {
  padding: 20px 0 40px 0;
  overflow: hidden
}

.blog-overview .image-container {
  margin: 0;
  padding: 0
}

.videos {
  width: 800px;
  height: 450px
}

.sliphoveritemTitle {
  font-size: 11px !important;
  text-transform: uppercase;
  font-weight: 700;
  /*font-family: 'Titillium Web', Arial, Helvetica, sans-serif;*/
  line-height: 1.5;
  display: block;
  text-decoration: none !important;
}

.sliphoveritemTitle span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  /*font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;*/
  text-transform: none;
  letter-spacing: 0;
  position: absolute;
  bottom: -3px;
  width: 70%;
}

.sliphoveritemTitle i {
  display: block;
  font-size: 30px;
  right: -3px;
  font-style: normal !important;
  position: absolute;
  line-height: 1.5;
  bottom: -5px;
  text-decoration: none !important;
}

.rtl .sliphoveritemTitle i {
  transform: rotate(180deg);
  left: 20%;
  right: auto;
  bottom: -15px;
}

.sliphoveritemTitle span {
  /*font-family: "Titillium Web", "Droid Arabic Kufi", Arial, Helvetica, sans-serif !important;*/
  text-align: right;
}

.sliphoveritemTitle div {
  position: relative;
  padding-left: 5px;
}

/* End Image Hover
--------------------------------------------------------------------------------------------------------*/

/* =11. Footer
--------------------------------------------------------------------------------------------------------*/

footer {
  margin: 55px 10px 30px 10px;
  padding: 28px 0;
  border-top: 1px dotted #d8d8d8;
  width: 1150px;
  position: relative;
  text-align: center;
}

footer.border-bottom {
  border-top: none;
  border-bottom: 1px dotted #d8d8d8;
  margin: 30px 10px 55px;
}

footer a h5 {
  padding-bottom: 2px;
  color: #999;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

footer p {
  font-size: 14px;
}

footer .alignleft .small,
footer .alignright .small {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none
}

footer a .small,
footer .small {
  color: #999;
  font-size: 10px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

footer a:hover .small,
footer a:hover h5 {
  color: #2b2b2b;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

footer a:hover .small {
  color: #555
}

footer .alignright {
  text-align: right;
  max-width: 50%;
  width: 50%;
  white-space: nowrap;
  margin: 0 !important;
}

footer .alignleft {
  text-align: left;
  max-width: 50%;
  width: 50%;
  white-space: nowrap;
  margin: 0 !important;
}

.blog-overview footer .alignright,
.blog-overview footer .alignleft,
.single-portfolio footer .alignright,
.single-portfolio footer .alignleft {
  white-space: normal
}

footer .aligncenter {
  top: -48px;
  position: relative
}

.arrow-left,
.arrow-right {
  display: inline-block;
  font: 30px'Titillium Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-style: normal !important;
  line-height: 1;
  text-decoration: none !important;
  float: left;
  padding-top: 4px;
  width: 45px;
  color: #999
}

.arrow-right {
  float: right
}

/* End Footer
--------------------------------------------------------------------------------------------------------*/

/* =12. Lists
--------------------------------------------------------------------------------------------------------*/

ul.unordered-list,
.hentry ul {
  list-style: circle;
  line-height: 1.5;
  padding: 0px 0px 13px 20px;
  text-align: left !important;
  font-size: 16px;
  /*font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;*/
}

ol {
  list-style: decimal;
  line-height: 1.5;
  padding: 0px 0px 13px 20px;
  font-size: 16px;
  /*font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;*/
}

.child ul.unordered-list,
.child .hentry ul,
.child ol {
  padding: 10px 30px 0 50px;
}

ul.unordered-list li a,
.hentry ul li a,
ol li a {
  color: #555;
  text-decoration: underline;
}

ul.unordered-list li a:hover,
.hentry ul li a:hover,
ol li a:hover {
  color: #2b2b2b;
  text-decoration: underline;
}

/* =End Lists
--------------------------------------------------------------------------------------------------------*/

/* =14. Blog
--------------------------------------------------------------------------------------------------------*/

.blog-author-profile {
  padding: 55px 0 45px;
  width: 100%;
}

.blog-author-picture {
  float: left;
  margin: 0 30px;
  line-height: 0;
  width: 150px;
}

.blog-author-picture>img {
  display: block;
  width: 100%;
  max-width: 150px;
}

.blog-author-description {
  float: left;
  width: 75%;
  padding-right: 30px;
}

.blog-author-description>h3 {
  padding-top: 13px;
}

.comments {
  padding: 22px 0px 26px 0px;
}

.comment-count {
  height: 47px;
  border-bottom: 1px dotted #d8d8d8;
}

.comment {
  padding: 29px 0;
  border-bottom: 1px dotted #d8d8d8;
  position: relative
}

.comment.reply.level-1 {
  padding-left: 6.6%;
}

.commenter-avatar {
  float: left;
  padding: 0 30px;
  width: 135px;
}

.commenter-avatar>img {
  width: 75px;
}

.comment-content {
  float: left;
  max-width: 70%;
}

.comment-reply-button-column {
  float: right;
  width: auto;
  /*font-family: "Titillium Web", Arial, Helvetica, sans-serif;*/
  font-size: 14px;
  font-style: italic
}

.comment-reply-button-column a {
  margin: 0px 32px 0 32px;
  color: #555;
}

.comment-reply-button-column a:hover {
  color: #2b2b2b;
}

.about-image-wrapper {
  width: 150px;
  float: left;
  margin: 0 20px 0 70px;
}

.about-image-wrapper img {
  display: block;
  float: right;
}

.comment-form-wrapper {
  padding: 69px 0 0 0;
  position: relative;
}

.comment-form-icon-wrapper {
  position: absolute;
  top: 69px;
  left: 30px;
  background: url(style/images/icons/bg-quote.png) no-repeat center;
  background-size: 48px 48px;
  display: block;
  height: 75px;
  width: 75px;
}

.comment-form {
  padding: 0 30px 0 136px;
}

.comment-form.contact-form {
  padding-left: 30px
}

.comment-form>input,
.comment-form>textarea {
  padding: 17px 18px;
  width: 289px;
  margin-bottom: 10px;
  border: 0;
  text-align: left;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  background: #e9e9e9;
}

.comment-form>input:focus,
.comment-form>textarea:focus {
  background: #e5e5e5;
}

.comment-form.contact-form input {
  float: left;
  margin-right: 10px;
  width: 280px;
}

input.last {
  margin-right: 0 !important
}

.comment-form>textarea {
  width: 100%;
  height: 174px;
}

.comment-form .send-btn {
  border: none 0px transparent;
  background: url(style/images/icons/bg-mail.png) no-repeat scroll top right transparent;
  background-size: 48px 48px;
  padding: 19px 55px 16px 4px;
  height: 48px;
  /*font-family: 'Titillium Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
  font-size: 15px;
  display: block;
  width: auto;
  float: right;
  margin: 17px 25px 0px 0px;
  cursor: pointer;
  line-height: 12px;
  font-style: italic;
}

/* End Blog
--------------------------------------------------------------------------------------------------------*/

/* =15. Services
--------------------------------------------------------------------------------------------------------*/

.service_box {
  display: inline-block;
  text-align: center;
  margin-top: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 55;
  position: relative;
  margin: 0 !important;
}

.service_item {
  display: inline-block;
  padding: 12px 22px;
  position: relative;
  cursor: help;
  text-align: center;
  min-width: 152px;
  margin-bottom: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.icon_box {
  display: inline-block;
  height: 48px;
  width: 48px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.service_name {
  padding: 0;
  margin: 13px 0 0 0;
}

.service_details {
  display: none;
  position: absolute;
  bottom: 138px;
  left: 50%;
  margin-left: -50%;
  background-color: #fff;
  padding: 31px 45px 27px 50px !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.service_details:after {
  background: #fff;
  bottom: -10px;
  content: "";
  height: 24px;
  left: 50%;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  width: 24px;
  margin-left: -12px;
}

.service_item.hover>.service_details,
.service_item.open>.service_details {
  display: block;
}

.service_details>li {
  text-align: left;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.5;
  list-style: circle;
  margin-bottom: 5px;
  position: relative;
}

/* =End Services
--------------------------------------------------------------------------------------------------------*/

.wrapper.hide {
  display: none
}

#menu-button.open #nav-button span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#menu-button.open #nav-button span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  top: -2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#menu-button.open #nav-button span:nth-child(3) {
  display: none;
}

#ajax-content {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.92);
  position: fixed;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  visibility: hidden;
}

#ajax-content.visible {
  height: 100%;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#ajax-content .ajax-sidebar {
  width: 0;
  background: #fff;
  height: 100%;
  float: right;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 999;
}

#ajax-content.visible .ajax-sidebar {
  float: right;
  width: 380px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.ajax-sidebar #project-title {
  padding: 55px;
  margin-top: 20px;
  width: 380px;
}

#ajax-content .ajax-slider {
  opacity: 0;
  float: left;
  width: auto;
  height: 100%;
}

#ajax-content.visible .ajax-slider {
  width: auto;
  float: left;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#ajax-content.visible .ajax-slider figure.images {
  max-height: 100vh;
  text-align: center;
}

#ajax-content.visible .ajax-slider figure.images img {
  display: inline-block;
  width: auto;
  max-height: 90vh;
  padding: 0 5%;
}

.ajax-close {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999999;
  background: url(style/images/icons/bg-close@2x.png) center no-repeat #fff;
  background-size: 36px 36px;
}

.ajax-prev {
  background: url(style/images/icons/bg-prev.png) center no-repeat #fff;
  background-size: 48px 48px;
  display: block;
  position: absolute;
  width: 54px;
  height: 74px;
  top: 50%;
  margin-top: -34px;
  left: 25px;
  z-index: 999;
}

.ajax-next {
  background: url(style/images/icons/bg-next.png) center no-repeat #fff;
  background-size: 48px 48px;
  display: block;
  position: absolute;
  width: 54px;
  height: 74px;
  top: 50%;
  margin-top: -34px;
  right: 25px;
  z-index: 999;
}

.quote {
  background: url(style/images/icons/bg-quote.png) center no-repeat;
  background-size: 48px 48px;
}

#project-slider {
  position: relative;
}

.ajax-more {
  display: none;
}

/*-----------------------------------------------------------------------------------*/

/*	WORDPRESS STYLES - VISUAL COMPOSER
/*-----------------------------------------------------------------------------------*/

.wpb_row {
  margin-bottom: 60px;
}

.row {
  margin: 0 -15px;
}

/*-----------------------------------------------------------------------------------*/

/*	WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/

#content .container-fluid+.container:last-child {
  display: none;
}

.wp-caption a,
.social-list a {
  border-bottom: none;
}

aside {
  line-height: 26px;
}

aside.col1-3 {
  padding-left: 30px;
}

.widget {
  margin-bottom: 50px;
}

.team.image-container {
  padding: 0;
}

.team h4+p {
  padding-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.single #project-title,
.single #project-slider {
  display: none;
}

#reply-title {
  display: none;
}

.children .comment {
  border-bottom: none;
}

.centered blockquote {
  padding: 10px 0 0 0;
  max-width: 70%;
  margin: 0 auto;
}

/*-----------------------------------------------------------------------------------*/

/*	WORDPRESS DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/

.article-single ul,
.article-single ol {
  margin: 0 0 20px 40px;
  padding: 0;
}

.article-single ul ul,
.article-single ol ol {
  margin-bottom: 0;
}

.sticky {}

.bypostauthor img.avatar {}

select {
  max-width: 100%;
}

.alignleft,
.aligncenter,
.alignright,
.alignnone {
  margin-bottom: 25px;
}

.alignleft {
  float: left;
  margin: 0 30px 30px 0 !important;
}

.alignright {
  float: right;
  margin: 0 0 30px 30px !important;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

figure.aligncenter a {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.wp-caption {
  max-width: 100%;
  text-align: center;
}

.wp-caption img {
  margin-bottom: 10px;
}

.gallery-caption {
  margin: 20px 0;
  max-width: 100%;
  text-align: center;
  z-index: 999;
}

.wp-caption-text,
.gallery-caption-text {
  margin: 6px 0;
  font-style: italic;
  font-size: 95%;
  line-height: 120%;
}

.aligncenter {
  text-align: center;
}

table#wp-calendar {
  border: 1px solid #cccccc
}

table#wp-calendar>tbody>tr>td>a {
  text-decoration: underline
}

table#wp-calendar thead>tr>th {
  width: 35px;
  height: 20px;
  text-align: center;
  border: 1px solid #cccccc;
}

table#wp-calendar tbody>tr>td {
  width: 35px;
  height: 20px;
  text-align: center;
  border: 1px solid #cccccc;
}

table#wp-calendar tfoot>tr>td>a,
tfoot>tr>td>a:link,
tfoot>tr>td>a:visited,
tfoot>tr>td>a:hover,
tfoot>tr>td>a:active {
  text-decoration: underline;
  height: 23px;
  nowhitespace: afterproperty;
  margin-left: 10px;
  padding-bottom: 3px;
}

table#wp-calendar tfoot>tr>td#prev {
  width: 58px;
  height: 20px;
  text-align: left;
}

table#wp-calendar tfoot>tr>td#next {
  width: 58px;
  height: 20px;
  text-align: right;
}

.article-single table {
  margin-bottom: 25px;
}

.article-single table tr,
.article-single table td,
#wp-calendar table tr,
#wp-calendar table td {
  padding: 10px 15px;
  border: 1px solid #cccccc;
}

dd {
  margin-bottom: 25px;
}

dt {
  margin-bottom: 10px;
  font-size: 18px;
}

.widget_rss li {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.widget_rss li .rsswidget,
.widget_rss li cite {
  font-weight: bold;
  display: block;
}

.widget_rss li .rss-date {
  display: block;
  margin-bottom: 10px;
}

.widget_rss li cite {
  margin-top: 10px;
}

.article-single span.pull-right,
.article-single span.pull-left {
  float: right;
  display: inline-block;
  width: 300px;
  margin: 0 0 20px 20px;
  font-size: 22px;
  line-height: 30px;
}

.article-single span.pull-right {
  float: right;
  margin: 0 0 20px 20px;
  text-align: right;
}

.article-single span.pull-left {
  float: left;
  margin: 0 20px 20px 0;
}

.article-single table {
  text-align: left;
  width: 100%;
}

.article-single table td,
.article-single table th {
  padding: 15px;
}

.article-single table tr:nth-child(even),
.article-single table thead tr {
  background: rgba(0, 0, 0, 0.2);
}
.blog-author-profile{
display:none;
}
/* Form style */

input,
textarea,
select {
  font: 16px"Merriweather", Georgia, "Times New Roman", Times, serif;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
  color: #555;
  border: 0;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  float: none;
  display: block;
  margin: 0px;
  background: none;
}

textarea {
  resize: none;
}

.form-part {
  padding: 0;
  margin-top: 5px;
  padding-bottom: 26px;
}

textarea, select, input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
	display: block;
	width: 100%;
	padding: 17px 18px;
	margin-bottom: 10px;
	border: 0;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	background: #e9e9e9;
	text-align: right;
	font-style: normal;
	font-family: 'DroidArabicKufiRegular' !important;
}
input[type="number"] {
  text-align: right;
}

textarea {
  height: 174px;
  resize: none;
}

input[type="submit"] {
  border: none 0px transparent;
  background: url(style/images/icons/bg-mail.png) no-repeat scroll top right transparent;
  background-size: 48px 48px;
  padding: 19px 60px 16px 4px;
  height: 48px;
  /*font-family: 'Titillium Web', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
  font-size: 15px;
  display: block;
  width: auto;
  float: right;
  margin: 19px 29px 0px 0px;
  cursor: pointer;
  line-height: 12px;
  font-style: italic;
}

/*.mobilelogo{
	display: none;
}*/

.single.single-post .images img, .single.single-report .images img{ 
    width: auto; margin: auto;
}

ul.post-list {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    list-style: none !important;
    flex-wrap: wrap !important;
}
ul.post-list li {
    max-width: 100% !important;
    display: block !important;
    flex: 0 0 33.33% !important;
    padding: 10px !important;
}
.article__image {
    width: auto !important;
    height: 185px !important;
    object-fit: cover !important;
}
.article__image img {
    width: 100% !important;
    height: 100% !important;
}
.article__box {
    background-color: #fff !important;
    padding: 40px !important;
}
span.article__date {
    width: 100% !important;
    display: block !important;
    font-size: 12px !important;
    color: #555 !important;
    margin-bottom: 15px !important;
}
span.article__title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
p.article__text {
    padding-top: 15px !important;
    color: #000 !important;
}

.single-report h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 60px;
    margin-top: -5px;
    padding-bottom: 20px;
}
.report--list .attachment-medium.size-medium.wp-post-image:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
.report--list .attachment-medium.size-medium.wp-post-image {
    width: 100%;
    display: block;
    max-width: 100% !important;
    z-index: 9;
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
	font-family: 'DroidArabicKufiRegular' !important;
	text-align: right;
	direction: rtl;
	font-size: 16px !important;
	color: #555;
	font-weight: normal;
	text-align: right;
}
.nf-field-element input[type="submit"]{
  background: #ffd635;
  padding: 18px 35px;
  color: #000;
  font-style: normal;
  border-radius: 2px;
  transition: all 0.5s ease;
}
.nf-field-element input[type="submit"]:hover{
  transform: scale(1.04);
}
.container h2.margin-b-20 {
  margin-bottom: 45px;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.nf-after-field .nf-error-msg {
  margin-right: 10px;
  font-size: 13px !important;
  line-height: 18px;
  margin-top: -3px;
}
.meshbak_ebd_popup {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #00000096;
	z-index: 999;
	top: 0;
  display: none;
}
.meshbak_ebd_popup_inner {
	max-width: 650px;
	margin: 6% auto;
	padding: 60px 40px;
	background: #000;
	text-align: center;
	color: #fff;
	position: relative;
}
.meshbak_ebd_popup_title {
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 16px;
}
.meshbak_ebd_popup_description {
	line-height: 1.2;
}
.meshbak_ebd_popup_form {
	margin-top: 40px;
  position: relative;
}
.meshbak_ebd_popup_form input#ebd-email {
	padding-left: 125px;
}
.meshbak_ebd_popup_form input#ebd-subscribe-btn {
	position: absolute;
	top: -10px;
	left: 10px;
}
.meshbak_ebd_popup_close svg {
	fill: #fff;
	width: 16px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	z-index: 1;
}
/*-----------------------------------------------------------------------------------*/

/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 1450px) {
    .report--list .wpb_text_column.wpb_content_element {
        max-width: 1000px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
  .ajax-more {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50px;
    background: #333;
    color: #fff;
    /*font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;*/
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
    z-index: 99999;
  }
  #ajax-content.visible .ajax-sidebar {
    position: absolute;
    width: 0;
    right: 0;
  }
  #ajax-content.visible .ajax-sidebar.collapsed {
    width: 100%;
  }
  #ajax-content.visible .ajax-slider {
    width: 100%;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
  }
  .ajax-sidebar #project-title {
    padding: 40px;
    margin: 0 auto;
    margin-top: 30px;
    width: 300px;
    text-align: center;
  }
  .bottom {
    position: relative;
    padding-top: 20px;
    bottom: auto
  }
  #project-title p {
    font-size: 14px;
    line-height: 1.5
  }
  #project-title h3 {
    font-size: 20px;
    line-height: 27px;
  }
  #project-title p.small {
    font-size: 11px;
  }
  ul.post-list li {
    flex: 0 0 50% !important;
}
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .flex-direction-nav .flex-next {
    background: url(style/images/icons/bg-next@2x.png) center no-repeat #fff;
    background-size: 48px 48px;
  }
  .flex-direction-nav .flex-prev {
    background: url(style/images/icons/bg-prev@2x.png) center no-repeat #fff;
    background-size: 48px 48px;
  }
  .fancybox-close {
    background: url(style/images/bg-close@2x.png) center no-repeat;
    background-size: 48px 48px;
  }
  .fancybox-prev span {
    background: url(style/images/bg-prev@2x.png) center no-repeat;
    background-size: 48px 48px;
  }
  .fancybox-next span {
    background: url(style/images/bg-next@2x.png) center no-repeat;
    background-size: 48px 48px;
  }
  .form-part .send-btn {
    background: url(style/images/icons/bg-mail@2x.png) no-repeat scroll top right transparent;
    background-size: 48px 48px;
  }
  .comment-form-icon-wrapper {
    background: url(style/images/icons/bg-quote@2x.png) no-repeat center;
    background-size: 48px 48px;
  }
  .comment-form .send-btn {
    background: url(style/images/icons/bg-mail@2x.png) no-repeat scroll top right transparent;
    background-size: 48px 48px;
  }
  .ajax-prev {
    background: url(style/images/icons/bg-prev@2x.png) center no-repeat #fff;
    background-size: 48px 48px;
  }
  .ajax-next {
    background: url(style/images/icons/bg-next@2x.png) center no-repeat #fff;
    background-size: 48px 48px;
  }
  .quote {
    background: url(style/images/icons/bg-quote.png) center no-repeat;
    background-size: 48px 48px;
  }
}

@media only screen and (max-width: 1299px) {
  #content {
    position: absolute;
    padding-left: 0px;
    z-index: 102
  }
  /*	.mobilelogo{
		display: block;
		background: #000;
		text-align: center;
	}*/
  .mobilelogo img {
    max-width: 150px;
    margin: 25px 0px;
  }
  /*	#logo{
		display: none;
	}*/
  header {
    position: absolute;
    min-height: 100%;
    height: auto
  }
  #background-color {
    background: #f5f5f5;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 101;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    display: block
  }
  #bottom-header {
    position: relative;
    bottom: auto;
    width: 100%;
    text-align: center;
  }
  /*#menu-button {*/
  /*  display: block;*/
  /*}*/
}

/* Desktop-only rules */

@media only screen and (min-width: 980px) and (max-width: 1469px) {
  .container {
    width: 960px;
  }
  .vc_row {
    width: 990px;
  }
  .col3-3,
  footer {
    width: 940px;
  }
  .col1-3 {
    width: 300px;
  }
  .col2-3 {
    width: 620px;
  }
  .col3-3,
  .col4-3 {
    width: 940px;
    height: auto;
  }
  .videos {
    width: 400px;
    height: 225px
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 640px;
  }
  .vc_row {
    width: 670px;
  }
  .col1-3 {
    width: 300px;
  }
  .col2-3,
  .col2-3m,
  footer {
    width: 620px;
  }
  .col3-3,
  .col4-3 {
    width: 620px;
    height: auto;
  }
  footer .social-list {
    margin-left: 0
  }
  .thumbs {
    width: 50%;
  }
  .blog-overview .element.blog-teaser:nth-child(2) {
    margin-top: 10px;
  }
  .blog-overview .element.blog-teaser:nth-child(3) {
    margin-top: 10px;
  }
  .blog-author-description {
    width: 55%;
  }
  .comment-content {
    width: 340px;
  }
  .comment.reply.level-1 {
    padding-left: 0
  }
  .col3-3.centered blockquote {
    padding: 5px 75px 10px
  }
  .service_item {
    min-width: 162px;
  }
  .videos {
    width: 400px;
    height: 225px
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 979px) {
    ul.post-list li {
    flex: 0 0 50% !important;
}
@media only screen and (max-width: 767px) {
  .container {
    width: 320px;
  }
  .pro1,
  .pro2,
  .pro3,
  .pro4,
  .pro5,
  .pro6 {
    font-size: 15px;
  }
  .ct_team_first {
    width: 100%;
  }
  .pro1 {
    left: 0px;
  }
  .deskt {
    display: none;
  }
  .team ul li {
    width: 50%;
  }
  .team ul li {
    width: 50%;
  }
  .team img {
    float: inherit;
  }
  .team ul li:nth-of-type(2n+1) {
    clear: both;
  }
  .team ul li:nth-of-type(3n+1) {
    clear: inherit;
  }
  .infor-profile {
    float: inherit;
  }
  .mb {
    display: block;
  }
  .vc_row {
    width: 300px;
  }
  .col1-3,
  footer {
    width: 300px;
  }
  .col2-3,
  .col3-3,
  .col4-3 {
    width: 300px;
    height: auto;
  }
  h2 {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0;
  }
  footer .alignleft,
  footer .alignright {
    width: 100%;
    max-width: 100%;
    text-align: center
  }
  footer .aligncenter {
    top: 10px
  }
  .arrow-left,
  .arrow-right {
    display: none
  }
  footer h5 {
    padding-right: 0
  }
  .thumbs {
    width: 50%;
  }
  .pagination-wrapper {
    width: 100%;
    top: 0;
    padding: 0;
  }
  .pagination {
    display: inline-block;
    float: none;
  }
  .pagination>li {
    margin: 0 5px;
  }
  .blog-overview .element.blog-teaser:nth-child(2) {
    margin-top: 10px;
  }
  .blog-overview .element.blog-teaser:nth-child(3) {
    margin-top: 10px;
  }
  .blog-author-picture {
    float: none;
    margin: 0 auto;
    padding: 0;
  }
  .blog-author-description {
    width: auto;
    padding-top: 20px;
    padding-right: 0;
    text-align: center
  }
  .comment,
  .comment-count {
    text-align: center;
  }
  .commenter-avatar {
    padding: 0;
    margin: 0 auto;
    width: 150px;
    display: inline-block;
    float: none
  }
  .comment-content {
    padding-top: 20px;
    display: block;
    width: auto;
    max-width: 100%;
  }
  .comment.reply.level-1 {
    padding-left: 0
  }
  .comment-reply-button-column {
    float: none;
  }
  .comment-form-icon-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-position: center top;
  }
  .comment-form-icon-wrapper:before {
    display: inline-block;
  }
  .comment-form {
    padding: 0;
  }
  .comment-form>input,
  .comment-form>textarea {
    width: 100%;
  }
  .col3-3.centered blockquote,
  .col2-3 blockquote {
    padding: 5px 25px 10px !important
  }
  .column-count2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .videos {
    width: 400px;
    height: 225px
  }
}

/* Small mobile sizes */
@media only screen and (max-width: 767px) {
    ul.post-list li {
    flex: 0 0 100% !important;
}
}

@media only screen and (max-width: 399px) {
  .thumbs {
    width: 100%;
  }
  .videos {
    width: 300px;
    height: 169px
  }
  
}

/*----------  New Css Style  --------------*/

#content,
header {
  border-top: 10px solid #FFD635;
}

.social-links a {
  background-color: #333;
  width: 24px;
  border-radius: 4px;
  margin: 0 5px;
  display: block;
  padding: 3px 0;
  text-align: center;
  color: #fff
}

ul.social-list.clearfix a:before {
  color: #fcfcfc;
  font-size: 16px;
}

.social-list.clearfix a:hover {
  opacity: .7;
}

/**** RTL Style ***/

.rtl a,
.rtl p,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6 {
  font-style: normal;
  letter-spacing: 0;
}

.rtl a,
.rtl p,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl ul,
.rtl ol,
.rtl li,
.rtl blockquote,
.rtl footer,
.rtl header,
.rtl main,
.rtl cite,
.rtl div,
.rtl span,
.rtl table,
.rtl input,
.rtl button,
.rtl .article-single ul,
.rtl .article-single ol,
.rtl input[type="submit"] {
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif !important;*/
}

.rtl .article-single ul,
.rtl .article-single ol {
  margin-left: 0;
  margin-right: 20px;
}

.rtl .article-single ul>li:not(:last-of-type),
.rtl .article-single ol>li:not(:last-of-type) {
  margin-bottom: 5px;
}

.rtl ul.unordered-list,
.rtl .hentry ul {
  text-align: right !important;
}

textarea,
select,
input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.comment-form>input,
.comment-form>textarea {
  text-align: right;
}

.rtl input[type="submit"],
.rtl footer .alignleft .small,
.rtl footer .alignright .small {
  font-style: normal;
  font-size: 18px;
}

.rtl input[type="submit"] {
  font-size: 18px;
}

.rtl .blog-author-profile .blog-author-picture,
.rtl .blog-author-profile .blog-author-description,
.rtl .commenter-avatar,
.rtl .comment-content {
  float: right;
}

.rtl .comment-reply-button-column {
  float: left;
}

.rtl footer .alignright h5,
.rtl footer .alignleft h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98%;
}

.rtl p.small a:after {
  margin-right: 0;
}

.rtl #main-nav a {
  font-size: 14px;
  letter-spacing: 0;
  /*font-family: "Titillium Web", "Droid Arabic Kufi", 'Helvetica Neue', sans-serif;*/
}

.rtl #menu-button,
.rtl #white-background {
  /*left: 0;*/
}

h2 {
  border-left: 10px solid #FFD635;
  padding-left: 10px;
  text-align: left;
  padding-top: 10px;
}

.rtl h2 {
  border-right: 10px solid #FFD635;
  padding-right: 10px;
  border-left: none;
  text-align: right;
}

.vc_col-sm-8 p strong {
  background: #FFD635;
  padding: 3px;
  border-radius: 0px;
  color: #2b2b2b;
}

.wpcf7-submit {
  margin: 0;
}

header .tagline {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 1420px) {
  .pro1 {
    left: -20px !important;
  }
  .pro5 {
    font-size: 30px;
  }
  .d2 {
    bottom: 43.5%;
  }
  .pro3 {
    bottom: -3%;
  }
}

@media screen and (max-width: 1080px) {
  .pro1 {
    left: -5px !important;
  }
}
@media screen and (max-width:900px) {
.pro3 {
  bottom: -6%;
}
.pro5 {
  font-size: 20px;
}
}
@media screen and (max-width:767px) {
.pro5 {
  font-size: 15px;
}
.pro4 {
  font-size: 15px;
}
}

@media screen and (max-width:520px) {
.meshbak_ebd_popup_inner {
	padding: 40px 20px;
}
.meshbak_ebd_popup_title {
	font-size: 22px;
}
.meshbak_ebd_popup_description {
	font-size: 14px;
}
.meshbak_ebd_popup_form input#ebd-subscribe-btn {
	background-size: 40px;
	background-position: 46px;
}
}

#gw_go_portfolio_projects .gw-gopf-cats > span{
        right: 0 !important;

}