/*
Theme Name: Twenty Ten
*/


/*
RTL Basics
*/


body {
	direction:rtl;
	unicode-bidi:embed;
    height: auto !important;
}


/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {

	margin: 0;
}
#content {
	margin: 0;
}
#primary,
#secondary {
	/*float: left;*/
}
#secondary {
	clear: left;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url,
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
input[type=submit] {
	font-family: 'Heebo', Arial, Tahoma, sans-serif;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#footer-widget-area .widget-area {
	float: right;
	/*margin-left: 20px;
	margin-right: 0;*/
}
#footer-widget-area #fourth {
	margin-left: 0;
}
#site-info {
	float: right;
}
#site-generator {
	float: left;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Text elements */


blockquote {
	font-style: normal;
}

/* Text meant only for screen readers */
.screen-reader-text {
	left: auto;
	text-indent:-9000px;
	overflow:hidden;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
	float: right;
}
#site-description {
	clear: left;
	float: left;
	font-style: normal;
}
#branding img {
	float: right;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	float:right;
}

#access .menu-header,
div.menu {
    margin-right: 0px;
    margin-left: 0;
}

#access .menu-header li,
div.menu li{
	float:right;
}

#access ul ul {
	left:auto;
	right:0;
	float:right;
}
#access ul ul ul {
	left:auto;
	right:100%;
}

/* =Content
-------------------------------------------------------------- */

#content table {
	text-align: right;
	margin: 0 0 24px -1px;
}
.page-title span {
	font-style:normal;
}
.entry-title,
.entry-meta {
	/*clear: right;
	float: right;*/
	margin-left: 68px;
	margin-right: 0;
}

.entry-content input.file,
.entry-content input.button {
	margin-left: 24px;
	margin-right:0;
}
.entry-content blockquote.left {
	float: right;
	margin-right: 0;
	margin-left: 24px;
	text-align: left;
}
.entry-content blockquote.right {
	float: left;
	margin-right: 24px;
	margin-left: 0;
	text-align: right;
}
#entry-author-info #author-avatar {
	float: right;
	margin: 0 0 0 -104px;
}
#entry-author-info #author-description {
	float: right;
	margin: 0 104px 0 0;
}

/* Gallery listing
-------------------------------------------------------------- */

.category-gallery .gallery-thumb {
	float: right;
 	margin-left:20px;
	margin-right:0;
}


/* Images
-------------------------------------------------------------- */

#content .gallery .gallery-caption {
	margin-right: 0;
}

#content .gallery .gallery-item {
	float: right;
}

/* =Navigation
-------------------------------------------------------------- */
.nav-previous {
	float: right;
}
.nav-next {
	float: left;
	text-align:left;
}

/* =Comments
-------------------------------------------------------------- */

.commentlist li.comment {
	padding: 0 56px 0 0;
}
.commentlist .avatar {
	right: 0;
	left: auto;
}
.comment-author .says, #comments .pingback .url  {
	font-style: normal;
}

/* Comments form */
.children #respond {
	margin: 0 0 0 48px;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	margin-right: 0;
}
.widget-area ul ul {
	margin-right: 0em;
	margin-left: 0;
}
#wp-calendar caption {
	text-align: right;
}
#wp-calendar tfoot #next {
	text-align: left;
}

/* Main sidebars */
#main .widget-area ul {
	margin-right: 0;
	padding: 0 0 0 20px;
}
#main .widget-area ul ul {
	margin-right: 0em;
	margin-left: 0;
}

/* =Footer
-------------------------------------------------------------- */
#site-generator {
	font-style:normal;
}
#site-generator a {
	background-position: right center;
	padding-right: 20px;
	padding-left: 0;
}

.wpcf7 {direction: rtl !important;}

