/*
Theme Name: StartPoint
Theme URI: http://www.inkthemes.com/startpoint-business-one-page-wordpress-theme/
Author: the InkThemes team
Author URI: http://inkthemes.com/
Description: StartPoint is a One-Page WordPress that has elegant and stylish design for a business website. The theme comes with simple and beautiful features with lots of customization options that can be tweaked from Theme Option Panel. You can upload logos, favicon and background.
StartPoint Theme supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery images and posts). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Fullwidth" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: startpoint 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(css/bootstrap.min.css);
@import url(css/jquery.bxslider.css);
@import url(css/mmenu.css);
@import url(css/superfish.css);
@import url(fonts/fonts.css);
@import url(css/ie-only.css);
@import url(css/font-awesome.min.css);
@import url(css/lightbox.css);
@import url(css/bootstrap-theme.css);

/*----- Reset Css -----*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 25px;
	font-family: 'Arvo', serif;
	font-size: 15px;
}
ol, ul {

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----- Reset Css ends -----*/

/*----- Common Styles -----*/
b,strong {
	font-family: 'Arvo', serif;
	font-weight: 700;
}
a:hover {
	text-decoration: none;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
code {
  white-space: inherit;
  background-color: #f1f1f1;
}
/*----- Common Styles Ends -----*/

/*----- Menu -----*/
.logo a {
	padding: 16px 14px 0px 0;
	display: inline-block;
}
.logo .logo-header {
	padding: 10px 14px 10px 0;
}
.logo .logo-header p, .logo .logo-header h1 a {
	padding: 0;
	color: #fff;
}
.logo .logo-header p {
	font-size: 13px;
	line-height: 18px;
}
.mobile-logo {
	display: none;
	background: #e76756;
	text-align: center;
}
.menu-wrapper {
  width: 100%;
  z-index: 3;
  position: fixed;
}
.menu-wrapper-bg {
  background: #e76756;
}
.menu-wrapper.notvisible.single-page-nav {
	visibility: hidden;
	position: static;
	top:0;
}
.menu-sp ul {
	float: right;
}
.menu-sp ul a{
	color: #fff;
	font-size: 16px;
}
.menu-sp ul a:hover {
	color: #000;
	transition: color .4s;
}
.menu-sp ul a.current, .menu-sp ul li.current_page_item > a , .menu-sp ul li.current_menu_item > a{
  color: #000;
  transition: color .4s;
}
.reverse-color.menu-sp ul li.current_page_item > a, .reverse-color.menu-sp ul li.current_menu_item > a {
color: #fff;
}
.reverse-color.menu-sp ul li a.current {
	color: #000;
}
.mm-menu li.current_page_item > a, .mm-menu li.current_menu_item > a {
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li.current_page_item:after, .mm-menu .mm-list > li.current_menu_item:after {
	border-color: rgba(0, 0, 0, 0);
}
.menu-sp ul li {
	display: inline-block;
	height: 63px;
}
.menu-sp ul ul li {
  display: block;
}
.menu-sp ul li a {
	padding-top: 18px;
	padding-bottom: 21px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
}
.menu-sp ul li:after {
    content: "/";
    color: #fff;
  }
  .menu-sp ul ul li:after {
    content: "";
  }
 .menu-sp ul li:last-child:after {
    content:"";
  }
.menu-sp ul ul li {
  height: 42px;
}
.menu-sp ul ul li a {
  padding-bottom: 10px;
  padding-top: 8px;
}
/* mobile menu */ 
.mm-fixed-top a  img{
	width: 40px;
	height: 40px;
}
.mm-fixed-top { 
	z-index: 4;
}
.mm-fixed-top {
  display: none;
}
/*----- Menu Ends -----*/

/* ---- Slider Starts ---*/
.text-container {
    text-align: center;
}
.text-container h3 {
    background: rgba(255,255,255,.66);
    color: #000;
    display: inline-block;
    padding: 10px 30px;
    position: relative;
    font-size: 20px;
    margin-bottom: -11px;
}
.text-container h1 {
    background: rgba(0,0,0,.45);
    margin-top: -13px;
    color: #fff;
    padding: 55px 56px;
    display: inline-block;
    font-size: 25px;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.53);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.25);
}
.text-container p {
    margin-top: 40px;
}
.text-container p a {
    font-size: 16px;
    color: #fff;
    padding: 18px 22px;
    display: inline-block;
    background: #222;
}
.text-container p a:hover{
    text-decoration: none;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    background: #646464;
}
#page > div.flexslider > ul > li > iframe {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform:	scale(1);
	-moz-transform:		scale(1);
	-ms-transform:		scale(1);
	transform:			scale(1);
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

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

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

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

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

/* Alternate Caption CSS */
#flex-main { padding: 0 40px; max-width: 1200px; margin: 0 auto; }
.flex-caption { width: 100%; margin: 0; }
.text-container { width: 100%; padding: 20px; }
.text-container a:hover { text-decoration: underline; }

