@charset "utf-8";
/* 
Dropdown Menu
Page Title
Heading
Pagination
Newsletter
Footer
Product
Blog
Post
Portfolio
Career
Contact
Featured
Buttons
Error
jAlert version 4.5.1
*/
/****************************
* 1   Owl Carousel
* 2   Owl Carousel Owl Theme
* 3   Magnific Popup
* 4   FlexSlider
* 5   Custom Carousel
*****************************/
@font-face {
    font-family: 'viphakmregular';
    src: url('../fonts/vip_hakm_regular_2016-webfont.eot');
    src: url('../fonts/vip_hakm_regular_2016-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vip_hakm_regular_2016-webfont.woff') format('woff'),
         url('../fonts/vip_hakm_regular_2016-webfont.ttf') format('truetype'),
         url('../fonts/vip_hakm_regular_2016-webfont.svg#vip_hakm_regularvip_hakm') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'viphakmthin';
    src: url('../fonts/vip_hakm_thin_2016-webfont.eot');
    src: url('../fonts/vip_hakm_thin_2016-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vip_hakm_thin_2016-webfont.woff') format('woff'),
         url('../fonts/vip_hakm_thin_2016-webfont.ttf') format('truetype'),
         url('../fonts/vip_hakm_thin_2016-webfont.svg#vip_hakm_thinvip_hakm') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'HDTC';

		
		src: url('../fonts/hdtc.otf') format('opentype');
	font-weight: normal;
	font-style: normal;

}