/* =Responsive
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	#responsive-menu-pro-container .responsive-menu-pro-search-box {
    background: #fff;
    border: none !important;
    color: #333;
    border-radius: 16px !important;
    font-size: 18px;
		box-shadow: inset 1px 1px 5px rgba(0,0,0,.5);
		height:44px !important;
	
	}
	#responsive-menu-pro-container li.responsive-menu-pro-item a {padding: 0 12% !important;}
	
	#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu.responsive-menu-pro-submenu-open {    background-color: #9e4210;
    border-top: 2px solid #8c3d13;}
	
	#container {max-width: 63%;}
	#primary {max-width:34% }
	.hp-link-box {width:45%; height: auto;}
	.widget-container {background: none; width:100%;}
	.widget-container h3 {background: none;}
	.search-field {margin-top:70px;}
	.cat-wrap {width:45%;}
	.cat-wrap img {float: right; margin: 0 0 0 8px;}
	.cat-wrap a br {display: none;}
}



@media screen and (max-width: 600px) {
	#access {display: none;}
	#site-title {max-width: 320px; float: none; text-align: center;}
	#branding #site-title img {width:100%; height: auto; padding-right: 10px;}
	.top-menu-header ul li {padding: 0 8px;}
	.search-field {float: none; margin: 0 auto 20px ; width:230px; display: none;}
	#smooth_slider, .smooth_slider {background: none;}
	.hp-link-box {width:90%; height: auto;}
	.cat-wrap {width:90%;}
	.cat-wrap img {float: right; margin: 0 0 0 8px;}
	
	
	#main {padding: 10px 10px 0 10px;}
	#container, #primary {max-width: 100%;}
	
	
	#footer {height: auto;}
	#site-info {width:100%; float: none; text-align: center;}
	#footer-widget-area .widget-area {float: right; width:40%;}
	#footer-widget-area #fourth {margin-right: 18px;}
	
	.serp-thumb {display: none;}
	.serp #content .entry-title {font-size: 20px;}
}


#responsive-menu-pro-title-image img {max-width: 270px; height: auto;}
.landing-slider .slick-slide {border-radius:0 12px 12px 12px;}
.slick-slide img {width:100%; height:auto;}
.slide-content {position:absolute; left: 10px; bottom:10px; color:#fff;}
#content .slide-content h3 {margin:0; color:#e9ddff; font-size: 22px;}
.slick-slide img {border-radius: 0 12px 12px 0;}

.slick-slide .image {position: relative; border-radius: 12px; background-position: center top; background-size: cover; height: 400px;}
.slick-slide .image::after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #173330  95%);
  margin-top: 0;
  height: 170px;
  width: 100%;
  content: '';
	bottom:0;
	border-radius: 0 0 12px 12px;
}

@media (max-width:550px){
    
    .slick-slide .image::after {
        
        background-image: linear-gradient(to bottom, rgba(160, 86, 216, 0.08) 0%, #45184c 100%);
            height:70%;
        
    }
}

.landing-slider .slides img {width: auto; height: 380px;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
	box-shadow: 9px 0 8px 9px rgba(0,0,0,1);
}
.slick-dots {bottom:-8px; right:10px; text-align: right;}
/*.slick-dots li {display: inline;}*/
.slick-dots li button:before {content:''; background: #fff; width:8px; height: 8px; border-radius: 50%; opacity:0.5; box-shadow: 0 0 4px 1px rgba(0,0,0,.5); }
.slick-dots li.slick-active button:before {opacity: 1;}

.slick-prev:before, .slick-next:before {color:#333;}

.landing-slider .slide-content {max-width: 420px;}

/*Related-posts*/
@media (min-width:700px){
	.related-posts .item {float: right; width:31%; margin: 0 0 0 22px; overflow: hidden;}
	.related-posts .item:last-child {margin-left: 0;}
	.related-posts .item img{ height:130px; transition:all ease 0.2s; }
	.related-posts .item .related-img {height: 140px; object-fit: cover;}
	
	.related-posts .item .related-img img:hover {transform: scale(1.05);}
	
	.hp-posts .item { float: right; overflow: hidden; border-radius:10px;padding: 0; box-sizing: border-box; width:19%; margin: 0 0 0 12px;}
	.hp-posts .item .sub-title {font-size: 14px; line-height: 20px;}
	.hp-posts .item .hp-posts-img {object-fit: cover;}
	.hp-posts .item:last-child {margin-left:0; float: left;}
	.hp-posts .item .hp-posts-img img {height: 200px; width:auto; transition:all ease 0.2s; }
	
	.hp-posts .item .hp-posts-img img:hover {transform: scale(1.02);}
}
.related-posts h4 {border-bottom:1px solid; font-size: 18px; font-weight: bold;}
.addtoany_header{
	margin-top:20px;
	border-bottom: 1px solid;
    font-size: 18px;
    font-weight: bold;
	color:#4b618d;
}
.hp-posts {overflow: auto; margin-bottom: 30px;}



.hp-posts .item .hp-posts-img img {height: auto; width:100%; transition:all ease 0.2s; box-shadow: 0 3px 7px -1px rgba(0,0,0,.6);}
.hp-posts .item .hp-posts-img img:hover { box-shadow: 0 6px 22px -1px rgba(0,0,0,.6);}


.page-template-homepage .breadcrumbs,
.home .breadcrumbs {display: none;}

@media (max-width:700px){
	.slick-slide .image {height:270px;}
	.slide-content {bottom:30px; left: 0;}
	.landing-slider .slide-content {
		width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: inherit;
	}
	.hp-posts .item {margin-bottom:25px;}
	.hp-posts .item .sub-title a {font-size: 16px;}
}

.info-box {border-radius: 10px;
    border: 2px solid #a6cac6;
    margin: 10px auto;
    max-width: 650px;
    background-color: #eee;
    padding: 20px;
}
.category .info-box img {display: block;}
.category .info-box p {background: none;}
.info-box h3 {font-weight: bold; font-size: 18px;}
.info-box p a:link,
.info-box p a:visited{color:#005CFF; font-weight: bold; font-size: 15px;}


.wpcf7 label {float: right; margin: 0 0 0 10px; width:152px;}
input[type="tel"],
input[type="text"],
input[type="email"] {border-radius:5px; padding:4px;     border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,.1); width:95%; background: #f9f9f9;}
#feedback input[type="submit"],
#content input[type="submit"] {padding: 4px 35px; border-radius: 5px; transition: all ease 0.2s; box-shadow: 0 1px 7px 0px rgba(0,0,0,.5); background-color: #8d4f96; color: #fff; font-weight: bold; border:1px solid #A362AC;}
#feedback input[type="submit"]:hover,
#content input[type="submit"]:hover {cursor:pointer;box-shadow: 0 2px 10px 0px rgba(0,0,0,.4); transform: translateY(-1px); }

div.wpcf7 form.contact-page label{ float: none; margin: 0 0 0 0px; width:100%;}
div.wpcf7 form.contact-page .form-title {display: none;}
div.wpcf7 form.contact-page {padding-top:20px;}


div.wpcf7 {padding: 16px;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding-top: 0px;
    padding-bottom: 0;
    background-color: #fff;
	margin:15px 0;}
#content div.wpcf7 p {margin-bottom: 5px;}

.hp-form div.wpcf7 {padding-bottom: 20px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1), 0 -1px 0 #fafafa inset, 0 1px 0 #fafafa inset;}
.hp-form .wpcf7 label {width: 260px;}

div.form-title {font-weight: bold; line-height: 2.5;}

@media (max-width:700px){
	
	.wpcf7 label {float: none; margin: 0 0 10px 0px; width:100%; display: block;}
	div.wpcf7 {padding-bottom: 10px;}
	#feedback {display: none;}
	
}
/*Slideout Form*/
#feedback {position: fixed; top:150px; left:-215px;}
#feedback a {background-color: #8d4f96;
    display: block;
    width: 40px;
    height: 175px;
    float: left;
    position: absolute;
    top: 30px;
    right: -37px;color:#fff;
transition:all ease 0.2s;
	border-radius: 0 12px 12px 0;
	
}
#feedback a span{    transform: rotate(-90deg);
    transform-origin: bottom right;
    float: right;
    display: block;
    margin: 0px;
    width: 143px;
    height: 30px;
    font-size: 17px;
	margin-top:-11px;
}
#feedback a:hover {background-color: #A15AAB;
					transform: translateX(2px);
	}