/* 860px and above CSS of Alternate Caption */
@media screen and (min-width: 860px) {
  .flex-caption { width: 100%; max-width: 4000px; margin: 0 auto; position: absolute; top: 27%; z-index: 100; }
  .caption-container { position: relative; width: 100%; margin: 0 auto; padding-left: 2%; }
  .text-container { max-width: 100%; position: relative; -webkit-animation: slideIn; -moz-animation: slideIn; -o-animation: slideIn; animation: slideIn; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } }

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

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

/* Control Nav */
.flex-control-nav {width: auto; position: absolute; right: 30px; top: 27%; text-align: -webkit-right; z-index: 2; font-size: 0;}
.flex-control-nav li {margin: 11px 0; display: block; zoom: 2; *display: inline;}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  border: 1px solid #fff;
  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: rgba(253,65,49,0.7); }
.flex-control-paging li a.flex-active { background: rgba(253,65,49,.9); cursor: default; }

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

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
  .flex-caption { background: #696969; }
}

/* Alternate Caption slideIn CSS */
/* Will not work properly without JS pull by Ryan Long https://github.com/woothemes/FlexSlider/pull/865 */
@-webkit-keyframes slideIn { 0% { left: 9%; opacity: 0; }
  100% { left: 0; opacity: 1; } }

@-moz-keyframes slideIn { 0% { left: 9%; opacity: 0; }
  100% { left: 0; opacity: 1; } }

@-o-keyframes slideIn { 0% { left: 9%; opacity: 0; }
  100% { left: 0; opacity: 1; } }

@keyframes slideIn { 0% { left: 9%; opacity: 0; }
  100% { left: 0; opacity: 1; } }
/* --- slider Ends ---*/

/* --- Three Column Feature Starts --- */
.three-column-wrapper {
  background: #ecf0f1;
}
.three-column-container {
  text-align: center;
}
.three-column-container .col-md-4.box1, .three-column-container .col-md-4.box2, .three-column-container .col-md-4.box3 {
  padding-top: 35px;
  background: #ecf0f1;
  transition: all .5s;
}
.three-column-container .col-md-4.box1:hover, .three-column-container .col-md-4.box2:hover, .three-column-container .col-md-4.box3:hover {
  background: #e93424;
  color: #fff;
}
.three-column-box {
  padding-bottom: 35px;
}
.three-column-box p{
  margin-bottom: 16px;
}
.three-column-box p a{
  color: #2c2c2c;
}
.three-column-box h1{
  margin-bottom: 9px;
}
.three-column-box h1 a{
  color: #2c2c2c;
}
.three-column-box h1 a:hover{
  color: #fff;
}

/* --- Three Column Feature Ends --- */

/* --- Recent Blogs Starts --- */
.blog-wrapper {
  padding-top: 52px;
  margin-bottom: 9px;
}
.blog-wrapper > div > div > div:nth-child(n+1) > div:nth-child(3n+1) {
clear: both;
}
.recent-blog-header {
  text-align: center;
}
.recent-blog-header p.saperator {
  background: url(images/recent-blog-border-icon.png) repeat-x;
  background-position: center;
  text-align: center;
  max-width: 50%;
  margin: 0 auto;
  margin-bottom: 36px;
}
.recent-blog-header h1.rbh {
  margin-bottom: 36px;
}
.recent-blog-header p.rbh {
  margin-bottom: 41px;
}
.recent-posts-container {
  padding: 16px;
  border: 1px solid #acacac;
  overflow: hidden;
  position: relative;
  margin-bottom: 43px;
}
.recent-posts-container a.rbh-post-thumbnail {
  margin-bottom: 16px;
  line-height: 10px;
}
.recent-posts-container img.post-thumb {
  height: auto;
  max-width: 100%;
}
.recent-posts-container img.post-thumb:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
.recent-posts-container h3{
  margin-bottom: 16px;
}
.recent-posts-container h3 a{
  color: #000;
}
.recent-posts-container h3 a:hover {
color: #d93021;
}
.recent-posts-container p {
  text-align: left;
}
p.rbh-post-meta {
  margin-top: 38px;
}
p.rbh-post-meta a {
  color: #d93021;
}
img.rbh-readmore:hover{
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
img.rbh-readmore {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 13px;
  border-top: 1px solid #acacac;
  border-left: 1px solid #acacac;
  background: url(images/readmore-icon-red.png) no-repeat center;
}

/* --- hover effect --- */
.recent-posts-container .rbh-post-thumbnail {
	background: #b2b2b2 url(images/pattern-light.png) repeat fixed;
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}
/* --- hover effect ends --- */
/* --- Recent Blogs Starts Ends --- */

/* --- Gallery Starts --- */
.parallax-container {
  background: url(images/parallax-image.jpg) 50% 0 repeat fixed;
  min-height: 406px;
  position: relative;
}
.parallax-content {
  position: relative;
}
.parallax-content h1 {
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.parallax-content img {
  width: 100%;
  height: 409px;
   margin-bottom: -8px;
}
.gallery-wrapper {
  margin-top: -235px;
}
.gallery-tabs {
  overflow: hidden;
  text-align: center;
}
/* Wookmark Css */
#main {
  overflow: hidden;
}

/**
 * Grid items animation
 */
#tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/**
 * Filters
 */
#filters {
  list-style-type: none;
  display: inline-block;
}