html{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
html, body{
    min-height: 100%;
    margin:0 !important;
    padding:0 !important;
    max-width:100% !important;
    background-color:#FFF;
    letter-spacing:0px !important;
    direction:rtl !important;
}
body {
    font-size: 0.95em;
    font-weight: normal !important;
    line-height: 1.5;
    color: #353535;
    overflow:hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased; 
    text-rendering: optimizeLegibility;
    text-justify: distribute;
    word-spacing: 2px !important;
}
a{
	outline: none !important;
}
html, body, p, a{
    font-family:'HDTC' !important;
}
p {margin: 0 0 30px; color: #7e7e7e;}
h1, h2, h3, h4, h5, h6{
	font-family:'HDTC' !important;
    
    margin: 0 0 30px 0;
    color: #333;
    font-weight: normal; 
    line-height: 1.5;
}
.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}
/*menu Font*/
.tooltip,code,kbd,pre,samp,.popover,.carousel-control .icon-next,.carousel-control .icon-prev, .nav > li > a, .glyphicon, .navbar-inverse, .dropdown-menu, .lang_dropdown-menu, .icon-list, .icon-list > li{
    font-family:'HDTC', Arial, sans-serif;
}
.icon-tabs .nav > li > a, .portfolio-with-title.blog-m .portfolio-title p, .rev-heading{
    font-family: "Source Sans Pro", sans-serif;
}
.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: 16px;
}
.has-list ul li, .has-list ol li{
    /*display: table-row;*/
    list-style-position: outside;
    text-align: center;
    padding: 14px 0;
    font-size: 18px;
    border-bottom: 1px solid #CCC;
}
.coures-list ul {
    padding: 0;
}
.coures-list p {
	margin-bottom: 10px !important;
	font-size: 18px;
}
.coures-list strong, .coures-list b{
	font-size: 20px;
}
.coures-list h3, .coures-list h3 strong {
	font-size: 20px;
}
.coures-list h2, .coures-list h2 strong {
	font-size: 22px;
}
.coures-list h3{
	margin-bottom: 10px;
	text-align: right !important;
}
.coures-list strong{color: #aaa;}
.coures-list ul li::before, .coures-list ol li::before  {
    font-family: 'FontAwesome';
    content: '\f00c';
    padding-left: 10px;
    /*display: table-cell;*/
    font-size: 18px;
}
.coures-list ul li, .coures-list ol li{
    /*display: table-row;*/
    list-style-position: outside;
    text-align: right;
    padding: 5px 0;
    font-size: 18px;
}
/*=============== scroll_to_content ===============*/
.scroll_to_content{position: relative; z-index: 210; font-size: 16px; color:white; top:-80px; right: calc(50% - 47px); text-align: center; width: 94px; cursor: pointer; background-color: transparent; border: none;}
.scroll_to_content span{ display: table; margin: 0 auto; border: 2px solid #FFF; border-radius: 30px; padding: 12px 3px 2px}
.scroll_to_content i{
    font-size: 12px;
    border: none;
animation: fadeInDown;
animation-delay: 0.5s;
animation-duration: 1s;
animation-iteration-count:infinite;
}
/*================== Scroll Top ===================*/
.lift-off {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s;
            transition: all .3s; 
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    line-height: 40px;
	z-index:10000;
}

.lift-off_show {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 
    opacity: 1;
}
.lift-off_hide {
    visibility: hidden;
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px); 
    opacity: 0;
}
.ar_img{
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
/*================ End Scroll Top =================*/

.height-fill {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.height-fill > * {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.icon-box {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 35px 30px;
	text-align: center;
	cursor: default;
}

.icon-box:before, .icon-box:after {
	content: '';
	position: absolute;
	width: calc(100% - 35px);
	height: calc(100% - 35px);
	border: 1px solid #e5e7e9;
	pointer-events: none;
	transition: .33s all ease;
}
.icon-box:before {
	top: 0;
	left: 0;
	border-width: 1px 0 0 1px;
}
.icon-box:after {
	bottom: 0;
	right: 0;
	border-width: 0 1px 1px 0;
}
.icon-box .divider {
	width: 49px;
	max-width: 100% !important;
	height: 2px;
	margin: 13px auto;
	background: #eee;
	transition: .33s all ease;
}
.icon-box .box-top,
.icon-box .box-body {
	position: relative;
	will-change: transform;
	transition: .33s all ease;
	-webkit-filter: blur(0);
}

.icon-box .box-top {
	top: 0;
}

.icon-box .box-body {
	max-width: 100%;
}

.icon-box .box-header {
	bottom: 0;
}

.icon-box .box-icon {
	min-height: 46px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.icon-box * + .box-header {
	margin-top: 5px;
}

.icon-box.hover:before, .icon-box.hover:after, .icon-box:hover:before, .icon-box:hover:after {
	width: 100%;
	height: 100%;
	border-color: #999;
}

.icon-box.hover .box-top, .icon-box:hover .box-top {
	-webkit-transform: translateY(-9px);
	transform: translateY(-9px);
}

.icon-box.hover .box-body, .icon-box:hover .box-body {
	-webkit-transform: translateY(9px);
	transform: translateY(9px);
}

.icon-box.hover .divider, .icon-box:hover .divider {
	width: 168px;
}

@media (min-width: 768px) {
	.icon-box {
		width: 300px;
		padding: 67px 40px 61px;
		margin-left: auto;
		margin-right: auto;
	}
}



.hover-div{margin-right:30px; width:calc(100% - 50px) !important;  float:none; border:none; display:table; padding:150px 0 100px !important; margin-bottom:0;}
.hover-left-div-text{background-color:#FFF; border:1px solid #f8f8f8; padding:60px !important;
               position:relative; z-index:2; margin-top:-80px; margin-right:-100px;
               box-shadow: -2px 2px 6px 0px #bbb; direction:rtl !important;}
.hover-right-div-text{background-color:#FFF; border:1px solid #f8f8f8; padding:60px !important;
                   position:relative; z-index:2; margin-top:-80px; margin-left:-100px;
               box-shadow: -2px 2px 6px 0px #bbb; direction:rtl !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;}
}
.services-title{ height:70px; max-height:70px; overflow:hidden !important; vertical-align:middle;}
.about1{ padding:0 0 0 80px !important;}
.about2{ padding:0 80px 0 0 !important;}
.about_p2_img{width:50%; margin:0; padding:0 0 30px 30px; float:right;}
@media screen and (max-width: 992px) {
    .about1, .about2{ padding:0 10px !important;}  
}
@media screen and (max-width: 767px) {
    .about_p2_img{width:100%; padding:0 0 30px; float:none;}
}
.check-icon p {display: inline-block; vertical-align: top; width: calc(100% - 35px); font-size: 17px; margin: 0 10px 20px 0; color:#fff;}

.left-align {text-align: right !important;}
.m-left-10 {margin-right: 20px;}
.float-left {float: right;}
.icon-list li i { margin-left: 10px;}
.sold_lable{width:37%; margin:0; padding:0; position:absolute; top:0; left:3%; overflow:hidden;}
.aside-social {
    margin-bottom: 20px; 
    border: 1px solid #ddd;
    font-size: 0;
}
.aside-social li {
    width: 25%; 
    padding-top: 8px;
    -webkit-transition: background .3s ease 0s;
            transition: background .3s ease 0s;
    text-align: center;
    border-right: 1px solid #ddd;
}
.aside-social li:hover {
    -webkit-transition: background .3s ease 0s;
            transition: background .3s ease 0s;
    color: #fff; 
    border-right: 1px solid #333;
    background: #333;
}
.aside-social li:hover i,
.aside-social li:hover p {
    -webkit-transition: .3s ease 0s;
            transition: .3s ease 0s; 
    color: #fff;
}
.aside-social li:first-child {
    border-right: medium none;
}
.aside-social.list-inline > li {
    display: inline-block;
}
.aside-social.list-inline {
    margin-right: 0;
}
.aside-social li i {
    margin-top: 5px;
    -webkit-transition: .3s ease 0s;
            transition: .3s ease 0s; 
    color: #aaa;
    font-size: 17px;
}
.aside-social li p {
    margin-top: 5px;
    margin-bottom: 6px;
    -webkit-transition: .3s ease 0s;
            transition: .3s ease 0s; 
    font-size: 14px;
}
.ls-1 {
    letter-spacing: 1px;
}
.ls-2 {
    letter-spacing: 1px;
}
.ls-3 {
    letter-spacing: 1px;
}
.ls-20 {
    letter-spacing: 1px !important;
}
.ls-40 {
    letter-spacing: 1px !important;
}

/*======================================================
*====================== Main Menu ======================
*=====================================================*/
.lanspan{display: none;}
.lantext{
    padding: 0 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-family: 'Arial' !important;
    margin-top: 3px;
}
.mobilelantext{
	padding: 0 !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-family: 'Arial' !important;
	margin: 19px 0 0 70px;
	display: none !important;
	visibility: hidden !important;
	position: relative;
	float: left;
	z-index: 2000;
}
@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;
}
	.mobilelantext{
		display: inline-block !important;
		visibility: visible !important;
	}
}




/*
 ** Header
 */
.page_header {
  transition: 0.5s ease-in-out;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  margin: 0;
  padding: 0;
  height: auto;
  max-height: 130px !important;
  padding:0 0 10px;
}
.boxed .page_header, .page_header.affix {
  position: fixed !important;
  z-index: 1001;
  background-color: #FFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.boxed .page_header:after, .page_header.affix:after {
  background-color: transparent;
}
.nav-narrow:hover{
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.page_header.affix.s-bordertop::before {
  display: none;
}
@media screen and (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;
}
.header-book-btn{
	border-radius: 50px;
	min-width: 100px !important;
	margin: 0 30px 0!important;
	padding: 3px 0 7px !important;
	position: absolute;
	left: 50px;
	top: 30px;
	z-index: 1100;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}

@media screen and (max-width: 1550px) and (min-width: 1200px){
	.header-book-btn{
		border-radius: 50% !important;
		min-width: 50px !important;
		max-width: 50px;
		margin: 0 30px 0 0 !important;
		left: 0px;
		top: 10px;
		white-space: nowrap;
	}
}
@media screen and (max-width:1199px){
	.header-book-btn{
		border-radius: 50px;
		margin: 0 30px 0!important;
		left: 50px;
		top: 17px;
		white-space: nowrap;
	}
}
.header_absolute {
  position: relative;
}
.page_header_wrapper {
    width: 100%;
      margin: 0;
  padding: 0;
  z-index: 1002 !important;
  position: fixed !important;
  top:38px;
  left: 0;
  right: 0;
  background-color: #fff;
}
.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 screen and (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 screen and (max-width: 991px) {
  .page_toplogo .media {
    margin: 10px;
  }
}
@media screen and (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 screen and (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 screen and (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 screen and (min-width: 992px) {
  .top-nav + .top-includes {
    margin-right: 50px;
  }
}
@media screen and (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: 2px;
}
/*logo*/
a.logo {
  display: inline-block;
  align-items: center;
  float: right;
}
a.logo img {
    display: inline-block;
    width:140px;
    height: auto;
	margin: 3px 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 img {
    max-width: 90px;
    margin: -4px 10px 0 0;
  }
}
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 screen and (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;
}
.cart-menu{
    border: none !important;
    padding: 5px 10px 7px !important;
    display: inline-block !important;
    font-size: 16px !important;
}
.cart-info a{
    border: none !important;
}
.cart-info-table tr td, .cart-info-table tr td a{
    vertical-align: middle !important;
    font-size: 16px !important;
    padding: 6px 15px !important;
}
.menu_drop_btn{
	width: fit-content;
	float: inline-end;
	display: inline-block;
	position: absolute;
	top: 28px;
	left: 0px;
	right: auto;
}
.menu_drop_btn .dropdown-menu{
	right: auto !important;
	left: 0;
	float: left !important;
	width: max-content;
	max-width: 320px;
	padding: 20px 30px 0;
}
.dropdown_logo{
	max-width: 70px !important;
}
/* Desktop menu - (min 1200px) styles */
@media screen and (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;
  }
  .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 {
    display: block;
    position: relative;
  }
  .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: 16px;
    text-transform: uppercase;
  }
  .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;
  }
  .affix .sf-menu > li > a {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    margin-bottom: 0px;
    margin-top: 15px;
  }
  .nav-narrow .sf-menu > li {
    padding: 0;
  }
  .nav-narrow .sf-menu > li > a {
    padding: 26px 12px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .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 0 5px 5px;
    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 3px 3px 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 screen and (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 screen and (min-width: 1200px) {
  .sf-menu .sf-xl-hidden {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
	.menu_drop_btn{
		top: 10px;
		right: 110px;
		left: auto;
	}
  .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 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;
	}
  .page_header .toggle_menu, .page_toplogo .toggle_menu {
    display: none;
  }
}
.toggle_menu {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-right: -30px;
  margin-top: -30px;
  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: #fff;
  content: '';
  right: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  height: 2px;
}
.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: #fff;
  transform: rotate(45deg);
}
.toggle_menu.mobile-active span {
  background-color: #fff;
  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;
}
@media screen and (max-width: 1024px) {
	.menu-item{
	margin-top: 5px !important;
}
}

/* Mobile Menu (max 991px) styles */
@media screen and (max-width: 767px) {
  .nav-wrap {
    justify-content: center;
  }
}
@media screen and (max-width: 1199px) {
  /* arrows (for all except IE7) */
  /* styling for both css and generated arrows */
  .menu_top_btn{
      display: none !important;
  }
  .sf-menu li ul > li:last-child > a {
  border-bottom: 1px solid #e6e6e6;
}
  .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;
  }
  .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: 18px;
    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;
    border-bottom: 1px solid #e6e6e6;
  }
  .sf-menu ul {
    list-style: none;
    padding-right: 0;
    margin-top: 0 !important;
  }
  .sf-menu ul li a {
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .sf-menu ul li a:before {
    content: '';
    margin-left: 10px;
    display: none;
    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 */
.ca_sub_menu{
	width: 990px;
	max-width: 990px;
	overflow-x: hidden;
}
.ca_sub_menu_li{
	display: inline-block;
	white-space: normal !important;
	width: 300px;
	text-align: right !important;
}
.ca_sub_menu_li a{
	font-size: 15px;
	padding: 5px 10px !important;
	border: none !important;
}
@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 (max-width: 991px) {
	.top-nav .mega-menu {
		position: static;
	}
	.ca_sub_menu{
		width: 660px;
	}
}
@media screen and (max-width: 640px) {
	.ca_sub_menu, .ca_sub_menu_li{
		width: 100%;
	}
}
/* 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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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;
  }
}

.category-filter{position: fixed; z-index: 100; top: 120px; right: 0px; width: 70%;}
.category-filter-btn{max-width: 100px;}
.category-filter ul {width: 100%; height:calc(100vh - 170px) !important; padding: 10px 20px; overflow-x: hidden; overflow-y: auto;}

.category-filter ul li a{display: inline-block !important; padding: 6px 15px; width: calc(100% - 12px); vertical-align: middle;}
.category-filter ul li a:hover{background: transparent;}
/*======================================================
*==================== End Main Menu ====================
*=====================================================*/

/*======================================================
*==================== Dropdown Menu ====================
*=====================================================
.socialtop {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 0px !important;
}
.socialtop li {
    display: inline-block;
    padding: 0 10px;
    font-size: 20px;
}
.socialtop li a{
    color: #aaa !important;
    display: block;
}
.top-menu{ font-size:13px; padding:5px 0; background-color:transparent; 
	border-top:none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom:none;
}
.top-menu-nav-contact{ float:right !important; text-align:right !important;}
.top-menu-nav{ float:left !important; text-align:left !important;}

.top-side-menu{ width:350px !important; max-width:350px !important; height:100% !important; overflow-X:hidden !important; overflow-Y:auto !important;
 background-color:#9F6 !important; float:right; position:fixed !important; top:0; right:0; margin:0 !important; padding:0 !important;  border-left:2px solid #eee;}
.top-side-menu-panel{ width:calc(100% - 350px)!important; background-color:#066!important; overflow-X:hidden !important; margin-right:350px !important; padding:0 !important;}
.top-side-menu .navbar-collapse, .top-side-menu .navbar-nav > li{width:100% !important;}
.top-side-menu .navbar-collapse{padding-right:30px;}

.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 25px 0 0 !important;
z-index: 15;
}
.side-menu-a:hover {padding:0 32px 0 0 !important;}
.portfolio-menu{
	width:100%;
	position:relative;
	z-index: 1;
	background-color: transparent !important;
	top:auto;
	right:auto;
}
.portfolio-filter-m, .portfolio-filter-m.collapse.in {display:inline-table; min-height:100%;}
.services-filter, .services-filter.collapse.in {display:inline-table; min-height:100%;}
.portfolio-menu-btn, .side-menu-btn{
	background-color:#FFF !important;
	padding:0 !important;
}
.portfolio-menu .portfolio-filter-m ul, .portfolio-menu .portfolio-filter-m ul li {float:none !important;}
.tooltip,code,kbd,pre,samp,.popover,.carousel-control .icon-next,.carousel-control .icon-prev,.glyphicon, .navbar-inverse, .dropdown-menu{}
.navbar-inverse, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form,.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{
	background-color:transparent; border:none; font-size:15px;}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
	border:none;}
.navbar{margin-bottom:0px; background-color:transparent; position:relative; z-index:1000; top:0;}
.dropdown-menu{border-top:none;}
.navbar:hover{background-color:transparent;}

.dropdown-menu .divider{width:80% !important; margin:0 10% !important; padding:0 !important; display:block !important;}	
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{
	background-color:transparent;}
.navbar-inverse .navbar-toggle{border:none;}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{ border:none!important;} 
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{
	color:#444;}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{
	background-color:transparent;}
.menu-separator{width:100%; border:1px solid #b5b5b5; border-top:none; padding:0; margin:0;}
.logo{
	background-image:url(../images/div/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	width:200px;
	height:70px;
	margin-top:-30px;
	margin-right:60px;
	margin-left:20px;
	margin-bottom:0px;
	-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;
}
.lang-bt{float:left; display:inline-block; padding:12px 0 0 20px; font-size:22px; font-weight:bold; text-decoration:none !important;}
.sign-bt{float:left; display:inline-block; margin:5px 8px; padding-top:4px !important; font-size:16px; top:5px !important;}
.lang_mobile{display:none; margin:-5px 0 0; padding:0; float:left;}
#sticky {
    padding: 0.5ex;
    width: 100%;
    font-size: 2em;
	margin:0px !important;
	border:none;
	padding:0px !important;
	position: fixed;
    top: 0;
	left:0;
    z-index: 10000;
		
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;	
	transition:all 0.5s ease-in-out;
}
#sticky.stick {
    position: fixed;
    top: 0;
	left:0;
    z-index: 10000;
}
.navbar{min-height: 40px;}
#sticky .navbar-nav{}
#sticky:hover {background-color:#fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .1) !important;}
#ms{width:100%; border-radius:0; background-color:transparent;}
.navbar-collapse{width:calc(100% - 235px); float:left; margin:0 auto !important; overflow-y:auto !important; overflow-x:hidden !important;  max-height:calc(100vh - 80px);}
.navbar-nav > li > a{padding:0 12px; line-height:41px; letter-spacing:0.5px;  font-size:22px; font-weight:normal;}
.div_dropdown-menu{
	width:96vw ;
	overflow:hidden !important;
	position:absolute;
	right:0;
	z-index:1000;
	padding:20px;
	margin-right:2.4vw !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.div_dropdown-menu_search{
	width:25vw;
	overflow:hidden !important;
	position:absolute;
	right:auto !important;
	left:-12px !important;
	z-index:1000;
	padding:20px;
	margin:0 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.div_dropdown_search_form{
display: block;
width: 100%;
height: 38px;
padding: 6px 12px;
font-size: 18px;
line-height:24px;
color: #555;
background-color:transparent;
background-image: none;
border: 1px solid #e5e5e5;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}
.div_dropdown-menu_item{
	padding:0 15px;
}
.div_dropdown-menu_item h6{
	width:100%;
	font-size:14px;
	letter-spacing:1px;
	border-bottom:1px solid #eee;
	padding:0 0 10px;
	margin:0 0 10px;
}
.div_dropdown-menu_item ul li{
	list-style:none;
}
.div_dropdown-menu_item ul li a{
	width:100% !important;
	display:block;
	font-size:16px;
	padding:5px 0px;
	letter-spacing:1px;
}
.dropdown-menu > li.kopie > a {
    padding-right:5px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;right:100%;
   margin-top:-6px;margin-right:-1px;
   -webkit-border-radius:0 6px 6px 6px;
   border-radius:0 6px 6px 6px;
 }
.dropdown-submenu > a:after {
  border-color: #FFF;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: left;  
  height: 0;     
  margin-left: -10px;
  margin-top: 5px;
  width: 0;
}
.dropdown-menu > li > a{line-height:28px; font-size: 16px;}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
  background:none;
}  
.lang_dropdown-menu{left:0 !important; text-align:left !important; right:auto !important; min-width:110px !important;
    background-clip: padding-box;
    border-radius: 4px 0 4px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    display: none;
    float: right;
    font-size: 14px;
    list-style: outside none none;
    margin:0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.lang_dropdown-menu > li > a {
    clear: both;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.lang_img{width:34px;}
.lang_menu_link{line-height:22px !important; font-size:12px; font-weight:normal !important;}


@media screen and (max-width:1300px){
    .navbar-collapse{width:80%;}
}
@media screen and (min-width: 1025px){
    ul.nav li:hover > ul.dropdown-menu {
      display: block;
    }
    ul.nav li:hover > ul.lang_dropdown-menu {
      display: block;
    }
    #navbar {
      text-align: center;
    }
}
@media screen and (max-width:1024px){
    .menu-shadow{box-shadow:none}
    .menu-separator{display:none; visibility:hidden;}
    .navbar-nav > li > a{line-height:25px !important; padding-bottom:10px; padding-top:10px;}
    .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-brand:hover,.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{border-top:none !important; padding-bottom:10px; padding-top:10px;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{border:none !important; padding-bottom:5px; padding-top:5px;}
    .navbar:hover{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider{display:none; visibility:hidden;}
    .dropdown-menu, .div_dropdown-menu {padding:0 !important; margin: 0 !important; right: 0 !important;}
    .dropdown-menu > li > a {
        line-height: 20px;
        font-size: 16px;
    }
    .navbar-collapse{width:100%;}
    #sticky-anchor{display:none !important;}
    #sticky {
        position:fixed;
        top: 0;
        left:0;
        z-index: 10000;
        box-shadow:0 1px 2px rgba(0, 0, 0, .1);
    }
    .dropdown{display: table !important; border: none !important; width: 100% !important;}
    #sticky .navbar-nav{float:right !important;}
    .logo{height:40px; width:90px; margin:5px 20px !important;}
    .lang_mobile{display:block; margin:12px !important;}
    .lang_dropdown-menu{left:-22px !important;}
    ul.lang_dropdown-menu {
        display: none;
    }
    ul.dropdown-menu, ul.div_dropdown-menu {
        display: block !important;
        width:100%;
        position:relative;
        border:none;
        border-bottom:1px solid #CCC;
        margin-bottom:10px;
        box-shadow:none;
        border-radius:0;
    }
    .div_dropdown-menu .div_dropdown-menu_item{width:100% !important;}
    .caret{display:none; visibility:hidden;}
    ul.nav li:hover > ul.lang_dropdown-menu {
        display: block;
    }
    .navbar-nav  {
        display: inline;
        width:100%;
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;   
    }
    .navbar-nav .open .dropdown-menu {
       border-bottom: 1px solid white; 
       border-radius: 0;
    }
    .dropdown-menu {
        padding-right: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-right: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-right: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }
    .side-menu, .portfolio-menu{
        width:75%;
        max-width:270px;
        position: fixed;
        z-index: 9999;
        background-color: transparent !important;
        top: 80px;
        right: 0px;
    }
    .services-filter.collapse.in, .portfolio-filter-m.collapse.in {display:block; min-height:100%;}
    .portfolio-filter-m, .services-filter{display:none; min-height:0;}
    .side-menu .navbar-collapse, .portfolio-menu .navbar-collapse {
        height:calc(100vh - 164px) !important;
        max-height:calc(100vh - 164px)!important;
    }
    .side-menu .navbar-collapse, .portfolio-menu .navbar-collapse{
        border-bottom: 1px solid #999;
        border-right:none;
        border-left: 1px solid #999;
        border-top:1px solid #999;
    }
    .portfolio-menu .portfolio-filter-m ul, .portfolio-menu .portfolio-filter-m ul li {float:right !important; width:100%;}
    .portfolio-menu .portfolio-filter-m ul li a, .portfolio-menu .portfolio-filter-m ul li button {width:100%; text-align:right !important;}
    .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;}
    .side-menu-a:hover {padding:0 !important;}
}
======================================================
*================== End Dropdown Menu ================== 
*=====================================================*/
/*======================================================
*==================== Continual Text ===================
*=====================================================*/
.bg-gray-dark {
	background: #2a2b2b;
	fill: #2a2b2b;
}
.continual-text {
	text-align: right;
}

.continual-text > * {
	letter-spacing: 0;
	text-transform: capitalize;
}

.continual-text .continual-text-inner {
	position: relative;
	display: inline-block;
}

.continual-text .continual-text-left,
.continual-text .continual-text-right {
	position: absolute;
	top: 50%;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
}

.continual-text .continual-text-left *,
.continual-text .continual-text-right * {
	display: inline;
	white-space: nowrap;
}

.continual-text .continual-text-left {
	right: 0;
	text-align: left;
	transform: translate(100%, -50%);
}

.continual-text .continual-text-left * {
	padding-left: 1em;
}

.continual-text .continual-text-left *:nth-last-child(odd) {
	color: rgba(255, 255, 255, 0.1);
}

.continual-text .continual-text-left *:nth-last-child(even) {
	color: rgba(255, 255, 255, 0.2);
}

.continual-text .continual-text-right {
	left: 0;
	text-align: right;
	transform: translate(-100%, -50%);
}

.continual-text .continual-text-right * {
	padding-right: 1em;
}

.continual-text .continual-text-right *:nth-child(odd) {
	color: rgba(255, 255, 255, 0.1);
}

.continual-text .continual-text-right *:nth-child(even) {
	color: rgba(255, 255, 255, 0.2);
}

.continual-text-wrap {
	position: relative;
	background: #000;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center 80%;
	margin-top: 79px;
}
@media screen and (max-width:1199px){
	.continual-text-wrap {
		margin-top: 65px !important;
	}
}
.continual-text-wrap::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(37, 49, 61, 0.5);
}

.continual-text-wrap .container {
	position: relative;
	z-index: 1;
}
.continual-text h1{
	font-size: 80px !important;
	line-height: 1.18644 !important;
}
.continual-text h2{
	font-size: 50px !important;
	line-height: 1.18644 !important;
}
.continual-text h3{
	font-size: 40px !important;
	line-height: 1.18644 !important;
}
.continual-text h4{
	font-size: 30px !important;
	line-height: 1.18644 !important;
}
.continual-text h1,
.continual-text h2,
.continual-text h3,
.continual-text h4{
	font-family: Arial, sans-serif;
	color: #fff;
	margin-bottom: 0;
	letter-spacing: .030em;
	font-weight: bold;
}
/*======================================================
*===================== Page Title ======================
*=====================================================*/
.page-title {
    position: relative;
    padding: 50px 0;
    background-color: #f5f5f5;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
	margin-top: 79px;
}
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4,
.page-title h5 {
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: normal;
    color: #fff;
}
.page-title span {
    display: block;
    margin-top: 5px;
}
.page-title .container {
    position: relative;
}
.page-title .breadcrumb {
    position: absolute;
    top: 50%;
    left: 30px;
    right: auto;
    width: auto;
    margin: -10px 0 0 0;
    padding: 0;
    background-color: transparent;
    font-size: 15px;
}
.page-title .breadcrumb ol li, .page-title .breadcrumb .theme-color2 {
	color: #fff !important;
}
.page-title .breadcrumb li {
    letter-spacing: 1px;
    color: #fff;
}
.page-title .breadcrumb.box {
    margin-top: -20px; 
    padding: 15px;
    background: rgba(0, 0, 0, .5);
}
.page-title .breadcrumb.box a:hover {
    color: #fff;
}
/* ----------------------------------------------------------------
	dark page title
-----------------------------------------------------------------*/
.page-title.dark {
    background: #222;
}
.page-title.dark h1,
.page-title.dark h2,
.page-title.dark h3,
.page-title.dark h4,
.page-title.dark h5,
.page-title.dark .breadcrumb > .active {
    color: #fff;
}
.page-title.dark span {
    color: #7e7e7e;
}
.page-title.dark .breadcrumb > li + li:before {
    /*color: #7e7e7e;*/
}
.page-title.dark .breadcrumb li > a:hover {
    color: #fff;
}
/* ----------------------------------------------------------------
	no background page title
-----------------------------------------------------------------*/
.page-title.no-bg {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5; 
    background: none;
}
/* ----------------------------------------------------------------
	 background page title
-----------------------------------------------------------------*/
.page-title.background-title {
    height: auto; 
    padding: 200px 0;
    background-image: url(../images/parallax/1.jpg);
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
/* ----------------------------------------------------------------
	 big background page title
-----------------------------------------------------------------*/
.page-title.banner-background {
    height: 630px; 
    padding: 200px 0;
    background-image: url(../img/about/02.jpg);
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
/* ----------------------------------------------------------------
	 parallax page title
-----------------------------------------------------------------*/
.page-title.parallax-title {
    height: auto; 
    padding: 120px 0;
    background-image: url(../images/parallax/2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
}
/* ----------------------------------------------------------------
	 pattern page title
-----------------------------------------------------------------*/
.page-title.pattern-title {
    height: auto; 
    background-image: url(../images/div/pattern.png);
    background-repeat: repeat;
}
/* ----------------------------------------------------------------
pattern page title2
-----------------------------------------------------------------*/
.page-title.pattern-title2 {
	height: auto;
	background-image: url(../images/div/pattern2.png);
	background-repeat: repeat;
}
/* ----------------------------------------------------------------
	 mini page title
-----------------------------------------------------------------*/
.page-title.mini-title {
    padding: 25px 0;
}
/* ----------------------------------------------------------------
	 center page title
-----------------------------------------------------------------*/
.page-title.page-title-center {
    text-align: center;
}
.page-title.page-title-center .breadcrumb {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 20px 0 0 0;
}
/* ----------------------------------------------------------------
	 right page title
-----------------------------------------------------------------*/
.page-title.page-title-right {
    text-align: left;
}
.page-title.page-title-right .breadcrumb {
    left: auto; 
    right: 30px;
}
/* ----------------------------------------------------------------
        Breadcrumb
-----------------------------------------------------------------*/
.breadcrumb li {
    text-transform: uppercase;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1199px){
	.page-title {
		margin-top: 65px !important;
	}
	.page-title.parallax-title{
		padding: 100px 0;
	}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:991px){
	.page-title.parallax-title{
		padding: 70px 0;
	}
}
@media screen and (max-width:767px){
	.page-title.parallax-title{
		padding: 40px 0;
	}
    .page-title .breadcrumb {
        position: relative !important; 
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 10px 0 0 !important;
    }
    .page-title {
        text-align: center;
    }
}
@media screen and (max-width:480px){
	.page-title.parallax-title{
		padding: 70px 0;
	}
}
/*======================================================
*=================== End Page Title ==================== 
*=====================================================*/

/*======================================================
*======================== Heading ======================
*=====================================================*/
.heading-title {
    margin-bottom: 100px;
}
.heading-title-alt {
    margin-bottom: 50px;
}
.heading-title span,
.heading-title-alt span {
    letter-spacing: 1px; 
    color: #999999;
    font-size: 17px;
    font-weight:normal !important;
}
.heading-title.dark span,
.heading-title-alt.dark span {
    letter-spacing: 1px; 
    color: #fff;
    font-size: 17px;
    font-weight:normal !important;
}
.heading-title h1,
.heading-title h2,
.heading-title h3,
.heading-title h4,
.heading-title h5,
.heading-title h6,
.heading-title-alt h1,
.heading-title-alt h2,
.heading-title-alt h3,
.heading-title-alt h4 {
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: normal;
}
.heading-title-alt h5,
.heading-title-alt h6 {
    margin: 0; 
    letter-spacing: 1px;
    font-weight: normal;
}
.heading-title.dark h1,
.heading-title.dark h2,
.heading-title.dark h3,
.heading-title.dark h4,
.heading-title.dark h5,
.heading-title.dark h6,
.heading-title-alt.dark h1,
.heading-title-alt.dark h2,
.heading-title-alt.dark h3,
.heading-title-alt.dark h4,
.heading-title-alt.dark h5,
.heading-title-alt.dark h6 {
    color: #fff;
}
.heading-title span.heading-sub-title,
.heading-title-alt span.heading-sub-title {
    letter-spacing: 1px;
    font-size: 17px;
}
.heading-border-bottom {
    padding-bottom: 20px; 
    border-bottom: 1px solid #e2e2e2;
}
.heading-title-side-border {
    display: table;
    overflow: hidden;
    margin-bottom: 30px;
}
.heading-title-side-border h1,
.heading-title-side-border h2,
.heading-title-side-border h3,
.heading-title-side-border h4,
.heading-title-side-border h5,
.heading-title-side-border h6 {
    margin-bottom: 0; 
    padding: 0 0 0 10px;
    white-space: pre;
}
.heading-title-side-border.text-right h1,
.heading-title-side-border.text-right h2,
.heading-title-side-border.text-right h3,
.heading-title-side-border.text-right h4,
.heading-title-side-border.text-right h5,
.heading-title-side-border.text-right h6 {
    padding: 0 10px 0 0; 
    white-space: pre;
}
.heading-title-side-border h4,
.heading-title-side-border h5,
.heading-title-side-border h6 {
    padding: 0 0 0 10px;
}
.heading-title-side-border .title-border-container {
    position: relative; 
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.heading-title-side-border .title-border-container .title-border {
    position: relative;
    top: 8px; 
    display: block;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}
.heading-title-side-border h1 + .title-border-container .title-border {
    top: 12px;
}
.heading-title-side-border h4 + .title-border-container .title-border {
    top: 6px;
}
.heading-title-side-border h5 + .title-border-container .title-border {
    top: 5px;
}
.heading-title-side-border h6 + .title-border-container .title-border {
    top: 4px;
}
.heading-title.border h1,
.heading-title.border h2,
.heading-title.border h3,
.heading-title.border h4,
.heading-title.border h5,
.heading-title.border h6,
.heading-title-alt.border h1,
.heading-title-alt.border h2,
.heading-title-alt.border h3,
.heading-title-alt.border h4,
.heading-title-alt.border h5,
.heading-title-alt.border h6 {
    display: inline-block;
    margin-bottom: 20px; 
    padding: 10px 20px;
    border: 1px solid #333;
}
.heading-title.border span,
.heading-title-alt.border span {
    display: block;
}
/*------------------------------------------------------------------
    short border
-------------------------------------------------------------------*/
.border-short-bottom h1,
.border-short-bottom h2,
.border-short-bottom h3,
.border-short-bottom h4,
.border-short-bottom h5,
.border-short-bottom h6 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, transparent 37%, rgba(58, 63, 66,0.25) 37.1%, rgba(58, 63, 66,0.25) 50%, rgba(58, 63, 66,0.25) 62%, transparent 62.1%) 100% 1;
}

.border-short-bottom h1:after,
.border-short-bottom h2:after,
.border-short-bottom h3:after,
.border-short-bottom h4:after,
.border-short-bottom h5:after,
.border-short-bottom h6:after {
    position: absolute;
    bottom: -2px;
    right: 50%;
    width: 80px;
    height: 3px;
    margin-right: -50px;
    content: ""; 
}
.left-border-short-bottom h1,
.left-border-short-bottom h2,
.left-border-short-bottom h3,
.left-border-short-bottom h4,
.left-border-short-bottom h5,
.left-border-short-bottom h6 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to left, rgba(50, 56, 60) 75%, transparent 25%) 100% 1;
}

.left-border-short-bottom h1:after,
.left-border-short-bottom h2:after,
.left-border-short-bottom h3:after,
.left-border-short-bottom h4:after,
.left-border-short-bottom h5:after,
.left-border-short-bottom h6:after {
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 60px;
    height: 2px;
    margin-right: 0;
    content: "";
}
.right-border-short-bottom h1,
.right-border-short-bottom h2,
.right-border-short-bottom h3,
.right-border-short-bottom h4,
.right-border-short-bottom h5,
.right-border-short-bottom h6 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, rgba(50, 56, 60) 75%, transparent 25%) 100% 1;
}

.right-border-short-bottom h1:after,
.right-border-short-bottom h2:after,
.right-border-short-bottom h3:after,
.right-border-short-bottom h4:after,
.right-border-short-bottom h5:after,
.right-border-short-bottom h6:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    margin-left: 0;
    content: "";
}
.span-border-short-bottom span {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
	display:inline-block;
        max-width: 80%;
}
.span-border-short-bottom span:after {
    position: absolute;
    bottom: -2px;
    right: 50%;
    width: 60px;
    height: 2px;
    margin-right: -31px;
    content: "";
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:767px){
    .heading-title {
        margin-bottom: 50px;
    }   
}
/*======================================================
*====================== End Heading ====================
*=====================================================*/

/*======================================================
*===================== 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:100px;
    width:80%;
    display:table;
    margin:0 auto;
    padding:30px 0px 0px;
    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:"helveticaneuethin", Arial !important;	
    margin:5px 8px!important;
    padding:5px 5px !important;
    text-decoration:none !important;
}
@media screen and (max-width: 640px) {
    .paglink{
      width:100%;  
    }
    .paglink-span a, .paglink-active_span{
    margin:5px 2px!important;
    }
}
.paglink-active_span{
    font-size:40px;
    font-weight:500;
    display:inline-block;
}
/*======================================================
*=================== End Pagination ====================
*=====================================================*/

/*======================================================
*===================== Newsletter ======================
*=====================================================*/
.newsletterTextBox{width:100%; margin:5px 0px; max-height:30px; padding:6px; border:1px solid #DDDDDD; color:#666; }
.newsletterTextSelect{
    width:100% !important;
    height:36px !important;
    margin:5px auto 10px !important;
    padding:6px 2px;
    border:1px solid #DDDDDD;
    color:#666;
    font-size:14px;
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url("../images/div/select-btn.png") no-repeat scroll 2% center;
    cursor:pointer;
}
.newsletterTextSelect option{
    padding:3px 10px;
    text-transform:capitalize;
    color:#666;
}
/* widget newsletter*/
.newsletter {
    margin-bottom: 20px;
    padding: 20px; 
    color: #fff;
    background: url("../images/parallax/3.jpg") repeat 0 0/cover;
}
.newsletter h3 {
    margin-bottom: 10px;
}
.newsletter p {
    line-height: 20px;
}
/*======================================================
*=================== End Newsletter ====================
*=====================================================*/

/*======================================================
*====================== Footer ========================= 
*=====================================================*/
#footer.gray {
    padding: 80px 0; 
    background: #f5f5f5;
}
#footer.dark {
	padding: 80px 0;
	background: #171A1F;
}
#footer.gray .sub-title {
    margin: 15px 0; 
    letter-spacing: 1px;
    color: #222;
    font-size: 15px;
}
#footer.dark .sub-title {
    margin: 15px 0; 
    letter-spacing: 1px;
    color: #fff;
    font-size: 15px;
}
#footer.gray .social-link a {
    display: inline-block;
    margin: 10px; 
    color: #222;
    font-size: 20px;
}
#footer.dark .social-link a {
    display: inline-block;
    margin: 10px; 
    color: #fff;
    font-size: 20px;
}
#footer.gray .social-link.circle a {
    width: 40px;
    height: 40px;
    text-align: center; 
    border: 1px solid #222;
    border-radius: 50%;
    line-height: 35px;
}
#footer.dark .social-link.circle a {
    width: 40px;
    height: 40px;
    text-align: center; 
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 42px;
}
#footer.gray .social-link.circle a:hover {
    color: #fff;
    border: 1px solid transparent; 
    background: #222;
}
#footer.dark .social-link.circle a:hover {
    color: #222;
    border: 1px solid transparent; 
    background: #fff;
}
#footer.gray .copyright {
    letter-spacing: 1px; 
    color: #000;
    font-size: 17px;
}
#footer.dark .copyright {
    letter-spacing: 1px; 
    color: #fff;
    font-size: 17px;
}
#footer.gray .copyright-sub-title {
    letter-spacing: 1px; 
    font-size: 15px;
}
#footer.dark .copyright-sub-title {
	letter-spacing: 1px;
	font-size: 15px;
}
.f-link,
#footer.dark h5 {
    color: #fff;
}
#footer.dark h5 {
    letter-spacing: 1px;
}
#footer.dark .primary-footer {
    padding: 110px 0;
}
#footer .f-list,
.r-work {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer .f-list li a {
    display: block; 
    color: #a2a2a2;
    line-height: 45px;
}
#footer .f-list li {
    border-bottom: 1px solid #333;
}
#footer .f-list li a:before {
    padding-left: 15px; 
    content: "\f104";
    font-family: "FontAwesome";
}
.r-work li a {
    float: right;
    margin: 0 0 10px 10px;
}
.r-work li a {
    width: 55px;
    height: 55px;
}
.r-work li a img {
    width: 100%;
    height: auto;
}
#footer.dark .secondary-footer {
    width: 100%;
    padding: 35px 0 10px;
    border-top: 1px solid #ddd;
    background: #171a1f;
    font-weight: normal;
}
#footer.dark .secondary-footer .social-link a {
    display: inline-block;
    margin: 0 5px 0 0; 
    color: #ddd;
    font-size: 20px;
}
#footer.dark .secondary-footer .social-link.circle a {
    width: 35px;
    height: 35px;
    text-align: center; 
    border: 1px solid #ddd;
    border-radius: 50%;
    line-height: 30px;
}
#footer.dark .secondary-footer .social-link.circle a:hover {
    color: #fff;
    border: 1px solid #ddd; 
    background: transparent;
}
.footer-3,
.footer-4 {
    position: relative;
}
.footer-3 .f-logo-center {
    position: absolute;
    top: -134px;
	right: calc(50% - 80px);
    padding: 20px;
    text-align: center;
}
.footer-3 .f-logo-center img{
	width: 160px;
	max-width: 160px;
}
@media screen and (max-width:1023px){
	.footer-3 .f-logo-center {
		top: -102px;
		right: calc(50% - 50px);
	}
	.footer-3 .f-logo-center img{
		width: 100px;
		max-width: 100px;
	}
}
.footer-4 .f-logo-center {
    position: absolute;
    top: -50px;
    right: 50%;
    margin-right: -5%;
    padding: 20px;
    text-align: center;
    border: 5px solid #222; 
    background-color: #fff;
}
.footer-4.dark {
    padding: 80px 0; 
    background: #222;
}
.footer-4.dark .social-link a {
    display: inline-block;
    margin: 10px; 
    color: #fff;
    font-size: 20px;
}
.footer-4.dark .social-link.circle a {
    width: 40px;
    height: 40px;
    text-align: center; 
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 40px;
}
.footer-4.dark .social-link.circle a:hover {
    color: #222;
    border: 1px solid transparent; 
    background: #fff;
}
.footer-4.dark .copyright {
    letter-spacing: 1px; 
    color: #fff;
    font-size: 17px;
}
.footer-4.dark .copyright-sub-title {
    letter-spacing: 1px;
    color: #d0d0d0; 
    font-size: 15px;
}
/*================== Fashion Footer  ===================*/
.fashion-footer p {
    font-size: 15px; 
    line-height: 20px;
}
.fashion-footer .subscribe-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.fashion-footer .subscribe-form input {
    width: 65% !important;
    border-radius: 4px; 
    background: #f8f8f8;
}
.fashion-footer ul {
    padding: 0;
    list-style: none;
}
.fashion-footer ul li a {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #6f7273;
    font-size: 15px;
}
.fashion-footer ul li a:hover {
    color: #222;
}
.fashion-footer .social-link a {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    text-align: center;
    color: #cdcdcd;
    border: 1px solid #cdcdcd;
    border-radius: 50%; 
    line-height: 35px;
}
.fashion-footer .social-link a:hover {
    color: #fff;
    border: 1px solid transparent; 
    background: #5a5a5a;
}
.copyright-row {
    margin-top: 20px; 
    color: #fff;
}
.footer-logo{
	display: inline-block;
	float: none;
	max-width: 130px;
}
.footer-logo-img{ width:80%; padding-top:24px; padding-bottom:25px; background-color:#fff; border:4px double #A3DCE2; margin:0;}
.footer-download-txt{width:100%; margin-bottom:15px; padding-top:3px; display:block;}
.f-download-icon{width:30%; margin-right:4%; margin-left:0;}
.f-apple-icon{width:30%; margin-right:3%; margin-left:0;}
.f-google-icon{width:30%; margin-left:0; margin-right:0;}
.footer-newsletter{
	padding: 20px 0 !important;
}
.footer-newsletter span{
	font-size: 15px;
	margin-bottom: 27px;
	display: block;
	font-family: 'HDTC',Arial,sans-serif !important;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){
    .footer{height:auto !important;}
    .footer_containt{width:100%; min-width:250px;}
    .footer-col-div{margin:0px auto; float:none; border-top:1px dashed #999;}
    
    #footer.dark .primary-footer{
        padding:40px 0 10px !important;	
    }
    #footer.dark .social-link a {
        display: inline-block;
        margin: 15px 4px 5px;
    }
    .fashion-footer .subscribe-form input {
        width: 100% !important;
    }
    .fashion-footer ul {
        display: block; 
        margin: 20px 0 30px 0;
    }
    .fashion-footer ul,
    .fashion-footer .social-link {
        text-align: center;
    }
    .footer-copy{width:100%; text-align:center; float:none;}
    .footer-newsletter p{font-size:12px !important;}
    .footer-logo-img{margin-top:70px;}
}
@media screen and (max-width:992px){
    .f-list {
        margin-bottom: 40px !important;
    }
    #footer.dark .secondary-footer .social-link a {
        margin: 0 0 0 5px;
    }
    .primary-footer .container, .secondary-footer .container{width:94%;}
    #footer.dark .secondary-footer .social-link.circle a {
        width: 26px;
        height: 26px;
        line-height: 16px;
        padding: 5px 0;
        font-size: 16px;
    }
}
@media screen and (max-width:767px){
    .footer-4 .f-logo-center {
        right: 40px !important;
    }
    .primary-footer .container{width:100%;}
    .footer-logo-align{text-align:center !important;}
    .footer-logo-img{height:250px; width:auto !important; margin:0;}
    #footer.dark .secondary-footer .social-link.circle a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        padding: 0px;
        font-size:20px;
    }
	.footer-newsletter{
		width: 100%;
	padding: 40px 36px 20px !important;
	}
}
@media screen and (max-width: 639px) {
    #footer.gray .social-link.circle a, #footer.dark .social-link.circle a {
        width: 32px;
        height: 32px;
        line-height: 26px;
    }
	#footer.gray .social-link a, #footer.dark .social-link a{
        margin: 10px 5px 5px;
    }
}
@media screen and (max-width: 598px) {
	.footer-logo-align{width:100%;}
}
@media screen and (max-width: 480px) {
    #footer.dark .secondary-footer .social-link.circle a {
        width: 23px;
        height: 23px;
        line-height: 16px;
        padding: 3px 0;
        font-size: 16px;
        margin-left:3px;
        margin-right:3px;
    }
}
@media screen and (max-width: 320px) {
    #footer.dark .social-link a {
        display: inline-block;
        margin: 15px 1px 5px;
    }
}
/*======================================================
*===================== End Footer ====================== 
*=====================================================*/

