@font-face {

  font-family: "Cairo";

  src: url("../fonts/Cairo/Cairo-VariableFont_wght.ttf"); 

  }


.test
{
  display: flex;
  flex-wrap: wrap;
}
.navbar-nav>li>a {
  padding-top: 16px;
  padding-bottom: 10px;
  line-height: 34px;
  font-size: 18px;
  color: #000;
}
.mrl {margin-left: 19px;}
.img {
  background-color: #fbfbfb;
  width: 70px;
  height: 70px;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.img img {
  width: auto;
  max-height: 50px;
  margin: auto;
  display: block;
}
.table {

  margin-top: 12px;

  border-radius: 15px;

  border: 1px solid #eee;

}



.table > thead > tr > th {

  color: #ffffff;

  background: #5584d6;

}



nav{

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.navbar-nav > li{ float:right !important}

.b_100 button{width:100%; font-family:Cairo;}





h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 , input , button , a , td,th,div{ font-family: 'Cairo', sans-serif!important;}



.main_container{text-align: right}

@font-face {
    font-family: cabin;
    src: url(../css/Cabin-VariableFont_wdth,wght.ttf);
}
.globe {font-family: cabin !important;}

#mailform td , #mailform div:not(.titles_) , .contact_form_info address  , .contact_form_info abbr , .contact_form_info li { font-family: tahoma; font-size: 14px; line-height: 25px; } 







.col-item .price{ float:right !important; text-align:right !important}

.glyphicon , .separator .fa{margin-left:5px}

.titles{  font-size:24px; line-height:30px; font-weight:normal}

.navbar-default .navbar-nav > li > a , h4.panel-title , .panel-faq a , .ticker  strong {   }

.list-unstyled{padding-right: 0}

.panel-faq a { font-size:14px; line-height:18px}



.navbar-header{float:right}

.header-top{ right:auto; left:0; }

.brand_name{left:auto; right:296px;}

.brand_name h3{ padding-top:7px;}	



 









a , h2 ,h3 ,h4 ,h5 , p ,h1 , div , .navbar-right > li > a , .about-content p{ }





.even-control-left{ right:auto; left:0}

.even-control-right{ right:auto; left:3%}



.navbar-right li{float:right}

#about{direction:rtl}

.guitar {

	right:auto;

    left: 0;

    position: absolute;

}



body > .header .navbar{

	margin-right:220px;

	margin-left:0;

}



.right-side{

	margin-left:0;

	margin-right:220px;

}





.left-side{

	right:0;

}



@media screen and (max-width: 993px) {

	.right-side{margin:0;}

	body > .header .navbar{margin-right:0}

}



.left-side_c{ right:auto; left:-220px;}

.right-side_c{ margin-right:0}





.skin-black .sidebar-form .btn{ border-right:none; border-radius:2px 0 0 2px !important ;  }



input , select , textarea ,  ul li , ol li{ direction:rtl ; text-align:right}

ol li , .progress-bar  { float:right}



/* .input-group{direction:ltr} */



li a , li , td , div{     }



.fa.pull-left{ margin-left:0 ; margin-right:7px;}



/* .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 ,

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 ,

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12

{

	float:right;

} */



.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child){

    border-bottom-right-radius:0;

	border-top-right-radius:0;	

}



.nav.nav-pills.nav-stacked > li.active > a, .nav.nav-pills.nav-stacked > li.active > a:hover{

	border-left-color:#f6f6f6;

	border-right-color:#3c8dbc;

}



.dropdown-menu li{ width:100%; }



.navbar-nav > .user-menu > .dropdown-menu,

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu

{  right:auto; left:0 }



th{text-align:center}



.comment-list .row {

  margin-bottom: 0px;

}

.comment-list .panel .panel-heading {

  padding: 4px 15px;

  position: absolute;

  border:none;

  /*Panel-heading border radius*/

  border-top-right-radius:0px;

  top: 1px;

}

.comment-list .panel .panel-heading.right {

  border-right-width: 0px;

  /*Panel-heading border radius*/

  border-top-left-radius:0px;

  right: 16px;

}

.comment-list .panel .panel-heading .panel-body {

  padding-top: 6px;

}

.comment-list figcaption {

  /*For wrap text is thumbnail*/

  word-wrap: break-word;

}

/* Portrait tablets and medium desktops */


@media (min-width: 768px) {

  .comment-list .arrow:after, .comment-list .arrow:before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-color: transparent;

  }

  .comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before {

    border-left: 0;

  }

  /*****Left Arrow*****/

  /*Outline effect style*/

  .comment-list .panel.arrow.left:before {

    left: 0px;

    top: 30px;

    /*Use boarder color of panel*/

    border-right-color: inherit;

    border-width: 16px;

  }

  /*Background color effect*/

  .comment-list .panel.arrow.left:after {

    left: 1px;

    top: 31px;

    /*Change for different outline color*/

    border-right-color: #FFFFFF;

    border-width: 15px;

  }
  #CardStatus .table tr td .alert-danger {text-align: center;}
  /*****Right Arrow*****/

  /*Outline effect style*/

  .comment-list .panel.arrow.right:before {

    right: -16px;

    top: 30px;

    /*Use boarder color of panel*/

    border-left-color: inherit;

    border-width: 16px;

  }

  /*Background color effect*/

  .comment-list .panel.arrow.right:after {

    right: -14px;

    top: 31px;

    /*Change for different outline color*/

    border-left-color: #FFFFFF;

    border-width: 15px;

  }

}

.comment-list .comment-post {

  margin-top: 6px;

}

.comment-list time{ font-family:tahoma; font-size:12px}

.comment-list .floatright , .nav-tabs > li{float:right}

.nav{padding:0}

.tab-pane{padding:13px;}



.breadcrumb { height: 39px; }
@media (max-width: 768px) 
{
  .navbar-nav.navbar-right:last-child {
    margin-left: 15px;
    margin-right: -14px !important;
}
}
@media (max-width: 567px) 
{
    .navbar-nav > li,.navbar-right li,.navbar-header,.navbar-right,.navbar-nav{ float:none !important}
  .input-group {width: 100% !important;margin: 10px 0;}
  .user-img {margin-left: auto !important;margin-right: unset !important;}
}