#filters li {
  font-size: 18px;
  float: left;
  padding: 11px 27px 12px 27px;
  cursor: pointer;
  margin: 0 24px 16px 0;
  -webkit-transition: background 0.15s ease-out;
     -moz-transition: background 0.15s ease-out;
       -o-transition: background 0.15s ease-out;
          transition: background 0.15s ease-out;
          border: 1px solid #222;
          background: #fff;
}

#filters li:hover {
  background: #f03120;
  color: #fff;
  text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.22);
  padding: 12px 28px 13px 28px;
  border: 0;
}

#filters li.active {
  background: #f03120;
  color: #fff;
  text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.22);
  padding: 12px 28px 13px 28px;
  border: 0;
}
#filters li:last-child {
margin-right: 0;
}
/* Wookmark Css Ends */
/* Wookmark Main Starts */
#main {
  margin: 30px 0;
  position: relative;
  text-align: center;
  margin-top: 94px;
}

/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
#tiles li {
  width: 265px;
  background-color: #ffffff;
          border-radius: 3px;
     -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
  padding: 2px;
}
#tiles a.wook-hover-button {
position: absolute;
top: 41%;
left: 31%;
padding: 13px 15px 13px 15px;
border: 2px solid rgba(251,251,251,0.8);
border-radius: 4px;
display: none;
background: rgba(0,0,0,0.4);
color: #fff;
transition: background .5s;
}
#tiles a.wook-hover-button:hover {
	background: rgba(0,0,0,1);
}
#tiles > li:nth-child(n):hover {
background: #000;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  width: 100%;
  height: auto;
  display: block;
	max-width: 261px;
	height: auto;
	max-height: 302px;
}

/**
 * Grid item text
 */
#tiles li p {
  color: #666;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  font-weight: 200;
  margin: 7px 0 2px 7px;
}

footer {
  text-align: center;

}

.footer a {
  color: #435DC5;
  text-decoration: none;
}
/* back to top */
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 100;
}
#back-top a {
	
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(187,187,187,0.5);
	/* background color transition */
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	font-size: 31px;
	padding-top: 10px;
	background: rgba(0,0,0,0.1);
	/* rounded corners */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
/* back to top */
/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: -1;
}

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  list-style-type: none;
  float: left;
  margin: 5px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 261px;
  height: 302px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}

/* Wookmark Main Ends */
/* --- Gallery Ends ---*/

/* --- Textimonial Starts --- */
.testimonial-wrapper {
  background: #e93424;
  padding-top: 29px;
}
.testimonial-inner .testimonial-header {
  padding-top: 18px;
  padding-bottom: 18px;
  color: #fff;
  text-align: center;
}
.bx-caption span a.arrow {
  position: absolute;
  background: url(images/testimonial-arrow.png) no-repeat;
  width: 12px;
  height: 23px;
  left: -12px;
  top: 30px;
}
.bx-caption span p {
  margin-top: 10px;
}
.bx-caption span p a {
  color: #e93424;
}
.bx-caption span p a:hover{
  color: #ab2317;
}
.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
  display: inline-block;
}
/* --- Textimonial Ends --- */