/*======================================================
*======================= Product =======================
*=====================================================*/
.cart-info .megamenu-quarter-width {
    width: 450px !important;
}
.cart-table-list,
.cart-table-list i {
    color: #222;
    border: none;
}
header li.nav-icon .cart-table-list a {
    color: #222; 
    line-height: normal;
}
.total-cart {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: left; 
    color: #222;
    border-top: 1px solid rgba(0, 0, 0, .2);
}
.total-cart ul {
    float: left;
    width: 100%; 
    padding: 0;
    list-style: none;
}
.total-cart ul li {
    display: block;
    overflow: hidden;
}
.total-cart ul li span {
    display: inline-block;
    width: 100px;
    text-align: left;
    white-space: nowrap;
}
.cart-table-list a.close img {
    width: 11px;
    height: 11px;
}
.cart-table-list td img {
    width: 50px;
    height: auto;
}
.s-cart-btn a {
    margin: 0 10px 10px 0;
    color: #fff !important;
}
.cart-table-list.table > tbody > tr > td {
    height: 20px;
    vertical-align: middle; 
    border: none;
    line-height: 20px;
}
.product_detail_thumb{
    width: 75px !important;
    height: auto !important;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
}
.product_detail_thumb img{
    max-width: 100% !important;
}
.js-image-zoom__zoomed-image{
    z-index:  1100 !important;
    width: 300px !important;
    height: 300px !important;
}
.product-list {
    min-height: 440px; 
    margin-bottom: 50px;
}
.product-list .product-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
	max-height: 300px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.product-img:hover > a:nth-of-type(2) {
    z-index: 2; 
    opacity: 1;
}
.product-img > a:nth-of-type(2) {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0; 
    opacity: 0;
}
.label-container{
   position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 5px 0;
    width: 100%;
    overflow: hidden;
    z-index: 100;
}
.sale-label {
    background: #aaa none repeat scroll 0 0;
    float: right;
    width: 50px;
    height: 50px;
    margin: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    line-height: 44px;
    font-size: 16px;
}
.new-label{
    background: #01812e none repeat scroll 0 0;
    float: right;
    width: 50px;
    height: 50px;
    margin: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    line-height: 43px;
    font-size: 16px;
}
.out-of-stock-label{
    background: #ff9600 none repeat scroll 0 0;
    float: right;
    width: 50px;
    height: 50px;
    margin: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    line-height: 43px;
    font-size: 16px;
}
.sold-out-div{
    width: 100%;
    text-align: center;
    border: dashed 2px #aaa;
    padding: 15px 10px 22px;
}
.sold-out-div span{
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #aaa;
}
.product-img > a,
.product-img:hover > a {
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
}
.product-list .product-img img,
.product-img img,
.product-img > a {
    display: block;
    width: 100%;
    height: 100%;
}
.product-title h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
.product-title h5 a {
    color: #222;
}
.product-price {
    margin-bottom: 5px; 
    font-size: 18px;
    display: flex;
}
.product-price del {
    color: #837f7e;
    font-size: 17px;
}
.product-rating {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    color: #9b9a9a;
}
.product-cart {
    font-size: 15px;
}
.product-grid input {
    height: 40px; 
    border-radius: 0;
    box-shadow: none;
}
.product-grid input:focus,
.product-grid .form-control:focus{
    border-color: #000; 
    box-shadow: none;
}
.product-grid button.btn,
.p-values {
    width: 100%;
}

