@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,600';
@import 'https://fonts.googleapis.com/css?family=Droid+Serif:400,700';
@import 'https://fonts.googleapis.com/css?family=David+Libre:400,500,700';

html {margin: 0; padding: 0; min-height:100%; min-width:100%;}
body {
    font-size:14px;
	font-family: 'Open Sans', sans-serif;
    margin: 0;
	padding:0;
	background: #FFF;
}
.clearfix {
*zoom: 1;
}
.clearfix:after,
.clearfix:before {
overflow: hidden;
display: table;
content: '';
}
.clearfix:after {
clear: both;
}

img, iframe {
max-width: 100%;
height: auto;
display: block;
margin:0; padding:0; border:none;
}
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a{color:#000; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:#ee5845;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
/*======== main css =========*/

.wrapper {
    width: 100%;
    margin:0px auto;
	padding:0;
	position:relative;
}
.next-wrapper {
    width: 960px;
    margin:0px auto;
	padding:0;
}
.indx-left-col{width:13%; position:fixed; left:0;top:0; height:100%; background:#000;}
.logo-area{display:block; text-align:center; padding-top:15px;}
.logo-area img{max-width:95px; display:inline-block;}
.logo-txt{display:block; text-align:center; margin-top:80px;}
.logo-txt a{color:#b2940a; font-size:14px; text-transform:uppercase; font-weight:400; font-family: 'Roboto', sans-serif;}

.conntooltip{position:absolute; top:52px; right:50px;}
.conntooltip a{color:#fc729f;}
.conntooltip .conntooltiptext{visibility: hidden; white-space: nowrap; position: absolute; width:auto; background-color:#FFF;color: #000; text-align: center; padding: 5px 10px;border-radius:2px; z-index: 1;opacity: 0;transition: opacity 1s; font-size:12px;}
.conntooltip-top{bottom:125%;left:50%; margin-left: -40px;}   
.conntooltip-top::after{content: "";position: absolute;top: 100%; left: 50%;margin-left: -5px; border-width: 5px; border-style: solid;  border-color: #FFF transparent transparent transparent;}
.conntooltip:hover .conntooltiptext {visibility: visible;opacity: 1;}
.conntooltip:hover{color:#f46f34;}

.editmenuarae{ display:block; position:relative; clear:both; bottom:20px;}
.toptool{top:-20px; right:70px;}
.txttool{margin-left: -50px;}

.navigation{display:block; margin-top:50px;}
.navigation ul{list-style:none;}
.navigation ul li{display:block; position:relative;}
.navigation ul li a{font-size:13px; color:#FFF; padding:8px 0; display:block; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:300; letter-spacing:2px;}
.navigation ul li a:hover{color:#b2940a;}
.navigation ul li.nav_active > a:after{
  position: absolute;
  top: 13px;
  right: 22px;
  display: block;
  content: '\f107';
  font-family: FontAwesome;
  font-size:13px;
	}
.navigation ul li.nav_active:hover > a:after{content: '';}	
.navigation ul li.nav_active:hover > a:before{
	position: absolute;
  top: 13px;
  right: 22px;
  display: block;
  content: '\f106';
  font-size:13px;
  font-family: FontAwesome;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.navigation ul li ul{position:relative; top: 0;left:0; right:auto;
opacity: 0;
 transition: opacity 1s ease-out; /*transition:opacity 0.5s linear;*/ height:0;  visibility:hidden;}
.navigation ul li ul li{display:block;}
.navigation ul li ul li a{font-size:13px; padding:10px 0;}
.navigation ul li:hover ul{
 opacity: 1;
 height:auto;
  visibility:visible;
}
.top-navigation{display:none; z-index:999;}

.social-copy{position:absolute; bottom:15px;}

.indx-social-share{display:block; text-align:center; padding:0 10px; clear:both; }
.indx-social-share ul{list-style:none;}
.indx-social-share ul li{float:left; margin:10px 5px 5px;}
.indx-social-share ul li a{display:block; color:#FFF; font-size:18px;}
.indx-social-share ul li a:hover{color:#b2940a;}

.top-social-share{display:block; text-align:center; padding:0 10px; clear:both; float:right; }
.top-social-share ul{list-style:none;}
.top-social-share ul li{float:left; margin:10px 8px 5px;}
.top-social-share ul li a{display:block; color:#828280; font-size:18px;}
.top-social-share ul li a:hover{color:#b2940a;}


.copy{display:block; clear:both; text-align:center; color:#828280; font-weight:bold; margin-top:30px; font-size:13px;}
.copy a{color:#c7c7c6;}
.copy a:hover{color:#b2940a;}

.indx-right-col{width:87%; float:right; position:relative; overflow:hidden; margin:0;}
.porfoliogallery{position:absolute; top:50px; left:0px; right:0; margin:0 auto; width:180px; border-radius:3px; overflow:hidden; z-index:9999;}
.porfoliogallery a{display:block; text-align:center; padding:5px 0; background:#f46f34; color:#FFF;}
.porfoliogallery a i{margin-right:8px;}
.porfoliogallery a:hover{ background:#ef3453;}
.grid {
	list-style: none;
	padding: 0;
	margin:0;
	position:relative;
}

.grid-item {
	float:left;
	padding: 0px;
	width: 33.31%; height:auto;
	margin:0px;
	box-sizing: border-box;
	background: #000;
	position:relative;
}
/*.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
	padding:0; margin:0;
}*/
.grid-item img {max-width: 100%; display:block;}
.grid-item img {
	opacity: 1;
	/*-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
}
.grid-item:hover img {
	opacity: .5;
}
.grid-item iframe {margin:0 auto; height:250px;}

.grid-item span {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 1;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
.grid-item span a{color: #FFF; font-size: 18px;}
.grid-item span a:hover{color:#b99b0f;}
.grid-item:hover span {
	top: 30px;
	opacity: 1;
}

.grid-item p {
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 999;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.grid-item:hover p {
	left: 20px;
	opacity: 1;
}


/* Effect 3: Scale up */
/*.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
*/
/*=============== blog part =================*/

/*=== global-top ==*/
.global-top-left ul.global-left-nav{margin:2px 0px !important;}
/*======= editor css override =======*/
.froala-wrapper{margin-top:15px;}



/* CART WISHLIST ICON BUTTONS*/

.icon-group-btn > .btn-cart{
	margin: 0px 0; 
	float: left; width: 40px; margin-right: 0px;	
	text-decoration: none;
	transition:all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
}
.icon-group-btn span{ float: left; line-height: 30px; text-decoration: none;}
.icon-group-btn .icon-cart{
	width: 70px; 
	height: 30px;
	text-align:center;
	margin:0px 0 0;
	color:#333;
	font-size:15px;
	font-weight:600;
	text-transform:capitalize;
	cursor:pointer;
}
.icon-group-btn .icon-cart-text{
	text-indent: -40px; width: 0; height: 30px;
	position:relative; top:-30px; left:70px; margin-bottom:-30px;
	font-size:100%; overflow: hidden;
	color: #000;
	transition:all 0.4s ease-in-out 0s;
	-o-transition:all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
}
.icon-group-btn .icon-cart-text a{display:inline-block !important; font-size:15px; margin:0 2px 0 5px; color:#afaeae;}
.icon-group-btn .icon-cart-text a:hover{color:#f4793d;}
.icon-group-btn:hover .icon-cart{
	
}
.icon-group-btn:hover .icon-cart-text{	
	width: 120px;		
	text-indent: 0;
}



/*==== contact form ===*/
#contact-form{ display:block; width:90%; }
#contact-form form input[type=text],#contact-form form input[type=email],#contact-form form input[type=tel]{ width:99%; padding:5px 5px; background:#FFF; border:1px solid #d1d1d1; margin-bottom:10px; border-radius:3px;}
#contact-form form input[type=text]:focus,#contact-form form input[type=email]:focus,#contact-form form input[type=tel]:focus{outline:1px solid #ed3f3f;}
#contact-form form textarea{ width:99%; height:50px; padding:8px 5px; background:#FFF; border:1px solid #d1d1d1; margin-bottom:0px; border-radius:3px;}
#contact-form form textarea:focus{outline:1px solid #ed3f3f;}
#contact-form form input[type=button]{padding:6px 12px; margin:10px 0 0 0; cursor:pointer; border:1px solid #f4793d; background:#f4793d; color:#FFF; text-transform:uppercase; letter-spacing:1px; font-size:14px; font-family:'Open Sans', sans-serif !important; border-radius:3px;}
#contact-form form input[type=button]:hover{background:#333; color:#FFF; border-color:#333;}

#sqm_erpf{color:#dc3726; display:block; padding:10px 0; position:relative; }
#sqmdpf center {color:#dc3726; display:block;}


/*=======  email subscription ========*/
form#znsf input[type=text]{ display:inline-block; vertical-align:top; width:65%; padding:0 0 0 10px; height:33px; line-height:33px; background:#f1f1f1; border:1px solid #f1f1f1;  outline:none; font-size:14px; box-sizing:border-box; }
form#znsf .zns{ width:70px; padding:0px 0px; text-align:center; height:33px; font-size:14px; text-transform:uppercase; background:#b2940a; color:#FFF; font-style:normal; font-weight:600; border:none; box-sizing:border-box; border-radius:0 2px 2px 0;}
form#znsf .zns:hover{ background:#000; color:#fff; cursor:pointer; outline:none;}
form#znsf .zns:focus{outline:none;}
#znse {color:#ec2329; display: block; clear: both; text-align:center; padding: 5px 0 0 5px; font-size:13px;}
#nsc{color:#ec2329;}

form#znsf input[type=text]::-webkit-input-placeholder
{color:#999999; letter-spacing:1px; }
form#znsf input[type=text]:-moz-placeholder
{color:#999999; opacity:1; letter-spacing:1px;}
form#znsf input[type=text]::-moz-placeholder
{color:#999999; opacity:1; letter-spacing:1px;}

/*=========================================*/
/*=========    For Blog CSS     ============*/
/*=============             ===============*/
/*=========================================*/

/*======== global =====*/
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

.right-align{float:right;}
.left-align{float:left;}

.responsive-img{max-width:100%; margin:0; padding:0;}
.img-responsive{max-width:100%; margin:0 auto;} 


.clearfix:after {visibility: hidden;display: block;	font-size: 0;content: " ";clear: both;height: 0;}
/*========= end ========*/
.left-col{float:left; width:74.5%; display:block; margin:15px 0 0 20px;}
.right-col{float:right; width:300px; display:block; margin:15px 10px 0 0;}

.zv-box{display:block; margin-bottom:30px; background:#FFF; clear:both;
box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 2px 3px 1px rgba(100, 100, 101, 0.2);
	border-radius:3px;
	border-top:1px solid rgba(100, 100, 101, 0.2); 
}
.zv-box-header{ display:block; clear:both; padding:10px 10px 0px; overflow:hidden; height:auto; }
.zv-box-body{display:block; clear:both; padding:10px; height:auto; color:#222; }
.zv-box-footer{display:block; clear:both; padding:10px; height:auto; overflow:hidden; position:relative;}

.zv-box hr{height:1px; display:block; overflow:hidden; width:100%; background:#e5e6e6; border:none; padding:0; margin:0; }
.post-title{ display:block; clear:both; margin-bottom:3px; font-size:24px; color:#000; line-height:32px;  font-family: Roboto; font-weight:500; text-transform:capitalize; }
.post-title a{font-size:20px; color:#000; line-height:32px; font-weight:500; }
.post-title a:hover{color:#f4793d;}
.post-date-time{display:block; float:left; color:#000; font-weight:300; font-size:13px; margin-right:15px; font-family:Roboto; letter-spacing:1px; margin-bottom:10px;}
.post-date-time i{color:#c1c0c0; margin-right:3px;}
.post-category{display:block; color:#000; float:left; margin-right:15px; margin-bottom:10px; font-size:13px; text-transform:capitalize; font-family: Roboto; letter-spacing:1px; }
.post-category a{color:#000; font-weight:300;}
.post-category a:hover{color:#ee5845;}
.post-category i{color:#c1c0c0;}
.post-tags{display:block; float:left; color:#000; font-size:13px; text-transform:capitalize; font-family: Roboto; letter-spacing:1px; }
.post-tags a{color:#000; font-weight:300;}
.post-tags a:hover{color:#ee5845;}
.post-tags i{margin-right:5px; color:#c1c0c0;}

.featured-post-media{display:block;}
.featured-post-media img{max-width:100%; height:auto; border-radius:2px 2px 0 0;}
.featured-post-media iframe{max-width:100%; height:auto;}
.featured-post-media embed{max-width:100%; height:auto;}
.featured-post-txt{display:block; color:rgb(0,0,0); clear:both; padding:10px 0 0px 0; font-size:14px; line-height:24px; font-weight:400; font-family: Roboto;}
.featured-post-txt a{color:blue;}
.featured-post-txt ol{display:block; list-style:decimal; margin-left:25px;}
.featured-post-txt ul{display:block; list-style:disc; margin-left:25px;}

.featured-post-txt img{max-width:100%; height:auto; margin-bottom:15px;}
.featured-post-txt iframe{max-width:100%; height:300px; margin-bottom:15px;}
.featured-post-txt embed{max-width:100%; margin-bottom:20px; margin-bottom:15px;}
/*======= edit post ========*/
.edit-post i{color:#333; font-size:15px; margin-left:15px; position:relative; top:2px;}
.edit-post:hover i{color:#ee5845;}

/*============= pagination ==================*/
.pagination{display:block; margin:0px 0; padding:10px 0; text-align:center;}
.pagination ul{display:block; padding:10px 0;}
.pagination ul li{display:inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
margin:0 3px;
}
.pagination ul li a{display:block; padding : 7px 12px; background:#FFF; border-radius : 4px;  color:#333; font-size:14px; font-weight: 400; }
.pagination ul li a:hover{background:#f4793d; color:#FFF;}
.pagination ul li.active{color : #FFF; 
background : #f4793d; 
border-radius : 4px; 
padding : 7px 12px;}

/*=======  back next area ==========*/
.next-back-area{display:block; text-align:center; padding:8px 0; margin-bottom:35px;}
.post-back{display:inline-block; padding:6px 12px; margin:0 10px; text-align:center; background:#f4793d; color:#FFF; font-size:15px; font-weight:bold; border-radius:2px; text-transform:capitalize;}
a:hover.post-back{background:#000; color:#FFF;}
.post-next-details{display:inline-block; padding:6px 12px; text-align:center; background:#f4793d; color:#FFF; font-size:15px; font-weight:bold; border-radius:2px; margin-right:10px; text-transform:capitalize;}
a:hover.post-next-details{background:#000; color:#FFF;}


/*---- button area -----*/
.blog-btn{display:inline-block; padding:4px 8px; margin-bottom: 0; font-size: 14px; font-weight: 400;line-height: 1.42857143;
  text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none;
  border: 1px solid transparent; margin:0 2px;}
.btn-medium{padding: 4px 8px; }  
.blog-btn-default {color: #333333; background-color: #ffffff; border-color: #cccccc;}
.blog-btn-large{padding:6px 13px;}
.blog-btn-default:hover,.blog-btn-default:focus,.blog-btn-default:active{ color: #333333; background-color: #ebebeb; border-color: #adadad;}

.blog-search {display:block; text-align:center; margin:5px 0 3px 0; padding:0; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.blog-search input[type='search']{ padding:8px 10px; width:80%; height:35px; line-height:35px; background:#f1f1ef; border:none; color:#000; border-radius:2px 0 0 2px; font-weight:bold;}
.blog-search-btn{display:inline-block;position:relative; right:5px;color:#333; background-color:#b2940a; height:35px; width:35px; border:none; border-left:none; font-weight:bold; cursor:pointer; border-radius:0 2px 2px 0;}
.blog-search-btn i{ font-weight:bold; font-size:15px; color:#FFF;}
.blog-search-btn:hover{background:#000; color:#FFF;}
.blog-search-btn:hover i{color:#FFF;}
.blog-search input[type='search']:focus{outline:none; }

.blog-archive {display:block; margin:6px 0 5px 0; padding:0; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#archvs_id{width:95%; padding:10px 5px; border:2px solid #d7d7d6; display:inline;}


.btn-facebook { color: #FFF; background-color: #3b579d; border-color: #3b579d; padding:4px 10px; }
.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-twitter { color: #FFF; background-color: #55acee; border-color: #55acee;  }
.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-google { color: #FFF; background-color: #d84338; border-color: #d84338; }
.btn-google:hover,.btn-google:focus,.btn-google:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-stumbleupon { color: #FFF; background-color: #eb4924; border-color: #eb4924;  }
.btn-stumbleupon:hover,.btn-stumbleupon:focus,.btn-stumbleupon:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-pinterest { color: #FFF; background-color: #cc2028; border-color: #cc2028; padding:4px 10px; }
.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-linkedin { color: #FFF; background-color: #0177b5; border-color: #0177b5; }
.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-youtube{ color: #FFF; background-color: #cc2020; border-color: #cc2020;}
.btn-youtube:hover,.btn-youtube:focus,.btn-youtube:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-rss{ color: #FFF; background-color: #fb7629; border-color: #fb7629;}
.btn-rss:hover,.btn-rss:focus,.btn-rss:active { color: #FFF; background-color: #000; border-color: #000;}
.btn-instagram{ color: #FFF; background-color: #a4765e; border-color: #a4765e;}
.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active { color: #FFF; background-color: #000; border-color: #000;}


/*==========social ===========*/
.widget-social{display:block; text-align:center; padding:2px 0; overflow:hidden;}
.widget-social a{float:left; margin:0 2px 2px; border-radius:2px;}

/*----- end ----*/
.post-next-indx{ position:absolute; right:150px; top:15px;}
.post-next{ display:inline-block; float:right; margin-top:4px;}
.post-more{color:#b2940a; border:1px solid #b2940a; margin:0px; float:right; font-size:13px; text-transform:uppercase; border-radius:2px; font-family: 'Open Sans', sans-serif; font-weight:400;}
.post-more i{color:#b2940a;}
.post-more:hover{ background:#b2940a; color:#FFF;}
.post-more:hover i{color:#FFF; }
.post-view{display:inline-block; color:#333; font-size:18px;font-family: 'Alegreya Sans', sans-serif; font-weight:500;}
.post-view i{color:#333; margin-right:5px; font-size:15px; position:relative; top:1px;}
/*================ right widgtes start ========================*/

/*========= profile-box =============*/
.profile-box{ display:block; overflow:hidden; padding-top:0px; }
.cover-image{ width:100%; position:relative; min-height:130px; max-height:130px;}
.profile-box > span{ background:#fff; overflow:hidden; text-align:center; position:relative; width: 100px; height: 100px; line-height: 100px; border:6px solid #fff; margin:0px auto -50px; top:-50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display: block;
}
.profile-image{ width:100%; display:inline-block; position:relative; border-radius: 100%;}
.profile-box div{ display:block; overflow:hidden;}
.profile-box div > span{ display:block; font-size:18px; font-weight:700; text-align:center; color:#333; margin-bottom:10px; font-family:Roboto;}
.profile-box div p{ color:#222; text-align:center; margin-bottom:15px; font-size:14px; padding:0 15px; line-height:22px;}
.follow-btn{ text-align:center; padding:4px 10px 3px; font-size:14px; border-radius:3px; color:#FFF; text-transform:uppercase; letter-spacing:1px;
border:none; background:#b2940a; margin-bottom:15px; cursor:pointer; font-family: 'Alegreya Sans', sans-serif; font-weight:700;}
.follow-btn:hover{ text-decoration:none; color:#FFF; background:#000;
}

.footer-follow-btn{ text-align:center; padding:4px 10px; font-size:13px; border-radius:3px; font-family:'Open Sans', sans-serif; font-weight:400; color:#FFF; text-transform:uppercase; letter-spacing:1px;
border:1px solid #f4793d; background:#f4793d; border-radius:3px; cursor:pointer;}
.footer-follow-btn:hover{ text-decoration:none; color:#FFF; border-color:#FFF;
}


/*========= widget tittles =============*/

.widget-title{ 
  padding-bottom: 10px;
  text-transform:uppercase;
  border-bottom: 1px solid #efefef;
  }
  .widget-title h3{display:inline-block;  font-family: 'Alegreya Sans', sans-serif; font-weight:700; font-size: 15px; color: #333; position:relative; left:5px; }
  .widget-title i{margin-right:5px;}
  .right-head-title{
  font-family: 'Alegreya Sans', sans-serif; font-weight: 700; font-size: 15px; color:#333;	  
  padding: 0 5px 8px;
  text-transform:uppercase;
  border-bottom: 1px solid #efefef;
  }
.review-header{display:block; clear:both; text-transform:uppercase; border-bottom: 1px solid #efefef; 
width: 90%;
margin: 0px auto 0;
position: relative;
top: 8px;
padding-bottom:2px;
}
.reviews strong{float:left; display:block;  font-family: 'Alegreya Sans', sans-serif; font-weight: 700; font-size: 15px; color:#333; text-align:left; position:relative; left:3px; top:4px;}
.basic{ float:right; background:#b2940a; color:#FFF; padding:3px 8px 5px; border:1px solid #b2940a; cursor:pointer; font-size:12px !important; text-transform:lowercase; position:relative; bottom:3px; border-radius:3px; font-family:'Open Sans', sans-serif}
.basic:hover{background:#000; color:#FFF; border:1px solid #000;}  
/*=========== tags list ==========*/
a.tags{ display:inline-block; padding:2px 10px; color:#000; background:#f2f2f0; margin:3px 3px; text-align:center; text-transform:capitalize; border-radius:2px; font-weight:300;}    
a:hover.tags{background:#b2940a; color:#FFF;}
/*===== list items =====*/
.blog-list-items{ display:block; margin:0; padding:0; vertical-align: baseline; }
.blog-list-items li{display:block; line-height:22px; padding:5px 0px; border-bottom:1px solid #efefef; }
.blog-list-items li:last-child{border-bottom:none;}
.blog-list-items li a:before{font-family: FontAwesome; content: "\f101"; margin-left: -19px; margin-right: 10px;}
.blog-list-items li a{display:block; color:#000; font-size:14px; line-height:22px; letter-spacing:1px; font-weight:400; text-transform:capitalize; margin-left: 20px; font-family: 'Lato', sans-serif; }
.blog-list-items li a i{margin-right:10px;}
.blog-list-items li a:hover{color:#f4793d;}
/*==== list items with image =======*/
.blog-img-list-items{display:block; margin:0; padding:0; vertical-align: baseline;}
.blog-img-list-items li{display:block; padding:10px 0; border-bottom:1px dotted #eaeaea; overflow:hidden; }
.blog-img-list-items li:last-child{border-bottom:none;}
.blog-img-list-items li a{display:block; color:#000; font-size:14px; line-height:22px; letter-spacing:0.5px; font-weight:400; text-transform:capitalize; font-family: 'Lato', sans-serif;  }
.blog-img-list-items li a:hover{color:#f4793d;}
.small-img{display:inline-block; float:left; height:50px; width:50px; margin-right:10px; border-radius:1px;}
.blog-img-list-items li a:hover .small-img{opacity:0.5;}

/*=== ad widget ======*/
.blog-ad{display:block; padding:4px 2px 0; overflow:hidden;}
.blog-ad iframe{max-width:100%; height:100%;}
.blog-ad img{max-width:100%; height:auto;}
/*==== custom widget ===*/
.custom_widget{display:block; padding:5px 0;}
.custom_widget iframe { max-width:100%; max-height:250px;}
.custom_widget img{max-width:100%; height:auto;}



/*======  contact-from  =======*/
.fbild_warp{ width:80%; margin:0 auto 25px; text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4; overflow:hidden; padding: 25px 15px 5px 10px;}

.fbild_warp > .fbild_header{font-size: 25px; width:100%;
    padding: 0px 0px 18px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;
    color: #525252;}
form.fbild_frm{display:block; width:100%;}

form.fbild_frm .fbild_row{display:block; padding:10px 0; margin:0; clear:both; position:relative; }
form.fbild_frm .fbild_row > .fbild_col1{ float:left; width: 20%;text-align:right; padding-right: 10px; margin-top:10px;color: #888; position:relative; }

form.fbild_frm .fbild_row > .fbild_col2 {width:70%;position:relative; overflow:hidden; }
form.fbild_frm .fbild_row > .fbild_col2 > .fbild_desc{ width:100%; text-align:left; display:block; color:#c86858; font-size:13px; font-style:italic; }
form.fbild_frm input[type="text"], form.fbild_frm input[type="email"], form.fbild_frm textarea, form.fbild_frm select{
	border: 1px solid #DADADA;
	color: #888;
	height: 30px;
	margin-bottom: 5px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 96%;
	font-size: 12px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
	}
form.fbild_frm textarea{padding: 5px 3px 3px 5px; height:100px;}	
	
form.fbild_frm select {
    background: #FFF url('..images/down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    height: 35px;
	line-height: 25px;
}
form.fbild_frm input[type=radio]{
	width: 15px;  
	height: 15px;
	 border-radius: 8px;  
	bottom: 1px;  
	background-color: #aaa;  
	margin-top:12px;
	}
	
form.fbild_frm input[type=checkbox]{
	width: 15px;  
	height: 15px;
	 border-radius: 8px;  
	bottom: 1px;  
	background-color: #aaa;  
	margin-top:12px;
	}
form.fbild_frm input[type=button]
{
margin-bottom: 10px;
width:150px;
padding: 8px;
margin:0;
border-radius:3px;
border:none;
background-color: #ee5845;
color: aliceblue;
font-size:15px;
cursor:pointer;
font-weight:bold;
text-transform:uppercase;
}
form.fbild_frm input[type=button]:hover
{
background-color: black;
}

/*================ quick contact form widget ================*/
form.quick-contact{ display:block; text-align:center; overflow:hidden;}
form.quick-contact div{display:block; padding:5px 0;}
form.quick-contact samp{display:block; padding:5px 0; font-size:12px; color:#F00;}
form.quick-contact div label{float:left; font-size:15px; color:#999; width:30%; text-align:left;}
form.quick-contact div input[type="text"],form.quick-contact div input[type="email"],form.quick-contact div input[type="password"],
form.quick-contact div input[type="tel"], form.quick-contact div input[type="no"], form.quick-contact div textarea
{	width:90%;padding:10px 5px; border:2px solid #e8e8e6; color:#000 !important; font-weight:bold; border-radius:2px;}
form.quick-contact div textarea{height:50px;color:#CCC;	}
form.quick-contact div input[type="text"]:focus,form.quick-contact div input[type="email"]:focus,form.quick-contact div input[type="password"]:focus,
form.quick-contact div input[type="tel"]:focus, form.quick-contact div input[type="no"]:focus, form.quick-contact div textarea:focus{outline:none; border:2px solid #CCC;}

form.quick-contact div input[type="button"]
{width:100px;border:1px solid #CCC;padding:5px;text-align:center;font-weight:bold;}
form.quick-contact div button
{	width:100px;color:#FFF;padding:6px 0px;text-align:center;
	font-weight:bold;cursor:pointer;border-radius:2px; background:#b2940a; border:none;	}
form.quick-contact div button:hover{ background:#000; cursor:pointer;}

form.quick-contact div input[type="text"]::-webkit-input-placeholder, 
form.quick-contact div input[type="email"]::-webkit-input-placeholder, 
form.quick-contact div input[type="tel"]::-webkit-input-placeholder,
form.quick-contact div input[type="passowrd"]::-webkit-input-placeholder,
form.quick-contact div input[type="no"]::-webkit-input-placeholder,
form.quick-contact div textarea::-webkit-input-placeholder
{  color:#b2b1b1; font-family :'Lato', sans-serif; }
form.quick-contact div input[type="text"]:-moz-placeholder, 
form.quick-contact div input[type="email"]:-moz-placeholder, 
form.quick-contact div input[type="tel"]:-moz-placeholder,
form.quick-contact div input[type="passowrd"]:-moz-placeholder,
form.quick-contact div input[type="no"]:-moz-placeholder,
form.quick-contact div testarea:-moz-placeholder
 {  color:#b2b1b1;   opacity:  1; font-family :'Lato', sans-serif;}
form.quick-contact div input[type="text"]::-moz-placeholder, 
form.quick-contact div input[type="email"]::-moz-placeholder, 
form.quick-contact div input[type="tel"]::-moz-placeholder,
form.quick-contact div input[type="passowrd"]::-moz-placeholder,
form.quick-contact div input[type="no"]::-moz-placeholder,
form.quick-contact div textarea::-moz-placeholder
{  color:#b2b1b1; opacity:  1; font-family :'Lato', sans-serif;}
form.quick-contact div input[type="text"]:-ms-input-placeholder, 
form.quick-contact div input[type="email"]:-ms-input-placeholder, 
form.quick-contact div input[type="tel"]:-ms-input-placeholder,
form.quick-contact div input[type="passowrd"]:-ms-input-placeholder,
form.quick-contact div input[type="no"]:-ms-input-placeholder,
form.quick-contact div textarea:-ms-input-placeholder
{ color:#b2b1b1; font-family :'Lato', sans-serif; }

#revw_er{color:#F00;}

/*================ right Location widget =====================*/

.quick-address{padding:5px 0 0px; display:block; overflow:hidden;}
.figure {display:block; margin:5px auto 0; text-align:center; }
.figure iframe{max-width:100%; height:auto;}
.figure a{text-decoration:none; text-align:center;}
.figure a img{max-width:100%; height:auto;}

.quick-address div{display:block; padding:3px 0 5px;}
.quick-address div label{float:left; font-size:15px; color:#000; width:45%; text-align:left; font-weight:bold;}
.quick-address div strong{ color:#000 !important; float:left;}
.quick-address div strong a{text-decoration:none; color:#000;}
.quick-address div strong i{position:relative; top:1px; margin-right:5px; color:#666565;}
.quick-address div samp
	{
	width:88%; 
	padding:0 5px; 
	color:#000 !important; 
	text-align:left;
	font-weight:400;
	font-family :'Lato', sans-serif;
	font-size:14px;
	letter-spacing:0.5px;
	line-height:22px;
	display:inline-block;
	}
.quick-address div samp a{text-decoration:none; color:#000;}
.quick-address div samp a:hover{color:#ed3f3f;}
.quick-address div span
	{
	width:80%; 
	padding:5px; 
	color:#666565; 
	text-align:left;
	}
	.quick-address .opening-head{font-weight:bold; color:#000 !important; display:block; padding-top:10px;}
	.view_btn
	{
	width:85%;
	border:1px solid #666;
	background:#FFF;
	border-bottom:2px solid #666;
	color:#000; 
	padding:5px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
	margin:10px 0 10px 20px;
	}
	.view_btn:hover{background:#f4793d; color:#FFF;}

.slidingDiv {
    height:auto;
    background-color: #f4f4f4;
    margin-top:10px;
}
.show_hide {
    display:none;
	float:right;
	font-size:12px;
	cursor:pointer;
	color:#F00;
	position:relative;
	top:2px;
}


/*============== review widget ==================*/
.sliding-review{clear:both; display:block;}
.sliding-review ul{width:auto; list-style:none; clear:both;  }
.sliding-review ul li{padding:15px 10px; display:block; clear:both; border-bottom:1px solid #ededed; overflow:hidden;}
.sliding-review ul li:last-child{border-bottom:none;}
.sliding-review ul li p{float:left; height:25px; margin:0; padding:0 10px 1px 5px; font-size:18px;color:#FFF;  overflow:hidden; display:block; background:#0C0; border-radius:11px; }
.sliding-review ul li p i{font-size:15px; left:5px; position:relative;}
.sliding-review ul li code{ width:70%; height:auto; float:left; text-align:left; font-size:13px; margin-left:10px; position:relative; top:0; color:#000; font-weight:500; font-family:'Open Sans';}
.sliding-review ul li code a{color:#090;}

.sliding-review ul li div{width:40px; height:40px; overflow:hidden; float:left; display:block;  }
.sliding-review ul li div img{display:block; width:100%; height:auto; border-radius:100%;}
.sliding-review ul li span{float:left; width:77%; display:block; font-size:14px; margin-left:10px; color:#666; line-height:21px; font-family :'Lato', sans-serif; letter-spacing:0.5px;}
.sliding-review ul li span strong{ position:relative; color:#666; font-family :'Lato', sans-serif; }
.sliding-review ul li span samp{width:35px; height:15px; position:relative; right:5px; margin-left:5px; padding:0 5px 0 5px; font-size:12px;color:#FFF;  overflow:hidden; background:#0C0; border-radius:11px;}
.sliding-review ul li span samp i{font-size:10px !important; left:2px; position:relative;}
.sliding-review ul li .rv-dt{display:block; width:80%; clear:both; font-size:12px; float:right; text-align:left;margin-top:5px; color:#999; margin-bottom:-20px;}

/*=================== popup review =============================*/
/*---------------------------------------------------------------*/

#basic-modal-content {display:none; overflow:hidden;}
/* Overlay */
#simplemodal-overlay {background-color:#000; }
/* Container */
#simplemodal-container {min-height:390px; height:auto; width:60%; color:#000; background-color:#FFF; padding:12px; border-radius:5px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.45);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.45);

}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {color:#565756; display:block; font-size:14px; margin-bottom:10px; overflow:hidden; font-family:Verdana, Geneva, sans-serif;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(http://c.cdnxp.com/gtheme/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#3f4040; font-family:'Open Sans'; font-weight:500; display:block; margin:0px 0 20px; font-size:22px; font-weight:500;}
#simplemodal-container p small{display:block; color:#6f7070; font-family:'Open Sans'; margin-bottom:0px;}
#basic-modal-content samp{ float:left; margin:8px 0 30px 10px; display:block; }
#simplemodal-container p {clear:both;}
#basic-modal-content p > code{ font-family:'Open Sans';}
#simplemodal-container code textarea{border:1px solid #CCC; width:98%; min-height:130px; padding:5px;}
#simplemodal-container code textarea:focus, #simplemodal-container code textarea:active {border:1px solid #CCC;}
#simplemodal-container code input[type="text"],#simplemodal-container code input[type="email"]{
	padding:10px 5px; width:35%; float:left; display:inline-block; margin:0 15px 10px 0; border:1px solid #CCC;  }


*::-webkit-input-placeholder { color:#CCC;}
*:-moz-placeholder {  color:#CCC; }
*::-moz-placeholder { color: #CCC; }
*:-ms-input-placeholder { color: #CCC;}

	

#basic-modal-content button{padding:5px 10px; color:#FFF; background:#ee5845; border:1px solid #ee5845;
border-radius:3px; font-weight:bold; border-bottom:3px solid #ee5845; cursor:pointer; margin-top:0px; }
#basic-modal-content button:hover{border-bottom:3px solid #e24d3a; }
#basic-modal-content button.cncl{background:#FFF; margin-left:10px; color:#333; padding:5px 10px 7px; font-weight:bold; border:1px solid #c4c5c5;}
#basic-modal-content button.cncl:hover{border:1px solid #047dd2;}

#basic-modal-content button.fb-btn{font-size:15px; margin-left:54%; background:#FFF; border:1px solid #e8e8e8; border-bottom:3px solid #e8e8e8;
 color:#9b9c9b;}
#basic-modal-content button.fb-btn:hover{color:#0570bb; border-bottom:3px solid #0570bb;}
#basic-modal-content button.twt-btn{margin-right:3%; font-size:15px; background:#FFF; border:1px solid #e8e8e8;border-bottom:3px solid #e8e8e8;
 color:#9b9c9b;}
#basic-modal-content button.twt-btn:hover{border-bottom:3px solid #20b8ff; color:#20b8ff;}					 

.stars {
  background: url("http://c.cdnxp.com/gtheme/images/stars.png") repeat-x 0 0;
  width: 150px;
  margin: 0 ;
  float:left;
}

.stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
 .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
 .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
 .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
 .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
.stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
 .stars label:hover ~ span {
  background-position: 0 -30px;
}
 .stars label.star-5:hover ~ span {
  width: 100% !important;
}
.stars label.star-4:hover ~ span {
  width: 80% !important;
}
 .stars label.star-3:hover ~ span {
  width: 60% !important;
}
.stars label.star-2:hover ~ span {
  width: 40% !important;
}
 .stars label.star-1:hover ~ span {
  width: 20% !important;
}
 .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("http://c.cdnxp.com/gtheme/images/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}

/*=========== comment area =================*/
.thmbx{
isplay:block; margin-bottom:30px; background:#FFF; clear:both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 2px 3px 1px rgba(100, 100, 101, 0.2);
border-radius:3px;
border-top:1px solid rgba(100, 100, 101, 0.2); 
  }
.thmbx-comment-box{width:96%; margin:5px auto 0 auto;}
.comment-count {display:block; padding:10px 15px; margin-bottom:15px; color:#ed3f3f; font-size:18px; font-weight:600;
}
.comment-view-area{display:block; margin:0 auto; padding:18px 0px 13px;clear:both;
border-bottom:1px solid rgba(100, 100, 101, 0.2); overflow:hidden;
 }
 .comment-view-area:last-child{border-bottom:none;}
.commnet-pro-img{height:40px; width:40px; float:left; margin:5px 0 10px 0 !important; border:1px solid #CCC; padding:2px 2px;}



.comments-pro-name {display:inline-block; margin:0px 0 0px 10px; }
.comments-pro-name a{font-size:14px; text-decoration:none; color:#ee5845; font-weight:400; vertical-align:top;}
.comments-pro-name a:hover{color:#6f190e;}
.comment-time{display:block; float:right; color:#9c9a9a; font-size:13px; }
.comment{ display:inline-block; width:80%; margin:5px 0 0px 10px; font-size:13px; line-height:20px; color:#666; position:relative; bottom:2px; }

.comnet-del{display:block; float:right; font-size:13px; }
.comnet-del a{float:right; width:16px; height:17px; font-size:0; background:url(http://c.cdnxp.com/gtheme/images/delete.png) no-repeat; overflow:hidden;}
.comment-box{width:80%; height:35px; margin:5px 0 0 10px; border:1px solid #ccc; background:#fff; color:#9c9b9b; position:relative; bottom:3px; padding:6px 0 5px 5px;}
.comment-box:focus{ outline:none; border:1px solid #1fa7da; }
.comment-msg { display:block; padding:1px 5px; font-size:11px; color:#f9604c; margin:0px 0 0 50px !important; }

.view-more-cmt a{ text-decoration:none;}
.view-more-cmt a:hover{color:green;}
.sbmt-cmt-btn{height:45px; width:24px; background:url(http://c.cdnxp.com/gtheme/images/enter.png) no-repeat !important; overflow:hidden; border:none; display:inline-block;
cursor:pointer; position:relative; bottom:7px; left:5px; margin:0 !important; padding:0 !important;}

/*=================== location page ========================*/
/*-----------------------------------------------------------*/
#loc{border:none;}
#loc-primary{background:#c5dff7; }
.loc-page-title{display:block; padding:0 0 0px 0; border-bottom:1px solid #dfdede; margin-bottom:20px; clear:both; overflow:hidden;}
.loc-page-title h2{display:block; float:left; font-size:20px; color:#000; line-height:32px; text-transform:capitalize;}
.rvw-totl{ display:block; float:right; margin-top:13px; font-size:12px; font-weight:bold;}

.loc-map{ display:block; margin:0 auto 10px; padding:0; text-align:center; position:relative;}
.loc-map iframe{width:100%; height:auto; position:relative; top:0;}
.loc-map img{max-width:100%;}
.loc-conainer{
    display: inline-block;
    background: #fff;
    padding: 10px;
    margin: 0 0 1.5em 0.1em;
    width: 98%;
    box-sizing: border-box;
	border:1px solid #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-bottom:none;
	position:relative;
}
.loc-conainer h2{display:block; font-size:18px; text-transform:capitalize; color:#000; line-height:28px; padding-top:0px;}
.loc-conainer h2 a{text-decoration:none; color:#000;}
.loc-conainer h2 a:hover{ color:#090;}
.loc-conainer span{display:block; clear:both; line-height:25px; margin-bottom:10px; color:#222;}
.loc-conainer span i{margin-right:10px; width:15px; }
.loc-conainer .loc-phone-no{display:block; clear:both; line-height:25px; margin-bottom:5px; color:#222;}
.loc-phone-no a{color:#222;}
.loc-phone-no a:hover{color:#ed3f3f;}
.loc-conainer .loc-phone-no i{margin-right:8px; width:15px}
.loc-conainer button[type='button']{
	padding:0 8px; background:#FFF; border:1px solid #e4e4e4; color:#9a9a9a; display:inline-block; border-radius:3px;
	line-height:22px; cursor:pointer;
}
.loc-conainer button[type='button']:hover{border:1px solid #d3d3d3; color:#838282;}
.loc-conainer button[type='button'] i{ position:relative; right:3px;}
.masonry {margin:0;padding: 0;-moz-column-gap: 1em;-webkit-column-gap: 1em; column-gap: 1em; position:relative;}


/*=================== review page ========================*/
/*-----------------------------------------------------------*/
.write-rvw{display:block; margin:0 auto 10px; padding:15px 15px 10px ; border:1px solid #e8e8e8;}
.write-rvw strong{display:block; clear:both; padding:5px 0 25px; color:#666;}
.write-rvw input[type="text"],.write-rvw input[type="email"]{width:30%; border:1px solid #dedfe0; color:#333; padding:5px;
 margin:5px 0 25px;}
.write-rvw textarea{width:98%; min-height:100px; border:1px solid #dedfe0; color:#333; padding:5px; }
.write-rvw button[type="button"]{padding:3px 8px; font-size:12px; color:#FFF; background:#ee5845; border:1px solid #ee5845;
 border-radius:3px; font-weight:bold; border-bottom:3px solid #ee5845; cursor:pointer; margin-top:20px; }
.write-rvw button[type="button"]:hover{border-bottom:3px solid #e6503d; }
.write-rvw button[type="button"].cncl{background:#FFF; margin-left:10px; color:#333; padding:3px 8px 5px; font-weight:bold; border:1px solid #c4c5c5;}
.write-rvw button[type="button"].cncl:hover{border:1px solid #047dd2;}
.write-rvw button.fb-btn{font-size:15px; margin-left:57.2%; background:#FFF; border:1px solid #e8e8e8;border-bottom:3px solid #e8e8e8;
 color:#9b9c9b;}
.write-rvw button.fb-btn:hover{color:#0570bb;}
.write-rvw button.twt-btn{margin-right:4%;font-size:15px; background:#FFF; border:1px solid #e8e8e8;border-bottom:3px solid #e8e8e8;
 color:#9b9c9b;}
 .write-rvw button.twt-btn:hover{border-bottom:3px solid #20b8ff; color:#20b8ff;}					 
.write-rvw p{ clear:both; padding:2px 0; }
.write-rvw samp{display:block; float:left; margin:3px 0 15px 15px; font-family:Verdana, Geneva, sans-serif; font-size:13px;   }
#revw_er_p{color:#F00;}

.rvw-conainer{width:97%; display:block; margin:0 auto; padding:20px 10px 30px; border-bottom:1px solid #e9e9e9;}
.rvw-conainer:last-child{border-bottom:none;}
.rvw-pro-image{	float:left;display:block; width:50px; height:50px; margin:0px 10px 8px 0; overflow:hidden;}
.rvw-pro-image img{max-width:100%; display:block; border-radius:100%;}
.rvw-pro-name{float:left;display:block; margin:1px 0 10px 0; color:#333;}
.rvw-pro-name a{text-decoration:none; color:#6b6c6b; font-weight:bold; }					 
.rvw-pro-name a:hover{color:#0C3;}
.rvw-dt{display:block; color:#999; clear:both; padding:0px 0 0px 0; font-size:13px;}
.rvw-conainer span{display:block; clear:both; line-height:25px; margin-bottom:10px; color:#6b6c6b; font-family:'Open Sans';}
.rvw-conainer span strong{font-size:14px; font-family:'Open Sans';}
.rwv-rated{height:15px; display:inline-block; line-height:1px; position:relative; right:5px; top:3px; font-size:12px; background:#0c0; margin-left:10px; padding:2px 5px 0px;  overflow:hidden; color:#FFF; border-radius:11px; }					 
.rwv-rated i{position:relative; top:1px; left:2px;}
/*=============== subscribe area ================*/
.subscriber-area{ width:80%; height:auto; margin:35px auto 0; background:#FFF; display:block; border:2px solid #CCC; border-radius:1%; text-align:center; vertical-align:middle;}
.subs-title{ display:block; text-align:center; font-size:18px; font-weight:bold; margin-top:20px; color:#333; }
.btn-area{ display:block; height:auto; text-align:center; line-height:35px; margin-top:2%;}
.sb-now a { padding:7px 12px; background:#1fa7da; border-radius:3px; color:#FFF; text-decoration:none; font-weight:bold; }
.sb-now a:hover{ text-decoration:none; background:#5a6067;}
.sb-login a { padding:7px 10px 8px; border-radius:3px; background:#2e3641; color:#FFF; text-decoration:none; font-weight:bold;}
.sb-login a:hover{ text-decoration:none; background:#5a6067; }
/*============= responsive css ===============*/


@media screen and (max-width: 1100px){
.grid-item {width: 50%;}
.left-col{width:59%;}
}
@media screen and (max-width: 800px) {
.indx-left-col{display:none;}
.indx-right-col{position:relative; width:100%; margin-top:50px;}
.top-navigation{position:fixed;top:0; left:0; width:100%; display:block; background:#222; height:50px;}
.left-col{width:60%;}
.right-col{width:35%; }
.comment-box{width:70%;}
.comment{width:78%;}
}
@media screen and (max-width: 650px) {
.grid-item{width:50%;}
.category {display: block; margin-left: 0px; width: 100%; }
.left-col{width:95%; float:none; margin:20px auto 0;}
.right-col{width:95%; float:none; margin:20px auto 0; }
.sliding-review ul li .rv-dt{width:91%;}
.figure iframe{width:100%;}
}
@media screen and (max-width: 490px) {
.grid-item{width:100%; float:none;}
.top-social-share ul li{margin:10px 5px 5px;}
.feat-post-image img{float:none; margin:0 auto; max-width:100%;}
.rvw-pro-name{width:80%;}
.sliding-review ul li .rv-dt{width:88%;}
}
@media screen and (max-width: 370px) {
.write-rvw p{margin-left:0 !important; }
.zv-box-footer{text-align:center;}
.post-next{display:block; float:none; padding:10px 0 0;}
.post-view{display:block; padding:10px 0;}
.post-more{display: block;}
.comment{width:75%;}
.sliding-review ul li .rv-dt{width:83%;}
}
@media screen and (max-width: 330px) {
.rvw-pro-name{width:70%;}
.comment-box{width:63%;}
}