/* --- Contact US --- */
.contact-wrapper {
  padding-top: 52px;
  margin-bottom: 9px;
  line-height: 1.4;
}
.contact-header h1 {
  text-align: center;
  margin-bottom: 36px;
}
p.chp {
  text-align: center;
  margin-bottom: 36px;
}
.contact-container {
  text-align: center;
}
.contact-container form label {
  font-size: 21px;
  border: 1px solid #222;
  padding: 11px 18px 14px 18px;
}
.contact-container form input[type='text'], .contact-container form input[type='textarea'] {
  padding: 18px 18px 15px 18px;
  border: 1px solid #222;
  margin-bottom: 25px;
  margin-right: 23px;
  border-left: 0;
}
.contact-container form input[type='text']{
  width: 25%;
  height: 56px;
}
.recaptcha_theme_red #recaptcha_response_field {
height: auto;
}
.contact-container form input[type='textarea']{
  width: 46%;
  height: 56px;
}
.formfield textarea#commentsText  {
	width: 69.5%;
	height: 56px;
	margin-right: 23px;
	margin-bottom: 18px;
	border: 1px solid #222;
	padding-top: 15px;
	padding-left: 136px;
}
.msg-label {
	position: absolute;
	left: 15.2%;
}
.contact-container form input[type='submit']{
  font-size: 21px;
  padding: 9px 18px 13px 18px;
  border: 1px solid #a81c10;
  margin-bottom: 25px;
  color: #fff;
  background: #e93424;
}
.contact-container .error {
	position: absolute;
	top: 32px;
	left: 0;
	color: red;
}
.contact-container .error.common {
text-align: center;
width: 100%;
}
#recaptcha_area {
	margin: 0 auto;
	margin-bottom: 23px;
}
.contact-container .error.comment {
top: 131px;
left: 180px;
}
.contact-container  .error.email {
top: 50px;
left: 590px;
}
.contact-container .error.name {
top: 50px;
left: 179px;
}
/* social icons */
ul.social-icons {
  max-width: 180px;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 36px;
  margin-top: 12px;
}
ul.social-icons li.fb a {
  background: url('images/social-icon-color.png') no-repeat 0 -1px;
  width: 24px;
  height: 23px;
}
ul.social-icons li.tw a {
  background: url('images/social-icon-color.png') no-repeat -29px 0;
  width: 24px;
  height: 24px;
}
ul.social-icons li.gp a {
  background: url('images/social-icon-color.png') no-repeat -59px -1px;
  width: 24px;
  height: 23px;
}
ul.social-icons li.rs a {
  background: url('images/social-icon-color.png') no-repeat -90px -1px;
  width: 24px;
  height: 23px;
}
ul.social-icons li.pn a {
  background: url('images/social-icon-color.png') no-repeat -121px 0;
  width: 24px;
  height: 24px;
}
ul.social-icons li.ln a {
  background: url('images/social-icon-color.png') no-repeat no-repeat -152px 0;
  width: 24px;
  height: 24px;
}
/* social icon hover */
ul.social-icons li.fb a:hover {
  background: url('images/social-icon-hover.png') no-repeat 0 -1px;
}
ul.social-icons li.tw a:hover {
  background: url('images/social-icon-hover.png') no-repeat -29px 0;
}
ul.social-icons li.gp a:hover {
  background: url('images/social-icon-hover.png') no-repeat -59px -1px;
}
ul.social-icons li.rs a:hover {
  background: url('images/social-icon-hover.png') no-repeat -90px -1px;
}
ul.social-icons li.pn a:hover {
  background: url('images/social-icon-hover.png') no-repeat -121px 0;
}
ul.social-icons li.ln a:hover {
  background: url('images/social-icon-hover.png') no-repeat no-repeat -152px 0;
}

ul.social-icons li a {
  padding: 0px 12px 6px 12px;
}
ul.social-icons li {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding-bottom:26px;
}
div.saperator{
  background: url(images/recent-blog-border-icon.png) repeat-x;
  background-position: center;
  text-align: center;
  width: 50%;
  margin: 0 auto;
}
/* social icons ends */

/* --- Contact US Ends --- */

/* ---WP Core Styling Image around Text alignment Start --- */
.alignnone {
    margin: 18px 0px 20px 0;
}
img.alignnone {
    max-width: 100%;
    height: auto;
}
.aligncenter,
div.aligncenter {
    display: block;
    clear: both;
    margin: 18px auto 18px auto;
}
.alignright {
    float:right;
    margin: 18px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 18px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 18px auto 18px auto;
}
a img.alignright {
    float: right;
    margin: 18px 0 20px 20px;
}
a img.alignnone {
    margin: 18px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 18px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 5px 5px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 0 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {
}
.sticky h4 a:link, .sticky h4 a:visited{
    color:red;
    text-transform:Uppercase;
}
.sticky h4 a:hover{
    color:red;
    text-decoration:underline;
}
.gallery-caption {
} 
.bypostauthor{
}
/* ---WP Core Styling Image around Text alignment Ends --- */

/* --- Footer Style Starts --- */
.footer {
  background: #e93424;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
  color: #ffe5e3;
  font-size: 14px;
}
.footer img {
  max-width: 100%;
  height: auto;
}
.footer h5 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 16px;
}
.footer a {
  color: #ffe5e3;
}
.footer ul li {
  background: url(images/footer-li-icon.png) no-repeat 0 5px;
  padding-left: 19px;
  margin-bottom: 9px;
}
.footer .wp-caption p.wp-caption-text {
	color: #222;
}
/* --- Footer Menu Starts --- */
.footer-menu ul#nav ul li {
	min-width: 139px;
	background: #2c2c2c;
	width: 100%;
}
.footer-menu ul#nav ul {
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.28);
}
.footer-menu-ul ul li a {
	padding: 10px;
	background: #e93424;;
	width: 100%;
}
.footer-menu ul ul li:after {
	content: "";
}
.footer-menu ul ul li {
	background: #2c2c2c;
	min-width: 168px;
	width: 100%;
}
.footer-menu ul#nav {
	position:relative;
}
.footer-menu ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-menu ul#nav li {
	position: relative;
	float: left;
}
.footer-menu #nav li ul {
	position: absolute;
	left: -50%;
	bottom:79px;
	margin-left:-999em;
}
.footer-menu #nav li ul ul {
	position: absolute;
	left:100%;
	bottom: 0;
}
.footer-menu #nav li.current_page_item > a, .footer-menu #nav li.current_menu_item > a  {
	
}
/* Styles for Menu Items */
/* set dropdown to default */
.footer-menu ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.over ul ul, ul#nav li.over ul ul ul {
	margin-left:-999em;
}
.footer-menu ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.over ul, ul#nav li li.over ul, ul#nav li li li.over ul {
	margin-left:0;
}
/* --- Footer Menu Ends --- */
.tagcloud a {
  padding: 6px;
  border: 1px solid #f97e6e;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  transition: all .4s;
}
.tagcloud a:hover {
background: #fff;
color: #e93424;
}
.textwidget, searchform, .footer-columns > ul {
  margin-bottom: 13px;
}
.tagcloud {
  margin-bottom: 3px;
}
/* next gen gallery style in footer */
.ngg-widget.entry-content img {
  border-radius: 50%;
  overflow: hidden;
  width: 78px;
  height: 78px;
  margin-right: 7px;
  margin-bottom: 7px;
}
.ngg-widget.entry-content {
  margin-bottom: 6px;
}
.searchform div {
  position: relative;
}
.searchform div input[type=submit] {
  position: absolute;
  top: 9px;
  right: 9px;
  background: url(images/search-button.png) no-repeat;
  border: 0px;
  width: 16px;
  height: 16px;
}
.footer .searchform div input[type=submit] {
	font-size: 0;
}
.footer #search {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  border: 1px solid #ba1e10;
  color: #5c5d5e;
  line-height: 20px;
}
.footer #search:focus {
  color: #000;
}
/* --- Footer Style Ends --- */

