@charset "utf-8";
/* CSS Document*/
/****************************
* 1  Top Social Icons
* 1  Side Icons
* 1  Main Menu
* 1  Pagination
* 2  Portfolio
* 3  Blog
* 4  Post
* 5  Career
* 6  Contact
* 7  Magnific Popup
* 8  Divider
* 9  Progress Bar
*10  Featured
*11  Parallax
*****************************/
@font-face {
    font-family: "HelveticaNeueLTArabic";
    src: url('../fonts/HelveticaNeueLTArabic-Roman.eot');
    src: url('../fonts/HelveticaNeueLTArabic-Roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTArabic-Roman.woff') format('woff'),
         url('../fonts/HelveticaNeueLTArabic-Roman.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTArabic-Roman.svg#HelveticaNeueLTArabic-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue-bold-webfont.eot');
    src: url('../fonts/bebasneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-bold-webfont.woff') format('woff'),
         url('../fonts/bebasneue-bold-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
font-display: swap;
}
*,::after,::before{margin: 0; padding: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:0;}
::selection {
  color: #fff;
  background-color: #F4752B;
}
::-moz-selection {
  color: #fff;
  background-color: #F4752B;
}
html {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
        background-color:#FFF;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
    direction:rtl !important;
    text-align:right;
}
body {
    min-height: 100%;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
        font-size: 17px;
    line-height: 30px;
    font-weight: normal;
        background-color: #fff;
    overflow:hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased; 
    text-rendering: optimizeLegibility;
    position: relative;
    transition: 0.5s ease-in-out;
        color:#212529;
    direction:rtl !important;
    text-align:right;
}
body:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}
.bebas{
  font-family: 'HelveticaNeueLTArabic' !important;
}
html, body, p, a, li{
   font-family: 'HelveticaNeueLTArabic', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'HelveticaNeueLTArabic', serif;
  word-wrap: break-word;
  font-weight: normal;
  margin: 0 0 30px 0;
}
.h1,h1{font-size: 56px; line-height: 70px;}.h2,h2{font-size: 48px; line-height: 60px;}.h3,h3{font-size: 40px; line-height: 50px;}.h4,h4{font-size: 32px; line-height: 40px;}.h5,h5{font-size: 24px; line-height: 30px;}.h6,h6{font-size: 20px; line-height: 30px;}
@media (max-width: 767px) {
  body{
        font-size: 15px;
    }
  h1 {
    font-size: 44px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 34px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 33px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
}
a, a img, iframe, button, .btn, a:active, a:focus {border-collapse:collapse; border:none; outline:none !important; text-decoration: none !important;}
a, button, .btn, a > img {
    -webkit-transition: all 0.2s ease-in-out 0s;
       -moz-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
}
a {
  color: #F4752B;
}
a:hover, button:hover, .btn:hover  {
  color: #EDC82B;
  transition: all 0.15s linear 0s;
}
img, figure {max-width: 100% !important; height: auto;}
a:hover > img {
  opacity: 0.8;
}
a.btn:active, a.button:active, button:active, input[type="submit"]:active {
  position: relative;
  top: 1px !important;
}
strong, b{color: inherit; font-weight:bold; font-size: larger;}
section {position: relative;}
p {margin-bottom: 15px;}
p:last-child:after {
  content: '';
  display: block;
  clear: both;
}
ul, nav ol, nav ul {list-style: outside none none;}
ul:last-child, ol:last-child, p:last-child {margin-bottom: 0;}
li:last-child {border: none !important;}

.m-left-10 {margin-right: 20px;}
.float-left {float: right;}
.float-right {float: left;}
.text-left{float: right !important;}
.text-right{float: left !important;}
.left-align {text-align: right !important;}


.owl-carousel .owl-nav button.owl-next{
    left: -50px;
}
.owl-carousel .owl-nav button.owl-prev{
    right: -50px;
}
.has-list ul {
    padding: 0;
}
.has-list ul li::before, .has-list ol li::before  {
    font-family: 'FontAwesome';
    content: '\f00c';
    padding-left: 10px;
    display: table-cell;
    font-size: 18px;
}
.has-list ul li ul li::before, .has-list ol li ol li::before  {
    font-family: 'FontAwesome';
    content: '\f111';
    padding-right: 10px;
    padding-left: 10px;
    display: table-cell;
    font-size: 13px;
}
.has-list ul li ul li, .has-list ol li ol li{
    margin-bottom: 10px;
}
.has-list ul li, .has-list ol li, .has-list ul li ul li, .has-list ol li ol li{
    display: table-row;
    list-style-position: outside;
}
.feature-outline-img{margin-top: 90px;}
.feature-outline-img img {max-width: 320px; margin: 0 auto; display: block;}
@media screen and (max-width: 991px) {
.feature-outline.text-right{text-align: right !important; float: right !important;}
.feature-outline-img{margin-top: 0px;}
.feature-outline-img img {margin: 0 auto 80px;}
}

.hover-div{margin-right:30px; width:calc(100% - 50px) !important;  float:none; border:none; display:table; padding:80px 0 0 !important; margin-bottom:0;}
.hover-left-div-text, .hover-right-div-text{
    display: inline-block; background-color:#FFF; border:1px solid #f8f8f8; padding:60px 40px !important;
               position:relative; z-index:2; box-shadow: -2px 2px 6px 0px #bbb;}
.hover-left-div-text{
    margin-right:-100px;
}
.hover-right-div-text{
    margin-left:-100px;
}
.hover-div-img{
    display: inline-block;
    vertical-align: central;
    padding: 0 !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
@media screen and (max-width: 991px) {
    .hover-div{margin-right:auto; width:100% !important; padding:50px 0 100px !important;}
    .hover-left-div-text, .hover-right-div-text{margin: 0 auto;}
}
@media screen and (max-width: 500px) {
 .hover-left-div-text, .hover-right-div-text{padding:60px 30px !important;}
}
.araFlip{
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-ms-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
}

.academicFixPosLeft{margin-right: -20%;}
.academicFixPosRight{margin-left: -20%;}
.academicImg{object-fit: cover; object-position: 50% 50%; height: 100% !important;}
.academicText{text-align: justify; padding: 100px 60px; width: 120%; position: relative; z-index: 10;}
@media screen and (max-width: 991px){
  .academicFixPosLeft{margin-left: auto;}
.academicFixPosRight{margin-right: auto;}
  .academicText{padding: 50px 30px; width: 100%; z-index: 10;}
  .academicImg{object-fit: unset; width: 100%; height: auto; padding: 0 30px; }
}
/*======================================================
*================== Top Social Icons ===================
*=====================================================*/
.socialtop {
    display: inline-block;
    padding-right: 0;
    margin: 0px auto !important;
    text-align: center;
}
.socialtop li {
    display: inline-block;
    padding: 0 6px;
    font-size: 15px;
}
.socialtop li a{
    color: #808080 !important;
    display: block;
}
.socialtop li a:hover{
    color: #9e1c20 !important;
}
.top-btn{
   float: left !important;
   text-align: left !important;
   padding: 0 !important;
}
@media (max-width: 1199px) {
    .socialtop {width: 100%; margin: -48px auto 0 !important;}
    .top-btn{
        text-align: center !important;
    }
}
@media screen and (max-width: 640px) {
.socialtop {margin: 0px auto 0 !important;}
}
/*======================================================
*================ End Top Social Icons ================= 
*=====================================================*/

/*======================================================
*===================== Side Icons ====================== 
*=====================================================*/
    .side-icons-container-left, .side-icons-container-right{
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        position: fixed;
        top:110px;
        width: 70px;
        z-index: 999;
    }

    .side-icons-container-left{
        right: -15px;
    }
    .side-icons-container-right{
        left: -15px;
    }
    .side-icons-container-left:hover{
        right: -15px !important;
    }
    .side-icons-container-right:hover{
        left: -15px !important;
    }
    .side-icons-left, .side-icons-right{padding: 0;}
    @media screen and (max-width:1200px) {
	.side-icons-container-left, .side-icons-container-right{
            top:60px;
        }
    }
    @media screen and (max-width:991px) {
	.side-icons-container-left, .side-icons-container-right{
            top:100px;
            -webkit-transform: scale(0.7);
        }
        .side-icons-container-left{
            right: -28px;
        }
        .side-icons-container-right{
            left: -28px;
        }
        .side-icons-container-left:hover{
            right: -28px !important;
        }
        .side-icons-container-right:hover{
            left: -28px !important;
        }
    }
    .side-icons-left li, .side-icons-right li{
        list-style-type: none;
        /*background-color: #eee;*/
        color: #FFF;
        height: 120px;
        padding: 0px;
        margin: 0px;
        border-radius: 15px;
        -webkit-transition:all 0.25s ease-in-out;
        -moz-transition:all 0.25s ease-in-out;
        -o-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
        box-shadow: 0px 0px 6px #999;
    }
    .side-icons-left li{
        background-color: #9e1c20; 
    }
    .side-icons-right li{
       background-color: #F4752B; 
    }
    .side-icons-left li:hover{
        background-color: #F4752B;
    }
    .side-icons-right li:hover{
        background-color: #9e1c20;
    }
    .side-icons-left li a, .side-icons-right li a{
        width: 120px;
        height: 55px;
        position: absolute;
        top:32px;
        padding-top: 10px;
        border-radius: 15px;
        color: #fff !important;
        text-align: center !important;
        display: inline-block;
        font-family: 'HelveticaNeueLTArabic' !important;
        font-size: 26px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .side-icons-left li a{
        right: -17px;
    }
    .side-icons-right li a{
        right: -32px;
    }
.chat-div{
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: fixed;
    bottom: 10px;
    left: 10px;
    margin: 0;
    padding: 0;
    background: transparent;
    z-index: 1000;
    animation: pulse .5s ease-in-out;
-webkit-animation: pulse .5s ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.chat-div a{display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent url('../images/div/fam.png');
background-size: cover; background-repeat: no-repeat;
}
/*======================================================
*=================== End Side Icons ===================
*=====================================================*/

/*======================================================
*====================== Main Menu ======================
*=====================================================*/
.lanspan{display: none;}
.lantext{
    font-family: 'bebas_neuebold' !important;
    padding: 0 10px 0 0 !important;
    font-size: 18px !important;
    font-style: normal !important;
    margin-top: 3px;
    color: #EDC82B;
}
.lantext:hover {color: #9e1c20;}
@media screen and (max-width: 1200px) {
.lanspan{height: 60px; position: absolute; top: 6px; left:16px; display: inline-block; float: left !important;}
.lantext{
    padding: 0 0px 0 38px !important;
    margin-top: 0;
}
}




/*
 ** Header
 */
.page_header {
  transition: 0.5s ease-in-out;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  margin: 0;
  padding: 0;
  height: auto;
  background: transparent url('../images/div/bg-header.jpg') left top repeat-x !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.boxed .page_header, .page_header.affix {
  position: fixed !important;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.6) url('../images/div/bg-header.jpg') left top repeat-x !important;
}
.page_header.affix a{
    color: #FFF !important;
}
.page_header.affix .sf-menu.nav ul a {
   color: #808080 !important; 
}
.sf-menu.nav ul a:hover {
   color: #9e1c20 !important; 
}
.page_header.affix a:hover, .page_header.affix .sf-menu.nav ul a:hover {
   color: #9e1c20 !important; 
}
.page_header.affix li.active a, .page_header.affix .sf-menu.nav ul li.active a {
   color: #F4752B !important; 
}
.boxed .page_header:after, .page_header.affix:after {
  background-color: transparent;
}
.page_header.affix.s-bordertop::before {
  display: none;
}
@media (max-width: 991px) {
  .page_header.mobile-active {
    z-index: 1003;
    opacity: 1;
  }
}
.page_header.affix-bottom {
  top: 0 !important;
  position: fixed;
}
.page_header .row {
  min-height: 62px;
}
.page_header a {
  display: inline-block;
}
.page_header .btn {
  margin-bottom: 0;
  padding: 14px 16px;
  border-radius: 50px;
  min-width: 100px !important;
}
.header_absolute {
  position: relative;
}
.page_header_wrapper {
    width: 100%;
      margin: 0;
  padding: 0;
  z-index: 1002 !important;
  position: fixed !important;
  top:0;
  left: 0;
  right: 0;
}
.header_absolute .page_header, .header_absolute .page_header_wrapper {
  z-index: 1002;
  position: absolute;
  left: 0;
  right: 0;
}
.header_absolute .page_topline, .header_absolute .page_toplogo, .header_absolute .page_header_wrapper, .header_absolute .page_title {
  background-color: transparent;
}
#canvas:not(.boxed) .header_absolute .page_header.affix-top {
  background-color: rgba(32, 37, 43, 0.7);
}
.page_topline {
  line-height: 1.4;
}
.page_topline.small-text i {
  font-size: 14px;
}
.page_topline .icon-inline {
  justify-content: center;
}
.page_topline .social-icons {
  display: inline-block;
}
.page_topline .widget_nav_menu {
  display: inline-block;
}
.page_topline ul {
  margin: 0;
  padding: 0;
}
.page_topline ul li {
  display: inline-block;
}
.page_topline .dropdown-menu {
  margin: 23px -25px 0 0;
  min-width: max-content;
}
.page_topline .dropdown-language a > img {
  max-width: 16px;
  position: relative;
  bottom: 1px;
  margin-left: 6px;
}
.page_topline .owl-news-slider-dates {
  font-weight: 700;
}
.page_topline .topline-news-item {
  height: 2em;
  line-height: 2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 90px;
}
.page_topline .topline-news-item .cat-links {
  display: inline;
}
.page_topline .topline-news-nav-arrow {
  border: 1px solid #20252b;
  font-size: 10px;
  position: relative;
  bottom: 20px;
  line-height: 38px;
  width: 40px;
  transition: opacity 0.2s ease-in-out;
}
.page_topline .topline-news-nav-arrow:hover {
  opacity: 1;
}
.page_topline .owl-nav > div {
  opacity: 1;
}
@media (min-width: 992px) {
  .page_toplogo .media + .media {
    margin-right: 60px;
  }
}
.page_toplogo .widget_search form, .page_toplogo .widget_product_search form, .page_toplogo .widget_search input, .page_toplogo .widget_product_search input {
  max-width: none;
}
@media (max-width: 991px) {
  .page_toplogo .media {
    margin: 10px;
  }
}
@media (min-width: 1500px) {
  .page_topline .container-fluid, .page_toplogo .container-fluid, .page_header .container-fluid {
    padding-right: 60px;
    padding-left: 60px;
  }
}
/*header includes*/
.top-includes {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .top-includes {
    white-space: nowrap;
  }
}
.top-includes > * {
  display: inline-block;
}
.top-includes > li {
  margin-right: 10px;
}
.top-includes > li:first-child {
  margin-right: 0;
}
@media (min-width: 992px) {
  .top-includes.border-divided > li + li {
    border-right: 2px solid rgba(200, 200, 200, 0.35);
    margin-right: 26px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .top-nav + .top-includes {
    margin-right: 50px;
  }
}
@media (max-width: 991px) {
  .top-includes.md-absolute {
    position: absolute;
    bottom: 0;
    left: 80px;
  }
}
.top-includes a.border-icon, .top-includes a.bg-icon, .top-includes a.color-bg-icon {
  margin-top: 2px;
  margin-bottom: 2px;
}
.tg-cont{
display: none;
float: left;
width: 160px;
position: absolute;
z-index: 1004;
padding: 0;
left: 0;
overflow: hidden;
height: 60px;
top: 15px;
}
/*logo*/
a.logo {
  display: inline-block;
  align-items: center;
  float: right;
  width: 136px; 
  margin: 0 15px;
}
a.logo img {
    display: inline-block;
    width:122px;
    height:55px;
    margin:-10px 0 0;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;	
    transition:all 1s ease-in-out;
}
@media screen and (max-width: 1199px) {
        .tg-cont{
 display: inline-block;
}
  a.logo {
        width: 160px;   
    }
  a.logo img {
    max-width: 150px;
    max-height: 70px;
  }
}
a.logo .logo-text {
  font-size: 40px;
  padding: 0;
  margin-top: 10px;
  margin-right: -10px;
  z-index: 44;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  a.logo .logo-text {
    font-size: 35px;
  }
}
a.logo .logo-text:hover {
  opacity: 1;
}
a.logo .logo-subtext {
  font-size: 22px;
  padding: 0 10px;
}
a.logo .logo-text-bottom {
  font-size: 26px;
}
a.logo .flex-column, a.logo.flex-column {
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
}
a.logo .flex-column.text-center, a.logo.flex-column.text-center {
  display: inline-block;
}
.text-center a.logo {
  justify-content: center;
  align-items: center;
}
.header_logo_center a.logo {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  z-index: 2;
}
.header_logo_center.affix a.logo {
  padding: 5px 0;
}
@media (min-width: 992px) {
  .header_logo_center .logo_wrapper {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.logo.logo_image_and_text:hover {
  color: inherit !important;
  opacity: 1;
}
.logo.logo_image_and_text:hover > img {
  opacity: 1;
}











.nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-wrap > .top-nav + *:not(.top-includes) {
  flex-grow: 100;
  padding-right: 30px;
  padding-left: 30px;
}
/* Desktop menu - (min 1200px) styles */
@media (min-width: 1200px) {
  /* menu layout */
  /* menu skin */
  /* second and next levels */
  /* third level */
  .top-nav {
    position: relative;
    flex-grow: 10;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
  }
  .justify-nav-end .top-nav {
    justify-content: flex-end;
  }
  .justify-nav-center .top-nav {
    justify-content: center;
  }
  .sub-menu-top-icon {
    width: 100%;
    background: url("../images/div/tm.png") center center no-repeat !important;
    margin: -36px auto 0;
    padding: 0;
    height:44px;
    display:block;
  }
  .sf-menu {
    display: block;
  }
  .sf-menu, .sf-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sf-menu li {
    position: relative;
  }
  .sf-menu li > ul {
    position: absolute;
    display: none;
    top: 100%;
    z-index: 99;
    right: 50%;
    transform: translateX(50%);
  }
  .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block;
  }
  .sf-menu a {
    padding: 10px 1.1em;
    text-decoration: none;
    zoom: 1;
    transition-property: color, background-color, border-color, padding-top, padding-bottom;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bold;
        display: block;
    position: relative;
  }
  .sf-menu li {
    white-space: nowrap;
    *white-space: normal;
  }
  .sf-menu > li {
    display: inline-block;
    position: relative;
  }
  .sf-menu.nav > li:first-child > a {
    margin-right: 0;
  }
  .sf-menu.nav > li:last-child > a {
    margin-left: 0;
  }
  .sf-menu > li > a {
    line-height: 14px;
    padding-top: 53px;
    padding-bottom: 53px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    transition-duration: 0.15s;
    color:#808080;
  }
   .sf-menu > li > a:hover{
    color: #9e1c20;
  }
   .sf-menu > li.active > a {
    color: #F4752B;
  }
  .affix .sf-menu > li > a {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
  }
  .nav-narrow .sf-menu > li {
    padding: 0;
  }
  .nav-narrow .sf-menu > li > a {
    padding: 20px 6px;
  }
  .nav-bordered .sf-menu > li + li:before {
    content: '';
    width: 1px;
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.15);
  }
  .cs .sf-menu > li > a {
    color: #fff;
  }
  .cs .sf-menu > li > a:hover{
    color: #CCC;
  }
  .cs .sf-menu > li.active > a {
    color: #CCC;
  }
  .ds .sf-menu > li > a {
    color: #fff;
  }
  .ds .sf-menu > li > a:hover{
    color: #CCC;
  }
  .ds .sf-menu > li.active > a {
    color: #CCC;
  }
  .ls .sf-menu > li > a {
    color: #aaa;
  }
  .ls .sf-menu > li > a:hover{
    color: #CCC;
  }
 .ls .sf-menu > li.active > a {
    color: #CCC;
  }
  .cs .sf-menu > li.disable > a, .ds .sf-menu > li.disable > a, .ls .sf-menu > li.disable > a{
      color: #CCC  !important;
  }
  .ls .sf-menu > li + li:before {
    background-color: #e5e5e5;
  }
  .sf-menu li:hover, .sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
  }
 .nav > li > a:focus, .nav > li > a:hover{
      background-color: transparent !important;
  }
  .sf-menu > li .mega-menu, .sf-menu li > ul {
    border-radius: 0 5px 5px 0;
    text-align: center;
    list-style: none;
    padding: 20px 34px 20px;
    background-color: #fff;
    min-width: 10em;
    /* allow long menu items to determine submenu width */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .sf-menu > li .mega-menu {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-menu.nav ul a {
    color: #808080;
    padding-right: 40px;
    padding-left: 40px;
  }
  .sf-menu .mega-menu ul {
    box-shadow: none;
    padding: 0;
    margin: 0;
    background: transparent;
  }
  .sf-menu .mega-menu ul a {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-menu ul ul {
    margin-top: 0;
    top: -20px;
    margin-right: 40px;
    border-radius: 0 0 5px 5px;
    transform: translateX(0%);
  }
}
@media (min-width: 1200px) and (min-width: 1500px) {
  .sf-menu > li > a {
    margin: 0;
  }
}
.sf-menu i[class] {
  margin-left: 7px;
  font-size: 1.1em;
}
.sf-more-li > a{
    font-size: 40px;
  }
/* hidden menu items */
@media (min-width: 1200px) {
  .sf-menu .sf-xl-hidden {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .sf-more-li {
    display: none;
  }
}
.sf-menu li ul li a {
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.sf-menu li ul > li:last-child > a {
  border-bottom: none;
}
.mega-menu-col:last-child > a {
  border-bottom: 1px solid #e6e6e6 !important;
}
/* Mobile menu toggler */
@media (min-width: 1200px) {
  .page_header .toggle_menu, .page_toplogo .toggle_menu {
    display: none;
  }
}
.toggle_menu {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-right: -30px;
  margin-top: -40px;
  padding: 0 !important;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 1002;
  visibility: visible;
  opacity: 0.95;
}
.page_header_wrapper .toggle_menu {
  z-index: 1003;
}
.ls .toggle_menu {
  background-color: #fff;
}
.page_toplogo .toggle_menu {
  position: fixed;
  top: 0;
  right: auto;
  left: 0;
  margin: 0;
}
.toggle_menu:hover span:before {
  top: -9px;
}
.toggle_menu:hover span:after {
  top: 9px;
}
.toggle_menu:before, .toggle_menu span, .toggle_menu span:before, .toggle_menu span:after {
  display: block;
  width: 30px;
  position: absolute;
  background-color: #999;
  content: '';
  right: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  height: 2px;
}
.page_header.affix .toggle_menu:before, .page_header.affix .toggle_menu span, .page_header.affix .toggle_menu span:before, .page_header.affix .toggle_menu span:after {
      background-color: #fff;
}
.toggle_menu:before, .toggle_menu span {
  right: 15px;
  top: 50%;
}
.toggle_menu span:before {
  opacity: 1;
  top: -8px;
}
.toggle_menu span:after {
  opacity: 1;
  top: 8px;
}
.toggle_menu.mobile-active {
  border: none;
  right: auto;
  top: 0;
  left: 0;
  position: fixed;
  margin: 0;
  z-index: 3000;
}
.toggle_menu.mobile-active:before {
  background-color: #666 !important;
  transform: rotate(45deg);
}
.toggle_menu.mobile-active span {
  background-color: #666 !important;
  transform: rotate(-45deg);
}
.toggle_menu.mobile-active span:before, .toggle_menu.mobile-active span:after {
  opacity: 0;
}
.toggle_menu.active:before {
  transform: rotate(45deg);
}
.toggle_menu.active span {
  transform: rotate(-45deg);
}
.toggle_menu.active span:before, .toggle_menu.active span:after {
  opacity: 0;
}
/* Mobile Menu (max 991px) styles */
@media (max-width: 767px) {
  .nav-wrap {
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  /* arrows (for all except IE7) */
  /* styling for both css and generated arrows */
  .page_header [class*="col"] {
    min-height: 0;
  }
  .top-nav {
    position: fixed;
    visibility: hidden;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }
  .mobile-active .top-nav {
    visibility: visible;
    opacity: 1;
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1002;
  }
    .mobile-active .top-nav ul li a{
      color:#999 !important;
  }
  .nav-justified > li > a {
    text-align: right;
  }
  .sf-menu {
    display: block;
    position: fixed;
    overflow: auto;
    background-color: #fff;
    padding: 20px 20px 20px 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    text-align: right;
    font-size: 22px;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.4s ease-in-out;
  }
  .mobile-active .sf-menu {
    opacity: 1;
    left: 0;
  }
  .sf-menu li {
    position: relative;
  }
  .top-nav .sf-menu a {
    z-index: 2;
    display: block;
    padding: 10px 10px;
  }
  .sf-menu ul {
    list-style: none;
    padding-right: 10px;
    margin-top: 0 !important;
    display: none;
  }
  .sf-menu ul li a {
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .sf-menu ul li a:before {
    content: '';
    margin-left: 10px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: relative;
    bottom: 3px;
  }
  .sf-arrows .sf-with-ul {
    padding-left: 3.5em;
  }
  .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
  }
  .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after {
    font-family: 'FontAwesome';
    content: '\f105';
  }
  .sfHover > .sf-with-ul + .sf-menu-item-mobile-toggler:after {
    content: '\f107';
    color: #fff;
  }
}
/* Mega Menu */
@media screen and (min-width: 992px) {
  /* row */
  /* column */
  .top-nav ul .mega-menu ul {
    border: none;
    min-width: auto;
  }
  .top-nav .menu-item-has-mega-menu {
    position: relative;
  }
  .top-nav .mega-menu {
    display: none;
    position: absolute;
    width: 940px;
    top: 100%;
    z-index: 10;
  }
  .top-nav .menu-item-has-mega-menu:hover .mega-menu {
    display: block;
  }
  .top-nav .mega-menu-row {
    position: static;
    display: table;
    table-layout: fixed;
  }
  .top-nav .mega-menu-row ul {
    position: static;
    display: block;
  }
  .top-nav .mega-menu-col {
    display: table-cell;
    width: 2000px;
    padding: 0 15px;
    border-right: 1px solid #e5e5e5;
    /* overrides from settings / styling / mega-menu */
  }
  .top-nav .mega-menu-col > a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  .top-nav .mega-menu-col:first-child {
    border-right: none;
  }
  .top-nav ul ul .mega-menu {
    width: auto;
    top: -20px;
    margin-right: 1px;
    display: block;
  }
  .top-nav ul ul .mega-menu li {
    display: block;
    width: auto;
    border: none;
  }
}
@media screen and (min-width: 1200px) {
  .top-nav .mega-menu {
    width: 1200px;
  }
  .top-nav ul .mega-menu ul {
    min-width: 10em;
  }
  .top-nav .mega-menu-col {
    padding: 0 40px;
  }
}
@media screen and (max-width: 991px) {
  .top-nav .mega-menu {
    position: static;
  }
}
/* side clickable menu styles */
.menu-click {
  padding: 0;
}
.menu-click i {
  width: 1em;
  text-align: center;
  margin-left: 10px;
}
.menu-click .toggle_submenu {
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 8px;
  font-size: 8px;
  text-align: center;
  opacity: 0.9;
  transform: rotate(-90deg);
  transition: 0.25s ease-in-out;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  line-height: 3em;
}
.menu-click .toggle_submenu:before {
  top: 0;
  right: 0;
  position: absolute;
  width: 3em;
  height: 3em;
  line-height: 3em;
  font-family: 'FontAwesome';
  content: "\f078";
}
.menu-click ul {
  padding: 0;
}
.menu-click li {
  position: relative;
  list-style: none;
  width: 100%;
}
.menu-click > li {
  transition: 0.3s ease-in-out;
}
.menu-click a {
  display: block;
  padding: 10px 40px;
  font-size: 12px;
  text-transform: uppercase;
}
.menu-click a:hover {
  background-color: rgba(150, 150, 150, 0.05);
}
.menu-click .active-submenu > a {
  background-color: rgba(150, 150, 150, 0.05);
}
.menu-click .active-submenu > .toggle_submenu {
  transform: rotate(0deg);
}
.menu-click ul {
  opacity: 0;
  height: 0;
}
.menu-click ul a {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 50px;
}
.menu-click ul ul a {
  padding-right: 60px;
}
.menu-click ul ul ul a {
  padding-right: 70px;
}
.menu-click ul ul ul ul a {
  padding-right: 80px;
}
.menu-click .active-submenu > div.mega-menu {
  height: auto;
}
.menu-click .active-submenu > ul, .menu-click .active-submenu > div.mega-menu > ul {
  opacity: 1;
  height: auto;
}
.menu-click ul, .menu-click div.mega-menu {
  height: 0;
  overflow: hidden;
  transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
}
.menu-click ul li.sfHover > .mega-menu ul {
  display: block;
  height: 100%;
}
.menu-click div.mega-menu > ul {
  margin-left: 0;
  height: auto;
}
/*
 ** Side Header
 */
/* side header layout */
#canvas, .page_header_side {
  transition: 0.5s ease-in-out;
}
#canvas {
  right: 0;
  transition-property: right, margin-right;
}
body.active-side-header {
  overflow: hidden;
}
body.active-side-header #canvas {
  right: 310px;
}
body.active-side-header .page_header_side {
  right: 0;
}
body.active-side-header:after {
  visibility: visible;
  opacity: 1;
}
html.html-active-push-header {
  overflow: hidden;
}
.page_header_side {
  z-index: 1002;
  position: fixed;
  width: 310px;
  right: -310px;
  top: 0;
  bottom: 0;
}
.page_header_side.active-slide-side-header {
  box-shadow: 0 0 4px 3px rgba(50, 50, 50, 0.05);
}
.page_header_side ~ .page_toplogo .toggle_menu {
  display: none;
}
.page_header_side a.logo {
  padding: 10px 20px;
  margin-bottom: 20px;
}
.page_header_side a.logo img {
  max-width: 100%;
}
.page_header_side .widget {
  margin-top: 60px;
  padding-right: 30px;
  padding-left: 30px;
}
.page_header_side .widget_icons_list li + li {
  margin-top: 1em;
}
.page_header_side .social-icons {
  display: block;
  margin-top: 43px;
}
.page_header_side .social-icons a.border-icon, .page_header_side .social-icons a.bg-icon, .page_header_side .social-icons a.color-bg-icon {
  margin-top: 2px;
  margin-bottom: 2px;
}
@media (min-width: 1200px) {
  .page_header_side ~ .page_topline .container-fluid, .page_header_side ~ .page_toplogo .container-fluid, .page_header_side ~ div .page_header .container-fluid {
    padding-right: 65px;
    padding-left: 65px;
  }
}
@media (max-width: 1199px) {
  .page_header_side ~ .page_topline [class*="container"], .page_header_side ~ .page_toplogo [class*="container"], .page_header_side ~ div .page_header [class*="container"] {
    padding-right: 65px;
    padding-left: 65px;
  }
}
.side_header_inner {
  padding: 26px 0 60px;
}
.toggle_menu_side {
  transition: left 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: -60px;
  margin: 0;
}
@media (max-width: 370px) {
  .toggle_menu_side.active {
    left: 0;
    opacity: 0.4;
  }
}
.toggle_menu_side:before, .toggle_menu_side span:before, .toggle_menu_side span:after, .toggle_menu_side span {
  background-color: #fff !important;
}
.page_header_side.header_side_sticked .toggle_menu_side {
  transition: 0.5s ease-in-out;
  left: -60px;
  top: 0;
}
.page_header_side.active-slide-side-header {
  right: 0;
}
.active-side-header .boxed .header_push ~ div .page_header, .active-side-header .header_push ~ div .page_header.affix {
  margin-right: 310px;
}
.active-side-header.slide-right .boxed .header_push ~ div .page_header, .active-side-header.slide-right .header_push ~ div .page_header.affix {
  margin-right: -310px;
}
.page_header_side.header_side_right {
  right: auto;
  left: -310px;
}
.page_header_side.header_side_right.active-slide-side-header {
  left: 0;
}
.page_header_side.header_side_right .toggle_menu_side {
  left: auto;
  transition: right 0.3s ease-in-out;
  right: -60px;
}
@media (max-width: 370px) {
  .page_header_side.header_side_right .toggle_menu_side.active {
    right: 0;
  }
}
body.active-side-header.slide-right #canvas {
  right: -310px;
}
body.active-side-header.slide-right .page_header_side {
  right: auto;
  left: 0;
}
@media (min-width: 600px) {
  .page_header_side.header_side_sticked.active-slide-side-header {
    right: 0;
  }
  .header_side_sticked ~ * {
    transition: margin 0.5s ease-in-out;
  }
  .header_side_sticked ~ * .container-fluid {
    padding-right: 80px;
  }
  .header_side_sticked ~ div .page_header {
    width: auto;
  }
  .header_side_sticked.active-slide-side-header ~ *, .header_side_sticked.active-slide-side-header ~ div .page_header {
    margin-right: 310px;
  }
  .boxed .header_side_sticked.active-slide-side-header ~ *, .boxed .header_side_sticked.active-slide-side-header ~ div .page_header {
    margin-right: 0;
  }
  .header_side_sticked ~ .page_header_wrapper {
    margin: 0 !important;
  }
  .page_header_side.header_side_sticked.header_side_right.active-slide-side-header {
    right: auto;
  }
  .header_side_sticked.header_side_right.active-slide-side-header ~ *, .header_side_sticked.header_side_right.active-slide-side-header ~ div .page_header {
    margin-right: 0;
    margin-left: 310px;
  }
}



.side-menu{ width:25%; float:right; margin:0 !important; padding:0 !important;
	position:relative;
	z-index: 1;
	background-color: transparent !important;
	top:auto;
	right:auto;
}
.side-menu-panel{ width:73% !important; padding:0 !important; border-right:2px solid #eee; margin-right: 25% !important;}
.side-menu-a-label {
    position: absolute;
	cursor: pointer;
	display:block;	
    z-index: 10;
	font-size:24px;
	font-weight:lighter !important;
	width:100%;
	text-align:right;
}
.side-menu-a{
width:100%;
position:relative;
font-size:14px !important;
line-height:60px !important;
letter-spacing:1px !important;
text-align:right;
display:block;
white-space: nowrap;
transition: all 0.3s ease 0s;
margin: -15px 0 0 !important;
padding:0 0 0 25px !important;
z-index: 10;
}
.side-menu-a:hover {padding:0 0 0 32px !important;}
@media screen and (max-width:1024px){
    .side-menu{
        width:75%;
        max-width:270px;
        position: fixed;
        z-index: 9999;
        background-color: transparent !important;
        top: 80px;
        right: 0px;
    }
    .services-filter{display:none; min-height:0;}
    .services-filter.collapse.in{display:block; min-height:100%;}
    
    .side-menu .navbar-collapse{
        height:calc(100vh - 164px) !important;
        max-height:calc(100vh - 164px)!important;
    }
    .side-menu .navbar-collapse{
        border-bottom: 1px solid #999;
        border-right: none;
        border-left: 1px solid #999;
        border-top:1px solid #999;
    }
    .side-menu-panel{ width:100% !important; border-right:none !important; margin-right: 0 !important;}
    .side-menu-a-label {display:none !important; visibility:hidden !important;}
    .side-menu-a{padding: 0 !important; margin: 10px 0 !important; line-height:30px !important; text-align:right;}

}
/*======================================================
*==================== End Main Menu ====================
*=====================================================*/

/*======================================================
*===================== Pagination ======================
*=====================================================*/
/*.paglink{ width:100%; display:table; position:relative; padding-top:60px; text-align:center;}
.paglink-span {border: none !important; display:inline-block;}
.paglink-span a, .paglink-active_span{
    color:#999;
    border:1px solid #999 ;
    font-family:arial !important;
    margin-left:3px !important;
    text-decoration:none !important;
}
.paglink-span a{
    background-color:#FFF !important;
    font-size:14px;
    padding:5px 10px!important;
}
.paglink-span a:hover, .paglink-active_span{background-color:#F6F6F6;}
.paglink-active_span{
    font-size:16px;
    font-weight:500;
    padding:6px 12px !important;
    display:inline-block;
}*/
/*=============================================
====== pagination only for Automate Soft ======
=============================================*/
.paglink{
    height:160px;
    width:80%;
    display:table;
    margin:0 auto;
    padding:30px;
    position:relative;
    text-align:center;
}
.paglink-span {border: none !important; display:inline-block;}
.paglink-span a, .paglink-active_span{
    background-color:transparent!important;
    border:none;
    font-size:34px;
    line-height:38px;
    font-weight:500;
    font-family:"HelveticaNeueLTArabic", Arial !important;	
    margin:5px 10px!important;
    padding:5px 10px !important;
    text-decoration:none !important;
}
.paglink-active_span{
    font-size:40px;
    font-weight:500;
    display:inline-block;
}
/*======================================================
*=================== End Pagination ====================
*=====================================================*/

/*======================================================
*======================== Blog ========================= 
*=====================================================*/
.programe-list{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.programe-list > li{
   width: 100%;
   padding: 0 !important;
   line-height: 40px;
   border-bottom: 1px solid #aaa; 
}
.programe-list > li > a{
   width: 100%;
   display: block;
   text-decoration: none;
   outline: none;
   line-height: 40px;
}
.programe-list > li > a:after{
  font-family: 'FontAwesome';
  font-size: 1em !important;
  margin: 0 5px;
  content: "\f177"; 
  padding-right: 10px;
  float: left;
}
.programe-list > li > a > i, .programe-list > li > a > span{
   width: auto;
   font-style: normal !important;
   display: inline-block;
   line-height: 40px;
   padding-left: 15px;
}
.blog-classic {
    margin-bottom: 70px;
    padding-bottom: 70px;
    border-bottom: 1px solid #efefef;
}

.blog-classic .date {
    float: right;
    width: 100px;
    height: 100px;
    margin-left: 40px; 
    padding-top: 15px;
    text-align: center;
    color: #fff;
    background: #222;
    font-size: 30px;
}

.blog-classic .date.right {
    float: left;
    margin-left: 0; 
    margin-right: 40px;
}

.blog-classic .date span {
    display: block; 
    font-size: 15px;
}

.blog-classic .blog-post {
    overflow: hidden;
}

.blog-classic .blog-post .full-width {
    margin-bottom: 50px;
}
.blog-classic .blog-post p {
    margin-bottom: 20px !important;
	font-size:18px !important;
	font-weight:normal !important;
}
.blog-post h4 a {
    color: #222;
}

.blog-post h4 {
    margin-bottom: 10px;
}

.post-meta {
    margin-bottom: 40px; 
    padding: 0;
    list-style: none;
}

.post-meta li {
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    color: #a7a7a7;
    font-size: 15px;
}

.post-meta li a {
    margin-left: 5px;
    color: #a7a7a7;
}

.post-meta li i {
    padding-left: 10px;
}

.blog-post blockquote {
    margin: 0 0 20px;
    padding: 0;
    border-right: none;
    font-size: 17.5px;
    font-style: italic;
}

.quote-post p:before {
    padding-left: 10px;
    content: "\f10e";
    color: #837f7e; 
    font-family: "FontAwesome";
}

.quote-post p:after {
    padding-right: 10px;
    content: "\f10d";
    color: #837f7e; 
    font-family: "FontAwesome";
}
.video-fit {
    position: relative; 
    width: 100%;
    padding-top: 50%;
}

.audio-fit {
    position: relative; 
    width: 100%;
    padding-top: 20%;
}

.video-fit iframe,
.video-fit object,
.video-fit embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.audio-fit iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    border: none;
}

/*search-row*/
.search-row {
    position: relative;
}

.search-btn {
    position: absolute;
    top: 0;
    leftt: 0px;
    overflow: hidden;
    height: 100%;
    color: #fff;
    border: none;
    outline: none;
    background: transparent !important;
    font-size: 20px;
    padding: 0px 10px !important;
    border-radius: 0 !important;
}
.search-btn:hover {
    color: #666;
    text-shadow: 0 0 2px #999;
    background: transparent !important;
}
.search-row input {
    width: 100% !important;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
    border-color: #fff !important;
}
.search-row .form-control::placeholder{
   color: #fff!important;
   opacity: 0.6;
}
.search-row input:focus {
    border-color: #333;
    outline: 0;
    box-shadow: none;
}
/*widget*/
.widget {
    display: inline-block;
    width: 100%; 
    margin: 20px 0;
}

.widget h6 {
    font-size: 17px;
    font-weight: 600;
}

.widget .avatar {
    display: block; 
    margin-bottom: 30px;
}

.widget-latest-post,
.widget-category,
.widget-comments {
    padding: 0; 
    list-style: none;
}

.widget-latest-post li,
.widget-category li,
.widget-comments li {
    float: right;
    width: 100%;
    margin-bottom: 30px;
}

.widget-category li,
.widget-comments li {
    margin-bottom: 20px;
}

.widget-category li a,
.widget-comments li a {
    color: #837f7e;
}

.widget-category li a:before {
    padding-left: 10px;
    content: "\f104";
    font-family: "FontAwesome";
}

.widget-comments li:before {
    padding-left: 10px;
    content: "\f0e6";
    color: #837f7e; 
    font-family: "FontAwesome";
}

.widget-latest-post li:last-child {
    margin-bottom: 0;
}

.widget-latest-post .thumb {
    float: right;
    width: 75px;
    height: auto; 
    margin-left: 20px;
}

.widget-latest-post .thumb img {
    width: 100%;

}

.widget-latest-post .w-desk {
    display: inherit; 
    overflow: hidden;
    color: #9b9a9a;
}

.widget-latest-post .w-desk a {
    display: block;
    text-transform: uppercase;
    color: #333;
    font-size: 15px;
}

.widget-social-link a {
    float: right;
}

.widget-social-link a {
    width: 35px;
    height: 35px;
    margin: 0 0 15px 15px; 
    text-align: center;
    color: #5a5a5a;
    border: 1px solid #5a5a5a;
    font-size: 17px;
    line-height: 35px;
}

.widget-social-link a:hover,
.widget-tags a:hover {
    color: #fff;
}

.widget-tags a {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    color: #837f7e;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
}


/*------------------------------
comments-list
------------------------------*/
.comments-list .comment-author a {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222;
    font-size: 15px;
    font-weight: bold;
}

.comments-list .media > .pull-left {
    padding-left: 20px;
}

.comments-list .comment-info,
.comments-list .comment-info a {
    color: #a7a7a7;
}

.comments-list .comment-info .comment-author a {
    color: #222;
}

.comments-list .comment-info i {
    padding: 0 10px;
}

.comments-list .comment-avatar {
    width: 50px;
    height: auto;
}

.blog-comments .col-md-6,
.blog-comments .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.blog-comments .form-control {
    border-radius: 0;
    box-shadow: none;
}

.blog-comments .form-control:focus {
    border-color: #222;
}
.sub_comment{
padding:5px 90px 5px 5px;
}
.comment_box {
padding:10px 0 0;
list-style: none;
}

/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){

}
@media screen and (max-width:767px){
    
}
@media screen and (max-width:480px){

}
/*======================================================
*====================== End Blog ======================= 
*=====================================================*/

/*======================================================
*======================== Post =========================
*=====================================================*/
.post-grid,
.post-list-aside {
    display: inline-block;
    width: 100%;
}
.post-grid {
    margin: 0 15px;
}
.post-grid .col-lg-1,
.post-grid .col-lg-10,
.post-grid .col-lg-11,
.post-grid .col-lg-12,
.post-grid .col-lg-2,
.post-grid .col-lg-3,
.post-grid .col-lg-4,
.post-grid .col-lg-5,
.post-grid .col-lg-6,
.post-grid .col-lg-7,
.post-grid .col-lg-8,
.post-grid .col-lg-9,
.post-grid .col-md-1,
.post-grid .col-md-10,
.post-grid .col-md-11,
.post-grid .col-md-12,
.post-grid .col-md-2,
.post-grid .col-md-3,
.post-grid .col-md-4,
.post-grid .col-md-5,
.post-grid .col-md-6,
.post-grid .col-md-7,
.post-grid .col-md-8,
.post-grid .col-md-9,
.post-grid .col-sm-1,
.post-grid .col-sm-10,
.post-grid .col-sm-11,
.post-grid .col-sm-12,
.post-grid .col-sm-2,
.post-grid .col-sm-3,
.post-grid .col-sm-4,
.post-grid .col-sm-5,
.post-grid .col-sm-6,
.post-grid .col-sm-7,
.post-grid .col-sm-8,
.post-grid .col-sm-9,
.post-grid .col-xs-1,
.post-grid .col-xs-10,
.post-grid .col-xs-11,
.post-grid .col-xs-12,
.post-grid .col-xs-2,
.post-grid .col-xs-3,
.post-grid .col-xs-4,
.post-grid .col-xs-5,
.post-grid .col-xs-6,
.post-grid .col-xs-7,
.post-grid .col-xs-8,
.post-grid .col-xs-9 {
    padding-left: 0; 
    padding-right: 0;
}
.post-single .post-img,
.post-single .post-desk .date,
.post-single .post-desk2 .date,
.post-single .post-cat li a,
.post-single .post-desk,
.post-single .post-desk2,
.post-list .post-single .post-desk a.author,
.post-list .post-single .post-desk2 a.author {
    position: relative;
}
.post-grid .post-single .post-img {
    width: 100%;
    height: 309px;
}
.post-grid .post-single .post-img img {
    width: 100%;
    height: 100%;
}
.post-single .post-img.top:after {
    top: -7px;
}
.post-single .post-img.bottom:after {
    bottom: -7px;
}
.post-single .post-img.top:after,
.post-single .post-img.bottom:after {
    position: absolute;
    right: 50%;
    display: block;
    width: 15px; 
    height: 14px;
    margin-right: -7px;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-style: none;
    border-color: #fff;
    border-left: 1px solid #fff;
    -o-border-image: none;
       border-image: none;
    background-color: #fff;
}
.post-desk {
    height: 680px; 
    padding: 30px 0;
}
.post-desk2 {
    height: 309px; 
    padding: 30px 0;
}
.post-single{
    height: 360px; 
    padding: 30px 0;
}
.post-single .post-desk {
    height: 309px;
    padding: 30px 0;
}
.post-grid .post-single .post-desk,
.post-grid .post-single .post-desk2{
    height: 309px; 
    padding: 40px;
}
.pad-left-less {
    padding-right: 0 !important;
}
.post-single .post-desk h4,
.post-single .post-desk2 h4,
.post-single .post-desk .date,
.post-single .post-desk2 .date,
.post-single .post-cat li a,
.p-read-more,
.post-sub-title {
    letter-spacing: 1px;
}
.post-single .post-desk .date,
.post-single .post-desk2 .date,
.post-single .post-desk h4 a,
.post-single .post-desk2 h4 a,
.p-read-more:hover {
    color: #222;
}
.post-sub-title {
    font-size: 17px;
}
.post-single .post-desk .date,
.post-single .post-desk2 .date  {
    float: right;
    width: 100%;
    height: auto;
    margin-left: 0; 
    margin-bottom: 25px;
    padding-top: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: transparent;
    background: none;
    font-size: 17px;
}
.post-single .post-desk .date:after,
.post-single .post-desk2 .date:after  {
    position: absolute;
    top: 30px;
    right: 0;
    width: 60px;
    height: 1px;
    content: "";
    background: #222;
}
.post-single .post-desk .mid-align,
.post-single .post-desk2 .mid-align {
    position: absolute;
    top: 50%;
    padding-left: 40px; 
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.post-single .post-cat {
    padding: 0;
    list-style: none;
}
.post-single .post-cat li {
    display: inline-block;
    margin-left: 10px;
}
.post-single .post-cat li a {
    text-transform: uppercase;
    color: #909090;
    font-size: 15px;
}
.post-single .post-cat li a:after {
    content: ",";
}
.post-list .post-single .post-desk p,
.post-list .post-single .post-desk2 p,
.post-list-aside .post-single .post-desk p,
.post-list-aside .post-single .post-desk2 p {
    line-height: 30px;
}
.post-list .post-single .post-desk,
.post-list .post-single .post-desk2 {
    padding: 40px 0;
}
.post-list .post-single .post-desk .date,
.post-list .post-single .post-desk2 .date,
.post-list-aside .post-single .post-desk .date,
.post-list-aside .post-single .post-desk2 .date,
.post-list .post-single .post-desk a.author,
.post-list .post-single .post-desk2 a.author,
.post-list-aside .post-desk a.author,
.post-list-aside .post-desk2 a.author {
    color: #909090; 
    font-size: 15px;
}
.post-list .post-single .post-desk h4,
.post-list .post-single .post-desk2 h4 {
    margin-bottom: 10px;
}
.post-list .post-single .post-desk .date:after,
.post-list .post-single .post-desk2 .date:after,
.post-list-aside .post-single .post-desk .date:after,
.post-list-aside .post-single .post-desk2 .date:after  {
    background: none;
}
.post-list .post-single .post-desk a.author:after,
.post-list .post-single .post-desk2 a.author:after  {
    padding-left: 5px; 
    padding-right: 10px;
    content: "|";
}
.post-list .post-single .post-img img {
    width: 100%;
    height: auto;
}
.post-list .post-single .post-cat li a:hover {
    color: #000;
}
.p-read-more {
    position: relative;
    text-transform: uppercase;
    color: #bbb;
}
.p-read-more i {
    position: absolute;
    top: 2px;
    margin-right: 10px;
    font-weight: bold;
}
.post-list-aside .post-single .post-desk h4,
.post-list-aside .post-single .post-desk2 h4 {
    margin-bottom: 10px;
}
.post-list-aside .post-img img {
    width: 100%;
    height: auto;
}
.post-list-aside .post-desk a.author:after,
.post-list-aside .post-desk2 a.author:after {
    padding-left: 5px; 
    padding-right: 10px;
    content: "|";
}
.post-parallax {
    overflow: hidden;
    width: 100% !important;
    height: 100%;
    background-image: url("../images/parallax/4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%; 
    background-size: cover;
}
.post-parallax .relative {
    float: right;
}
.post-parallax .space {
    padding: 0 30px;
}
.post-parallax .custom-progress {
    background: #606060;
}
.post-parallax .custom-progress .progress-bar {
    color: #222; 
    background: #fff;
}
.post-parallax .custom-progress .progress-bar > span {
    color: #222 !important; 
    background-color: #a4a4a4 !important;
}
.post-parallax .custom-progress .progress-bar > span:before {
    border-color: #a4a4a4;
    border-left: 1px solid #a4a4a4; 
    -o-border-image: none;
       border-image: none;
    background-color: #a4a4a4;
}
.post-parallax .dark-overlay {
    position: absolute; 
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .5);
}
.post-parallax .full-dark-overlay {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .5);
}
.post-parallax .container {
    /*z-index: 100;*/
    position: relative;
}
.img-post.col-2 .item {
    width: 50%;
}
.img-post.col-3 .item {
    width: 33.3333333%;
}
.img-post.col-4 .item {
    width: 25%;
}
.img-post .item {
    position: relative;
    float: right;
    cursor: pointer;
}
.img-post .item img {
    width: 100%;
    height: auto;
}
.img-post .post-desk,
.img-post .post-desk2 {
    position: absolute;
    top: 10%;
    right: 0;
    padding: 10%;
}
.img-post.col-3 .post-desk,
.img-post.col-3 .post-desk2  {
    top: 15%;
    padding: 5%;
}
.img-post.col-4 .post-desk,
.img-post.col-4 .post-desk2 {
    top: 0;
    padding: 5%;
}
.img-post .post-desk .light-txt a,
.img-post .post-desk2 .light-txt a {
    color: #fff;
}
.post-slider-thumb .flex-control-thumbs {
    position: relative;
    z-index: 10;
    top: 10px;
    left: auto;
    right: auto; 
    margin: 0 auto;
    text-align: right;
}
.post-slider-thumb .flex-control-thumbs li {
    display: inline-block;
    float: none;
    width: 80px;
    height: auto;
    margin: 0 0 0 3px;
    cursor: pointer;
}
.post-slider .flex-direction-nav,
.post-slider-thumb .flex-direction-nav {
    position: absolute !important;
    z-index: 200;
    top: 50% !important;
    display: block;
    overflow: hidden !important;
    width: 100%;
    height: 60px;
    margin: -60px 0 0;
    line-height: 40px;
}
.post-slider .flex-direction-nav .flex-prev,
.post-slider .flex-direction-nav .flex-next,
.post-slider-thumb .flex-direction-nav .flex-prev,
.post-slider-thumb .flex-direction-nav .flex-next {
    width: 40px;
    height: 60px;
    display: block;
    cursor: pointer;
    color: #999 !important; 
    font-size: 0 !important; 
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, .8);
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
}
.post-slider .flex-direction-nav .flex-prev::before,
.post-slider-thumb .flex-direction-nav .flex-prev::before{
     font-family: "FontAwesome";
    font-size: 40px !important;
    content: '\f105';
    position: absolute;
    top: -2px;
    left: 10px;   
}
.post-slider .flex-direction-nav .flex-next::before,
.post-slider-thumb .flex-direction-nav .flex-next::before {
    font-family: "FontAwesome";
    font-size: 40px !important;
    content: '\f104';
    position: absolute;
    top: -2px;
    left: 10px;
}
.post-slider .flex-direction-nav .flex-prev,
.post-slider-thumb .flex-direction-nav .flex-prev{
    right: 1px;
}
.post-slider .flex-direction-nav .flex-next,
.post-slider-thumb .flex-direction-nav .flex-next {
    left: 1px !important;
    right: auto;
}
.post-slider:hover .flex-direction-nav .flex-prev,
.post-slider:hover .flex-direction-nav .flex-next,
.post-slider-thumb:hover .flex-direction-nav .flex-prev,
.post-slider-thumb:hover .flex-direction-nav .flex-next {
    background-color: rgba(0, 0, 0, .7);
    opacity: 1;
}
.post-list-aside .post-img img {
    border: 2px solid transparent;
}
.post-list-aside .post-img img.flex-active {
    border: 2px solid rgba(0, 0, 0, .8);
}
.post-slider .flex-control-thumbs {
    display: none;
}
/*============== Post Prev & Next Arrow ==============*/
.pagination-row {
    overflow: hidden;
}
.pagination-row {
    margin-bottom: 60px; 
    padding: 30px 0;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.pagination-post .prev-post {
    float: right;
    text-align: right;
}
.pagination-post .prev-post,
.pagination-post .next-post {
    width: 45%;
}
.pagination-post .post-list-link {
    float: right;
    width: 10%;
    margin-top: 5px; 
    text-align: center;
}
.pagination-post .next-post {
    float: left;
    text-align: left;
}
.pagination-post .prev-post .arrow {
    float: right;
    margin-left: 20px;
}

.pagination-post .arrow {
    color: #e5e5e5;
    font-size: 50px;
    line-height: 50px;
}
.pagination-post .next-post .arrow {
    float: left;
    margin-right: 20px;
}
.pagination-post .post-list-link a {
    color: #d2d2d2;
    outline: none; 
    font-size: 30px;
}
.pagination-post .pagination-txt {
    margin-top: 18px;
}
.pagination-post a {
    color: #d2d2d2;
}
.pagination-post a:hover,
.pagination-post a:hover .arrow {
    color: #222;
}
.pagination-post a,
.pagination-post a .arrow,
.pagination-post a:hover,
.pagination-post a:hover .arrow {
    -webkit-transition: all .3s;
            transition: all .3s;
}
/*==============================================
 obj fit
 ===============================================*/
.btn-video{
    margin: 20px 0;
    padding: 0 !important;
    text-align: left;
}
.video-fit {
    position: relative; 
    width: 100%;
    padding-top: 50%;
}
.audio-fit {
    position: relative; 
    width: 100%;
    padding-top: 20%;
}
.video-fit iframe,
.video-fit object,
.video-fit embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.audio-fit iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    /*height: 100%;*/
    border: none;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){
    .post-single .post-desk {
        height: auto;
    }
}
@media screen and (max-width: 860px) {
    .post-slider .flex-direction-nav .flex-prev,
    .post-slider-thumb .flex-direction-nav .flex-prev {
        right: 0; 
        opacity: 1;
    }
    .post-slider .flex-direction-nav .flex-next,
    .post-slider-thumb .flex-direction-nav .flex-next {
        left: 0; 
        opacity: 1;
    }
}
@media screen and (max-width: 800px) {
    .img-post.col-2 .item,
    .img-post.col-3 .item,
    .img-post.col-4 .item {
        width: 100%;
    }
    .post-parallax .dark-overlay {
        display: none;
    }
    .post-list-aside {
        margin-bottom: 50px;
    }
}
@media screen and (max-width:767px){
        .post-grid {
        margin: 0;
    }
    .post-grid .col-lg-1,
    .post-grid .col-lg-10,
    .post-grid .col-lg-11,
    .post-grid .col-lg-12,
    .post-grid .col-lg-2,
    .post-grid .col-lg-3,
    .post-grid .col-lg-4,
    .post-grid .col-lg-5,
    .post-grid .col-lg-6,
    .post-grid .col-lg-7,
    .post-grid .col-lg-8,
    .post-grid .col-lg-9,
    .post-grid .col-md-1,
    .post-grid .col-md-10,
    .post-grid .col-md-11,
    .post-grid .col-md-12,
    .post-grid .col-md-2,
    .post-grid .col-md-3,
    .post-grid .col-md-4,
    .post-grid .col-md-5,
    .post-grid .col-md-6,
    .post-grid .col-md-7,
    .post-grid .col-md-8,
    .post-grid .col-md-9,
    .post-grid .col-sm-1,
    .post-grid .col-sm-10,
    .post-grid .col-sm-11,
    .post-grid .col-sm-12,
    .post-grid .col-sm-2,
    .post-grid .col-sm-3,
    .post-grid .col-sm-4,
    .post-grid .col-sm-5,
    .post-grid .col-sm-6,
    .post-grid .col-sm-7,
    .post-grid .col-sm-8,
    .post-grid .col-sm-9,
    .post-grid .col-xs-1,
    .post-grid .col-xs-10,
    .post-grid .col-xs-11,
    .post-grid .col-xs-12,
    .post-grid .col-xs-2,
    .post-grid .col-xs-3,
    .post-grid .col-xs-4,
    .post-grid .col-xs-5,
    .post-grid .col-xs-6,
    .post-grid .col-xs-7,
    .post-grid .col-xs-8,
    .post-grid .col-xs-9 {
        padding-left: 20px; 
        padding-right: 20px;
    }
    .post-desk.pad-left-less {
        padding-right: 40px !important;
    }
    .img-post .post-desk {
        padding: 10px;
    }
    .btn-video{
        text-align: right;
}
}
@media screen and (max-width:480px){

}
/*======================================================
*====================== End Post ======================= 
*=====================================================*/

/*======================================================
*===================== Portfolio =======================
*=====================================================*/
.portfolio {
    margin: 50px 0;
}
.portfolio .portfolio-item {
    float: right;
}
.portfolio .portfolio-item .thumb {
    position: relative;
}
.portfolio .portfolio-item .thumb img {
    display: block; 
    width: 100%;
    height: auto;
}
.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    -webkit-transition: all .3s;
            transition: all .3s; 
    opacity: 0;
    border: 20px solid rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .9);
}
.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description,
.portfolio-item:hover .portfolio-hover .action-btn {
    opacity: 1;
}
.portfolio-item:hover .portfolio-hover .portfolio-description {
    bottom: 45%;
    margin-bottom: -90px;
}
.portfolio-item:hover .portfolio-hover .action-btn {
    top: 40%;
    margin-top: -55px;
}
.portfolio-hover .portfolio-description {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s;
            transition: all .3s; 
    -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
            transform: translateY(-55%);
    opacity: 0;
}
.portfolio-hover .action-btn {
    position: absolute;
    top: 0;
    right:0;
    width: 100%;
    -webkit-transition: all .3s;
            transition: all .3s;
    -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
            transform: translateY(45%);
    text-align: center;
    opacity: 0;
    font-size: 35px;
}
.portfolio-description,
.portfolio-description h2 a,
.portfolio-description h4 a,
.portfolio-hover .action-btn a {
    text-align: center;
    color: #222;
}
.portfolio-description h2 {
    margin-bottom: 5px;
    letter-spacing: 1px; 
    text-transform: uppercase;
    font-size: 18px;
}
.portfolio-description h4 {
    margin-bottom: 5px;
    letter-spacing: 1px; 
    text-transform: uppercase;
    font-size: 18px;
}
.portfolio-description h6 {
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #757575; 
    font-size: 14px;
    font-weight: normal;
}
.portfolio-description p {
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #757575; 
    font-size: 14px;
    font-weight: normal;
}
.portfolio-description a,
.portfolio-title a {
    color: #757575;
}
/*gutter*/
.portfolio.gutter .portfolio-item {
    padding: 10px;
}
/*portfolio 2 grid*/
.portfolio.port-col-2 .portfolio-item {
    width: 49.99%;
}
/*portfolio 3 grid*/
.portfolio.port-col-3 .portfolio-item {
    width: 33.3333333%;
}
/*portfolio 4 grid*/
.portfolio.port-col-4 .portfolio-item {
    width: 24.98%;
}
/*portfolio 5 grid*/
.portfolio.port-col-5 .portfolio-item {
    width: 19.99%;
}
/*portfolio 6 grid*/
.portfolio.port-col-6 .portfolio-item {
    width: 16.666666667%;
}
.portfolio-filter {
    margin: 0;
    padding: 0;
    list-style: none;
}
.portfolio-filter li {
    display: inline-block;
}
.portfolio-filter li button{background-color:transparent;}
.portfolio-filter li a, .portfolio-filter li button {
    margin: 0 15px;
    letter-spacing: 1px; 
    text-transform: uppercase;
    color: #a9a8a8;
    font-size: 17px;
}
.portfolio-filter li button:hover,
.portfolio-filter li.active button,
.portfolio-filter li a:hover,
.portfolio-filter li.active a {
    color: #222;
}
/* ----------------------------------------------------------------
	portfolio with title
-----------------------------------------------------------------*/
.portfolio-with-title .portfolio-item:hover .portfolio-hover .action-btn {
    top: 50%;
    margin-top: -45px;
}
.portfolio-with-title .portfolio-title {
    padding: 15px 0;
    direction:rtl !important;
}
.portfolio-with-title .portfolio-title h4,
.portfolio-with-title .portfolio-title h4 a {
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222; 
    font-size: 17px;
	height:44px;
	max-height:44px;
}
.portfolio-with-title .portfolio-title h3,
.portfolio-with-title .portfolio-title h3 a {
    margin: 0 0 10px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222; 
    font-size: 18px;
}
.portfolio-with-title .portfolio-title p {
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #7e7e7e; 
    font-size: 15px;
    font-weight: normal;
	
	    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;
    -moz-hyphens:auto; 
    -webkit-hyphens:auto; 
    -o-hyphens:auto; 
    hyphens:auto;
    text-align: justify;
}
.portfolio-with-title.portfolio-masonry .portfolio-title {
    padding: 15px;
}
.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
    padding: 15px 0;
}
/* ----------------------------------------------------------------
	portfolio masonry
-----------------------------------------------------------------*/
/* clear fix */
.portfolio-masonry:after {
    display: block;
    clear: both; 
    content: "";
}
/* ---- .grid-item ---- */
.portfolio-masonry .portfolio-item {
    float: right;
}
.portfolio-masonry .portfolio-item-width2 {
    width: 200px;
}
.portfolio-masonry .portfolio-item-height2 {
    height: 200px;
}
.portfolio-nav-row {
    position: relative;
    padding: 40px 0;
}
.portfolio-nav {
    position: absolute;
    top: 50%;
    left: 10px;
    right: auto;
    max-width: 300px;
    margin-top: -12px;
}
.portfolio-nav.left {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    max-width: 300px;
    margin-top: -12px;
}
.portfolio-nav a {
    display: block;
    float: right;
    margin-right: 20px; 
    text-align: center;
    color: #aeaeae;
}
.portfolio-nav.left a {
    margin-left: 20px;
    margin-right: 0;
}
.portfolio-nav a:hover,
.portfolio-nav a:hover span {
    -webkit-transition: all .3s;
            transition: all .3s; 
    color: #323232;
}
.portfolio-nav a span,
.portfolio-nav a span i {
    display: inline-block;
    margin-top: 0;
    -webkit-transition: all .3s;
            transition: all .3s;
}
.portfolio-gap-less .portfolio {
    margin: 0;
}
/*------------------------------
blog-masonry
------------------------------*/
.portfolio-with-title.blog-m .portfolio-title p {
    margin: 5px 0 0 0;
    text-transform: none;
    color: #757575;
    font-size: 17px;
    font-weight: normal;
    line-height: 26px;
}
.portfolio-with-title.blog-m .portfolio-title p {
    display: block; 
    margin-bottom: 20px;
}
.portfolio-with-title.blog-m .portfolio-title .date {
    display: block;
    margin: 5px 0 20px 0;
    letter-spacing: 1px;
    text-transform: uppercase; 
    font-size: 15px;
}
.portfolio-with-title.blog-m .portfolio-title .date,
.portfolio-with-title.blog-m .portfolio-title .date a {
    color: #a8a8a8;
}
.portfolio-with-title.blog-m .portfolio-title h4 a {
    font-size: 17px;
}
.portfolio-with-title.blog-m .portfolio-title p {
    letter-spacing: normal;
}
/*portfolio-meta*/
.portfolio-meta {
    padding: 0; 
    list-style: none;
}
.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}
.portfolio-meta li span {
    display: inline-block;
    width: 140px;
    letter-spacing: 1px;
    text-transform: uppercase; 
    color: #000;
    font-size: 15px;
}
.portfolio-meta li a {
    margin-left: 10px;
    color: #cdcdcd;
}
.portfolio-meta li a:hover {
    color: #323232;
}
.portfolio-meta .form-control:focus {
    border-color: #000; 
    box-shadow: none;
}
.portfolio-meta .form-control {
    box-shadow: none;
}
/*------------------------------------------------------------------
    carousel portfolio
-------------------------------------------------------------------*/
#portfolio-carousel .portfolio-item img,
#portfolio-carousel-alt .portfolio-item img {
    display: block;
    width: 100%;
    height: auto;
}
#portfolio-carousel.portfolio.port-col-3 .portfolio-item,
#portfolio-carousel-alt.portfolio.port-col-3 .portfolio-item {
    width: 100%;
}
#portfolio-carousel.portfolio .portfolio-item,
#portfolio-carousel-alt.portfolio .portfolio-item {
    padding: 5px;
}
#portfolio-carousel.owl-theme .owl-controls {
    position: absolute;
    top: -100px;
    left: 0; 
    margin-top: 10px;
    text-align: center;
}
#portfolio-carousel-alt.owl-theme .owl-controls {
    position: absolute;
    bottom: 86px;
    right: -118px; 
    margin-top: 10px;
    text-align: center;
}
#portfolio-carousel.owl-theme .owl-controls .owl-buttons div,
#portfolio-carousel-alt.owl-theme .owl-controls .owl-buttons div {
    padding: 8px 16px; 
    border-radius: 0;
    background: #e5e5e5;
    float: right;
}
#portfolio-carousel.owl-theme .owl-controls .owl-buttons div i,
#portfolio-carousel-alt.owl-theme .owl-controls .owl-buttons div i {
    color: #000;
    font-weight: bold;
}
#portfolio-carousel-alt.portfolio {
    margin: 0;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){
    .portfolio-filter{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #FFF url("../images/div/select-btn.png") no-repeat scroll 2% center;
        cursor:pointer;
    }
    .porfolio-box{width:90%;}
    .portfolio-filter li {
        display: inline-block;
        line-height: 40px;
    }
}
@media screen and (max-width:992px){
    .portfolio.port-col-2 .portfolio-item,
    .portfolio.port-col-3 .portfolio-item,
    .portfolio.port-col-4 .portfolio-item,
    .portfolio.port-col-5 .portfolio-item,
    .portfolio.port-col-6 .portfolio-item {
        width: 33.3333333%;
        /*width: 50%;*/
    }
}
@media screen and (max-width: 800px) {
    .portfolio.port-col-2 .portfolio-item,
    .portfolio.port-col-3 .portfolio-item,
    .portfolio.port-col-4 .portfolio-item,
    .portfolio.port-col-5 .portfolio-item,
    .portfolio.port-col-6 .portfolio-item {
        /*width: 33.3333333%;*/
        width: 50%;
    }
}
@media screen and (max-width:767px){
    .portfolio-filter{
        top:50px !important;
    }
    .portfolio-filter li {
        display: inline-block;
        line-height: 40px;
    }
    #portfolio-carousel.owl-theme .owl-controls,
    #portfolio-carousel-alt.owl-theme .owl-controls {
        position: absolute;
        top: auto; 
        left: 0;
        bottom: -48px;
        right: 0;
        margin-top: 10px;
        text-align: center;
    }
}
@media screen and (max-width:480px){
    .portfolio.port-col-2 .portfolio-item,
    .portfolio.port-col-3 .portfolio-item,
    .portfolio.port-col-4 .portfolio-item,
    .portfolio.port-col-5 .portfolio-item,
    .portfolio.port-col-6 .portfolio-item,
    .testimonial.grid-2 li {
        width: 100%;
        /*width: 50%;*/
    }
}
/*======================================================
*=================== End Portfolio ===================== 
*=====================================================*/

