/*
Theme Name: Raptas
Description: Personal Portfolio Wordpress Theme
Author: HasTech 
Version: 1.0.0
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, editor-style, full-width-template, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: layerswp
*/

/* ------------------------------
	[Table of contents]
---------------------------------
	1. Default CSS
	2. Header Area
	3. Slider Area 
	4. About Area
	5. Service Area
	6. Gallery Area
	7. Counter Area
	8. Team Area
	9. Blog Area
	10. Testimonial Area
	11. Contact Area
	12. Comment style
	13. Footer Area
	14. Breadcrumb Area
	15. Content List Area
	16. Content Single Area
	17. Sidebar Area
	18. Responsive CSS


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

/* ================================
	1. Default CSS
================================ */
html{
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: calc(100%) !important;
}
[class*="column"] {
	margin-bottom: 0px;
}
body{
	overflow:hidden;
}
.container {
	margin: auto;
	max-width: 1200px;
	padding: auto 20px;
}
.content-main {
  padding: 100px 20px 80px;
}
.container.list-masonry {
	max-width: 1200px;
}
.header-left .logo {
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logo {
  margin-top: -4px;
}
a  {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:active, 
a:hover, 
a:focus {
	outline: 0 none; 
	text-decoration: none;
}
input:focus {
	box-shadow: none; 
	outline: 0;
}
.form-submit input[type="submit"] {
  padding: 8px 15px 10px;
}
textarea {
	box-shadow: 0; 
	outline: 0;
}

button:focus {
	outline:0px solid;
}
img {
	max-width:100%;
	height:auto;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0
}
::-moz-selection {background: #b3d4fc; text-shadow: none}
::selection {background: #b3d4fc; text-shadow: none}
::-webkit-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
:-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
::-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
:-ms-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}

/* ------------------------------
	overlay
------------------------------ */
[data-overlay] {
	position: relative;
}
[data-overlay]:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
[data-overlay]:before {
	background: #6b6b6b;
}
[data-overlay="1"]:before {
	opacity: 0.1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
[data-overlay="2"]:before {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
[data-overlay="3"]:before {
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
[data-overlay="4"]:before {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
[data-overlay="5"]:before {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
[data-overlay="6"]:before {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
[data-overlay="7"]:before {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
[data-overlay="8"]:before {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
[data-overlay="9"]:before {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
[data-overlay="10"]:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
[data-overlay="0"]:before {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
[data-overlay] > div {
	z-index: 99;
	position: relative;
}

/* ---------------------------
	Black overlay
----------------------------*/
[data-black-overlay] {
	position: relative;
}
[data-black-overlay]:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
[data-black-overlay]:before {
	background: #000;
}
[data-black-overlay="1"]:before {
	opacity: 0.1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
[data-black-overlay="2"]:before {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
[data-black-overlay="3"]:before {
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
[data-black-overlay="4"]:before {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
[data-black-overlay="5"]:before {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
[data-black-overlay="6"]:before {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
[data-black-overlay="7"]:before {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
[data-black-overlay="8"]:before {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
[data-black-overlay="9"]:before {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
[data-black-overlay="10"]:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
[data-black-overlay="0"]:before {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
[data-black-overlay] > div {
	z-index: 99;
	position: relative;
}
[data-black-overlay] > div {
	z-index: 99;
	position: relative;
}
[data-black-overlay]  .section-title .heading {
	color: #fff;
}
[data-black-overlay]  .section-title .excerpt, 
[data-black-overlay]  .section-title .excerpt p{
	color: #fff;
}

/* --------------------------
	Main CSS 
-------------------------- */
body {
	color: #666666;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

/* background color */
.bg-theme {background: #;}
.bg-grey {background: #f6f6f6;}

/* --------------------------
 section-title
-------------------------- */
.section-title-wrapper {
  width: 60%;
  margin-bottom: 60px;
}
.section-title-wrapper.text-left {
  margin-left: 0;
  margin-right: auto;
}
.section-title-wrapper.text-center {
  margin-left: auto;
  margin-right: auto;
}
.section-title-wrapper.text-right {
  margin-left: auto;
  margin-right: 0;
}
.section-title-wrapper .heading {
  color: #8d784a;
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 15px;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}
.section-title-wrapper .heading:before {
  background: #666 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 75px;
}
.text-center .section-title-wrapper .heading:before,
.section-title-wrapper.text-center .heading:before {
  left: 0;
  right: 0;
  margin: auto;
}
.text-right .section-title-wrapper .heading:before,
.section-title-wrapper.text-right .heading:before {
  left: auto;
  right: 0;
}
.raptas-testimonial-wrapper .section-title-wrapper .heading:before {
  background: #fff none repeat scroll 0 0;
}
/* excerpt */
.section-title .excerpt {
  color: inherit;
  font-size: inherit;
}




.section-title-wrapper {
  width: 60%;
  margin-bottom: 60px;
}
.text-left .section-title-wrapper,
.section-title-wrapper.text-left {
  margin-left: 0;
  margin-right: auto;
}
.text-center .section-title-wrapper,
.section-title-wrapper.text-center {
  margin-left: auto;
  margin-right: auto;
}
.text-right .section-title-wrapper,
.section-title-wrapper.text-right {
  margin-left: auto;
  margin-right: 0;
}

.raptas-slider-wrapper .section-title .heading {
	padding-bottom: 0;
}
.raptas-slider-wrapper .section-title .heading:before {
  display: none;
}
.raptas-slider-wrapper .section-title .excerpt,
.raptas-slider-wrapper .section-title .p {
  color: inherit;
  font-size: inherit;	
  width: inherit;
  margin: inherit;
}

/* ================================
	2. Header Area
================================ */
.header-site .container {
  padding: 0;
}
.header-site .nav-horizontal > ul > li {
  margin-left: 20px;
}
.header-site .nav-horizontal > ul > li > a {
  padding: 0;
  margin-right: 0;
}
.header-site .nav-horizontal > ul > li > a:before {
  background: #ffffff none repeat scroll 0 0;
  bottom: -5px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.header-site .nav-horizontal > ul > li.menu-efect a:before, 
.header-site .nav-horizontal > ul > li > a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
/* sticky */
.header-site.is_stuck_show .container {
  padding: 5px 20px;
}
.header-site.header-sticky.is_stuck_show {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* ================================
	3. Slider Area 
================================ */
.raptas-slider-wrapper {}
.swiper-wrapper .button,
.swiper-wrapper .invert .button{
	color: #ffffff;
	font-weight: 600;
	padding: 9px 26px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;				
}
.raptas-slider-btn-grp a.button {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp  .button i {
	color: #ffffff;
	float: left;
	font-size: 50px;
	left: 32px;
	position: absolute;
	top: 14px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp  .button span {
	color: #ffffff;
	display: block;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	font-weight: normal;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp  .button span.large-text {
	display: block !important;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp  a.button.active {
	margin-right: 30px;
}
.raptas-slider-btn-grp a.button.active:last-child {
	margin-right: 0;
}
.raptas-slider-btn-grp  a.button:hover {
	background-color: #444444 ;
	border-color: #444444;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp  a.button:hover i,
.raptas-slider-btn-grp  a.button:hover span.large-text {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp  a.button:hover span {
	color: #7a7a7a;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.raptas-slider-btn-grp.button-set {
	margin-top: 30px;
}
.raptas-slider-wrap .section-title .heading {
	font-size: 60px;
}
.raptas-slider-wrap .section-title .heading.slider-subtitle span{
	display: block;
}
.raptas-slider-wrap .section-title .excerpt{
	font-size: 16px;
	font-weight: normal;
}
.raptas-slider-wrap .text-right .section-title .excerpt {
	padding-right: 0 !important;
	padding-left: 132px !important;
}
.raptas-slider-wrap .text-center .section-title .excerpt {
	padding-right: 30px !important;
	padding-left: 30px !important;
}
.raptas-slider-wrap .section-title .excerpt p{
	font-size: 16px;
}
.raptas-slider-wrap .swiper-slide.image-right .copy-container, 
.raptas-slider-wrap .swiper-slide.image-left .copy-container {
	width: 85%;
}
.swiper-container .arrows a {
  border: 1px solid #ffffff;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 48px;
  text-align: center;
  width: 50px;
}
.swiper-container .arrows a:hover {
  background: #fff;
  color: #666;
}
/* Slider Video Background  */
.swiper-slide video{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: auto;
	background-size: cover;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-object-fit: cover;
}
.swiper-slide video source{
	width: 100%;
	height: 100%;
}
.raptas-slider-video {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.raptas-slider-video iframe{
	max-width: none;
	position: absolute;
	display: block;
}
.raptas-slider-video.layers-slider-video-ultra-wide iframe{
	width: 100%;
	height: 350%;
	top: -125%;
	left: 0;
}
.raptas-slider-video.layers-slider-video-super-wide iframe{
	width: 100%;
	height: 250%;
	top: -75%;
	left: 0;
}

.raptas-slider-video.layers-slider-video-wide iframe{
	width: 100%;
	height: 200%;
	top: -50%;
	left: 0;
}
.raptas-slider-video.layers-slider-video-square iframe{
	width: 160%;
	height: 100%;
	top: 0;
	left: -30%;
}
.raptas-slider-video.layers-slider-video-tall iframe{
	width: 250%;
	height: 100%;
	top: 0;
	left: -75%;
}
.raptas-slider-video.layers-slider-video-super-tall iframe {
	width: 400%;
	height: 100%;
	top: 0;
	left: -150%;
}


/* ================================
	4. About Area
================================ */
.raptas-about-wrapper {
  padding-bottom: 100px;
  padding-top: 100px;
}
.raptas-about-wrapper .media-body .heading {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 20px;
}
.raptas-about-wrapper .sub-heading {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 30px;
}
.raptas-about-wrapper .excerpt p {
  margin-bottom: 30px;
}
.raptas-about-wrapper .button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #000000;
  border-radius: 30px;
  color: #000000;
  font-weight: 400;
  padding: 14px 30px 12px;
}
.raptas-about-wrapper .button:hover {
  background-color: #666666;
  border: 1px solid #666666;
  color: #ffffff;
}
/* ================================
	5. Service Area
================================ */
.raptas-services-wrapper {
  background: #f1f1f1 none repeat scroll 0 0;
  padding-bottom: 80px;
  padding-top: 100px;
}
.raptas-icon-box i {
  font-size: 35px;
  margin-bottom: 15px;
}
.raptas-services-wrapper .media-body .heading {
  font-size: 24px;
}
.single-service p {
  color: #666666;
  line-height: 26px;
  margin: 0;
}
.media.single-service-box .excerpt p, 
.media.single-service-box .excerpt {
  line-height: 26px;
  margin: 0;
  font-size:13px
}
.single-service-box {
  margin-bottom: 20px;
  padding: 60px 40px;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  background:#fff
}
.single-service-box:hover {
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
/* ================================
	6. Gallery Area
================================ */
.raptas-gallery-wrapper {
  padding-bottom: 80px;
  padding-top: 100px;	
}
.filter_menu {
  margin-bottom: 30px;
  text-align: center;
}
.filter_menu_left{
  text-align: left;	
}
.filter_menu_right{
  text-align: right;	
}
.filter_menu li {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 0 5px 10px;
  padding: 5px 20px;
  position: relative;
  font-weight:700;
  -webkit-transition: .5s;
  transition:.5s;
  text-transform: capitalize;
}
li.current_menu_item {
	background:#666;
	color:#fff;
	border-color:#666;
}
.filter_menu {
  margin-bottom: 40px;
}
/* end gallery-menu */

.cols{
    margin-bottom: 20px;
}
.column-flush.cols{
    margin-bottom:0px;
}

/* gallery single item */
.ht-gallery{
	position:relative;
}
/* gallery thumb */
.gallery-effect{}
.gallery-effect > a {
  display: block;
}
.gallery-effect img{
	width:100%;
	display: block;
}
.ht-gallery-thumb{
	position:relative;
}
.ht-gallery-thumb:before {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .5s;
  transition:.5s;
}
.ht-gallery-thumb:hover:before{
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: .3s;
	transition:.3s;
}

/* overlay effect */
.gallery-hover-effect {
	text-align:center;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-gallery:hover .gallery-hover-effect{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* gallery content */
.gallery-hover:hover .ht-gallery-content{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top: 50%;
}
.ht-gallery-content  h2,
.ht-gallery-content2  h2 {
  color: #ffffff;
  font-size: 27.2px;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 13px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.ht-gallery-content  h2 a,
.ht-gallery-content2  h2 a{
 color: #ffffff;
    font-size: 27.2px;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.gallery-hover:hover .ht-gallery-content .gallery-icon{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* gallery-icon*/
.gallery-icon {
  border: 1px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  height: 50px;
  left: 0;
  line-height: 50px;
  margin: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-115%);
          transform: translateY(-115%);
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 50px;
}
.ht-gallery-thumb:hover .gallery-icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gallery-icon i {
}
.cat-title-p {
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  text-align: left;
}
.cat-title-p {
  bottom: 10px;
  color: #fff;
  font-size: 27.2px;
  font-size: 1.7rem;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 10px 20px;
  position: absolute;
  text-align: left;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}
.cat-title-p .cat-wrapper {
  line-height: 1;
}
.cat-title-p .cat-wrapper span {
  font-size: 13px !important;
}
.ht-gallery-thumb:hover .cat-title-p{-webkit-transform: translateY(0px);transform: translateY(0px);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible}
/* gallery-cat */
.cat-wrapper span  {
  color: #ffffff;
  letter-spacing: 0.5px;
  position: relative;
  text-transform: capitalize;
}
.cat-wrapper span  + span { 
  margin: 0 3px;
}
.cat-wrapper span:before {
  bottom: 0;
  content: ",";
  position: absolute;
  right: 0;
}
.cat-wrapper span:last-child:before {
  content: "";
}
/* ================================
	7. Counter Area
================================ */
.raptas-counter-wrapper {
  background: #f1f1f1;
  padding-bottom: 65px;
  padding-top: 100px;
}
.single-fun-factor {
  margin-bottom: 30px;
}
.fun-factor-icon {
  font-size: 35px;
  line-height: 1;
  margin-bottom: 20px;
}
.single-fun-factor h2 {
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 18px;
}
.single-fun-factor p {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: capitalize;
}
/* ================================
	8. Team Area
================================ */
.raptas-team-wrapper {
  padding-bottom: 80px;
  padding-top: 100px;
}
.ht_team {
  padding: 0 0 20px;
}
.ht_thumb{
 position:relative;
}
.ht_thumb:before {
  background: #464646 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.ht_team:hover .ht_thumb:before { 
  opacity: 0.55; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
}
.ht_thumb img {
  display: block;
  width:100%;
}
.ht_hover_content {
  left: 0;
  margin: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.ht_team:hover .ht_hover_content {
  opacity:1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht_team_social {
  margin-bottom: 10px;
}
.ht_team_social a {
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  margin:0 15px
}
.ht_team:hover .ht_team_social a{margin:0 5px} 

.ht_team_social a i{}
.ht_team_social a:hover {
  background: #fff none repeat scroll 0 0;
  border-color: #fff;
  color: #666;
}
.ht_team_pra{}
.ht_team_pra p {
  color: #fff;
  padding: 0 10px;
}
.ht_team_name {
  padding: 15px 10px 0;
  text-align: center;
}
.text-left .ht_team_name, .text-left .ht_hover_content  {
  text-align: left;
}

.text-right .ht_team_name, .text-right .ht_hover_content  {
  text-align: right;
}

.ht_team_name h3 {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  font-size: 20px;
}
.ht_team_name span.degi {
  text-transform: capitalize !important;
}
.t2 .ht_team_name h3 a {
 color:#fff
}
.t2 .degi {
  color: #fff;
}
.ht_team_name p{}
.ht_team:hover {}
.ht_team:hover {}
.ht_team.thumbnail-body.t2 {
  padding-bottom: 0;
}
.ht_team.thumbnail-body {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.column-flush .ht_team.thumbnail-body. {
  margin-bottom: 0px;
}
.team-style-3 [class*="span-"]{
 width:100%;
}
.team-style-3 .ht_team.thumbnail-body {
  margin-bottom: 0;
}
/* carousel style */
.blog-carousel [class*="span-"]{
	width:100%;
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div,
.blog-style-three .blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 0;
    height: 48px;
    left: -50px;
    line-height: 48px;
    margin: -24px 0 0 0;
    width: 48px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div.owl-next, 
.blog-style-three .blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -50px;
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div:hover, 
.blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div:hover {
    border-color: #1BB4B9;
    color: #fff;
    background: #1BB4B9;
}
.carousel-style-one.owl-theme .owl-controls .owl-buttons div, .blog-style-three .blog-carousel.carousel-style-one.owl-theme .owl-controls .owl-buttons div {
  display: none;
}
/* ================================
	9. Blog Area
================================ */
.raptas-blog-wrapper {
  background: #f1f1f1 none repeat scroll 0 0;
  padding-top: 100px;
  padding-bottom: 80px;
}
.blog .pdall-100 {
  padding: 30px 0 80px;
}
/* blog main area */
.ht-blog {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.ht-blog:hover{
	border:1px solid transparent;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);	
}
/* blog image css*/
.ht-blog-thumb{
	position:relative;
}
.ht-blog-thumb:before {
  background: #000 none repeat scroll 0 0;
  content: "";
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .5s;
  transition:.5s;
}
.ht-blog:hover .ht-blog-thumb:before{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-blog-thumb a{}
.ht-blog-thumb img{
	width:100%;
	display:block;
}
/* blog post meta css*/
.ht-blog-thumb span.post_dates {
  background: #0aaac0 none repeat scroll 0 0;
  color: #fff;
  font-size: 18.6px;
  height: 70px;
  left: 0;
  top: 0;
  line-height: 70px;
  margin: auto;
  position: absolute;
  text-align: center;
  width: 70px;
  -webkit-transition: .5s;
  transition:.5s;
}
.ht-blog-thumb span.post_dates:hover{
	background:#f00;
	color:#fff;
}
.ht-blog-thumb span.post_dateslb{
	top:auto;
	bottom:0;
}
.ht-blog-thumb span.post_datesr{
	left:auto;
	right:0;
}
.ht-blog-thumb span.post_datesrb{
	left:auto;
	top:auto;
	right:0;
	bottom:0;
}
.ht-blog-thumb span.post_datescenter{
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
}
/* blog content area */
.ht-single-content {
  padding: 15px;
}
/* blog post meta */
.ht-post-meta{}
.ht-blog-date{}
.ht-blog-date span {
  font-size: 14px;
  margin-right: 10px;
  position: relative;
  color:#888;
}
.ht-blog-date span + span:before {
  content: "";
  position: absolute;
}
.ht-blog-date a{
	  color:#888;
}
.ht-blog-date i {
  margin-right: 2px;
  color:#888;
}
/* blog text area */
.ht-content-text{}
/* blog title css */
.ht-content-text h2 {
  color: #1b1b1b;
  font-size: 18px;
  padding: 15px 0 5px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.ht-content-text h2{
	 color: #1b1b1b;
}
.ht-content-text h2 a:hover{
	 color: #0aaaa0;
}
/* blog paragraph css */
.ht-content-text p {
  color: #333333;
}
/* blog button css*/
.btn_middle{
	text-align:center;
}
.btn_right{
	text-align:right;
}
a.ht-read-more {
  color: #888888;
  display: inline-block;
  font-size: 16px;
  margin-top: 10px;
  padding: 5px 0;
}
.ht-read-more:hover{
	color:#0aaac0;
	border-color: #0aaac0;
}
/* ================================
	10. Testimonial Area
================================ */
.raptas-testimonial-wrapper {
  padding-bottom: 90px;
  padding-top: 100px;
}
.testimonial-carousel.owl-theme .owl-controls .owl-page span {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 0;
  height: 10px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 30px;
}
.testimonial-carousel.owl-theme .owl-controls .owl-page.active span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #fff;
}
.testimonial-image-wrap {
  padding-bottom: 20px;
}
.testimonial-image img {
  border-radius: 50%;
}
.single-testimonial h3 {
  margin-bottom: 15px;
  color: #fff;
}
.testimonial-social p {
  color: #ffffff;
  margin-bottom: 10px;
}
/* ================================
	11. Contact Area
================================ */
.raptas-contact-wrapper {
  background: #f1f1f1 none repeat scroll 0 0;
  padding-bottom: 80px;
  padding-top: 100px;
}
.raptas-contact-wrapper .section-title-wrapper {
  margin-bottom: 20px;
}
.message-box {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.message-box input[type="email"], 
.message-box input[type="text"], 
.message-box input[type="url"], 
.message-box input[type="search"], 
.message-box input[type="password"], 
.message-box input[type="number"], 
.message-box input[type="tel"], 
.message-box input[type="date"] {
-moz-appearance: none;
border: inherit;
color: #666666;
font-size: 13px;
height: 45px;
margin-bottom: 20px;
max-width: inherit;
padding: 0 20px;
}
.message-box textarea {
  -moz-appearance: none;
  border: inherit;
  color: #666666;
  height: 130px;
  margin-bottom: 20px;
  max-width: inherit;
  padding: 15px 20px;
}
.message-box input[type="submit"] {
  border-radius: inherit;
  font-size: 13px;
  padding: 10px 40px;
  text-transform: uppercase;
}
.message-submit-btn {
  position: relative;
  text-align: center;
}
.message-submit-btn .ajax-loader {
  left: 50%;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.raptas-contact-wrapper  .wpcf7-response-output {
  margin: 30px auto auto !important;
  width: 70%;
}
/* ================================
	12. Comment style
================================ */
.grid.comments-nested.push-top {
    border-top: 0px solid #ddd;
}
.push-top-large .children {
    margin-left: 20px;
}
.comment.even.content.well,
.comment-list .even.content.well {
    display: block;
    width: 100%;
}
.comment.odd.content.well,
.comment-list .odd.content.well {
    display: block;
    width: 100%;
}
.comment-respond {
    width: 100%;
}

/* ================================
	13. Footer Area
================================ */
.footer-address {
  border-bottom: 1px solid #333333;
  padding: 25px 0 50px;
}
.footer-top-info ul li {
  color: #ffffff;
  display: inline-block;
  padding-right: 35px;
}
.footer-top-info ul li i {
  color: #ffffff;
  padding-right: 10px;
}
.footer-top-info ul li a {
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.footer-text {
  padding-top: 50px;
}
.social-icon.mt-20 {
  margin-bottom: 23px;
}
.footer-text .social-icon a {
  border: 1px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  height: 30px;
  line-height: 27px;
  margin: 0 5px;
  width: 30px;
}
.footer-text .social-icon a i {
  display: block;
  font-size: 14px;
  line-height: 28px;
}
.footer-text > p {
  color: #ffffff;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.copyright-style-1 {
  padding-bottom: 80px;
}
.copyright-style-1 .content {
  padding-top: 0;
}
.copyright-style-1 #menu-copyright-social {
  margin-bottom: 25px;
  margin-top: 10px;
}
.copyright-style-1 #menu-copyright-social li {
  margin: 0 5px;
}
.copyright-style-1 #menu-copyright-social li a {
  border: 1px solid #ffffff;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 30px;
}
.copyright-area nav.nav ul.menu li > a::before {
	display: none;
}
/* ================================
	14. Breadcrumb Area
================================ */
.breadcrumb-area {
  background: #f1f1f1 none repeat scroll 0 0 / cover ;
  border-bottom: 1px solid #eaeaea;
  padding: 73px 0 68px;
  text-align: center;
}
.breadcrumb-title h1 {
	color: #fff;
  	font-size: 36px;
  	font-weight: 700;
}
.bread-crumbs {
  margin: 0;
}
.breadcrumb-list {
}
.bread-crumbs li,
.bread-crumbs li a {
  	color:;
  	font-size: 14px;
}
.bread-crumbs li a:hover,
.bread-crumbs li .current > a {
	text-decoration: none;
}
/* ================================
	15. Content List Area
================================ */
.content-list-wrapper {
  margin-bottom: 80px;
}

.content-list-wrapper .meta-item {
  display: inline-block;
}
.content-list-wrapper .section-title {
  margin-bottom: 20px;
}
.content-list-wrapper .section-title .heading {
  font-size: 24px;
}
/* ================================
	16. Content Single Area
================================ */
.single-page-wrapper .section-title  {
  font-size: 18px;
}
.single-page-wrapper .section-title .heading {
  font-size: 18px;
}
/* ================================
	17. Sidebar Area
================================ */
select option {
  padding: 5px 10px;
}
.sidebar .well {
  background-color: #fff;
}
.sidebar .section-nav-title {
  border-bottom: 1px solid #5b5b5b;
  color: #444444;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 0 30px;
  padding-bottom: 10px;
  text-transform: capitalize;
}
table#wp-calendar {
  text-align: center;
  margin-top: 0;
}
table#wp-calendar thead th {
  background: #6b6b6b none repeat scroll 0 0;
  color: #ffffff;
  text-align: center;
}
table#wp-calendar td#today {
  background: #6b6b6b none repeat scroll 0 0;
  color: #ffffff;
}
/* scrollUp */
#scrollUp {
  background: #666666 none repeat scroll 0 0;
  bottom: 30px;
  color: #ffffff;
  font-size: 23px;
  height: 40px;
  line-height: 34px;
  position: absolute;
  right: 30px;
  text-align: center;
  width: 40px;
}
#scrollUp:hover {
  background: #303030 none repeat scroll 0 0;	
}

/*===== Theme test fixing Style ======*/
.header-site.invert .nav-horizontal > ul > li > a:hover {
  color: #fff;
}
/* submenu default style */
.nav-horizontal li {
  display: inline-block;
  float: none;
}
.header-site.invert .sub-menu, 
.header-site.invert .sub-menu li a {
  font-size: 13px;
}
nav.nav ul.menu li > ul {
  border: medium none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  top: 130%;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
nav.nav ul.menu li > a {
  color: #8d784a;
  padding: 15px 4px;
  text-transform: uppercase;
}
nav.nav ul.menu li > ul > li {
  border-bottom: 1px solid #f2f2f2;
  width: 225px;
}
nav.nav ul.menu li > ul > li > a {
  color: #444;
  padding: 14px 12px;
  text-transform: capitalize;
}
nav.nav ul.menu li:hover > ul {
  top: 100%;
}
nav.nav ul.menu li > ul li > ul {
  left: 180px;
  visibility: hidden;
}
.header-site nav.nav ul.menu li > ul li:hover  > ul {
  margin-top: 3px;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
nav.nav ul.menu li > a:before {
  background: #ffffff none repeat scroll 0 0;
  bottom: 15px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
nav.nav ul.menu > li:hover > a:before{
  -webkit-transform: scale(1);
          transform: scale(1);
	
}
.header-site nav.nav ul.menu li > ul li > ul {
  left: 225px !important;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.header-site.invert .sub-menu li a:hover {
  background-color: #fff;
  color: #6b6b6b;
}

nav.nav ul#nav li:hover > ul {
  top: 69px;
}
nav.nav ul#nav li:hover > ul > li > ul {
  top: -3px;
}




/* End menu fix style */
.meta-info p span {
  margin-right: 10px;
}

/* heading style */
.story h1,
#comments .copy h1,
.story h2,
#comments .copy h2,
.story h3,
#comments .copy h3,
.story h4,
#comments .copy h4,
.story h5,
#comments .copy h5,
.story h6,
#comments .copy h6
{
  font-weight: 400;
  margin-bottom: 26px;
}
.story h1, #comments .copy h1 {
  font-size: 34px;
}
.story h2, #comments .copy h2 {
  font-size: 28px;
}
.story h3, #comments .copy h3 {
  font-size: 24px;
}
.story h4, #comments .copy h4 {
  font-size: 21px;
}
.story h5, #comments .copy h5 {
  font-size: 18px;
}
.story h6, #comments .copy h6 {
  font-size: 15px;
  font-weight: 500;
}
pre {
  overflow-x: auto;
}
a.button ,.comment-form .form-submit input[type="submit"],.post-password-form input[type=submit],.sidebar .search-submit,.story .search-submit {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #444;
  font-family: roboto condensed;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 30px;
  text-transform: uppercase;
}
a.button:hover ,.comment-form .form-submit input[type="submit"]:hover,.post-password-form input[type=submit]:hover,.sidebar .search-submit:hover,.story .search-submit:hover  {
  background: transparent;
  border: 1px solid #444;
  color:#666;
}
.section-title .heading a {
  color: #444;
}
.content-list-wrapper .section-title {
  margin-bottom: 16px;
}
.avatar .avatar-body .avatar-name {
  color: #444;
  font-size: 16px;
  font-weight: 500;
}
.comment .copy a:not(.button),.comment .story a:not(.button) {
  border: 0 none;
  color: #666666;
}
.comment .copy a:hover:not(.button),.comment .story a:hover:not(.button) {
  color: #222;
}
.single-page-wrapper{
	padding:80px 0px;
}

/* unit test */
.footer-site {
  padding:0px;
}
.copyright-style-1 {
  padding-bottom: 0;
  padding-top: 20px;
}
.single-page-wrapper.tag-sticky-2{
	border:0px;
	padding:80px 0px 20px;
}
/* end unit test */

/* Default Table style */
table{
 margin:20px 0;
 width:100%;
 border:1px solid #ddd;
 border-collapse:separate;
 border-left:0;
 border-radius:4px
}
table th, table td{
 padding:8px;
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 vertical-align:top;
 text-align:left;
 line-height:18px
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td{
 border-top:0
}
table thead:first-child tr:first-child th:first-child,
table tbody:first-child tr:first-child td:first-child{
 border-radius:4px 0 0 0
}
table thead:first-child tr:first-child th:last-child,
table tbody:first-child tr:first-child td:last-child{
 border-radius:0 4px 0 0
}
table thead:last-child tr:last-child th:first-child,
table tbody:last-child tr:last-child td:first-child{
 border-radius:0 0 0 4px
}
table thead:last-child tr:last-child th:last-child,
table tbody:last-child tr:last-child td:last-child{
 border-radius:0 0 4px 0
}
table td, table th {
  border-bottom: 0 solid rgba(0, 0, 0, 0.08);
}
table tr td a {
  color: #444 !important;
  text-decoration: none !important;
}
blockquote {
  background: #f6f6f6;
  color: #666;
  border-left: 2px solid #464646;
  margin-bottom: 26px;
  padding: 20px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote p {
  color: #666;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: normal;
}
.content-main  .copy a:not(.button),.content-main  .story a:not(.button),.content-main  .copy a:hover:not(.button),.content-main  .story a:hover:not(.button) {
  color: #444;
}
/* .content-main {
  padding: 100px 0 106px;
} */
.header-site .container {
  padding: 20px;
}
.alignleft {
  float: left;
  margin-right: 20px;
}
.single header.section-title {
  margin-top: 10px;
}
.comment-list .comment-respond {
  margin-left: 0;
}
.container .comment-list .grid {
  margin-left: 0;
  margin-right: 0;
}
.post-password-form input[type="password"] {
  border: 1px solid #444;
  clear: both;
  display: block;
  font-family: roboto condensed;
  height: 41px;
  margin-bottom: 8px;
  margin-top: 4px;
  overflow: hidden;
  width: 100%;
}
.nocomments {
  margin-top: 6px;
}
.textwidget img {
  margin-top: 10px;
}
pre {
  overflow-x: auto;
  padding-bottom: 22px;
}
.sidebar .widget li:not(:last-child) {
  border-bottom: 0 none;
}
.widget ul li a {
  color: #666;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 14px;
}
.widget ul li a:hover {
  color: #888;
}
.sidebar .section-nav-title {
  margin: 0 0 26px;
}
.tagcloud {
  clear: both;
  overflow: hidden;
}
.tagcloud a {
  border: 1px solid #eeeeee;
  color: #666666;
  display: inline-block;
  float: left;
  font-size: 13px !important;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 5px 20px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.tagcloud a:hover {
  background-color: #666;
  border: 1px solid #666;
  color: #fff;
}
#wp-calendar caption {
  font-family: roboto condensed;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  text-align: left;
  text-transform: uppercase;
}
table#wp-calendar thead th {
  background: #444 none repeat scroll 0 0;
}
table#wp-calendar td#today {
  background: #444 none repeat scroll 0 0;
  color: #fff;
}
#calendar_wrap table tr td a {
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}
#wp-calendar th, #wp-calendar td {
  padding: 5px;
  text-align: center;
}
table#wp-calendar {
  overflow: scroll;
}
.sidebar .search-submit {
  background: #444 none repeat scroll 0 0;
  font-family: roboto condensed;
  line-height: 1;
}
.search-form .search-field {
  border: 1px solid #444;
  color: #444;
  border-right: 0;
}
#wp-calendar #prev > a, #wp-calendar #next > a , #wp-calendar #next  {
  color: #444 !important;
}
.breadcrumb-title h1 {
  color: #444;
}
.story .search-field {
  border-right: 1px solid #444;
  height: 43px;
  margin-bottom: 20px;
}
.story .search-field {
  border-right: 1px solid #444;
  height: 43px;
  margin-bottom: 20px;
  max-width: 70% !important;
}
.nav-mobile nav ul.menu li a {
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
}
.nav-mobile nav ul.menu li > ul > li a {
  color: #fff;
  font-weight: 400;
  padding: 5px 0;
}
.nav-mobile nav.nav ul.menu li > a:before {
  display: none;
}
#menu-main-menu li ul {
  display: none;
}
.nav-mobile .nav, .nav-mobile .nav ul, .nav-mobile .nav ul li {
  position: relative;
  width: 100%;
}
.menu-hitarea {
  background: transparent none repeat scroll 0 0;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu {
    padding-left: 7px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu .sub-menu {
    padding-left: 14px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu .sub-menu .sub-menu{
    padding-left: 21px;
}
.nav-mobile .nav-vertical a {
  font-weight: 400;
}
div[class*=" off-canvas-"] li a{
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.nav-mobile nav.nav ul.menu li > ul {
  margin-top: 0;
}
.wrapper.invert.off-canvas-right.open {
  background: #222 none repeat scroll 0 0;
}
.nav-mobile nav ul.menu li a:hover {
  color: #ddd;
}
.nav-mobile nav.nav ul.menu li > ul > li:hover > a {
  background: transparent none repeat scroll 0 0;
  color: #ddd;
}
.admin-bar .off-canvas-right {
  margin-top: 45px;
}
.off-canvas-right input.search-submit[type="submit"] {
  background: #444 none repeat scroll 0 0;
  color: #fff;
  font-family: "Roboto Condensed",sans-serif;
  border:1px solid #444
}
.off-canvas-right input.search-submit[type="submit"]:hover {
  background: transparent;
  color: #fff;
  border:1px solid #444
}
div[class*=" off-canvas-"] .section-nav-title {
  color: #fff;
}
.off-canvas-right .widget ul li a {
  color: #fff;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 14px;
}
.off-canvas-right .widget ul li a:hover {
  color: #ddd;
}
.layers-header-overlay .breadcrumb-area {
  padding-top: 172px;
}
.nirob {
  padding: 0 !important;
}
.sidebar  .content:first-child {
  padding-top: 0;
}

.tag-sticky-2 {
  border: 1px solid #dddddd;
  padding: 15px;
}

/* -------------------------------- */
.push-top-large,
.comment-respond {
  margin-top: 5%;
}
.comment-reply-title {
  font-size: 2.4rem;
}

/* ================================
	18. Responsive CSS
================================ */

/* ------------------------
	Mobile Device (320)
------------------------- */
@media (max-width: 767px) {
html.js {margin-top:0px!important;}
html .logged-in {margin-top:0px!important;}	
.hidden-xs {
	display: none !important
}
/* Header */
.off-canvas-right.open {
  padding-top: 80px;
}
.close-canvas {
  margin-top: 20px;
}

.logged-in .wrapper-site {
  margin-top: 75px;
}
.header-site.is_stuck_show .container {
  padding: 10px 20px;
}
.logged-in .off-canvas-right.open {
  padding-top: 130px;
}
.logged-in .off-canvas-right.open .close-canvas {
  margin-right: 10px;
  margin-top: 65px;
}
/* Slider */
.raptas-ani-heading {
  font-size: 28px !important;
}
.slider-subtitle {
  font-size: 24px !important;
}
.section-title-wrapper {
  width: 100%;
}
.section-title-wrapper .heading {
  font-size: 24px;
}
/* about */
.raptas-about-wrapper .media-body .heading {
  font-size: 20px;
  margin-bottom: 5px;
}
.raptas-about-wrapper .sub-heading {
  font-size: 14px;
}
/* services */
.raptas-icon-box i {
  font-size: 25px;
}
.raptas-services-wrapper .media-body .heading {
  font-size: 18px;
}
/* gallery */
.filter_menu li {
  font-size: 12px !important;
}
.ht-gallery-content h2 a, 
.ht-gallery-content2 h2 a {
  font-size: 14px;
}
.cat-wrapper span {
  color: #ffffff;
  font-size: 12px !important;
}
/* counter */
.fun-factor-icon {
  font-size: 25px;
}
.single-fun-factor h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.single-fun-factor p {
  font-size: 14px;
}
/* team */
.ht_team_name h3 {
  font-size: 15px !important;
}
.ht_team_name span.degi {
  font-size: 13px !important;
}
/* blog */
.ht-blog-date span, .ht-blog-date a {
  font-size: 12px !important;
}
.ht-content-text h2 a {
  font-size: 16px !important;
}
/* Contact */
.raptas-contact-wrapper .content {
  padding: 0;
}
.message-box {
  width: 100%;
}
/* footer */

.footer-site .grid.footer-top-grid {
  padding-top: 60px !important;
}
.copyright-style-1 {
  padding-bottom: 50px !important;
}
.copyright-style-1 .nav-horizontal {
  margin-top: 10px;
}
.footer-top-info ul li {
  padding-bottom: 5px;
  padding-right: 0;
}
.copyright-style-1 .nav-horizontal ul {
  display: block !important;
}
.copyright-style-1 #menu-copyright-social {
  margin-bottom: 15px;
  margin-top: 0;
}



#scrollUp {
  bottom: 20px;
  font-size: 20px;
  height: 30px;
  line-height: 24px;
  right: 20px;
  width: 30px;
}
/* content-list */
.content-list-wrapper .section-title .heading {
  font-size: 18px;
}
/* breadcrumbs */
.bread-crumbs li {
  display: inline-block;
  float: none;
}
.layers-header-overlay .breadcrumb-area {
  padding-top: 150px;
}
/* sidebar */
.sidebar .content:first-child {
  padding-top: 30px;
}
.sidebar .content {
  padding-left: 0;
  padding-right: 0;
}
.search-form .search-field {
  border: 1px solid #444;
}
.story p {
  font-size: 14px;
}



}

/* ------------------------
	Tablet Device  (768)
------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	
.hidden-sm {
	display: none !important
}
/* Header */
.logged-in .off-canvas-right.open {
  padding-top: 50px;
}
.logged-in .off-canvas-right.open .close-canvas {
  margin-top: 30px;
}
/* Slider */
.raptas-ani-heading {
  font-size: 36px !important;
}
.slider-subtitle {
  font-size: 30px !important;
}
.section-title-wrapper {
  width: 80%;
}
.section-title-wrapper .heading {
  font-size: 30px;
}
/* about */
.raptas-about-wrapper .media-body .heading {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 0;
}
.raptas-about-wrapper .sub-heading {
  font-size: 14px;
}
/* services */
.raptas-services-wrapper .span-3,
.raptas-services-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
.raptas-icon-box i {
  font-size: 25px;
}
.raptas-services-wrapper .media-body .heading {
  font-size: 18px;
}
/* gallery */
.raptas-gallery-wrapper .span-3,
.raptas-gallery-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
.ht-gallery-content h2 a, 
.ht-gallery-content2 h2 a {
  font-size: 14px;
}
.cat-wrapper span {
  color: #ffffff;
  font-size: 12px !important;
}
/* counter */
.fun-factor-icon {
  font-size: 25px;
}
.single-fun-factor h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.single-fun-factor p {
  font-size: 14px;
}
/* team */
.ht_team_name h3 {
  font-size: 15px !important;
}
.ht_team_name span.degi {
  font-size: 13px !important;
}
.ht_team_social a {
  margin: 0 5px;
}
/* blog */
.raptas-blog-wrapper .span-3,
.raptas-blog-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
.raptas-blog-wrapper .owl-carousel .span-3,
.raptas-blog-wrapper .owl-carousel .span-4 {
  width: calc(100% / 12 * 12 - 20px);
}
.ht-blog-date span, .ht-blog-date a {
  font-size: 12px !important;
}
.ht-content-text h2 a {
  font-size: 16px !important;
}
/* Contact */
.raptas-contact-wrapper .content {
  padding: 0;
}
.message-box {
  width: 100%;
}
/* footer */
.footer-site .grid.footer-top-grid {
  padding-top: 60px !important;
}
.copyright-style-1 {
  padding-bottom: 50px !important;
}
.copyright-style-1 .nav-horizontal {
  margin-top: 10px;
}
.footer-top-info ul li {
  padding-bottom: 5px;
  padding-bottom: 5px;
}
.copyright-style-1 .nav-horizontal ul {
  display: block !important;
}
.copyright-style-1 #menu-copyright-social {
  margin-bottom: 15px;
  margin-top: 0;
}

/* sidebar */
.sidebar .content:first-child {
  padding-top: 30px;
}
.sidebar .content {
  padding-left: 0;
  padding-right: 0;
}
.search-form .search-field {
  border: 1px solid #444;
}
.story p {
  font-size: 14px;
}
/* breadcrumbs */
.bread-crumbs li {
  display: inline-block;
  float: none;
}


}

/* ------------------------
	Tablet Device (640)
------------------------- */
@media only screen and (min-width: 481px) and (max-width: 640px) {
	
.raptas-about-wrapper .media-body .heading {
  margin-bottom: 5px;
  margin-top: 0;
}
/* services */
.raptas-services-wrapper .span-3,
.raptas-services-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
/* gallery */
.raptas-gallery-wrapper .span-3,
.raptas-gallery-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
/* team */
.raptas-team-wrapper .span-3,
.raptas-team-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
.ht_team_social a {
  margin: 0 5px;
}
/* blog */
.raptas-blog-wrapper .span-3,
.raptas-blog-wrapper .span-4 {
  width: calc(100% / 12 * 6 - 20px);
}
.raptas-blog-wrapper .owl-carousel .span-3,
.raptas-blog-wrapper .owl-carousel .span-4 {
  width: calc(100% / 12 * 12 - 20px);
}
/* breadcrumb */
.layers-header-overlay .breadcrumb-area {
  padding-top: 150px;
}

}

/* -------------------------------------------------
	Tablet Device (840)
---------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 840px) {
/* breadcrumbs */
.layers-header-overlay .breadcrumb-area {
  padding-top: 192px;
}


}

/* ------------------------
	Medium Device
------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
	
.hidden-md {
	display: none !important
}
/* about */
.raptas-about-wrapper .media-body .heading {
  margin-top: 0;
  margin-bottom: 0;
}

}

/* ------------------------
	Large Device
------------------------- */
@media (min-width: 1200px) {
	
.hidden-lg {
	display: none !important
}

}