/* --- Footer Copyright Starts --- */
.footer-copyright-wrapper {
  background: #930f03;
  color: #ffe8e6;
  font-size: 14px;
}
.footer-menu {
  float: right;
}
.footer-menu-ul li {
  display: inline-block;
}
.footer-menu-ul li a {
  color: #ffe8e6;
  padding-bottom: 27px;
  padding-top: 27px;
  padding-left: 7px;
  padding-right: 9px;
  display: inline-block;
  transition: color .4s;
}
.footer-menu-ul li a:hover {
  color: #222;
}
.footer-menu ul li:after {
    content: "/";
}
.footer-menu ul li:last-child:after {
    content:"";
}
.footer-copyright p{
  padding-top: 27px;
  padding-bottom: 27px; 
}
.footer menu li {
	margin-bottom: 9px;
}
.footer .sub-menu, .footer .children {
margin-top: 9px;
}
.footer h3, .footer select, .footer .searchform {
	margin-bottom: 15px;
}
.footer select {
	max-width: 100%;
	color: #222;
}
/* --- WP Comments Starts --- */
#commentsbox {
  margin-right: 24px;
  line-height: 1.4;
   margin-bottom: 35px;
}
#commentsbox h3#comments {
	margin-bottom: 20px;
}
.commentlist .reply {}
.commentlist .reply a {
  background: url(images/reply-icon.png);
  width: 24px;
  height: 15px;
  position: absolute;
  bottom: 28px;
  right: 16px;
  text-indent: -9999px;
}
.commentlist .comment-body {
  position: relative;
}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {
  color: #3d3d3d;
  font-size: 17px;
}
.commentlist .vcard cite.fn {
  margin-left: 20px;
}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {
  float: left;
  margin-bottom: 15px;
  border: 1px solid #c8c8c8;
  padding: 3px;
}
.commentlist .vcard cite.fn a.url {
  color: #3d3d3d;
}