/*======================================================
*======================= Career ======================== 
*=====================================================*/
/*=================== Popup Career ===================*/
#signup {
    background:url(../images/administrator/bg-mask.png);
    background-color:transparent;
    width:100%;
    height:100%;
    visibility:hidden;
    display:none;
    opacity:0;
    z-index:20000;
    position:fixed;
    top: 0px; right: 0px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
    -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.signup-title{width:90%; margin:30px auto 0px auto; text-align:center; font-size:17px; display:block; color:inherit;}
.signup-title strong{color:#666; text-transform:uppercase; font-family: 'HelveticaNeueLTArabic', serif; font-size:22px; font-weight:500 !important;}
.career_form_container{width:86%; margin-left:auto; margin-right:auto; background-color:#FFF;}
.career_form{
    background: #FFF;
    width: 90%;
    max-width:450px;
    height:90vh;
    font-size:14px;
    overflow-y:auto;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 2px;
    direction:rtl;
    position:fixed;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border:4px solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#frmCareer sup{color:#F00; font-family:"HelveticaNeueLTArabic", Geneva, sans-serif; font-size:15px;}
.career_form{border-color:#999;}
.career_form label, #car_resume, .submit_but {color:#999; font-weight:normal !important; }
.car_input, .car_note{width:100%; max-width:100% !important; min-width:100% !important; border:1px solid #eee; line-height:23px; padding:5px;}
.car_input[disabled]{ background-color:#F6F6F6; color:#777;}
.car_buton{width:100%; text-align:center;}
.email_error{color:red;margin-top:15px;font-size:16px;height:auto;}
.email_error p {margin-bottom:5px !important;}
.submit_but {
	height:42px;
	background:none;
	display:inline;
	font-family: 'HelveticaNeueLTArabic', serif;
	font-size:18px;
	padding:7px !important;
	margin:5px 8px;
	font-weight:600;
	cursor:pointer;
}
.submit_but:hover, .signup-title{ color:#999;}
/*================= End Popup Career =================*/

/*==================== Career Box ====================*/
.career-list {
    position: relative;
}
.career-box {
    display: inline-block;
    margin-bottom: 30px;
    padding: 50px 30px;
    border: 1px solid #9e1c20;
    background: #fff;
	width:100%;
}
.career-box .desc{min-height:162px !important;}
a.show-detail {
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    color: #cbcbcb;
    font-size: 15px;
    color: #9e1c20;
}
a.show-detail:hover {
    color: #EDC82B;
}
a.show-detail:after {
    padding-right: 10px; 
    content: "\f107";
    font-family: "FontAwesome";
	font-size:17px;
}
.career-details-info {
    display: none;
}
.career-details-info {
    z-index: 1; 
    padding: 30px 0 0 0;
    background: #fff;
}
.career-details-info {
    float: right;
    width: 100%;
    text-align: right;
}
.career-details-info .c-list-row {
    display: block; 
    margin-bottom: 10px;
}
.career-details-info .c-list-row label {
    float: right;
    letter-spacing: 1px; 
    text-transform: uppercase;
}
.career-details-info .c-list-row .info {
    padding-right: 100px;
    color: #7e7e7e; 
    font-size: 17px;
}
.info-pad-less{padding-right: 20px !important;}
.info-pad-less p {line-height:normal !important;}
.career-details-info .c-list-row ul,.career-details-info .c-list-row ol {
    padding: 0;
}
.career-details-info .c-list-row ul li, .career-details-info .c-list-row ol li  {
    padding: 0;
    color: #7e7e7e; 
    font-size: 17px;
    line-height:30px;
}
.career-details-info .c-list-row ol li {
    list-style-type: none;
    counter-increment: step-counter;	
}
.career-details-info .c-list-row ul li:before{
    font-family:'FontAwesome';
    content:'\f00c';
    margin-left:10px;
}
.career-details-info .c-list-row ol li:before{
    content: counter(step-counter) ". ";
    font-size:17px;
    font-weight:600;
    margin-right: 5px;
}
.career-form .form-control {
    margin-bottom: 30px; 
    border: 1px solid #e4e4e4;
    box-shadow: none;
}
.career-form label {
    font-weight: normal;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .career-box .desc{min-height:192px !important;}
}
@media screen and (max-width:992px){
    .career-box {
        padding: 20px;
    }
}
@media screen and (max-width:480px){
    .career-box {
        padding: 20px 10px;
    } 
}
/*======================================================
*===================== End Career ======================
*=====================================================*/

/*======================================================
*======================= Contact ======================= 
*=====================================================*/
.contentpg,.contentpg_end {
    display: block;
    clear:both;
    width:100%;
    margin:0 0 -5px !important;
    overflow:hidden;
    padding: 0px !important;
}
.contacts_container_a{padding:0;}
.contacts_container{ padding:36px 20px; text-align:center; margin:0;}
.contacts_container_a h1{line-height:1; font-size:36px; margin:0 0 30px;}
.contacttable{
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
    border:none !important;
    border-collapse:collapse !important;
    color:#666;
    font-size:14px;
    font-style:normal;
    font-weight:300;
    line-height:26px;
}
.contacttblname{width:40% !important; height:28px; vertical-align:top; text-align:right;}
.contacttblinfo{width:60% !important; vertical-align:top; text-align:right; }
.contacthr{ width:74%; margin:25px 13% 35px !important; display:none; visibility:hidden;}
.gmap {
    width: 99%;
    height: 300px;
    border: 8px solid #fff8ca;
    border-radius: 5px;
    margin: 0 0 10px;
    overflow: hidden;
    opacity:0.5;
    filter: url(filters.svg#grayscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition:all 2s ease;
    -moz-transition:all 2s ease;
    -o-transition:all 2s ease;
    -ms-transition:all 2s ease;
    transition:all 2s ease;
}
.map_container{
    padding:0px;
    margin-bottom:25px;
    text-align:center;
}
.map_container h4{text-align:right !important;}
.map_container small a{line-height:25px;}
.map_container img{width:60%; display:block; margin: 25% auto;}
.map_frame{width: 100%; height: 300px;}
.gmap:hover {
    filter: none;
    opacity:1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);	
}
.contactdetail{padding: 0 !important; margin-top:0px;}
.formdiv{
    width:100%; padding:0px;
    margin:80px 0 0;
    font-family:'HelveticaNeueLTArabic',sans-serif;
    color:#666;
    font-size:16px;
    font-style:normal;
    font-weight:300;
    line-height:18px;
    text-align:right;
}
.formdiv_main_text{height:22px; width:100%; padding:0px; margin:0px 0px 20px 0px; float:right; text-align:right;}
.formtextdiv, .formtextdivB{
    margin-bottom:10px;
    padding:0px;
    float:right;
    font-family:'HelveticaNeueLTArabic',sans-serif;
    color:#666;
    font-size:16px;
    font-style:normal;
    font-weight:200;
    line-height:18px;
}
.formtextdiv{width:46%; margin-right:0px; margin-left:4%;}
.formtextedg{width:50% !important; margin-left:0 !important;}
.contmainform{padding-left:0 !important; padding-right:60px !important; margin-top:0 !important; padding-bottom:30px !important; display:table;}
.formtextdivB{width:100%; margin-right:0px; margin-left:0px;}
.formtextdiv label, .formtextdivB label{font-weight:normal; font-size:17px; color:#666;}
.mandatory_text{font-size:14px; width:98%; margin:8px auto 0; color:#999; text-align:left !important; display:block;}
.formtextdiv span sub, .formtextdivB span sub, .mandatory_text sub{color:#F00; font-size:20px; margin:0px 5px;}
.form_textBox{font-size:17px; height:38px; width:100%; margin-top:5px; border:1px solid #ddd; padding:10px;}
.form_captsha_text{font-size:28px !important; font-weight:bold; width:40% !important; max-width:160px !important; height:60px !important; max-height:60px; margin:0 5%; border:1px solid #ddd; padding:6px 20px; vertical-align: middle !important;}
.form_captsha_img{width:40% !important; max-width:160px !important; height:60px; max-height:60px; margin: 0 !important; border:1px solid #ddd; padding:0px 10px; cursor:none;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-drag: none;
-ms-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
-webkit-user-drag: none;
pointer-events: none;}
.form_captsha_refresh{ width:25px; max-width:25px; cursor:pointer; margin:27px 0 0 !important;}
.form_textArea{width:100%; resize:none; margin-top:5px; border:1px solid #ddd; font-size:17px;}
.form_textSelect{
    width:100% !important;
    height:51px !important;
    margin:5px auto 0 !important;
    padding:0px 2px;
    border:1px solid #d3d3d3;
    color:#808080;
    font-size:14px;
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("../images/div/select-btn.png") no-repeat scroll 2% center;
    cursor:pointer;
}
.form_textSelect option{padding:3px 10px; text-transform:capitalize;}
.form_btn{height:28px; width:100%; text-align:center; margin-top:15px; margin-bottom:0px; float:right;}
.message_text{ width:75%; padding:0; margin:30px auto 50px; color:#FF6507;}
.message_text p{line-height:30px; text-align:center;}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:992px){
    .contmainform{padding-left:0 !important; padding-right:0px !important; margin-top:50px !important; padding-bottom:30px !important; display:table;}
    .map_container{padding:0px;}
    .contacthr{display:inline-block; visibility:visible;}
    .contactdetail{padding-right: 30px !important; margin-top:15px;}
}
@media screen and (max-width:767px){
    .contacts_container, .contacts_container_a{width:90%; padding:0px; margin:0px 5% 20px 5%; height:360px; float:none;}
    .gmap {height:270px;}
    .map_container{padding:0px 15px; top:330px;}
    .map_frame{width:100%; height:270px;}
    .contactdetail{padding: 0 !important; margin-top:0px; top:-330px;}
    .contacttable{
        float:none;
        width:90%;
        margin:0px 5% 0px 5%;
        font-size:14px;
        font-weight:200;
    }
    .formdiv_main_text{text-align:center;}
    .formtextdiv, .formtextdivB{
        width:100%;
        margin-right:0;
        margin-left:0;
        margin-bottom:10px;
        font-size:14px;
    }
    .formtextdivB{width:100%;}
    .formtextedg{width:100% !important;}
    .message_text{margin-right:auto; margin-left:auto; padding:18px 3%;}
    .message_text p{line-height:18px; font-size:15px;}
}
@media screen and (max-width:640px){
    .form_captsha_text{width:120px; height:40px; margin:10px 10px 0;}
    .form_captsha_img{height:40px; width:120px;}
    .form_captsha_refresh{margin-top:0px !important;}
}
/*======================================================
*===================== End Contact =====================
*=====================================================*/

/*=======================================================
*================== Magnific Popup CSS ==================
=======================================================*/
.mfp-bg {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; 
    filter: alpha(opacity=80);}
.mfp-wrap {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.mfp-align-top .mfp-container:before {
    display: none; }
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: right;
    z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
.mfp-ajax-cur {
    cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
    cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
.mfp-loading.mfp-figure {
    display: none; }
.mfp-hide {
    display: none !important; }
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    left: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }
.mfp-s-ready .mfp-preloader {
    display: none; }
.mfp-s-error .mfp-content {
    display: none; }
button.mfp-close,
button.mfp-arrow {
    background: transparent !important;
    overflow: hidden;
    position: fixed;
    top: 50% !important;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    touch-action: manipulation; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }
.mfp-close {
    position: relative !important;
    width: 40px;
    height: 40px;
    line-height: 44px;
border-radius: 0 !important;
background: none !important;
    left: 0;
    top: 0 !important;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: 'HelveticaNeueLTArabic', Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; 
    filter: alpha(opacity=100);
border-radius: 0 !important;
background: none !important;
}
.mfp-close:active {
    top: 1px; }
.mfp-close-btn-in .mfp-close {
    color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    text-align: left;
    padding-left: 6px;
    width: 100%; }
.mfp-counter {
    position: absolute;
    top: 0;
    left: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
.mfp-arrow {
   position: fixed  !important;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
        top: 50%  !important;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; 
    filter: alpha(opacity=100);}
.mfp-arrow:before,
.mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 35px;
    margin-right: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a  {
    border-left: 17px solid #FFF;
    margin-right: 31px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    margin-right: 25px;
    border-left: 27px solid #3F3F3F; }
.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-right: 39px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    border-right: 27px solid #3F3F3F; }
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
.mfp-figure:after {
  content: '';
  position: absolute;
  right: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  left: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }
.mfp-figure figure {
  margin: 0; }
.mfp-bottom-bar {

  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  cursor: auto;
direction: ltr;}
.mfp-title {
  text-align: right;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-left: 36px; }
.mfp-image-holder .mfp-content {
  max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  right: 50%;
  margin-right: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  left: 0;
  padding-top: 0; }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-right {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-left {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-right: 6px;
	padding-left: 6px; } 
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-right: 0;
    padding-left: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-right: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    left: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
}
/* Magnific Animations */
/*====== Zoom effect ======*/
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
/* ====== Newspaper effect ======*/
.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.5s;
    transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0;
}
/* ====== Move-horizontal effect ======*/
.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(50px);
}
.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(-50px);
    opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}
/* ====== Move-from-top effect ======*/
.mfp-move-from-top .mfp-content {
    vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}
/*====== 3d unfold ======*/
.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}
/* ====== Zoom-out effect ======*/
.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}
/* 
====== "Hinge" close effect ======
*/
@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
  animation-duration: 1s;
	animation-name: hinge;
}
.mfp-with-fade {
  .mfp-content,
  &.mfp-bg {
    opacity: 0;
    transition: opacity .5s ease-out;
  }
  &.mfp-ready {
    .mfp-content {
     opacity: 1; 
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  &.mfp-removing {
    &.mfp-bg {
      opacity: 0;
    }
  }
}
/*=======================================================
*================ End Magnific Popup CSS ================
=======================================================*/

/*======================================================
*======================= Divider =======================
*=====================================================*/
.divider {
    position: relative;
    display: inline-block; 
    width: 100%;
    margin: 50px 0;
    color: #e2e2e2;
}

.divider.d-single {
    width: 100%;
    height: 1px;
    border-color: #e2e2e2;
    border-top-width: 1px;
}

.divider.d-double {
    width: 100%;
    height: 8px;
    border-color: #e2e2e2;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.d-single.d-solid {
    border-top-style: solid;
}

.d-single.d-dashed {
    border-top-style: dashed;
}

.d-double.d-solid {
    border-top-style: solid;
    border-bottom-style: solid;
}

.d-double.d-dashed {
    border-top-style: dashed;
    border-bottom-style: dashed;
}

.dot {
    position: absolute;
    top: -5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #CCC;
    border-radius: 50%;
    background: #9e1c20;
      -webkit-animation-name: shake;
  -webkit-animation-duration: 2s;
  animation-name: shake;
  animation-duration: 2s;
  animation-delay:2.5s;
-webkit-animation-delay:2.5s;
}

.text-center .dot {
    margin-right: -17px;
}

.dot:before {
    position: absolute;
    top: -1px;
    right: 12px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: ""; 
    border: 1px solid #CCC;
    border-radius: 50%;
    background: #F4752B;
      -webkit-animation-name: shake;
  -webkit-animation-duration: 2s;
  animation-name: shake;
  animation-duration: 2s;
  animation-delay:2s;
-webkit-animation-delay:2s;
}

.dot:after {
    position: absolute;
    top: -1px;
    right: 25px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: ""; 
    border: 1px solid #CCC;
    border-radius: 50%;
    background: #EDC82B;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 2s;
  animation-name: shake;
  animation-duration: 2s;
  animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}

.text-right .dot:before {
    right: -13px;
}

.text-right .dot:after {
    right: -25px;
}

.divider-small {
    width: 40% !important;
}
.divider-medium{
    width: 80% !important;
}
.divider-small.text-center, .divider-medium.text-center {
    display: inherit; 
    margin: 50px auto;
}

.divider-small.text-right, .divider-medium.text-right {
    float: left;
}

.divider i {
    position: absolute;
    top: -10px;
    width: 30px; 
    background: #fff;
    font-size: 18px;
}

.d-round i {
    position: absolute;
    top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #b4b4b4;
    border-radius: 50%;
    background: #f5f5f5;
    font-size: 15px; 
    line-height: 30px;
}

.d-border i {
    position: absolute;
    top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    font-size: 15px; 
    line-height: 30px;
}
/*======================================================
*===================== End Divider =====================
*=====================================================*/

/*======================================================
*==================== Progress Bar =====================
*=====================================================*/
.custom-progress {
    overflow: visible;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    background: #eae8e8;
    box-shadow: none; 
    font-weight: 400;
}
.custom-progress .progress-bar {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    padding-top: 0;
    padding-right: 10px;
    text-align: right;
    color: #fff;
    background-color: #222;
    box-shadow: none;
    font-size: 12px;
    line-height: 20px;
}
.custom-progress .progress-bar > span {
    position: absolute;
    top: -28px;
    left: -5px;
    display: inline-block;
    min-width: 25px;
    height: 20px;
    padding: 0 8px;
    text-align: center;
    letter-spacing: 0;
    color: #fff;
    border-radius: 30px; 
    background-color: rgba(0, 0, 0, .6) !important;
    line-height: 20px;
}
.custom-progress .progress-bar > span:before {
    position: absolute;
    bottom: -2px;
    right: 15px;
    display: block;
    width: 5px; 
    height: 5px;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-style: none;
    border-color: #666;
    border-left: 1px solid #666;
    -o-border-image: none;
       border-image: none;
    background-color: #666;
}
/* Alt progress bar */
.custom-progress-alt {
    height: 30px;
    margin-bottom: 30px;
    border-radius: 0;
    background: #f2f2f2;
    box-shadow: none;
}
.custom-progress-alt .progress-bar {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background-color: #222;
    box-shadow: none; 
    font-size: 13px;
    line-height: 30px;
}
.custom-progress-alt .progress-bar span {
    float: left;
}
.custom-progress-alt.progress-theme-color .progress-bar,
.custom-progress-alt.progress-theme-color .progress-bar > span {
    color: #fff;
}
.progress-light-trans-bg {
    background: rgba(255, 255, 255, .1);
}
/*======================================================
*================== End Progress Bar ===================
*=====================================================*/

/*======================================================
*=================== Custom Carousel ===================
*=====================================================*/
.owl-carousel .owl-item{
	float: right;
}
.owl-pagination{
	display:none;
}
.magazine-slider {
    margin-top: 0;
}
.magazine-slider img {
    height: 424px;
}
.magazine-slider .container {
    width: auto;
}
/*latest-news text bar*/
.magazine-latest-news {
    position: relative; 
    padding: 20px;
    background: #eee;
}
.breaking {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    margin-left: 30px;
    padding: 20px;
    text-transform: uppercase; 
    color: #fff;
    background: #333;
}
.breaking:after {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 0;
    height: 0;
    margin-top: -10px; 
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-width: 10px;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #333;
}
.magazine-latest-news .news-slider {
    margin: 0  180px 0 100px;
}
.magazine-latest-news .flex-control-nav {
    bottom: 25px;
}
.magazine-latest-news a {
    color: #333;
}
/*End latest-news text bar*/
#img-carousel .item {
    margin: 5px;
}
#img-carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls .owl-page span {
    background: #eaeaea !important;
}
.c-info-row .c-info {
    width: 30%;
}
.c-info-row .c-info {
    padding-right: 30px;
}
.c-info-row .c-slide {
    width: 70%;
}
.c-info-row .c-info,
.c-info-row .c-slide {
    float: right;
}
.slides li,
.carousel.slide .carousel-inner {
    position: relative;
}
.slides .caption,
.carousel.slide .carousel-inner .caption {
    position: absolute;
    bottom: 50px;
    right: 0;
    padding: 15px 20px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    font-size: 24px;
}
/*---arrow carousel---*/
.full-width img {
    width: 100%;
    height: auto;
}
.carousel.slide .carousel-control {
    z-index: 90; 
    width: 50%;
}
.carousel.slide a.right.carousel-control:hover {
    cursor: url(../images/div/arrow_left.png), auto;
}
.carousel.slide a.left.carousel-control:hover {
    cursor: url(../images/div/arrow_right.png), auto;
}
.carousel.slide a.left.carousel-control,
.carousel.slide a.right.carousel-control {
    background-image: none;
}
.carousel.slide .carousel-fade .carousel-control {
    z-index: 5000;
}
.carousel.slide .carousel-control:hover,
.carousel.slide .carousel-control:focus {
    opacity: 1;

    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
            transition-property: opacity; 
    opacity: 0;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    z-index: 1; 
    left: 0;
    opacity: 0;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 5000;
}
.side-object .object {
    position: relative;
    width: 30%;
    height: 400px; 
    margin-top: 100px;
}
.side-object .object img {
    /*position: absolute;*/
    bottom: 0; 
    left: 0;
	width:100%;
	max-width:100%;
}
.side-object .content {
    padding: 200px 50px 0 0; 
    text-align: right;
}
.side-object .content-alt {
    padding: 200px 0 0 50px; 
    text-align: right;
}
.side-object .object,
.side-object .content,
.side-object .content-alt{
    float: left;
}
#carousel-object .owl-controls {
    /*position: absolute;
    right: 0; 
    bottom: 30px;*/
	padding-bottom:70px;
}
.slider-full-screen,
.slider-full-width,
.slider-boxed .container {
    position: relative;
}
.slider-full-screen img {
    width: 100%;
    height: 100vh;
}
.slider-full-width img,
.slider-boxed img {
    display: block;
    overflow: hidden; 
    width: 100%;
    height: auto;
}
.slider-boxed {
    margin-top: 50px;
}
.slider-boxed .container {
    padding: 0;
}
#owl-slider .owl-item div {
    padding: 0;
}
#owl-slider .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-slider .owl-pagination {
    position: relative; 
    bottom: 50px;
}
#owl-slider.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 50px;
    height: 5px;
    margin: 5px 7px;
    opacity: .5;
    border-radius: 0; 

    filter: Alpha(Opacity=50);
}
#owl-slider.owl-theme .owl-controls .owl-page.active span {
    z-index: 1200; 
    opacity: 1;

    filter: Alpha(Opacity=100);
}
#owl-slider .owl-buttons {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -70px;
}
#owl-slider.owl-theme .owl-controls .owl-buttons div {
    display: block;
    zoom: 1;
    margin: 5px;
    padding: 5px 15px;
    opacity: .5; 
    color: #fff;
    border-radius: 0;
    background: #000;
    font-size: 20px;
    filter: Alpha(Opacity=50);
}
#owl-slider.owl-theme .owl-controls .owl-buttons div:hover {
    opacity: 1;
}
.parallax {
    height: 100vh;
    background-image: url("../img/demo.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%; 
    background-size: cover;
}
.parallax-inner {
    padding: 150px 0;
    background-image: url("../img/demo.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%; 
    background-size: cover;
}
.banner-state {
    height: 100vh;
    background-image: url("../images/banners/menu_banner.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%; 
    background-size: cover;
}
.full-banner {
    position: relative;
    background-image: url("../images/banners/creative-banner.jpg");
    background-position: 50% 50%; 
    background-size: cover;
}
/*==============================================
 Banner: Revolution
 ===============================================*/
.tp-banner-container {
    position: relative;
    width: 100%;
    padding: 0;
}
.tp-banner {
    position: relative; 
    width: 100%;
}
.tp-banner > ul {
    padding: 0;
    list-style: none;
}
.tp-banner-fullscreen-container {
    position: relative;
    width: 100%;
    padding: 0;
}
.rev-heading {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333;
    font: normal 60px/1.5;
    font-weight: 300;
}
.rev-subheading {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #555;
    font-size: 20px;
}
.rev-desc {
    color: #454545;
    font-size: 17px;
    line-height: 26px;
}
.rev-white {
    color: #fff;
}
/*==============================================
 Banner: Bootstrap
 ===============================================*/
.bs-hero.full-screen .carousel-inner .item img {
    width: 100%; 
    /*height: 100vh;*/
    height: auto;
}
.bs-hero.full-screen .carousel-inner .item .bs-info {
    position: absolute;
    top: 40%;
    right: 12%;
}
.bs-hero.full-screen .carousel-inner .item .bs-info-center {
    position: absolute;
    top: 30%;
    right: 50%;
    width: 1000px;
    margin-right: -500px;
    text-align: center;
}
.bs-hero.full-screen .carousel-inner .item .bs-info-right {
    position: absolute;
    /*width: 1170px;*/
    top: 35%;
    left: 12%;
    text-align: left;
}
.bs-hero.full-screen .carousel-inner .item .bs-info h1 {
    text-transform: uppercase;
}
.bs-hero.full-screen .carousel-indicators {
    z-index: 1200;
}
.bs-hero.full-screen .carousel-inner .item .bs-info h1 span {
    font-size: 18px;
}
.bs-hero.full-screen .carousel.slide .carousel-control {
    width: 30%;
    margin-top: 180px;
    margin-bottom: 120px;
}
/*===============================================
 Banner: Static
 ===============================================*/
.banner-box {
    max-width: 650px;
    margin: 0 auto;
}
.banner-box h1,
.banner-box h3,
.banner-title h1,
.banner-title h3,
.banner-box h2,
.banner-box h2,
.banner-title h2,
.banner-title h2 {
    margin-bottom: 0;
}
.banner-box h1,
.banner-title h1 {
    letter-spacing: 1px;
    font-size: 60px;
    font-weight: 300;
}
.banner-box h3,
.banner-title h3 {
    letter-spacing: 1px;
    font-size: 20px;
}
.banner-title.light-txt h1,
.banner-title.light-txt h2,
.banner-title.light-txt h3 {
    color: #fff;
}
.b-lg-txt {
    font-size: 100px !important;
    font-weight: 300;
}
.hero-text {
    position: relative;
    z-index: 6000;
}
.hero-text h1 {
    margin-bottom: 10px;
}
.hero-text a {
    margin: 10px 5px;
}
.banner-scroll a {
    position: absolute;
    z-index: 10; 
    bottom: 20px;
    right: 50%;
    margin-right: -11px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
}
.banner-scroll a:before {
    display: block;
    width: 25px;
    height: 35px;
    margin-bottom: 5px; 
    margin-right: 5px;
    content: "";
    border: 2px solid #fff;
    border-radius: 15px;
}
.banner-scroll .scroll-down {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 50%;
    display: block;
    width: 2px;
    height: 8px;
    margin-right: -3px;
    -webkit-animation: 3s arrow infinite ease;
            animation: 3s arrow infinite ease; 
    background: #fff;
}
/*==============================================
 Banner: Video
 ===============================================*/
.video-banner {
    position: relative;
    display: block;
    overflow: hidden; 
    width: 100%;
    height: 100vh;
}
.video-banner.overlay-background .container {
    position: absolute; 
    z-index: 300;
}
.overlay-background {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
}
.overlay-background .container {
    position: relative; 
    z-index: 300;
}
.overlay-block {
    position: absolute;
    z-index: 200; 
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}
.overlay-block-light {
    position: absolute;
    z-index: 200; 
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
}
/*==============================================
 Video Parallax
 ===============================================*/
.video-parallax {
    position: relative;
    overflow: hidden;
}
.video-parallax .container {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -80px; 
    color: #fff;
}
.video-parallax .container i {
    display: block; 
    margin-bottom: 30px;
    font-size: 50px;
}
.video-parallax .container + .video-wrap {
    z-index: 1;
}
.video-wrap {
    position: relative; 
    overflow: hidden;
    width: 100%;
}
.video-overlay,
.banner-overaly {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);

    -webkit-backface-visibility: hidden;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); 
        opacity: 0;
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); 
        opacity: 0;
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); 
        opacity: 1;
    }
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .bs-hero.full-screen .carousel.slide .carousel-control {
        width: 30%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .bs-hero.full-screen .carousel-inner .item img {
        width: 100%; 
        height: auto;
    }
    .bs-hero.full-screen .carousel-inner .item .bs-info-center {
        width: 100%; 
        margin-right: -50%;
    }
    .bs-hero.full-screen .carousel-inner .item .bs-info-right {
        width: 100%;
    }
    .bs-hero.full-screen .carousel-inner .item .bs-info-right {
        top: 45%;
        left: 0;
        right: 0;
        text-align: center;
    }
    .banner-box h1,
    .banner-title h1 {
        font-size: 30px;
    }
    .banner-box h3,
    .banner-title h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .side-object .content,
    .side-object .content-alt{
        padding: 200px 20px 0; 
        text-align: left;
    }
}
@media screen and (max-width: 800px) {
    .bs-hero.full-screen .carousel-inner .item img {
        width: 100%; 
        height: 100vh;
    }
}
@media screen and (max-width: 767px) {
    .bs-hero.full-screen .carousel-inner .item img {
        width: 100%; 
        height: 100%;
    }
    .owl-pagination{ display:none;}
}
/*======================================================
*================= End Custom Carousel =================
*=====================================================*/

/*======================================================
*====================== Featured ======================= 
*=====================================================*/
.featured-item .icon {
    padding: 0 0 30px 0;
}
.featured-item .icon i {
    font-size: 36px;
}
.featured-item .title h4 {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: normal;
}
.featured-item .desc {
    color: #7e7e7e;
}
.featured-item.border-box {
    margin-bottom: -1px; 
    margin-right: -1px;
    padding: 50px;
    border: 1px solid #f2f2f2;
}
.featured-item.border-box:hover {
    color: #7e7e7e; 
    border: 1px solid transparent;
    background: #222;
}
.featured-item.border-box:hover h4,.featured-item.border-box:hover h2  {
    color: #eee;
}
.featured-item.border-box,
.featured-item.border-box:hover,
.featured-item.border-box h4,
.featured-item.border-box:hover h4,
.featured-item.border-box .icon i
.featured-item.border-box:hover .icon i {
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.feature-box-grid {
    padding-left: 15px; 
    padding-right: 15px;
}
.feature-box-grid .col-lg-1,
.feature-box-grid .col-lg-10,
.feature-box-grid .col-lg-11,
.feature-box-grid .col-lg-12,
.feature-box-grid .col-lg-2,
.feature-box-grid .col-lg-3,
.feature-box-grid .col-lg-4,
.feature-box-grid .col-lg-5,
.feature-box-grid .col-lg-6,
.feature-box-grid .col-lg-7,
.feature-box-grid .col-lg-8,
.feature-box-grid .col-lg-9,
.feature-box-grid .col-md-1,
.feature-box-grid .col-md-10,
.feature-box-grid .col-md-11,
.feature-box-grid .col-md-12,
.feature-box-grid .col-md-2,
.feature-box-grid .col-md-3,
.feature-box-grid .col-md-4,
.feature-box-grid .col-md-5,
.feature-box-grid .col-md-6,
.feature-box-grid .col-md-7,
.feature-box-grid .col-md-8,
.feature-box-grid .col-md-9,
.feature-box-grid .col-sm-1,
.feature-box-grid .col-sm-10,
.feature-box-grid .col-sm-11,
.feature-box-grid .col-sm-12,
.feature-box-grid .col-sm-2,
.feature-box-grid .col-sm-3,
.feature-box-grid .col-sm-4,
.feature-box-grid .col-sm-5,
.feature-box-grid .col-sm-6,
.feature-box-grid .col-sm-7,
.feature-box-grid .col-sm-8,
.feature-box-grid .col-sm-9,
.feature-box-grid .col-xs-1,
.feature-box-grid .col-xs-10,
.feature-box-grid .col-xs-11,
.feature-box-grid .col-xs-12,
.feature-box-grid .col-xs-2,
.feature-box-grid .col-xs-3,
.feature-box-grid .col-xs-4,
.feature-box-grid .col-xs-5,
.feature-box-grid .col-xs-6,
.feature-box-grid .col-xs-7,
.feature-box-grid .col-xs-8,
.feature-box-grid .col-xs-9 {
    padding-left: 0; 
    padding-right: 0;
}
/* ----------------------------------------------------------------
    feature parallax
-----------------------------------------------------------------*/
.feature-parallax {
    background-image: url("../images/parallax/fp.jpg");
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-size: cover;
}
.feature-parallax .page-content {
    padding: 100px 0;
}
.feature-parallax.dark,
.feature-parallax.dark .featured-item .title h4,
.feature-parallax.dark .featured-item .desc {
    color: #fff;
}
.featured-item .bottom-border i {
    display: inline-block; 
    padding-bottom: 30px;
    border-bottom: 2px solid;
}
/* ----------------------------------------------------------------
    feature outline
-----------------------------------------------------------------*/
.featured-item.feature-outline {
    position: relative;
    padding: 0 80px 0 0;
}
.featured-item.feature-outline .icon {
    /*position: absolute;*/
    top: 0;
    right: 0; 
    display: block;
}
/* ----------------------------------------------------------------
    feature border box
-----------------------------------------------------------------*/
.feature-border-box {
    position: relative;
    padding: 30px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
}
.feature-border-box,
.feature-border-box:hover .icon {
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.feature-border-box .icon {
    position: absolute;
    top: -30px;
    right: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 4px;
    background: #222;
    box-shadow: 0 0 0 10px #fff; 
    line-height: 60px;
}
.featured-item.feature-border-box .icon i {
    color: #fff;
    font-size: 30px;
    line-height: 60px;
}
.feature-border-box .title {
    display: inline-block; 
    margin-top: 30px;
}
/* ----------------------------------------------------------------
    feature bg box
-----------------------------------------------------------------*/
.feature-bg-box {
    position: relative;
    margin-bottom: 100px; 
    padding: 30px;
    border-radius: 4px;
}

.feature-bg-box,
.feature-bg-box:hover .icon {
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.feature-bg-box .icon {
    position: absolute;
    top: -40px;
    right: 50%;
    width: 80px;
    height: 80px;
    margin-right: -40px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 5px #f6f6f6; 
    line-height: 80px;
}
.featured-item.feature-bg-box .icon i {
    color: #808184;
    font-size: 30px;
    line-height: 80px;
}
.feature-bg-box .title {
    display: inline-block; 
    margin-top: 40px;
}
/**/
.featured-box .one-third {
    float: right;
    width: 33.3333333%;
    padding: 10px 0;
}
.featured-box .one-third:nth-child(2) {
    padding: 10px 10px;
}
.featured-box .one-third .featured-item {
    min-height: 360px; 
    padding: 15% 20%;
}
.featured-box .one-third .featured-item,
.featured-box .one-third .featured-item h4,
.featured-box .one-third .featured-item .desc {
    color: #fff;
}

.featured-item .number {
    color: #e1e1e1;
    font-size: 36px;
    font-weight: normal;
}
.featured-item.feature-outline.right {
    position: relative;
    padding: 0 0 0 80px;
}
.featured-item.feature-outline.right .icon {
    position: absolute;
    top: 0;
    left: 0; 
    display: block;
}

.features-post-img-right, .features-post-img-left{
	position: absolute;
    top:calc(50% - 24px);
	display: block;
	z-index:1;
	border-left-color:#FFF !important;
	border-right-color:#FFF !important;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;

	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;	
	transition:all 1s ease;
}
.features-post-img-left{
    right: 0px;
	width: 0; height: 0; border-top: 24px solid transparent !important; border-right: 24px solid; border-bottom: 24px solid transparent !important;
	border-left:none !important;
}
.features-post-img-right{
	left: 0px;
	width: 0; height: 0; border-top: 24px solid transparent !important; border-left: 24px solid; border-bottom: 24px solid transparent !important;
	border-right:none !important;

}
.feature-img-f{ float:right !important;}
.feature-img-f-alt{ float:left !important;}
.feature-img-f,.feature-img-f-alt{
	padding:15px 20px 0 !important;
}
.featured-box.pro-box .one-third:nth-child(2) {
    padding: 10px 5px;
}
.features-img{
    width: 100%;
    height: auto;
    position:relative;
    z-index:0;
    opacity:1;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){
    .feature-bg-box {
        display: inline-block; 
        margin-bottom: 50px !important;
    }
}
@media screen and (max-width:767px){
    .featured-item {
        display: inline-block;
        width: 100%; 
        margin-bottom: 30px;
    }
    .featured-box .one-third {
        width: 100%;
    }
    .featured-box .one-third:nth-child(2) {
        padding: 0;
    }
}
/*======================================================
*==================== End Featured =====================
*=====================================================*/

/*======================================================
*====================== Parallax =======================
*=====================================================*/
.s-parallax, .cover-image, .cover-background, .texture-background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.cover-image {
  width: 100%;
  height: 100%;
}
@media (min-width: 991px) {
  .cover-image {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: 50% 50%;
    z-index: 2;
  }
  .cover-image.s-cover-right {
    width: 50%;
    right: auto;
  }
  .cover-image.s-cover-left {
    width: 50%;
  }
  .cover-image > img {
    visibility: hidden;
    display: none;
  }
  .cover-image > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .cover-image + [class*='container'] [class*='col-'] > img, .cover-image + [class*='container'] [class*='col-'] > a:after, .cover-image + [class*='container'] [class*='col-'] > a > img {
    visibility: hidden;
  }
}
.fixed-background, .s-parallax {
  background-attachment: fixed;
  background-position: 50% 0;
}
@media (max-width: 767px) {
  .s-parallax {
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
  }
}
/*additional overlay for parallax sections*/
.s-overlay:before {
  opacity: 0.8;
}
.s-overlay.ls:before {
  background-color: #fff;
  opacity: 0.93;
}
.s-overlay.ls.ms:before {
  background-color: #f2f2f2;
  opacity: 0.81;
}
.s-overlay.cs:before {
  background-color: #F4752B;
  opacity: 0.1;
}
.s-overlay.cs.cs2:before {
  background-color: #EDC82B;
}
.s-overlay.cs.cs3:before {
  background-color: #9e1c20;
}
.s-overlay.ds:before {
  /*background-color: #20252b;*/
  opacity: 0.7;
}
.s-overlay.ds.ms:before {
  opacity: 0.9;
}
.s-muted:before {
  background-color: rgba(32, 37, 43, 0.1);
  opacity: 1;
}
.gradientradial-background {
  overflow: hidden;
}
.s-parallax > *, .s-overlay > *, .s-muted > *, .s-overlay-diagonal-double > *, .pattern-background > *, .gradientradial-background > *, .gradient-background > *, .gradientvertical-background > *, .gradientdarken-background > * {
  z-index: 4;
  position: relative;
}
.s-parallax:before, .s-overlay:before, .s-muted:before, .s-overlay-diagonal-double:before, .s-overlay-diagonal-double:after, .pattern-background:before, .gradient-background:before, .gradientvertical-background:before, .gradientdarken-background:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.s-muted:before, .s-parallax:before {
  opacity: 0.8;
}
.s-overlay-diagonal {
  overflow: hidden;
  padding: 10px 0;
  background-clip: content-box;
}
.s-overlay-diagonal:before {
  width: 40%;
  height: 3000px;
  margin-right: 30%;
  top: 50%;
  right: 0;
  left: auto;
  bottom: auto;
  transform: translateY(-50%) rotate(-45deg);
}
@media (max-width: 1200px) {
  .s-overlay-diagonal:before {
    width: 70%;
    margin-right: 15%;
  }
}
.s-overlay-diagonal-double {
  overflow: hidden;
  padding: 10px 0;
}
.s-overlay-diagonal-double:before {
  background: linear-gradient(45deg, #F4752B 30%, transparent 30%);
  opacity: 0.6;
}
.s-overlay-diagonal-double:after {
  background: linear-gradient(45deg, transparent 70%, #F4752B 70%);
  opacity: 0.6;
}
.gradient-background:before {
  background: #F4752B;
  background: -moz-linear-gradient(right, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(243, 117, 42, 1)), color-stop(100%, rgba(237, 199, 41, 1)));
  background: -webkit-linear-gradient(right, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: -o-linear-gradient(right, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: -ms-linear-gradient(right, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: linear-gradient(to left, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorMain', endColorstr='$colorMain2', GradientType=1);
}
.gradientvertical-background:before {
  background: #F4752B;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: -o-linear-gradient(top, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: -ms-linear-gradient(top, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  background: linear-gradient(to bottom, rgba(243, 117, 42, 1) 0%, rgba(237, 199, 41, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorMain', endColorstr='$colorMain2', GradientType=0);
}
.gradientdarken-background:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}
.gradientradial-background:before {
  content: '';
  display: block;
  position: absolute;
  width: 1400px;
  height: 1400px;
  top: 50%;
  right: 50%;
  margin-top: -700px;
  margin-right: -700px;
  z-index: 2;
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0, center center, 50%, color-stop(0%, rgba(255, 255, 255, 0.24)), color-stop(50%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.s-overlay.gradientradial-background:before {
  width: 100vw;
  height: 100vw;
  margin-top: -50vw;
  margin-right: -50vw;
}
.s-bordertop, .s-borderbottom, .s-bordertop-container .container, .s-borderbottom-container .container {
  position: relative;
}
.s-bordertop:before, .s-borderbottom:after, .s-bordertop-container .container:before, .s-borderbottom-container .container:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  right: 0;
  left: 0;
  top: 0;
  background-color: #e5e5e5;
  z-index: 1;
}
.s-borderheight-2:before, .s-borderheight-2:after, .s-borderheight-2 .container:before, .s-borderheight-2 .container:after {
  height: 2px;
}
.s-borderheight-3:before, .s-borderheight-3:after, .s-borderheight-3 .container:before, .s-borderheight-3 .container:after {
  height: 3px;
}
.s-borderheight-5:before, .s-borderheight-5:after, .s-borderheight-5 .container:before, .s-borderheight-5 .container:after {
  height: 5px;
}
.s-bordercolormain:before, .s-bordercolormain:after, .s-bordercolormain .container:before, .s-bordercolormain .container:after {
  background-color: #F4752B;
}
.s-bordertop-container .container:before, .s-borderbottom-container .container:after {
  left: 15px;
  right: 15px;
}
.s-borderbottom:after, .s-borderbottom-container .container:after {
  top: auto;
  bottom: 0;
}
.s-bordered-columns [class*='col-'] + [class*='col-']:before {
  content: '';
  position: absolute;
  top: 1em;
  bottom: 1em;
  right: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
/*======================================================
*==================== End Parallax =====================
*=====================================================*/


/*
 ** Light Background Section - .ls
 */
.ls {
  background-color: #fff;
  color: #818181;
}
.ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 {
  color: #20252b;
}
.ls h1 a, .ls h2 a, .ls h3 a, .ls h4 a, .ls h5 a, .ls h6 a {
  color: inherit;
}
.ls h1 a:hover, .ls h2 a:hover, .ls h3 a:hover, .ls h4 a:hover, .ls h5 a:hover, .ls h6 a:hover {
  color: #F4752B;
}
.ls .btn-maincolor:hover, .ls .btn-maincolor2:hover, .ls .btn-maincolor3:hover, .ls .btn-darkgrey:hover, .ls .btn-outline-maincolor:hover, .ls .btn-outline-maincolor2:hover, .ls .btn-outline-maincolor3:hover, .ls .btn-outline-darkgrey:hover {
  color: #fff;
}
.ls .btn-maincolor:hover {
  background-color: #EDC82B !important;
  border-color: #EDC82B !important;
}
.ls .btn-outline-maincolor:hover {
  background-color: #fff !important;
  color: #EDC82B !important;
  border-color: #EDC82B !important;
}
.ls .btn-maincolor2:hover {
  background-color: #F4752B !important;
  border-color: #F4752B !important;
}
.ls .btn-outline-maincolor2:hover {
  background-color: #fff !important;
  color: #EDC82B !important;
  border-color: #F4752B !important;
}
.ls .btn-maincolor3:hover {
  background-color: #EDC82B !important;
  border-color: #EDC82B !important;
}
.ls .btn-outline-maincolor3:hover {
  background-color: #fff;
  color: #EDC82B;
  border-color: #9e1c20;
}
.ls .btn-outline-maincolor:hover, .ls .more-link:hover {
  background-color: #fff !important;
  color: #F4752B;
  border-color: #F4752B;
}
.ls .btn-outline-maincolor2:hover, .ls .more-link:hover {
  background-color: #fff !important;
  color: #F4752B;
  border-color: #EDC82B;
}
.ls .btn-outline-maincolor3:hover, .ls .more-link:hover {
  background-color: #fff !important;
  color: #EDC82B;
  border-color: #9e1c20;
}
.ls .btn-outline-maincolor:hover, .ls .more-link:hover {
  background-color: #fff !important;
  color: #F4752B;
  border-color: #F4752B;
}
.ls .btn-outline-maincolor2:hover, .ls .more-link:hover {
  background-color: #fff !important;
  color: #F4752B;
  border-color: #EDC82B;
}
.ls .btn-outline-maincolor3:hover, .ls .more-link:hover {
  background-color: #fff !important;
  color: #EDC82B;
  border-color: #9e1c20;
}
.ls .btn-outline-darkgrey:hover, .ls .btn-darkgrey:hover {
  background-color: #F4752B;
  border-color: #F4752B;
}
.ls .links-maincolor a:hover {
  opacity: 0.7;
}
/*
 ** Grey Background Section - light section, muted section - .ls.ms
 */
.ls.ms {
  background-color: #f2f2f2;
  color: #6e6e6e;
}
.ls.ms .links-grey a {
  color: #6e6e6e;
}
.ls.ms .hero-bg {
  background-color: #fff;
}
.ls.ms .hero-bg hr {
  background-color: #e5e5e5;
}
.ls.ms hr {
  background-color: #fff;
}
.ls.ms input[type="text"], .ls.ms input[type="email"], .ls.ms input[type="url"], .ls.ms input[type="password"], .ls.ms input[type="search"], .ls.ms input[type="tel"], .ls.ms input[type="number"], .ls.ms textarea, .ls.ms select, .ls.ms .form-control {
  background-color: #fff;
}
.ls.ms .hero-bg input[type="text"], .ls.ms .hero-bg input[type="email"], .ls.ms .hero-bg input[type="url"], .ls.ms .hero-bg input[type="password"], .ls.ms .hero-bg input[type="search"], .ls.ms .hero-bg input[type="tel"], .ls.ms .hero-bg input[type="number"], .ls.ms .hero-bg textarea, .ls.ms .hero-bg select, .ls.ms .hero-bg .form-control {
  border-color: #e5e5e5;
  background-color: #f2f2f2;
}
.ls.ms td, .ls.ms th, .ls.ms .bordered {
  border-color: #d8d8d8;
}
.ls.ms .btn-secondary {
  border-color: #fff;
}
.ls.ms .btn-secondary:hover {
  border-color: #e3e3e3;
  background-color: #e3e3e3;
}
.ls .color-icon.bg-icon {
  background-color: #fff;
}
.ls .pricing-plan [class*='btn-outline-'] {
  background-color: #fff;
}
.ls .pricing-plan [class*='btn-outline-']:hover {
  background-color: #F4752B;
  color: #fff;
  border-color: #F4752B;
}
.ls .btn.btn-outline-maincolor:hover {
  background-color: transparent;
  border-color: #F4752B;
}
.ls .btn.btn-outline-maincolor2:hover {
  background-color: transparent;
  border-color: #EDC82B;
}
.ls .btn.btn-outline-maincolor3:hover {
  background-color: transparent;
  border-color: #9e1c20;
}
.ls.ms .nav-tabs > li.active > a, .ls.ms .nav-tabs > li.active > a:hover, .ls.ms .nav-tabs > li.active > a:focus {
  background-color: #fff;
  border-color: #fff;
}
.ls.ms .tab-content {
  background-color: #fff;
}
.ls.ms .tab-content .bordered {
  border-color: #e6e6e6;
}
.ls.ms .tab-content.no-border {
  background-color: transparent;
}
.ls.ms .tab-content .form-control {
  background-color: #f2f2f2;
}
.ls.ms .vertical-tabs .nav > li > a {
  background-color: #fff;
}
.ls.ms .vertical-tabs .nav > li > a:hover, .ls.ms .vertical-tabs .nav > li.active > a {
  background-color: #20252b;
}
.ls.ms .panel-title > a {
  background-color: #20252b;
}
.ls.ms .panel-title > a.collapsed {
  background-color: #fff;
}
.ls.ms .hero-bg .panel-title > a {
  border: 1px solid #e5e5e5;
}
.ls.ms .panel-title > a.collapsed:hover, .ls.ms .panel-title > a:hover {
  background-color: #20252b;
}
.ls.ms .pagination a, .ls.ms .pagination span {
  background-color: #fff;
  border-color: #fff;
}
.ls.ms .breadcrumb {
  color: #808080;
}
.ls.ms .breadcrumb a {
  color: #676767;
}
.ls.ms .breadcrumb a:hover {
  color: #F4752B;
}
.ls.ms [class*='btn-outline-']:not(:hover) {
  background-color: #f2f2f2;
}
/*
 ** Dark Section background and Dark Muted background sections - .ds and .ds.ms
 */
/* dark grey background section - .ds */
.ds {
  background-color: #20252b;
  color: #fff;
}
.ds * .ds {
  background-color: #15181c;
}
/* dark background section - .ds.ms */
.ds.ms {
  background-color: #252525;
}
.ds.ms .ds.ms {
  background-color: #2a2a2a;
}
/* dark section blue - .ds.bs */
.ds.bs {
  background-color: #2f3e47;
}
.ds a:not(.btn) {
  color: #fff;
}
.ds a:not(.btn):hover {
  color: #F4752B;
}
.ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 {
  color: #fff;
}
.ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a {
  color: #fff;
}
.ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover {
  opacity: 0.8;
}
.ds .ls {
  background-color: #fff;
  color: #808080;
}
.ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 {
  color: #20252b;
}
.ds .ls h1 a, .ds .ls h2 a, .ds .ls h3 a, .ds .ls h4 a, .ds .ls h5 a, .ds .ls h6 a {
  color: inherit;
}
.ds .ls h1 a:hover, .ds .ls h2 a:hover, .ds .ls h3 a:hover, .ds .ls h4 a:hover, .ds .ls h5 a:hover, .ds .ls h6 a:hover {
  color: #F4752B;
}
.ds .ls a:not(.btn) {
  color: #20252b;
}
.ds .ls a:not(.btn):hover {
  color: #F4752B;
}
.ds label {
  color: #fff;
}
.ds hr {
  border-color: #454545;
  background-color: #454545;
}
.ds blockquote, .ds .blockquote {
  color: #fff;
}
.ds pre {
  color: #9a9a9a;
}
.ds .muted-bg, .ds .hero-bg {
  background-color: rgba(255, 255, 255, 0.05);
}
.ds .bordered {
  border-color: #454545;
}
.ds .color-main {
  color: #F4752B;
}
.ds .color-main2 {
  color: #EDC82B;
}
.ds .color-dark, .ds .color-darkgrey {
  color: #fff;
  border-color: #fff;
}
.ds .links-maincolor a {
  color: #F4752B;
}
.ds .links-maincolor a:hover {
  color: #fff;
}
.ds .links-maincolor2 a {
  color: #EDC82B;
}
.ds .links-maincolor2 a:hover {
  color: #fff;
}
.ds .links-maincolor3 a {
  color: #9e1c20;
}
.ds .links-maincolor3 a:hover {
  color: #fff;
}
.ds .links-grey a {
  color: #9a9a9a;
}
.ds .links-grey a:hover {
  color: #fff;
}
.ds .links-darkgrey a {
  color: #fff;
}
.ds .links-darkgrey a:hover {
  color: #F4752B;
}
.ds.s-bordertop:before, .ds.s-borderbottom:after, .ds.s-bordertop-container .container:before, .ds.s-borderbottom-container .container:after {
  background-color: #454545;
}
.ds.s-bordered-columns [class*='col-'] + [class*='col-']:before {
  background-color: #454545;
}
.ds .btn-maincolor:hover, .ds .btn-maincolor2:hover, .ds .btn-maincolor3:hover, .ds .btn-darkgrey:hover, .ds .btn-outline-maincolor:hover, .ds .btn-outline-maincolor2:hover, .ds .btn-outline-maincolor3:hover {
  color: #fff;
}
.btn-maincolor:hover, .ds .btn-outline-maincolor:hover, .ds .btn-maincolor:hover {
  background-color: #9e1c20 !important;
  border-color: #9e1c20 !important;
}
.btn-maincolor2:hover, .ds .btn-outline-maincolor2:hover, .ds .btn-maincolor2:hover {
  background-color: #F4752B !important;
  border-color: #F4752B !important;
}
.btn-maincolor3:hover, .ds .btn-outline-maincolor3:hover, .ds .btn-maincolor3:hover {
  background-color: #F4752B !important;
  border-color: #F4752B !important;
}
.btn-outline-maincolor:hover{
    background-color: #F4752B;
    border-color: #F4752B;
    color: #FFF;
}
.btn-outline-maincolor2:hover{
    background-color: #EDC82B;
    border-color: #EDC82B;
    color: #FFF;
}
.btn-outline-maincolor3:hover{
    background-color: #9e1c20;
    border-color: #9e1c20;
    color: #FFF;
}
.ds .btn-outline-darkgrey {
  color: #fff;
  border-color: #fff;
}
.ds .btn-outline-darkgrey:hover {
  background-color: #fff;
  border-color: #fff;
  color: #20252b;
}
.ds .btn-outline-maincolor, .ds .btn-outline-maincolor2, .ds .btn-outline-darkgrey {
  background-color: transparent;
}
.ds a.fa {
  color: #fff;
  border-color: #454545;
}
.ds a.bg-icon {
  background-color: rgba(255, 255, 255, 0.05);
}
.ds .fa.color-icon:hover {
  color: #fff;
}
.ds .color-icon.bg-icon {
  background-color: rgba(255, 255, 255, 0.05);
}
.ds .color-icon.bg-icon:hover {
  color: #fff;
}
.ds .color-bg-icon:hover {
  background-color: #F4752B;
}
.ds {
  /* shop */
}
.ds .list-bordered li {
  border-color: #454545;
}
.ds input[type="text"], .ds input[type="email"], .ds input[type="url"], .ds input[type="password"], .ds input[type="search"], .ds input[type="tel"], .ds input[type="number"], .ds textarea, .ds select, .ds .form-control {
  background-color: transparent;
  border-color: #aaaaa9;
  color: #fff;
}
.ds .form-group-select:before {
  border-color: #454545;
}
.ds .form-control:focus {
  border-color: #fff;
}
.ds .form-control:-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.ds .form-control::-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.ds .form-control:-ms-input-placeholder {
  color: #9a9a9a;
}
.ds .form-control::-webkit-input-placeholder {
  color: #fff;
}
.ds input[type="email"]::-webkit-input-placeholder {
  color: #fff;
}
.ds .form-control:focus:-moz-placeholder {
  color: #fff;
}
.ds .form-control:focus::-moz-placeholder {
  color: #fff;
}
.ds .form-control:focus:-ms-input-placeholder {
  color: #fff;
}
.ds .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.ds .contact-form.transparent-background .form-control {
  border-color: #454545;
}
.ds .tab-content {
  border-color: #454545;
}
.ds .nav-tabs .nav-link {
  border-color: #454545;
}
.ds .owl-theme .owl-dots .owl-dot span {
  border-color: #fff;
}
.ds .post-adds .share_button > i, .ds .post-adds .like_button > i {
  color: #fff;
}
.ds .side-item {
  border-color: #454545;
}
.ds .excerpt {
  color: #fff;
}
.ds .reply a {
  color: #fff;
}
.ds .widget_search .form-inline .btn, .ds .widget_product_search [type="submit"], .ds .widget_mailchimp .form-inline .btn {
  background-color: transparent;
  color: #F4752B;
}
.ds .widget_shopping_cart .cart_list, .ds .widget_recent_entries li, .ds .widget_recent_comments li, .ds .widget_archive li, .ds .widget_categories li, .ds .widget_meta li, .ds .widget_nav_menu li, .ds .widget_pages li, .ds .widget_popular_entries li {
  border-color: #454545;
}
.ds .widget_nav_menu ul ul {
  border-color: #454545;
}
.ds .widget_popular_entries .media-heading {
  color: #fff;
}
.ds .tweet_list li + li .tweet_right {
  border-color: #454545;
}
.ds .widget_tag_cloud a {
  color: #fff;
  border-color: #fff;
}
.ds .widget_shopping_cart li a + a {
  color: #fff;
}
.ds .widget_shopping_cart li a + a:hover {
  color: #F4752B;
}
.ds .summary .price {
  color: #fff;
  border-color: #454545;
}
.ds .summary .product_meta {
  border-color: #454545;
}
.ds .widget_price_filter .price_label {
  color: #fff;
}
.ds #calendar_wrap {
  border-color: #454545;
}
.ds .widget_calendar table {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #454545;
}
.ds .widget_calendar tfoot td a {
  border-color: #454545;
}
.ds .widget_calendar caption, .ds .widget_calendar thead, .ds .widget_calendar th {
  color: #fff;
}
.ds .widget_calendar tbody td a:hover {
  color: #fff;
}
.ds .grid-view h3:before, .ds .grid-view h3:after {
  background-color: #454545;
}
.ds .owl-carousel.product-thumbnails .owl-nav > div:after {
  color: #fff;
}
.ds .ui-slider {
  background-color: rgba(255, 255, 255, 0.05);
}
.ds .ui-slider .ui-slider-handle {
  background-color: #fff;
}
.ds #sort_view {
  background-color: transparent;
  color: #fff;
}
.ds #toggle_shop_view.grid-view:after, .ds #toggle_shop_view:before {
  background-color: rgba(247, 247, 247, 0.05);
}
.ds .widget_layered_nav .color-filters a:before {
  border-color: #454545;
}
.ds .table.cart a {
  color: #fff;
}
.ds .pagination > li > a, .ds .pagination > li > span {
  color: #fff;
  background-color: transparent;
  border: 1px solid #454545;
}
.ds .pagination > li.active > a, .ds .pagination > li.active > span, .ds .pagination > li > a:hover, .ds .pagination > li > span:hover, .ds .pagination > li > a:focus, .ds .pagination > li > span:focus {
  border-color: #F4752B;
  background-color: #F4752B;
  color: #fff;
}
.ds .thumbnail {
  background-color: transparent;
}
.ds .thumbnail h3 a {
  color: #fff;
}
.ds .thumbnail .caption {
  border-color: transparent;
  background-color: rgba(252, 252, 252, 0.05);
}
.ds .progress {
  background-color: #454545;
}
.ds .panel-heading .panel-title > a.collapsed, .ds .vertical-tabs .nav > li > a {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.ds .panel-heading .panel-title > a, .ds .panel-heading .panel-title > a:hover, .ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover {
  background-color: #F4752B;
}
.ds .panel-heading .panel-title > a:hover:after, .ds .vertical-tabs .nav > li > a:hover:after {
  color: #fff;
}
.ds .entry-meta .comments-link a {
  color: #fff;
}
.ds #timetable tbody th, .ds #timetable tbody td {
  border-color: #454545;
}
.ds #isotope_filters a, .ds .filters a {
  color: #fff;
}
.ds .social-icons.ds {
  color: #fff;
}
.ds div .fw-shortcode-calendar-wrapper .page-header h3, .ds div .btn-group button[data-calendar-nav], .ds div .btn-group button[data-calendar-nav*='today'] {
  color: #fff;
}
/*
 ** Color Background Section - .cs
 */
.cs.cs2 {
  background-color: #EDC82B;
}
.cs.cs2 .color-main {
  color: #F4752B;
}
.cs.cs3 {
  background-color: #9e1c20;
}
.cs.cs3 .color-main {
  color: #F4752B;
}
.cs.cs4 {
  background-color: #4f4f4f;
}
.cs.cs4 .color-main {
  color: #EDC82B;
}
/* color section grey - .cs.gs */
.cs.gs {
  background-color: #aaa6a7;
}
.cs.cs-success {
  background-color: #4db19e;
}
.cs.cs-info {
  background-color: #007ebd;
}
.cs.cs-warning {
  background-color: #eeb269;
}
.cs.cs-danger {
  background-color: #dc5753;
}
.cs {
  background-color: #F4752B;
  color: #fff;
}
.cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 {
  color: #fff;
}
.cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a {
  color: #fff;
}
.cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.cs a:not(.btn) {
  color: #fff;
}
.cs a:not(.btn):hover {
  opacity: 0.8;
}
.cs blockquote, .cs .blockquote {
  border-color: #fda67d;
}
.cs hr {
  border-color: rgba(255, 255, 255, 0.15);
}
.cs pre {
  color: #fff;
}
.cs .hero-bg {
  background-color: rgba(255, 255, 255, 0.1);
}
.cs .bordered {
  border-color: rgba(255, 255, 255, 0.15);
}
.cs.s-bordertop:before, .cs.s-borderbottom:after, .cs.s-bordertop-container .container:before, .cs.s-borderbottom-container .container:after {
  background-color: rgba(255, 255, 255, 0.15);
}
.cs.s-bordered-columns [class*='col-'] + [class*='col-']:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.cs .links-darkgrey a, .cs .links-grey a {
  color: #fff;
  opacity: 0.9;
}
.cs .links-darkgrey a:hover, .cs .links-grey a:hover {
  opacity: 1;
  color: #fff;
}
.cs .color-dark {
  border-color: #fff;
  color: #fff;
}
.cs .color-darkgrey {
  border-color: #20252b;
  color: #20252b;
}
.cs .response, .cs .color-main {
  color: #fff;
}
.cs input[type="text"], .cs input[type="email"], .cs input[type="url"], .cs input[type="password"], .cs input[type="search"], .cs input[type="tel"], .cs input[type="number"], .cs textarea, .cs select, .cs .form-control {
  color: #808080;
  background-color: #fff;
  border-color: #fff;
}
.cs input[type="search"], .cs .form-control {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.cs .form-control:focus {
  border-color: rgba(255, 255, 255, 0.5);
}
.cs .form-control:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.cs .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.cs .form-control:-ms-input-placeholder {
  color: #fff;
}
.cs .form-control::-webkit-input-placeholder {
  color: #fff;
}
.cs .form-control:focus:-moz-placeholder {
  color: transparent;
}
.cs .form-control:focus::-moz-placeholder {
  color: transparent;
}
.cs .form-control:focus:-ms-input-placeholder {
  color: transparent;
}
.cs .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.cs .btn-maincolor {
  background-color: #fff;
  color: #F4752B !important;
}
.cs .btn-maincolor:hover {
  color: #EDC82B !important;
}
.cs .btn-maincolor2 {
  background-color: #fff;
  color: #EDC82B !important;
}
.cs .btn-maincolor2:hover {
  color: #F4752B !important;
}
.cs .btn-outline-maincolor {
  background-color: transparent;
  border-color: #EDC82B;
  color: #EDC82B;
}
.cs .btn-outline-maincolor:hover {
  border-color: #fff;
  color: #fff;
}
.cs .btn-outline-maincolor2 {
  background-color: transparent;
  border-color: #F4752B;
  color: #F4752B;
}
.cs .btn-outline-maincolor2:hover {
  border-color: #fff;
  color: #fff;
}
.cs .btn-outline-maincolor3 {
  background-color: transparent;
  border-color: #9e1c20;
  color: #EDC82B;
}
.cs .btn-outline-maincolor3:hover {
  border-color: #fff;
  color: #fff;
}
.cs .btn-outline-darkgrey:hover {
  background-color: #0a0c0e;
  border-color: #0a0c0e;
}
.cs a.fa {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
}
.cs a.bg-icon {
  background-color: rgba(255, 255, 255, 0.17);
}
.cs .color-icon.bg-icon {
  background-color: rgba(255, 255, 255, 0.9);
}
.cs a.fa.color-bg-icon:hover {
  background-color: #20252b;
}
.cs .btn-action {
  background-color: #fff;
}
.cs .btn-action i {
  color: #20252b;
}
.cs .btn-action:hover i {
  opacity: 0.7;
}