.fit-img img {
    width: 100%;
    height: auto;
}
.product-grid .form-control,
.p-quantity .form-control{
    box-shadow: none;
}
.p-quantity {
    margin-bottom: 0; 
    /*padding: 0;*/
    list-style: none;
    overflow: hidden;
}
.p-values {
    display: inline-block;
}
.p-values ul {
    float: right;
}
.p-quantity li {
    float: right;
    width: 140px;
    margin: 15px 0;
    letter-spacing: 1px;
    text-transform: uppercase; 
    color: #000;
    font-size: 15px;
}
.p-quantity li label {
    padding-top: 7px;
    font-weight: normal;
}
.p-quantity .input-group-btn:first-child > .btn,
.p-quantity .input-group-btn:first-child > .btn-group {
    margin-left: -1px;
}
#product_qu{width: 70px;}
.p-quantity .btn{
    font-size: 22px !important;
        color: #222 !important;
        font-weight: 900 !important;
        padding: 0 12px 1px !important;
}
.p-quantity .btn.focus,
.p-quantity .btn:focus,
.p-quantity .btn:hover {
    color: #222 !important;
    background-color: #e1e1e1 !important;
}
.product-grid .col-lg-1,
.product-grid .col-lg-10,
.product-grid .col-lg-11,
.product-grid .col-lg-12,
.product-grid .col-lg-2,
.product-grid .col-lg-3,
.product-grid .col-lg-4,
.product-grid .col-lg-5,
.product-grid .col-lg-6,
.product-grid .col-lg-7,
.product-grid .col-lg-8,
.product-grid .col-lg-9,
.product-grid .col-md-1,
.product-grid .col-md-10,
.product-grid .col-md-11,
.product-grid .col-md-12,
.product-grid .col-md-2,
.product-grid .col-md-3,
.product-grid .col-md-4,
.product-grid .col-md-5,
.product-grid .col-md-6,
.product-grid .col-md-7,
.product-grid .col-md-8,
.product-grid .col-md-9,
.product-grid .col-sm-1,
.product-grid .col-sm-10,
.product-grid .col-sm-11,
.product-grid .col-sm-12,
.product-grid .col-sm-2,
.product-grid .col-sm-3,
.product-grid .col-sm-4,
.product-grid .col-sm-5,
.product-grid .col-sm-6,
.product-grid .col-sm-7,
.product-grid .col-sm-8,
.product-grid .col-sm-9,
.product-grid .col-xs-1,
.product-grid .col-xs-10,
.product-grid .col-xs-11,
.product-grid .col-xs-12,
.product-grid .col-xs-2,
.product-grid .col-xs-3,
.product-grid .col-xs-4,
.product-grid .col-xs-5,
.product-grid .col-xs-6,
.product-grid .col-xs-7,
.product-grid .col-xs-8,
.product-grid .col-xs-9 {
    padding-left: 15px;
    padding-right: 15px;
}
.product-grid .row {
    margin-left: -15px;
    margin-right: -15px;
}
.stock .number-item {
    color: #757575; 
    font-size: 30px;
}
.stock .status {
    display: initial;
    padding: 5px 10px;
    letter-spacing: normal; 
    color: #fff;
    border-radius: 2px;
}
.review-avatar {
    width: 60px;
    height: auto; 
    margin-left: 10px;
}
.review-rating i {
    padding: 0 !important;
}
.review-rating {
    float: left;
}
.cart-table {
    border: 1px solid #ddd;
}
.cart-table td a {
    color: #222;
}
.cart-table td a:hover {
    color: #000;
}
.cart-table thead th {
    text-transform: uppercase;
}
.cart-table.table > tbody > tr > td,
.cart-table.table > tbody > tr > th,
.cart-table.table > tfoot > tr > td,
.cart-table.table > tfoot > tr > th,
.cart-table.table > thead > tr > td,
.cart-table.table > thead > tr > th {
    vertical-align: middle;
}
.cart-img img {
    width: 60px;
    height: auto;
}
.cart-action input {
    padding: 6px 6px 6px 3px;
}
.cart-action input,
.cart-action button {
    float: right;
    margin-left: 3px;
}
.cart-action button:hover i {
    color: #222;
}
.cart-quantity {
    width: 45px;
    border-radius: 0;
}
.coupon-form input {
    height: 40px;
    border-radius: 0;
}
.coupon-form label {
    text-transform: uppercase; 
    font-weight: normal;
}
.cart-total {
    font-size: 17px;
}
.cart-btn-row a {
    margin-left: 0;
    margin-right: 10px;
}
.coupon-form label {
    margin-left: 20px;
}
.coupon-form input {
    margin-left: 10px;
}
.pro-box .one-third{
    padding: 10px 5px;
}
.panel {
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}
.shop-view-mode {
    display: inline-block; 
    margin-top: 5px;
}
.shop-view-mode a {
    margin-right: 15px;
    color: #adadad;
}
.shop-view-mode a:hover {
    color: #222;
}
.list-div{
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #a1a1a1;
    padding: 0 0 10px;
    height: auto;
}
.list-thumb{
    float: right;
    width: 120px;
    height: auto;
    margin-left: 20px;
}
.list-thumb img{
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}
.list-div span {
    display: block;
}
.list-div del{
	color: lightgrey !important;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){
    .cart-info .megamenu-quarter-width {
        width: auto !important;
    }
}
@media screen and (max-width:767px){
    .p-quantity{
        padding: 0;
    }
}
@media screen and (max-width:480px){

}
/*======================================================
*===================== End Product =====================
*=====================================================*/