.commentlist .comment-meta {} 
.commentlist .comment-meta a {
  color: #e93424;
}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {
  margin-left: 20px;
  font-size: 14px;
}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .comment .depth-1{}
.commentlist .comment .depth-2{
  margin-left: 37px;
}
.commentlist .comment .depth-3{
  margin-left: 37px;
}
.commentlist .comment .depth-4{
  margin-left: 37px;
}
.commentlist .comment .depth-5{
  margin-left: 37px;
}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {
	list-style: none;
}
.commentlist li p {
  clear: both;
}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}
.commentlist .comment-text {
  border: 1px solid #ececec;
  clear: both;
  color: #555;
  display: block;
  background: #f4f4f4;
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 45px;
  position: relative;
}
.logged-in-as {
	margin-bottom: 15px;
}
.logged-in-as a{ 
	color: #2c2c2c;
}
.logged-in-as a:hover{ 
	color: #e93424;
}
.comment-respond {
	display: inline-block;
}
.commentlist .comment-text a.commenttext-arrow {
  background: url(images/comment-arrow.png);
  width: 18px;
  height: 7px;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 82px;
}
.commentform_wrapper .post-info {
  display: none;
}
.commentform_wrapper #respond .comment-reply-title {
  font-size: 26px;
  margin-bottom: 20px;
}
.commentform_wrapper .comment-notes {
  margin-bottom: 30px;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label {
  font-size: 21px;
  border: 1px solid #222;
  padding: 11px 18px 14px 18px;
}
.comment-form-author input[type='text'], .comment-form-email input, .comment-form-url input {
  padding: 18px 18px 15px 18px;
  border: 1px solid #222;
  margin-bottom: 25px;
  margin-right: 23px;
  border-left: 0;
  margin-left: -3px;
  width: 270px;
}
.comment-form-author, .comment-form-url {
  float: left;
}
.comment-form-comment textarea {
  height: 55px;
  width: 382px;
  padding: 16px 12px 16px 12px;
}
.comment-form-url input {
  width: 258px;
}
.form-submit input[type='submit']{
  font-size: 21px;
  padding: 9px 18px 12px 18px;
  border: 1px solid #a81c10;
  margin-right: 23px;
  color: #fff;
  background: #e93424;
  }
.form-allowed-tags {
	display: inline-block;
	float: left;
	margin-bottom: 30px;
	margin-top: 13px;
	font-size: 12px;
	line-height: 19px;
}
/* --- WP Comments Ends --- */

/* --- WP Calendar Widget --- */
#calendar_wrap {
}
#calendar_wrap table, #calendar_wrap th, #calendar_wrap td, #calendar_wrap tr {
  padding: 6px;
  border: 1px solid rgba(0,0,0,0.03);
  border-collapse: collapse;
}
#calendar_wrap #wp-calendar {
  width: 100%;
  margin-bottom: 17px;
}
#calendar_wrap #wp-calendar caption {
  font-size: 13px;
  text-transform: uppercase;
  padding: 15px 0;
  text-align: center;
}
#calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td {
  border: 1px solid rgba(0,0,0,0.03);
  text-align: center;
}
#calendar_wrap th {
  line-height: 20px;
  background: rgba(0,0,0,0.03);
  text-shadow: rgba(0,0,0,0.05) 0 1px 0px;
}
#calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today {
  background: #e7604a;
}
#calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a {
  color: #FFF;
}
/* --- WP Calendar Widget --- */

/* --- Blog Page and Posts Starts --- */
.blogpost-content {
  padding-top: 55px;
}
.blogpost-content  .blog-wrapper {
padding-top: 0;

}
.blogpost-content .gallery-wrapper {
margin-top: 0px;
}
.breadcrum-wrapper {
  background: url(images/page-header.jpg) no-repeat center;
  box-shadow: 0px 0px 15px 0px rgba(170, 170, 170, 1.4);
}
.breadcrum h4 {
  padding-top: 16px;
  padding-bottom: 18px;
}
.post-page h1, .post-page h2, .post-page h3 {
	padding-bottom: 10px;
}
.post-page h4, .post-page h5, .post-page h6 {
	padding-bottom: 7px;
}
.post-page h1 a, .breadcrum h4 a {
  color: #000;
  display: inline-block;
  word-break: break-word;
}
.post-page h1 a:hover, .breadcrum h4 a:hover{
  color: #e93424;
}
.post-page a{
	color: #222;
}
.post-page a:hover{
	color: #e93424;
}
.post-page p {
	padding-bottom: 9px;
}
.post-page ol, .post-page ul {
	margin-left: 18px;
}
.post-page ul.meta {
	margin-left: 0;
	margin-bottom: 14px;
}
.post-page ol li, .post-page ul li{
	margin-bottom: 7px;
}
 .post-page ol ol, .post-page ul ul  {
 margin-top: 7px;
 }
.post-page .avatar.photo {
	padding: 3px;
	border: 1px solid #adadad;
	display: inline-block;
	float: left;
	margin-top: 15px;
	margin-right: 10px;
}
.post-page .auth-title {
	padding-top: 10px;
	padding-bottom: 5px;
}
.post-page ul.social-icons {
	max-width: 100%;
}
.meta li {
  display: inline-block;
  color: #e93424;
  margin-right: 15px;
}
.meta li.comments {
	float: right;
}
.meta li a {
   color: #e93424;
}
.meta li a:hover {
text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}
.meta {
  margin-bottom: 20px;
  font-size: 14px;
}
.post-page {
  border: 1px solid #adadad;
  overflow: hidden;
  padding: 12px 12px 12px 12px;
  margin-right: 24px;
  margin-bottom: 50px;
  color: #555;
}
.post-page h1.post-page-head {
  border-bottom: 1px solid #e93424;
  padding-bottom: 13px;
  margin-bottom: 10px;
}
.post-page img {
  max-width: 100%;
  height: auto;
}
.post-page .postimg {
	margin-bottom: 13px;
}
.post-page img.rbh-readmore {
position: relative;
margin-right: -12px;
margin-bottom: -12px;
float: right;
}
.post-page img.rbh-readmore:hover {
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
.post-page .contact-container {
	line-height: 1.4;
	margin-top: 40px;
}
.nav-next {
	float: right;
}
#nav-single {
	margin-right: 24px;
	margin-bottom: 30px;	
}
#nav-single a {
	color: #fff;
	padding: 8px;
	background: #e76756;
}
#nav-single a:hover {
	color: #fff;
	background: #2c2c2c;
}
/* --- Blog Page and Posts Ends --- */