#feedback a span.close {display: none; position: relative;
    top: -20px;
    transform: rotate(0);
    transform-origin: 0 0;
    left: 8px;
	border-radius: 50%;
	border:2px solid;
	line-height: 1.8;
	text-align: center;
	font-size: 12px;
	width:20px;
	height: 20px;
	background-color: #8d4f96;
	


}
#feedback a.show span.close {display:block;}
#feedback a.hide span.close {display:none;}

#feedback div.wpcf7 {width:200px; position: relative; z-index: 100;}
#feedback div.wpcf7 label {float: none; display: block; margin: 10px 0;}
#feedback div.wpcf7 {padding: 10px;  box-shadow: 5px 0 6px 0px rgba(0, 0, 0, 0.11);}


/* 
Mobile popup modal
---------------------------------------------------------*/
#contact-box, a.login-window {   display: none;}
@media (max-width:768px){
	
	footer.site-info {padding-bottom: 45px;}

/*LOG IN POP UP*/
/* Mask for background, by default is not display */
.strip-container {position: fixed; left:0; bottom:0; z-index: 8000; padding: 0 8px;}
a.login-window {
    display: block;
    width: 49%;
    margin: 0 auto;
    padding: 14px 0;
   
    color: #fff;
    border-radius: 4px;
    z-index: 8000;
    right: 0;
    bottom: 0;
    text-align: center;
    text-decoration: none;
   /* font-family: 'Heebo', 'Carmela', Arial, Tahoma, sans-serif;*/
    font-size: 20px;
    background-color: #b08ab6;
    /*border: 1px solid #698F07;*/
	cursor: pointer;
	float: left;
	
}
	.strip-container a.phone {float: right; width:49%; background-color: #b08ab6;
      cursor: pointer;color:#fff; font-size: 30px; text-align: center; padding:11px 0 5px 0;  border-radius: 4px;}
	.login-popup div.wpcf7-validation-errors {border-color:#8D4F96 }
a.login-window:hover {background-color: #8D4F96;}
/*#contact-box {position:absolute; bottom:100px; left:0; right:0; width:90%; }*/

#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1;
}

.login-popup {
    display: none;
    padding: 0px;
   width:90%;
   margin:0 auto;
   font-size: 1.2em;
   position: fixed;
   left:0;
   right:0;
	bottom:60px;
    z-index: 99999;
   
}
	body.iosbugfixcaret {position: fixed; width:100%;}
	#contact-box .form-title {color:#333;}
img.btn_close {
    float: right;
    margin: -28px -28px 0 0;
}


form.signin input:-moz-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

form.signin input::-webkit-input-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}
a.close {
	display:block;
	color:#333;
	text-decoration:none;
	position:absolute;
	left:34px;
	top:13px;
	
	font-weight:700;
	width:20px;
	height:20px;
	padding:3px;
	text-align:center;
	background-color: #eee;
	border-radius: 50%;
}
.login-popup .wpcf7 {
	max-width:700px;
	margin:7px auto;
	color:#fff;
	text-align:center;
	width:80%;
	
}
	.login-popup .wpcf7 h4 {color:#fff; margin-bottom: 0; margin-top:30px; font-weight: 300;}
.login-popup .wpcf7 a:link,
.login-popup .wpcf7 a:visited {color:#fff; text-decoration:underline;}
.login-popup .wpcf7 a:hover,
.login-popup .wpcf7 a:active {color:#fff;}
.login-popup .wpcf7 .modal-title {color:#fff; display:inline-block; margin:10px 0; font-size:20px;font-family: 'Heebo', 'Carmela', Arial, Tahoma, sans-serif; padding:0 10px; line-height:28px;}

	.login-popup p.submit {margin-right: 19px;}
	.login-popup .wpcf7 input[type="text"], .login-popup .wpcf7 input[type="tel"], .login-popup .wpcf7 input[type="email"], .login-popup .wpcf7 input[type="url"], .login-popup .wpcf7 input[type="number"], .login-popup .wpcf7 textarea {
	border-radius:6px;
	padding:6px 10px;
	width:78%;
	
}
.login-popup .wpcf7 input[type="submit"]{
	padding:4px; color:#fff; background-color:#8D4F96; text-align:center; font-size:18px; 
	font-family: 'Heebo', 'Carmela', Arial, Tahoma, sans-serif; border:none; border-radius:6px; margin:0 auto; width:auto; -webkit-appearance: none; font-weight: 300; padding: 8px 60px;}
.login-popup .wpcf7 input[type="submit"]:hover{background-color:#315333;}
.login-popup .wpcf7 img.ajax-loader {display:block; margin-top:4px;}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
	font-size:12px;
	right:26% !important;
	top:3% !important;
	opacity:0.8;
	border-radius:6px;
}
}