/*======================================================
*======================== Blog ========================= 
*=====================================================*/
.programe-list{
    margin: 0 0 20px !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;
  content: "\f177"; 
  padding-right: 10px;
  float: left;
  width: 30px;
  overflow: hidden;
}
.programe-list > li > a > i {
   width: 65px;
   font-style: normal !important;
   display: inline-block;
   line-height: 40px;
   padding-left: 10px;
   overflow: hidden;
}
.programe-list > li > a > span{
   width: 165px;
   font-style: normal !important;
   display: inline-block;
   line-height: 40px;
   overflow: hidden;
}
.blog-classic {
    margin-bottom: 70px;
    padding-bottom: 70px;
    border-bottom: 1px solid #efefef;
    min-height: 350px;
}

.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: 50%;
    left: 1px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    color: #ccc;
    border: none;
    outline: none;
    background: transparent;
    font-size: 17px; 
    line-height: 36px;
}

.search-row input {
    width: 100% !important;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
}

.search-row input:focus {
    border-color: #333;
    outline: 0;
    box-shadow: none;
}
/*widget*/
.widget {
    display: inline-block;
    width: 100%; 
    margin-bottom: 60px;
}

.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:1199px){
	.widget-latest-post li{
		width: 33.3%;
	}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:991px){
	.widget-latest-post li{
		width: 50%;
	}
}
@media screen and (max-width:767px){

}
@media screen and (max-width:480px){
	.widget-latest-post li{
		width: 100%;
	}
}
/*======================================================
*====================== 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;
    display: block;
}
.p-read-more i {
    position: absolute;
    top: 7px;
    margin-right: 8px;
	font-size: 24px;
    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 .massive-progress {
    background: #606060;
}
.post-parallax .massive-progress .progress-bar {
    color: #222; 
    background: #fff;
}
.post-parallax .massive-progress .progress-bar > span {
    color: #222 !important; 
    background-color: #a4a4a4 !important;
}
.post-parallax .massive-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 {
    display: block;
}
.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 {
    opacity: 0;
}
.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 {
    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: 991px) {
	.post-parallax .dark-overlay {
		width: 100% !important;
	}
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev,
    .post-slider .flex-direction-nav .flex-prev,
    .post-slider-thumb .flex-direction-nav .flex-prev {
        right: 0; 
        opacity: 1;
    }
    .flex-direction-nav .flex-next,
    .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-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;
	max-width: 300px;
	margin: auto;
}
.portfolio .portfolio-item .thumb img {
    display: block; 
    width: 100%;
    height: auto;
    margin: auto;
}
.portfolio .portfolio-item .vthumb {
	position: relative;
	max-height: 200px;
	margin: auto;
}
.portfolio .portfolio-item .vthumb img {
	display: block;
	width: auto;
	height: 200px;
	margin: 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.col-2 .portfolio-item {
    width: 49.99%;
}
/*portfolio 3 grid*/
.portfolio.col-3 .portfolio-item {
    width: 33.3333333%;
}
/*portfolio 4 grid*/
.portfolio.col-4 .portfolio-item {
    width: 24.98%;
}
/*portfolio 5 grid*/
.portfolio.col-5 .portfolio-item {
    width: 19.99%;
}
/*portfolio 6 grid*/
.portfolio.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.col-3 .portfolio-item,
#portfolio-carousel-alt.portfolio.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: 40px;
    right: -130px; 
    margin-top: 10px;
    text-align: center;
	z-index: 10000;
}
#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.col-2 .portfolio-item,
    .portfolio.col-3 .portfolio-item,
    .portfolio.col-4 .portfolio-item,
    .portfolio.col-5 .portfolio-item,
    .portfolio.col-6 .portfolio-item {
        width: 33.3333333%;
        /*width: 50%;*/
    }
}
@media screen and (max-width: 800px) {
    .portfolio.col-2 .portfolio-item,
    .portfolio.col-3 .portfolio-item,
    .portfolio.col-4 .portfolio-item,
    .portfolio.col-5 .portfolio-item,
    .portfolio.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.col-2 .portfolio-item,
    .portfolio.col-3 .portfolio-item,
    .portfolio.col-4 .portfolio-item,
    .portfolio.col-5 .portfolio-item,
    .portfolio.col-6 .portfolio-item,
    .testimonial.grid-2 li {
        width: 100%;
        /*width: 50%;*/
    }
}
/*======================================================
*=================== End Portfolio ===================== 
*=====================================================*/