/* --- Gallery Starts --- */
.wp-caption-text.gallery-caption {
	font-size: 13px;
}
#gallery-1 img.attachment-thumbnail {
	border: 1px solid #cfcfcf;
	padding: 3px;
}
.att-img {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

/* --- Gallery Ends --- */

/* --- Sidebar Starts --- */
.sidebar {
  font-size: 14px;
  margin-bottom: 54px;
}
.sidebar img {
  max-width: 100%;
  height: auto;
}
.sidebar select {
  max-width: 100%;
  margin-top: 12px;
margin-bottom: 12px;
}
.sidebar .tagcloud a {
padding: 5px 7px 5px 7px;
border: 1px solid #cfcfcf;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
transition: all .4s;
background: #dfdfdf;
color: #000;
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.07 );
border-radius: 1px;

}
.sidebar .tagcloud a:hover {
  background: #e93424;
  color: #fff;
  border: 1px solid #e18b84;
}
.sidebar .menu ul li a, .footer .menu ul li a {
  padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
font-size: 14px;
}
.sidebar .menu ul {
  float: none;
}
 .sidebar .menu ul li,  .footer .menu ul li {
  height: auto;
 }
 .sidebar .menu ul li:after, .footer .menu ul li:after {
content: "";
color: #fff;
}
 .sidebar ul li {
  margin-bottom: 15px;
  background: url('images/sidebar-li-icon-black.png') no-repeat 0 5px;
  padding-left: 26px;
 }
 .sidebar ul li:hover {
  background: url('images/sidebar-li-icon-orange.png') no-repeat 0 5px;
 }
 .sidebar ul li a:hover, .sidebar a.rsswidget:hover {
  color: #e14015;
}
 .sidebar ul li a, .sidebar a.rsswidget {
  color: #222;
}
.sidebar h4, .sidebar h3 {
  margin-bottom: 9px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e8e8e8;
}
.sidebar ul.children, .sidebar ul.sub-menu {
  margin-top: 14px;
}
/* -- sidebar search widget --*/
.sidebar #search, .sidebar #s {
  border: 1px solid #d87040;
  border-radius: 4px;
  padding: 7px 10px 7px 32px;
  width: 100%;
  background: url(images/submit-button.png) no-repeat 10px 9px;
  margin-bottom: 15px;
  line-height: 20px;
}
.sidebar .searchform div input[type=submit] {
position: absolute;
top: 1px;
right: 1px;
background: #ff9967 url(images/pattern-submit.png);
border-top-right-radius: 4px;
padding: 6px 13px 7px 13px;
border-bottom-right-radius: 4px;
border: 0px;
border-top: 1px solid #ffcdb4;
border-left: 1px solid #f68e4d;
color: #fff;
width: auto;
height: inherit;
line-height: 20px;
}
.screen-reader-text {
	display: none;
}
.sidebar ol, .footer ol, .sidebar ul, .footer ul {
	list-style: none;
}
/* --- Sidebar Ends --- */

/* --- Footer Copyright Ends --- */
/* scroll animation css */
.animated {
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-o-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration:0.3s;
	transition-duration: 0.3s;
	transition-property:scale;
	-moz-transition-property: scale; /* Firefox 4 */
	-webkit-transition-property: scale; /* Safari and Chrome */
	-o-transition-property:scale; /* Opera */
}
.animated.left-to-right,
.animated.right-to-left,
.animated.bottom-to-top {
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration:1.2s;
	transition-duration: 1.2s;
}
.animation_started.animated {
	-webkit-transform: scale(1) translate3d(0,0,0);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:1;
}
.left-to-right {
	-webkit-transform: scale(1) translate3d(-50%,0,0);
	opacity:0;
}
.right-to-left {
	-webkit-transform: scale(1) translate3d(50%,0,0);
	opacity:0;
}
.bottom-to-top {
	-webkit-transform: scale(1) translate3d(0,50%,0);
	opacity:0;
}
/* scroll animation css Ends */
/* -------------------------------------------------------------------------- */
/* -------------------------Media Query Max width------------------------------------ */
/* -------------------------------------------------------------------------- */
/* --- Media Screen 1199 --- */
@media (max-width: 1199px) {
  #main {
    margin-top: 50px;
  }
.comment-form-author input[type='text'], .comment-form-email input, .comment-form-url input {
  width: 200px;
}
.comment-form-url input {
  width: 186px;
}
.comment-form-comment textarea {
  width: 312px;
}
.formfield textarea#commentsText {
	width: 73.5%;
}
.contact-container .error.comment {
top: 131px;
left: 127px;
}
.contact-container  .error.email {
top: 50px;
left: 490px;
}
.contact-container .error.name {
top: 50px;
left: 130px;
}
.msg-label {
left: 13.2%;
}
}


