/*
Theme Name: Interio
Theme URI: http://tohidgolkar.com
Author: Tohid Golkar
Author URI: http://tohidgolkar.com
Description: Interio is a Premium WordPress theme based on the Skeleton Responsive framework, Clean design with more felexibility and awesome sliders, support RTL languages and WPML.
Version: 1.5.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Interio
*/

@import url("stylesheets/skeleton.css");
@import url("stylesheets/base.css");
@import url("stylesheets/layout.css?v1.5.1");

/* 
**** Common **** 
*/
.textleft {text-align:left;}
.right {text-align:right;}
.uppercase {text-transform:uppercase;}
.fleft { float:left; }
.nowrap { white-space: nowrap; }

.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 20px;
}
.page-id-584 .wp-caption.alignleft { margin: 5px 0; padding: 0; }
h3.title { font-size: 19px; line-height:28px;}
h4.title { font-size: 17px; line-height: 21px; }

/* 
**** Button **** 
*/
.button.x-small a {
  height: 18px;
  line-height: 16px;
}

/* 
**** Header **** 
*/
.sub_header { background:#0a5081; height:auto; position:relative; z-index:2; }
.sub_header .right_sub_text { font-size: 16px;font-weight: bold; margin-left: 10px;
    width: auto;}

.band.main { background:transparent; }
.band.main.sticky { position:relative!important; }
.band.main.sticky.fixed { position:fixed!important; background:#0a5081!important; }
.band.main.sticky.fixed h1.logo a img {width: 85%; }

h1.logo a img { max-width:85%; }

.band.title {margin-top:0;/*margin-bottom:-100px;*/ background:/*url("images/main_bg4_center.png") no-repeat center top,*/ url("images/main_bg4.png") repeat-x;}
.band.title_wrap { text-align:center; position:absolute; width:100%; z-index:1; }
.band.title_wrap img { width:100%; }
nav.main ul { margin-top:8px; }
.sf-menu a:hover, .sf-menu li.current-menu-item > a { color:#fff!important; background:#0a5081; }
.sf-menu li a {  padding: 4px 6px!important; }
.sf-menu ul.submenu { margin-top: -10px; }
.tab .ibtn:before, .respo_menu:before { color:#c6ebff!important; }
.band.content { /*padding-top:120px;*/ position:relative; z-index:2; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:20px; /* match top ul list item height */
}
a > .sf-sub-indicator { top: 0px; color:#333; font-size:1rem;}
.sf-sub-indicator { background:none; text-indent:inherit; overflow:inherit; }
.sf-menu li.current-menu-item a > .sf-sub-indicator { color:#fff!important; }
.sf-menu li a:hover > .sf-sub-indicator { color:#C6EBFF!important; }
.sf-menu li .menu-disabled > a { background:#f3f3f3!important; color:#888!important; font-style:italic; }
.page_title { z-index:3; }

.page_title h2 {  margin: 20px 70px 10px 0; }
#crumbs { /*top:60px;*/ margin-bottom: 20px; float:right; position:unset;}

/* 
**** Slider **** 
*/
.flexslider { margin:10px 0 0; }
.center_caption { width:100%; margin: 7.5% auto;}
.flex_caption { background: rgba(0,0,0,.4); }
.flex_caption h4 { font-size:24px; line-height:32px;}
.flex_caption h4 span { font-size:32px;}
ol.flex-control-nav {
  margin: 20px 0 3px;
  background: url('images/pattern/99.png') repeat;
}
ol.flex-control-nav li { 
	vertical-align:middle;
	margin:0 3px;
	height:10px;
	width: 15%;
}
ol.flex-control-nav li a {
  background: #a9a9a9;
  border-radius: inherit;
  box-shadow: none;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  font: 0px/0 a;
  height: 5px;
  margin: 0;
  text-shadow: none;
  width: 100%;
}
ul.flex-direction-nav li a, 
ol.flex-control-nav li a:hover, 
ol.flex-control-nav li a.flex-active,
.nivo-directionNav a, 
.nivo-controlNav a:hover, 
.nivo-controlNav a.active, 
.nav-arrows a, 
.pxs_navigation span {
	background: #525252!important;
}
.slider_shadow {
  position: relative;
  z-index: 3;
}

/* 
**** Ad Box **** 
*/

.adbox h2 {font-size:24px!important;line-height:30px;important}
.adbox .button { white-space:nowrap; margin: 10px auto !important; }
.adbox.style7 .inside {
    background: none repeat scroll 0 0 #f85218;
}
.style7 h2,
.style7 h3,
.style7 h4,
.style7 p {
	color:#fff!important;
}

.adbox.style8 { border: 2px dashed #CCCCCC!important; }
.adbox.style8 .inside{
	background:url(images/bg_off.png);
	}
.adbox.style8 .inside{
	border: 1px solid #CCC;
    border-radius:5px;
    margin: 10px;
	}

.blog-sidebar .button a { font-size:12px; }

/* COUPON */
.adbox .coupon-logo {width:60%; max-width: 160px; float:right; margin-top:15px; background:#0A5081; border-radius:10px; padding:5px;}
.button.none { display:none; }



/* 
**** Featured Box **** 
*/

.featured-services {
	margin-top:30px;
}
.featured-services .four.columns {
    	width: 210px;
    	margin-right:33px;
    	margin-left:0;
}
.featured-services .columns .box {
	padding:0;
}
.featured-services .box .title {
	height:72px;
}
.featured-services .columns.omega{
	margin-right:0;
}
.featured-services .icons{
	margin-bottom:25px;
}
.featured-services .title h2 {
	display:block;
	text-align:center;
	line-height:normal;
	margin-bottom:30px;
}
.featured-services .liststyle {
	margin-left:0;
	min-height: 145px;
}
.featured-services .liststyle li {
	color:#393535;
	font-family: 'Fira Sans', sans-serif;
	font-size:14px;
	margin-bottom:10px;	 
}
.featured-services .box .button a {
	font-family: 'Fira Sans', sans-serif;
	font-size:14px;
	background-image:none;
	background-color:#15568b;
	height: 30px;
    	line-height: 22px;
    	padding: 5px 13px;
}

.box .title { display:table-row; height:55px; }
h2.featured { vertical-align:middle; display:table-cell;font-family: 'Fira Sans', sans-serif;font-weight:500 !important;color:#15568b!important;font-size:16px !important; }
h2.post, h2.featured {
  color: #0a5081;
}
.content .icons, h2.featured {
  font-size: 15px;
  line-height:25px;
}
.box .texts { display:table-cell; }
.box .texts ul { margin-top:0; text-align:left; }


.content-top { 
	background: url("images/content_top.png") repeat-x center top #e1e1e1!important; 
}
.content-middle { 
	background:#efefef!important;
	border-top: 1px solid #a1a1a1!important;
}
.content-bottom { 
	background:#f7f7f7!important; 
	border-top: 1px solid #a1a1a1!important;
}

.content-top .icons img { background:#ececec; }

/* 
**** Testimonials **** 
*/
.testimonial:after { right:122px!important; }
.testimonial-author { margin-top:10px!important; }
.testimonial-author .testimonial-name { display: inline; position: relative; top: 20px; margin-right: 2%; }
.testimonial-author div.testimonial-image { 
	width:20%; 
	/*display:inline-block; 
	margin: 0 10px;
	vertical-align:middle;*/
	float:right;
}
.testimonial-author div.testimonial-image img {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  float: left;
  margin: 0 7px 14px 6px;
  padding: 5px;
}


/* 
**** Side Bar **** 
*/



/* 
**** Footer **** 
*/
footer.footer { background:#f7f7f7; border-top: 1px solid #a1a1a1;}
footer.bottom { background:#0a5081; }
footer .copyright { color:#fff; }
footer .copyright a { color: #f7f7f7; }
footer .copyright a:hover { color: #e7e7e7; }
footer h4.title { color:#444!important; text-shadow: 1px 1px .5px rgba(0,0,0,.3); }
footer ul li { color:#444!important; text-shadow: 1px 1px .5px rgba(0,0,0,.3);  }
footer p, footer .address, footer .address a {
	color:#444!important;
	text-shadow:  1px 1px .5px rgba(0,0,0,.3);
}
footer .ads a { border-color:transparent; }
footer .ads a img { width: 80px; }
.circle {
	width:25%;
}
.circle:after {
	content: "";
	display: block;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	background: #0A5081; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%;
}
.circle.twitter:after { background:#00aced; }
.circle.facebook:after { background:#3b5998; }
.circle.ihavegot:after { background:#017EFF; }
.circle.vimeo:after { background:#aad450; }
.circle.pinterest:after { background:#cb2027; }
.circle.flicker:after { background:#ff0084; }
.circle.google:after { background:#dd4b39; }
.circle.youtube:after { background:#bb0000; }
.circle.dribbble:after { background:#F46899; }
.circle.linkedin:after { background:#007bb6; }
.circle.rss:after { background:#FF7F00; }

.circle .icon {
	float:left;
	width:100%;
	padding-top:50%;
	line-height:1em;
	margin-top:-0.5em;
	margin-left:-4px;
	text-align:center;
	color:white;
}
footer .widget-social-icon [class^="icon-"]:before, 
footer .widget-social-icon [class*=" icon-"]:before {
  color: #fff!important;
}

footer .social_icons .icon a { background:url("images/social.png") no-repeat #fff;opacity:.5; }

footer .gototop a:hover { color: #fff!important;}

/* 
**** body.no-js class **** 
*/
/*.no-js */
@media (max-width: 768px){
	h1 { line-height: 100px!important; }
	h1.logo { margin-top:-20px; }
	h1.logo a img { width:70%; }
	.band.main.sticky.fixed h1.logo { margin-top:0; }
	nav.main { margin-top:-10px; }
	.band.main.sticky.fixed nav.main { margin-top:0px; }
	.band.main { height: 65px!important; }
	.banner { margin-bottom: 10px!important; }
	
	.circle { width:10%; }
	.circle .icon { margin-left:-3px; }
}
@media (min-width: 479px) and (max-width: 768px){
	h1.logo a img { max-width:33%!important; }
	.band.main.sticky.fixed h1 { line-height: 70px!important; }
	.band.main.sticky.fixed h1.logo a img { max-width:unset!important;  }
}
@media (max-width: 480px){
	h1.logo a img { width:70%; }
	footer .widget-social-icon [class^="icon-"]:before, 
	footer .widget-social-icon [class*=" icon-"]:before{
	  font-size: 17px!important;
	}
	.circle .icon { margin-left:-5px; }
}


/* 
**** Style for print **** 
*/

@media print {
 .page-id-686 .sub_header,
 .page-id-686 .band.title,
 .page-id-686 .blog-sidebar,
 .page-id-686 .container .buttton,
 .page-id-686 footer { display: none; }
  
}






@media(min-width: 64rem) {
	#modal-59c4e78c1963d .pp-modal .pp-modal-content {
		padding: 7rem 2rem 2rem 2rem !important;
	}
}

.modal--form {
	text-align: center;	
}

#modal-59c4e78c1963d .pp-modal .pp-modal-content img {
	margin-bottom: 3.25rem;
}

#modal-59c4e78c1963d .pp-modal .pp-modal-content h3 {
	font-size: 1.875rem;
	font-weight: 400;
	text-align: center;
}
#modal-59c4e78c1963d .pp-modal .pp-modal-content h3 span {
	font-weight: 700;
}
#modal-59c4e78c1963d .pp-modal .pp-modal-content h4 {
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
}	
#modal-59c4e78c1963d .pp-modal {
	background-size: cover !important;
	background-position: center center !important;
}
#modal-59c4e78c1963d .pp-modal-close.box-top-right {
	top: 5rem !important; 
    right: 0.75rem !important; 	
	width: 2.1875rem !important;
    height: 2.1875rem !important;
}

/*** GRAVITY FORMS ***/
#modal-59c4e78c1963d .pp-modal .pp-modal-content .gfield label {
	display: none !important;
}
.pp-modal-content .gform_fields {
	width: 100% !important;	
}
.pp-modal-content .gfield {
	padding: 0 !important;
}
.pp-modal-content .gfield input {
	height: 3.75rem !important;	
	border: none !important;
}
/** Footer Logo */
.pb-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.pb-logo p {
	color: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pb-logo img {
	padding-left: 10px !important;
}