/*======================================================
*======================= Career ======================== 
*=====================================================*/
/*=================== Popup Career ===================*/
#signup {
    background:url(../images/33/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: 'HDTC', 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: 'HDTC', Arial, Geneva, sans-serif;
	font-size: 13px;
}
.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:28px;
	background:none;
	border:none;
	display:inline;
	font-family: 'HDTC', serif;
	font-size:18px;
	padding:2px;
	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 #eaeaea;
    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;
}
a.show-detail:after {
    padding-right: 10px; 
    content: "\f107";
    font-family: "FontAwesome";
	font-size:17px;
}
.career-details-info {

}
.career-details-info {
    z-index: 1; 
    padding: 30px 0 0 0;
    background: #fff;
}
.career-details-info {
    float: right;

    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:#aaa;
    font-size:14px;
    font-style:normal;
    font-weight:300;
    line-height:26px;
}
.contacttable tbody{
	width: 100% !important;
	display: table;
}
.contacttblname{width:40% !important; height:28px; vertical-align:top; text-align:right;}
.contacttblinfo{width:68% !important; vertical-align:top; text-align:right; }
.contacthr{ width:74%; margin:25px 13% 35px !important; display:none; visibility:hidden;}
.gmap {
    width: calc(100% - 40px);
    height: 310px;
    border: 1px solid #999;
    margin: 20px;
    overflow: hidden;
    opacity:1;
    -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: 500px;}