/* --- Media Screen 991 --- */
@media (max-width: 991px) {
  .menu-wrapper {
    display: none;
  }
  .menu-wrapper.notvisible.single-page-nav {
	display: none;
}
.menu-wrapper-bg {
display: none;
}
  .mm-fixed-top {
    display: block;
  }
  .contact-container form input[type='textarea'] {
    width: 44%;
  }
  .flex-caption {
    top: 9%;
	display: none;
  }
  .flex-control-nav {
top: 5%;
}
.post-page, #commentsbox, #nav-single {
  margin-right: 0;
}
.contact-container .error.comment {
top: 131px;
left: 74px;
}
.contact-container  .error.email {
top: 50px;
left: 380px;
}
.contact-container .error.name {
top: 50px;
left: 74px;
}
.formfield textarea#commentsText {
width: 80.5%;
}
.mobile-logo {
	display: block;
}
.msg-label {
left: 9.9%;
}
}


/* --- Media Screen max 767 --- */
@media (max-width: 767px) {
  .contact-container form input[type='textarea'] {
    width: 67%;
  }
  .contact-container form input[type='text'] {
    width: 71%;
  }
  
.comment-form-author, .comment-form-url {
  float: none;
}
.blog-wrapper > div > div > div:nth-child(n+1) > div:nth-child(3n+1) {
clear: none;
}
.blog-wrapper > div > div > div:nth-child(n+1) > div:nth-child(2n+1) {
clear: both;
}
.contact-container .error.comment {
top: 212px;
left: 74px;
}
.contact-container  .error.email {
top: 131px;
left: 74px;
}
.contact-container .error.name {
top: 50px;
left: 74px;
}
.formfield textarea#commentsText {
width: 85.5%;
}
.msg-label {
left: 7.4%;
}
}

/* --- Media Screen max 550 --- */
@media (max-width: 550px) {
  .contact-container form input[type='textarea'] {
    width: 64%;
  }
  .blog-container .col-xs-6 {
    width: 100%;
  }
  .recent-posts-container img.post-thumb {
    width: 100%;
  }
  .bx-wrapper .bx-caption span {
      display: block;
      clear: both;
      margin-left: 0px;
    }
	.formfield textarea#commentsText {
		width: 88.5%;
	}
	.msg-label {
		left: 6.2%;
	}
}

/* --- Media Screen  479 --- */
@media (max-width: 479px) {
.contact-container form input[type='textarea'] {
    width: 43%;
  }
  .contact-container form input[type='text'] {
    width: 53%;
  }
.comment-form-author input[type='text'], .comment-form-email input, .comment-form-url input {
  width: 100%;
  margin-top: 24px;
  border-left: 1px solid #222;
}
.comment-form-url input {
  width: 100%;
}
.comment-form-comment textarea {
width: 100%;
}
.contact-container .error.comment {
top: 212px;
left: 33px;
}
.contact-container  .error.email {
top: 131px;
left: 33px;
}
.contact-container .error.name {
top: 50px;
left: 33px;
}
.formfield textarea#commentsText {
width: 79.5%;
}
.msg-label {
left: 10.4%;
}
.flex-control-nav li {
margin: 6px 0;
display: block;
zoom: 1.5;
}
}


/* --- Media Screen 300 Max --- */
@media (max-width: 300px) {

.contact-container form input[type='textarea'] {
width: 36%;
}
 .contact-container form input[type='text'] {
    width: 48%;
  }
  p.rbh-post-meta {
    width: 68%;
  }
  .text-container h1 {
    word-break: break-word;
  }
  .formfield textarea#commentsText {
	width: 85.5%;
	}
	.msg-label {
		left: 7.4%;
		}
.flex-control-nav li {
margin: 6px 0;
display: block;
zoom: 1.5;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------Media Query Range------------------------------------ */
/* -------------------------------------------------------------------------- */
/* --- Media Screen 992 and 1199 --- */
@media (min-width: 992px) and (max-width: 1199px) {
.flex-control-nav {
    bottom: 33%;
  }
}


/* --- Media Screen 768 and 991 --- */
@media (min-width: 768px) and (max-width: 991px) {
.flex-control-nav {
    bottom: 33%;
  }
  p.rbh-post-meta {
    width: 69%;
  }

}


/* --- Media Screen 480 and 768 --- */
@media (min-width: 480px) and (max-width: 767px) {


}


/* --- Media Screen 300 and 479 --- */
@media (min-width: 300px) and (max-width: 479px) {
#main {
  margin-top: 0;
}

}








/* -------------------------------------------------------------------------- */
/* -------------------------Browsers hack------------------------------------ */
/* -------------------------------------------------------------------------- */
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari-Opera specific declarations here */
  .contact-container form label {
padding: 9px 18px 16px 18px;
}
  .contact-container form input[type="text"], .contact-container form input[type="textarea"] {
    padding: 18px 18px 18px 18px;
  }

  ::i-block-chrome,.contact-container form input[type="text"], .contact-container form input[type="textarea"] {
    padding: 18px 18px 18px 18px;
  }
   ::i-block-chrome,.contact-container form label {
      padding: 9px 18px 16px 18px;
  }

}

/* opera */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       .contact-container form label { 
          padding: 10px 18px 18px;
      }
}