.gmap:hover {
    filter: none;
    opacity:1;	
}
.form-control {
    margin: 4px auto 8px !important;
    resize: none;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    margin: 4px auto 8px !important;
    color: #555;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left 12px center;
    background-size: auto;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.support-form{
	display: table;
	background-color: #fff !important;
	padding: 90px 80px 100px !important;
	border: none !important;

}
.support-form input{
	border: none !important;
	margin: 4px auto 8px !important;
	resize: none;
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.support-form .btn{
	width: 150px !important;
	height: 50px !important;
	display: inline-block;
	margin: 0 10px !important;
}
.support-form #captchaVal{
	height: 80px !important;
	display: inline-block;
	margin: 0 20px !important;
}
.contactdetail{padding: 40px 30px 30px; margin-top:0px; border: 1px solid #999;}
.formdiv{
    width:100%; padding:0px;
    margin:80px 0 0;
    font-family:'HDTC',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:'HDTC',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:300; 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:40px; width:100%; margin-top:5px; border:1px solid #999; padding:10px;}
.form_captsha_text{font-size:28px; font-weight:bold; width:40%; max-width:160px; height:60px; max-height:60px; margin:10px 5% 0; border:1px solid #999; padding:6px 20px;}
.form_captsha_img{width:40%; max-width:160px; height:60px; max-height:60px; margin:-10px 0 0 !important; border:1px solid #999; 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:10%; max-width:25px; cursor:pointer; margin:27px 0 0 !important;}
.form_textArea{width:100%; resize:none; margin-top:5px; border:1px solid #999; font-size:17px;}
.form_textSelect{
    width:100% !important;
    height:32px !important;
    margin:5px auto 0 !important;
    padding:0px 2px;
    border:1px solid #999;
    color:#666;
    font-size:17px;
    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;
	width: calc(100% - 20px);
    	margin: 20px 10px;
    }
    .map_container{padding:0px 15px;}
    .map_frame{width:100%; height:270px;}
    .contactdetail{margin-top:0px;}
    .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;}
}
/*======================================================
*===================== End Contact =====================
*=====================================================*/

/*======================================================
*====================== Featured ======================= 
*=====================================================*/
.featured-item{
	width: 100%;
}
.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 .desc p{
	max-width: 100% !important;
}
.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 110px 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 #999;
    border-radius: 4px;
    background-color: #fff;
}
.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: #fff;
    /*box-shadow: 0 0 0 10px #fff;*/
border: 2px solid #999;
    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 #999 ; 
    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 =====================
*=====================================================*/

/*======================================================
*======================== Buttons ======================
*=====================================================*/
.btn-large {
    padding: 20px 40px;
    font-size: 18px;
}
.btn-medium {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: normal;
}
.btn-small {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: normal;
}
.btn-extra-small {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
}
.btn {
    display: inline-block;
    margin-left: 20px;
    letter-spacing: 1px;
    text-transform: uppercase; 
    border-radius: 0;
}
.btn-rounded {
    border-radius: 4px;
}
.btn-circle {
    border-radius: 30px;
}
.btn-dark-solid {
    color: #fff; 
	background: #222 !important;
}
.btn-theme-color,
.btn-dark-solid:hover,
.btn-dark-solid:focus,
.btn-theme-border-color:hover {
    color: #fff;
}
.btn-theme-color:hover,
.btn-theme-color:focus {
    color: #fff; 
    background: #000;
}
.btn-theme-color.light-hover:hover,
.btn-theme-color.light-hover:focus {
    color: #222 !important; 
    background: #fff !important;
}
.btn-dark-solid.btn-transparent {
    color: #222; 
    background: rgba(0, 0, 0, .1);
}
/*dark border button*/
.btn-dark-border {
    color: #222; 
    border: 1px solid #222;
    background: transparent;
}
.btn-dark-border.btn-transparent {
    color: #222; 
    border: 1px solid rgba(0, 0, 0, .15);
    background: transparent;
}
.btn-dark-border:hover {
    color: #fff; 
    border: 1px solid #222;
    background: #222;
}
/*light*/
.btn-light-solid {
    color: #222; 
    background: #fff;
}
.btn-light-solid:hover,
.btn-light-solid:focus {
    color: #fff;
}
.btn-light-solid.btn-transparent {
    color: #fff; 
    background: rgba(255, 255, 255, .2);
}
.btn-dark-solid:hover.btn-transparent:hover {
    color: #fff !important; 
    background: #222;
}
/*light border button*/
.btn-light-border {
    color: #fff; 
    border: 1px solid #fff;
    background: transparent;
}
.btn-light-border.btn-transparent {
    color: #fff; 
    border: 1px solid rgba(255, 255, 255, .15);
    background: transparent;
}
.btn-light-border:hover,
.btn-light-border:focus {
    color: #222 !important; 
    border: 1px solid #fff;
    background: #fff;
}
.full-width button.btn {
    width: 100%;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:767px){
    .btn {
        margin-bottom: 5px;
    }
    .btn-medium {
        font-size: 15px;
    }  
}
/*======================================================
*====================== End Buttons ====================
*=====================================================*/

/*======================================================
*======================== TB Grid ======================
*=====================================================*/
.tb-grid {
    width: 100%;
    margin: auto;
}
.tb-grid .box,
.tb-grid .box2,
.tb-grid .box3 {
    display: inline-block;
}
.tb-grid .box {
    width: 33.3333%;
    padding-top: 33.3333%;
}
.tb-grid .box2 {
    width: 66.6666%;
    padding-top: 33.3333%;
}
.tb-grid .box3 {
    width: 66.6666%;
    padding-top: 66.6666%;
}
.tb-grid .box-nano {
    position: relative;
    float: right; 
    width: 50%;
    margin: 0;
    padding-top: 50%;
}
.tb-grid .item > .item-inner,
.tb-grid .box-nano > .item-inner {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    margin: 0;
    cursor: crosshair; 
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.tb-grid .items > .item-inner {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*======================================================
*====================== End TB Grid ====================
*=====================================================*/

/*======================================================
*======================== Error ========================
*=====================================================*/
.error404 {
    display: block;
    margin-top: 20px;
    color: #222;
    font-size: 140px;
    font-weight: 100; 
    line-height: 140px;
}
.error-txt {
    display: block; 
    margin-bottom: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 22px;
}
.error-info {
    padding-right: 60px;
    border-right: 1px solid #ddd;
}
.error-parallax {
    height: 100vh; 
    background-image: url("../images/parallax/404_parallax.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.error-parallax .error-avatar {
    display: block;
    margin-top: 180px;
    margin-bottom: 50px;
}
.error-parallax .error-info {
    padding-right: 0;
    border-right: none;
}
.error-parallax .error-info .error404,
.error-parallax .error-info .error-txt {
    color: #fff;
}
/*------------------------------------------------
 Responsive
------------------------------------------------*/
@media screen and (max-width:1024px){

}
@media screen and (max-width:767px){
    .error-info {
        display: inline-block;
        width: 100%;
        margin-top: 60px;
        padding-top: 30px;
        padding-right: 0;
        text-align: center; 
        border-top: 1px solid #ddd;
        border-right: none;
    } 
}
@media screen and (max-width:480px){
    .error-parallax .error-avatar img {
        width: 50%;
        height: auto;
    }
    .error-parallax .error-avatar {
        display: block;
        margin-top: 80px; 
        margin-bottom: 20px;
    }
    .error-parallax .error-info {
        display: inline-block;
        margin-top: 0;
        padding-top: 0; 
        padding-right: 0;
        border-top: none;
        border-right: none;
    }
}
@media screen and (max-width: 479px) {
    .error-avatar img {
        width: 100%;
        height: auto;
    }
    .error-parallax .error-avatar img {
        width: 50%;
        height: auto;
    }
    .error-parallax .error-avatar {
        display: block;
        margin-top: 80px; 
        margin-bottom: 20px;
    }
    .error-parallax .error-info {
        display: inline-block;
        margin-top: 0;
        padding-top: 0; 
        padding-right: 0;
        border-top: none;
        border-right: none;
    }
}
/*======================================================
*====================== End Error ======================
*=====================================================*/

/*======================================================
*================ jAlert version 4.5.1 =================
*=====================================================*/
.ja_wrap{
    padding: 0px;
    margin: 0px;
    text-align: center;
	position: fixed;
	z-index: 99999;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
.ja_wrap.ja_wrap_white{
    background: rgba(255,255,255,.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#BFFFFFFF', EndColorStr='#BFFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#BFFFFFFF', EndColorStr='#BFFFFFFF');
    zoom: 1!important;
}
.ja_wrap.ja_wrap_black{
    background: rgba(0,0,0,.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#BF000000', EndColorStr='#BF000000')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#BF000000', EndColorStr='#BF000000');
    zoom: 1!important;
}
body.ja_blur > *:not(.ja_wrap){
    -webkit-filter: blur(5px) grayscale(.7);
    filter: blur(5px) grayscale(.7);
}
 /* jAlert */
.jAlert{
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: right;
    word-wrap: break-word;
	background: white;
	border-radius: 5px;
	max-width: 96%;
	margin: 2% auto;
	margin-top: 100px;
	margin-bottom: 100px;
	display: inline-block;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
}
.jAlert > div{
    position: relative;
}
.jAlert.ja_setheight > div{
    height: 100%;
}
 /* SIZES */
.ja_xsm{ width: 250px; }
.ja_sm{ width: 350px; }
.ja_md{ width: 550px; }
.ja_lg{ width: 850px; }
.ja_xlg{ width: 1200px; }
.ja_full{ width: 100%; }
.ja_auto{ width: auto; }
/* CLOSE BTN */
.ja_close{
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 5px;
    background: #F3F3F3;
    color: #555;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    font-weight: bold;
    z-index: 99999;
}
.ja_close_round, .ja_close_round_white {
    border-radius: 50%;
    background: #e0e0e0;
    color: #232323;
    padding: 5px 7px;
    left: 10px;
    top: 6px;
    border: 0px;
    line-height: 13px;
    font-size: 18px;
}
.ja_default .ja_close_round, .ja_default .ja_close_round_white{
    color: #FFF;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
}
.ja_close_alt{
    border-radius: 50%;
    background: #D51C1C;
    color: rgb(255, 255, 255);
    top: -16px;
    left: -18px;
    border: 1px solid rgb(55, 55, 55);
    padding: 3px 8px 1px 7px;
}
.ja_close:hover{
    background: #d4d4d4;
}
.ja_close_alt:hover{
    background: #DF2020;
}
.ja_close_round:hover, .ja_close_round:active{
    color: #FFF;
    background: rgba(0,0,0,.5);
}
.ja_close_round_white:hover, .ja_close_round_white:active{
    background: white;
}
/* TITLE */
.ja_noTitle .ja_body{
    border-radius: 5px;
}
.ja_noTitle .ja_close_round{
    left: -11px;
    top: -11px;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
}
.ja_noTitle .ja_close_round:hover{
    background: black;
}
.ja_noTitle .ja_close_round_white{
    background: #e0e0e0;
    color: #232323;
}
.ja_noTitle .ja_close_round_white:hover{
     background: white;
 }
.ja_title{
	width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.ja_title > div{
    color: #505050;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
}
/* THEMES */
.ja_default{
    background: #E0E0E0;
}
.ja_green{
    background: #00B700;
}
.ja_dark_green{
    background: #006D00;
}
.ja_yellow{
    background: #FFFF54;
}
.ja_gray{
    background: #616161;
}
.ja_dark_gray{
    background: #424242;
}
.ja_brown{
    background: #633824;
}
.ja_black{
    background: #232323;
}
.ja_blue{
    background: #008FE4;
}
.ja_dark_blue{
    background: #024986;
}
.ja_red{
    background: #DE0E0E;
}
.ja_dark_red{
    background: #A20000;
}
.ja_default > div{
    color: #505050 !important;
}
.ja_yellow .ja_title > div{
    color: #636300 !important;
}
.ja_green .ja_title > div,
.ja_dark_green .ja_title > div,
.ja_gray .ja_title > div,
.ja_brown .ja_title > div,
.ja_dark_gray .ja_title > div,
.ja_black .ja_title > div,
.ja_blue .ja_title > div,
.ja_dark_blue .ja_title > div,
.ja_red .ja_title > div,
.ja_dark_red .ja_title > div{
    color: white !important;
}
 /* CONTENT WRAP */
.ja_body{
    background: white;
    color: #616161;
    padding: 20px;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ja_setheight .ja_body{
    height: 100%;
    height: calc(100% - 40px);
}
 /* CONTENT */
.ja_media_wrap{
    position: relative;
    text-align: center;
}
.ja_iframe{
    width: 100%;
    border: 0px;
    display: none;
    border: 0px;
}
.ja_video{
    width: 100%;
    height: 0px;
    padding-bottom: 65%;
    position: relative;
    display: none;
}
.ja_video iframe{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
}
.ja_img{
    max-width: 100%;
    display: inline-block;
    display: none;
}
/* Full Screen */
.ja_fullscreen{
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    border-radius: 0px;
    margin-top: 0px !important;
}
.ja_fullscreen .ja_title{
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.ja_fullscreen .ja_body{
    height: 100%;
}
.ja_fullscreen .ja_close_round{
    left: 5px;
    top: 5px;
}
 /* BTNS */
.ja_btn_wrap{
    text-align: center;
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: -10px;
}
.ja_btn_wrap.optBack{
  background: #f3f3f3;
  margin-top: 25px;
  margin: 25px -20px -20px -20px;
  padding: 5px 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.ja_btn, .ja_btn:link, .ja_btn:visited, .ja_btn:active{
  margin-top: 3px;
  padding: 3px 10px;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
}
@media screen and (max-width: 450px){
    .ja_btn{
            width: 90%;
    }
}
.ja_btn:hover{
    text-decoration: none;
}
.ja_btn_default, .ja_btn_default:link, .ja_btn_default:visited{
  color: #575757;
  background: #f3f3f3;
}
.ja_btn_default:hover{
    background: #FBFBFB;
}
.ja_btn_default:active{
    background: #EEE;
 }
.ja_btn_green, .ja_btn_green:link, .ja_btn_green:visited{
    background: #00A000;
    color: white;
}
.ja_btn_green:hover{
    background: #2EB71F;
}
.ja_btn_green:active{
    background: #259818;
 }
.ja_btn_red, .ja_btn_red:link, .ja_btn_red:visited{
    background: #B90808;
    color: white;
}
.ja_btn_red:hover{
    background: #D62828;
}
.ja_btn_red:active{
    background: #9F2020;
 }
.ja_btn_black, .ja_btn_black:link, .ja_btn_black:visited{
    background: #535353;
    color: white;
}
.ja_btn_black:hover{
    background: #666666;
}
.ja_btn_black:active{
    background: #444444;
 }
.ja_btn_blue, .ja_btn_blue:link, .ja_btn_blue:visited{
    background: #0877B9;
    color: white;
}
.ja_btn_blue:hover{
    background: #0896E9;
}
.ja_btn_blue:active{
    background: #056FAD;
 }
 /* LOADER */
@-moz-keyframes ja-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ja-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ja-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.ja_loader:not(:required) {
    -moz-animation: ja-loader 1500ms infinite linear;
    -webkit-animation: ja-loader 1500ms infinite linear;
    animation: ja-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}
/* No padding option */
.ja_no_pad .ja_body{
    padding: 0px;
}
.ja_no_pad .ja_loader{
    margin: 40px 0px;
}
/*======================================================
*====================== End jAlert ===================== 
*=====================================================*/

/*======================================================
*======================== @media ======================= 
*=====================================================*/
@media screen and (max-width:1024px){
    .left-home-video, .right-home-video{width:90% !important; display:table; margin-bottom:40px; margin-right:auto !important; margin-left:auto !important; float:none !important;}
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 22px;
    }
}
@media screen and (max-width: 992px) {
    .social-link.pull-right {
        float: right !important;
        margin-top: 10px;
    }
    .side-object .content {
        width: 100%; 
        padding: 0 20px;
        text-align: center;
        margin-top: 50px;
    }
}
@media screen and (max-width: 767px) {
    .side-object .object {
        display: none;
    }
}
@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 @media =====================
*=====================================================*/

/*======================================================
*=========== ore Owl Carousel CSS File v1.3.3 ==========
======================================================*/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
/*======================================================
*============ Owl Carousel Owl Theme v1.3.3 ============
======================================================*/
.owl-theme .owl-controls{
	margin-top: 30px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*
	display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*
	display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center;
}
/*=======================================================
*=================== End Owl Carousel ===================
=======================================================*/

/*=======================================================
*================== 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 {
	overflow: visible;
	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 {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	left: 0;
	top: 0;
	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: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.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;
	left: -6px;
	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: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
	margin-top: -54px;
}
.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: 40px 0 40px;
	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 {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	cursor: auto;
}
.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;
	}
}
/*=======================================================
*================ End Magnific Popup CSS ================
=======================================================*/

/*=======================================================
*================== FlexSlider v2.2.0 ===================
=======================================================*/
/* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
	border: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

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

/* FlexSlider Necessary Styles */
.flexslider {
	margin: 0;
	padding: 0;
	position: relative;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme */
.flexslider {
	margin: 0 0 60px;
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-left: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*
	height: 0;
}
.flex-direction-nav a  {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0,0,0,0.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
	right: -50px;
}
.flex-direction-nav .flex-next {
	left: -50px;
	text-align: left;
}
.flexslider:hover .flex-prev {
	opacity: 0.7;
	right: 10px;
}
.flexslider:hover .flex-next {
	opacity: 0.7;
	left: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}
.flex-direction-nav a:before  {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '';
}
.flex-direction-nav a.flex-next:before  {
	content: '';
}

/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before  {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover  {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* Control Nav */
.flex-control-nav {
	padding: 0;
	list-style: none;
	border: none;
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1; *
	display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: right;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
/*=======================================================
*==================== End FlexSlider ====================
=======================================================*/

/*======================================================
*=================== Custom Carousel ===================
*=====================================================*/
.owl-carousel .owl-item{
	float: right;
}
.owl-pagination{
	display: inline-block;
}
.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: Flex
===============================================*/
.flex-direction-nav {
	display: none;
}
.flex-control-nav {
	position: absolute;
	z-index: 10;
	left: 15px;
	bottom: 15px;
	margin: 0;
	text-align: center;
}
.flex-control-nav li {
	float: right;
	width: 10px;
	height: 10px;
	margin: 0 3px;
}
.flex-control-nav li a {
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-indent: -9999px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
	background-color: #fff;
}
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-direction-nav {
	*
	height: 0;
}
.flex-direction-nav a {
	position: absolute;
	z-index: 200;
	top: 50%;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin: -40px 0 0;
	cursor: pointer;
	-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);
	line-height: 40px;
}
.flex-direction-nav a:hover {
	background-color: rgba(0, 0, 0, .7);
}
.flex-direction-nav a:before {
	display: block;
	width: 40px;
	content: "\f105";
	text-align: center;
	color: #fff;
	font-family: "FontAwesome";
	font-size: 17px;
}
.flex-direction-nav a.flex-next:before {
	content: "\f104";
}
.flex-direction-nav .flex-prev {
	right: 0;
}
.flex-direction-nav .flex-next {
	left: 0;
	text-align: left;
}
/*==============================================
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: bold;
}
.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, .30);
}
/*==============================================
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: 860px) {
	.flex-direction-nav .flex-prev {
		right: 0;
		opacity: 1;
	}
	.flex-direction-nav .flex-next {
		left: 0;
		opacity: 1;
	}
}
@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 =================
*=====================================================*/
.mem-card-text{padding-right: 110px;}
.sup_quan{
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px !important;
}
.whatsapp_chat_div {
	background-image: none;
	background-color: #25d366;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	cursor: pointer;
	position: fixed;
	left: 28px;
	bottom: 90px;
	z-index: 100000 !important;
	box-shadow: 0px 0px 12px rgba(90,90,90,.60);
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 4s;
}

.whatsapp_chat_div i {
	margin: 9px 12px;
	color: #fff;
}
@media only screen and (max-width:992px){
	.whatsapp_chat_div {
		background-image: url('../images/div/whatsappTxtAr.png');
		background-position: right center;
		background-repeat: no-repeat;
		width: 70px;
		left: -50px;
		border-radius: 0px;
	}
	.whatsapp_chat_div:hover{
		left: 0px;
	}
	.whatsapp_chat_div i {
		margin: 6px 22px 12px 12px;
		color: #fff;
	}
}


.userapp_icon{
	position: absolute; top: 20px; left: 100px;
}