/*
Theme Name: ColorWay Pro Responsive Theme 
Theme URI: http://inkthemes.com/
Description: The Colorway Theme for WordPress is simple and beautiful with lots of customization options that can tweaked from Theme Options Panel like logos, intro texts and background. Colorway 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.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 3.5.3
License: GNU General Public License
License URI: license.txt
Tags: green, red, pink, black, blue, white,  two-columns, fixed-width, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, full width
*/
/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/
@import url(css/reset.css);
@import url(css/960_24_col_responsive.css);
body {
    font: 15px/1.7 'Open Sans', sans-serif;
}
pre, code {
    font-family: 'Open Sans', sans-serif, Monaco, Consolas, monospace;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
p {
    color:#4a4a4a;
}
a {
    text-decoration:none;
}

input:focus, textarea:focus {
    outline:none;
}
select,input[type="file"]{
    margin-bottom:5px;
}

input[type="text"]{
    width:250px;
    height:18px;
}

textarea{
    width:250px;
    height:100px;
}
tr{
    border-bottom: 1px solid #eeeeee;
}
th{
    font-weight:bold;
    background-color: #cccccc; 
}
td,th{
    padding:5px;
    border: 1px solid #ccc;
}
/*==============================*/
/*   Headings  */
/*==============================*/
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 17px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;    
}
h1, h2, h3, h4, h5, h6{
    margin:0px;
    padding:0px;
    color:#4a4a4a;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
/*==============================*/
/*   Spacing  */
/*==============================*/

ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
li {
    margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
}
.container {
    margin-top:55px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-color:#FFFFFF;
    border-bottom:none;
    box-shadow:inset 0 0 1px #000000;
}

ol li {
    border-bottom:none !important;
    margin-top:1px!important;
    margin-bottom:1px!important;
    padding-bottom:0!important;
    padding-top:0!important;
}
.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
    margin-left:30px;
    margin-right:30px;
}
.content-wrapper{
}
/*=========================================*/
/* Header Style */
/*=========================================*/
.logo {
    margin-top:54px;
}
.logo img{
    max-width:100%;
    height:auto;
}
.header .menu-bar {
    border-top:3px double #eeeeee;
    border-bottom:3px double #eeeeee;
    margin-top: 40px;
    padding-bottom: 7px;
    padding-top: 1px;
    margin-bottom: 34px;
}
.header .menu-bar ul {
    margin:0px;
    padding:0px;
    margin:10px 0px 10px 0px;
    margin-left:0px;
    list-style: none;    
}
.header .menu-bar ul li {
    display:inline;
}
.call-us {
    margin-top:0;
}
.call-us a.btn {
    background:#00CCCC;
    display:inline-block;
    visibility:hidden;
}
/* #Slider Style Flexslider
================================================== */
.slider-container {
    border-bottom:3px double #eeeeee;
    margin: 13px 30px 0 30px;
    padding-bottom: 38px;
}
.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;
}
.slides, .flex-control-nav {
	overflow:hidden;
}
/*      FlexSlider Necessary Styles  */
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	display: block;
	width: 1171px;
    height: 460px;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: ".";
	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 Styling  */
.flexslider {
	background: url("images/bg-slider.png") no-repeat  50% 93%;
	position: relative;
	zoom: 1;
	margin-bottom:0;
}
.flexslider .slides {
	width: 1171px;
    height: 460px;
}
.flexslider .slides > li {
	position: relative;
	margin:0;
    width: 1170px !important;
}
.flexslider .slides > li:first-child {
	display: list-item;
}
.flex-container {
	position: relative;
}
.slide .slide-content.entry {
    width: 415px;
    left: 0px;
    bottom: 34px;
    padding: 22px 35px;
    position: absolute;
    /* background-color: rgba(0, 0, 0, 0.6); */
}
.slide-content p {
    margin:0 0 0.5em;
}
.slide .slide-content.entry .title {
    font-size: 32px;
    margin: 0 0 10px 0;
    color: #fff;
    color: #3585B3;
    font-size: 32px;
    line-height: 40px;
}
/* Control Nav */
.flexslider .flex-control-nav {
	text-align:center;
    margin-top: 28px;
}
.flexslider .flex-control-nav li {
	margin: -10px 0 2px 5px;
	zoom: 1;
	display:inline-block;
	
}
.flexslider .flex-control-nav li:first-child {
	margin: 0;
	margin-bottom:2px;
}
.flexslider .flex-control-nav li a {
	width: 15px !important;
	height: 18px;
	background:url(images/pagination.png) no-repeat;
	cursor: pointer;
	display:inline-block;
	font-size:0;
	
}
.flexslider .flex-control-nav li a:hover {
	background-position: 0 -16px;
	font-size:0px;
}
.flexslider .flex-control-nav li a.active {
	background-position: 0px -18px;
	cursor: default;
}
 .flexslider .flex-control-nav li a {
 margin:0;
 padding:0;
 width: 15px;
 height: 16px;
 cursor: pointer;
 overflow:hidden;
 font-size:0;
 margin-top:-2px;
}
 .flexslider .flex-control-nav li {
 margin: 2px 0 2px 5px;
 zoom: 1;
 display:inline-block;
}
.flexslider .flex-control-nav li a.active {
	background-position: 0px -16px;
	cursor: default;
}
/* Direction Nav */
.flexslider .flex-direction-nav {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.flexslider:hover .flex-direction-nav {
    opacity: 1;
}
.flexslider .flex-direction-nav a.prev {
    background: url("images/btn-prev-slider.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    left: 18px;
    opacity: 0.8;
    position: absolute;
    text-indent: -9999em;
    top: 42%;
    width: 30px;
    z-index: 999;
}
.flexslider .flex-direction-nav a.next {
    background: url("images/btn-next-slider.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    opacity: 0.8;
    position: absolute;
    right: 18px;
    text-indent: -9999em;
    top: 42%;
    width: 30px;
    z-index: 999;
}

/*=========================================*/
/* Content Style */
/*=========================================*/



/* #Slider Style Flexslider
================================================== */
.flex-testimonial .flex-container a:active, .flex-testimonial .flexslider a:active, .flex-testimonial .flex-container a:focus, .flex-testimonial .flexslider a:focus {
    outline: none;
}
.flex-testimonial .flex-testimonial .slides, .flex-testimonial .flex-control-nav, .flex-testimonial .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.slides, .flex-control-nav {
    overflow:hidden;
}
/*      FlexSlider Necessary Styles  */
.flex_testimonial {
    width: 100%;
    margin: 0;
    padding: 0;
}
.flex_testimonial .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flex_testimonial .slides img {
    display: block;
    width: 1171px;
    height: 460px;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.flex_testimonial .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flex_testimonial .slides {
    display: block;
}
* html .flex_testimonial .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 .flex_testimonial .slides > li:first-child {
    display: block;
}
/*      FlexSlider Styling  */
.flex_testimonial {
    position: relative;
    zoom: 1;
    margin-bottom:55px;
}
.flex_testimonial .slides {
    zoom: 1;
}
.flex_testimonial .slides > li {
    position: relative;
    margin:0;
}
.flex_testimonial .slides > li:first-child {
    display: list-item;
}
.flex-container {
    zoom: 1;
    position: relative;
}
/* Control Nav */
.flex_testimonial .flex-control-nav {
    text-align:center;
    margin-top: 8px;
}
.flex_testimonial .flex-control-nav li {
    margin: 0px 4px 2px 4px !important;
    zoom: 1;
    display:inline-block;
    
}
.flex_testimonial .flex-control-nav li:first-child {
    margin: 0;
    margin-bottom:2px;
}
.flex_testimonial .flex-control-nav li a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    display:inline-block;
    font-size:0;
    background: #ddd;    
}
.flex_testimonial .flex-control-nav li a:hover, .flex_testimonial .flex-control-nav li a.active{
    background: #2565ac;    
    font-size:0px;
}
 .flex_testimonial .flex-control-nav li {
 margin: 2px 0 2px 5px;
 zoom: 1;
 display:inline-block;
}
.flex_testimonial .flex-control-nav li a.active {
    background-position: 0px -16px;
    cursor: default;
}
/* Direction Nav */
.flex_testimonial .flex-direction-nav {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
/*.flex_testimonial:hover .flex-direction-nav {
    opacity: 1;
}*/
.flex_testimonial .flex-direction-nav a.prev {
    background: url("images/btn-prev-slider.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    left: 18px;
    opacity: 0.8;
    position: absolute;
    text-indent: -9999em;
    top: 42%;
    width: 30px;
    z-index: 999;
}
.flex_testimonial .flex-direction-nav a.next {
    background: url("images/btn-next-slider.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    opacity: 0.8;
    position: absolute;
    right: 18px;
    text-indent: -9999em;
    top: 42%;
    width: 30px;
    z-index: 999;
}




.content-wrapper .content-info.home{
    border-bottom: 3px double #eeeeee;
    padding-top:13px;
    padding-bottom:10px;
    margin-bottom:10px;
}
.content-info h1.title{
    text-align:center;
    font-size: 32px;
    font-weight: 400;
    margin-bottom:15px;
}
.content{
    padding-top:10px;
}
.content img {
    max-width:100%;
}
#content .one_fourth img {
    width: 100%;
    height: auto;
}
#content .one_fourth img:hover{
}
.content-wrapper .content-info h4 {
    text-align:center;
    margin:0px;
    padding:0px;
}
#content {
    border-bottom: 3px double #eeeeee;
    margin-top: 55px;
    padding-bottom:0;
    margin-bottom: 24px;
    overflow: hidden;
}
#content ul.thumbnails {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-32px;
    padding:0px;
}
#content .one_fourth h3 {
    margin:0px;
    padding:0px;
    margin-top:15px;
    margin-bottom:10px;	
}
#content .one_fourth h3 a{
    color:#4a4a4a;
}
#content ul.thumbnails li {
    width:198px;
    height:250px;
    margin:0px;
    margin-left:32px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:26px;
}
#content ul.thumbnails a.bigthumbs {
    display:block;
    width:198px;
    background-image:url(../images/img-bg.png);
}
/*=========================================*/
/* Footer Style */
/*=========================================*/
.footer-container {
    padding-top:30px;
    padding-bottom: 20px;
}
.footer-container h4 {
    background-position:0% 100%;
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom:15px;
    font-size: 22px;
}
.footer-container img {
    float:left;
    margin-right:15px;
}
.footer-container ul {
    margin-left:15px;
}
.footer-container ul li{
    color:#B7BFAF;
    margin-bottom: 6px;
    margin-left:0px;
}
.footer-container .common.left {
    margin-left:30px;
    padding-right:25px;
}
.footer-container .common.right {
    margin-right:10px;
    padding-left:30px;
}
.footer-container .common.second {

}
.footer-container .common.third {
    margin-left:20px;

}
.footer-navi .navigation {
    margin-left:30px;
    margin-top:10px;
}
.footer-navi .navigation ul {
    float:left;
    margin-bottom:10px;
}
.footer-navi .navigation ul li {
    display:inline;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-right:15px;
}
.footer-navi .navigation ul li:first-child {
    padding-left:0px;
}
.footer-navi .navigation ul li.last {
    background:none;
}
.footer-navi .navigation ul li a {
    font-size:15px;
}
.footer-navi .navigation .right-navi {
    float:right;
    margin-right:25px;
    width: 418px;
    text-align: right;
}
.footer-navi .navigation .right-navi img {
    margin-right:5px;
    float:left;
}
.footer-navi .navigation .right-navi p {
    margin:0px;
    padding:0px;
    margin-left:80px;
    font-size: 15px;
}
.footer-navi .navigation .right-navi p a{
    color: #fff;
}
.footer-navi {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
.space{
    height: 20px;
    visibility: hidden;
}
/*=========================================*/
/* Post Style */
/*=========================================*/
.content-wrapper .folio-content-info {
    margin-top:18px;
}
.content-wrapper .folio-content-info p.info {
    font-size:11px;
}
.folio-content ul.thumbnail {
    list-style-type: none;
    width: 110%;
    margin: 0 auto;
    margin-left: -11px;
    padding: 0px;
}
.folio-content ul.thumbnail h3 {
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:15px;
}
.folio-content ul.thumbnail li {
    width:288px;
    margin:0px;
    margin-left:10px;
    float:left;
    background:none;
    margin-bottom:14px;
}
.folio-content ul.thumbnail li img {
    border:1px solid #eeeeee;
    padding:5px;
    height:158px;
    width:266px;
    background-color:#FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
.folio-content ul.thumbnail li a {
    font-size:11px;
}
.folio-content ul.thumbnail a.zoombox {
    display:block;
    width:275px;
    background:url(images/img-shadow.png) no-repeat;
    background-position:10% 100%;
    height:186px;
}
.folio-page-info ul.paging {
    margin:0px;
    padding:0px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}
.folio-page-info ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right:4px;
}
.folio-page-info ul.paging li a {
    color:#777777;
    padding:2px 7px 2px 7px;
    width:20px;
    height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
#nav-single {
    overflow:hidden;
    margin-bottom:20px;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*=========================================*/
/* Contact Page Style */
/*=========================================*/
.content-wrap.home{
    margin-left:0;
}
.content-wrap {
    margin-left:30px;
    padding-right:5px;
    word-wrap:break-word;
    overflow: hidden;
}
.content-wrap .content-info{
    margin-bottom: 32px;
}
.content-wrap h4 {
    margin-top:20px;
}
.content-wrap .contact ul{
    list-style-type:none;
}
.content-wrap .contact{
    overflow:hidden;
}
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
}
.content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
    margin-bottom:10px;
}

ul.contactform input[type="text"],ul.contactform label,ul.contactform textarea{
    clear: both;
    display: block;
    overflow: hidden;
}
ul.contactform input[type="text"]{
    width:215px;
    height:25px;
}
ul.contactform input[type="text"],ul.contactform textarea{
    color: #666;
    border: 1px solid #eeeeee;
    padding-left:10px;
    float:left;
}

ul.contactform textarea{
    width:320px;
    margin-bottom:5px;
    height:150px;
}
.content-wrap .contact ul p, .content-wrap .contact ul p.error {
    margin-left:-29px;
    margin-top:20px;
}
.content-wrap .contact #contactForm ul.contactform li {
    padding-bottom: 25px;
    overflow: auto;
}
.content-wrap .contact #contactForm label {
    clear:both;
}
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
    width:65%;
    background:#F5F5F5;
    border:1px solid #CCC;
    padding-left: 10px;
    clear:both;
    margin-bottom:5px;
    overflow:hidden;
    float:none;
}
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
    background:#FFF;
}
.content-wrap .contact #contactForm input#contactName {
    height:32px;
    clear:both;
}
.content-wrap .contact #contactForm input#email {
    height:32px;
}
.content-wrap .contact #contactForm textarea {
    height: 180px;
    width: 98%;
    clear:both;
}
.content-wrap .contact #contactForm input[type="submit"] {
    height:35px;
    width:84px;
    border:0px;
    background:#000;
    color:#FFF;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    clear:both;
    float:left;
    margin-top:5px;
}
.content-wrap .contact #contactForm input[type="submit"]:hover {
    background:#333;
}
.content-wrap .contact #contactForm .error {
    color:#F00;
    clear:both;
}
/*=========================================*/
/* Sidebar Style */
/*=========================================*/

.sidebar {
    margin-top: 55px;
    margin-right: 30px;
    border-left: 1px solid #eeeeee;
    padding-left: 20px;
    margin-bottom: 60px;
    margin-left: 40px;
}
.sidebar.home{
    margin-right: 0;
    overflow:hidden 
}
.sidebar h2{
    margin-bottom: 25px;
    font-size: 26px;
}
.sidebar.home .widget_img{
    float: right;
}
.sidebar ul{
    margin:-5px;
    padding:0px;
    margin-left:-30px;
    list-style-type:none;
    clear: both;
    margin-bottom: 20px;
}
.sidebar div{
    margin-bottom: 15px;
}
.sidebar ul li {
    border-bottom:1px solid #eeeeee;
    margin-left:10px;
    padding:11px 0 9px 20px;
}
.sidebar ul li:first-child {
    border-top:1px solid #eeeeee;
}
.sidebar ul li:hover {
    background:url(images/sidebar_hover.png) repeat-y;
}
.sidebar h4 {
    margin-top:20px;
}
.sidebar #recentcomments li {
    display:block;
    padding:11px 0 9px 20px;
    padding-left:20px;
}
.sidebar #recentcomments li:hover {
    background:url(images/sidebar_hover.png) repeat-y;
}
.content-wrap img {
    margin-top:20px;
}

/*=========================================*/
/*  Blog Page Style */
/*=========================================*/
.content-wrap .blog img {
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}
.content-wrap #blogmain img.postimg {
    margin:0px;
    padding:0px;
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    /*height: 100px;
    width:100px;*/
    float:left;
    margin-right: 20px;
    margin-top: 4px;
}
.content-wrap .blog ul {
    margin-left:-30px;
}
.content-wrap .blog img {
    max-width:98%;
    height:auto;
}
.content-wrap .blog ul.blog_post{
    list-style-type:none;
}
.content-wrap .blog ul.blog_post li {
    border-bottom:1px solid #eeeeee;
    padding-bottom: 40px;
    margin-bottom: 36px;
    overflow:hidden;
}
.content-wrap .blog ul.blog_post li:last-child {
    border:none;
}
.content-wrap .blog ul.blog_post li p {
    margin-top:15px;
    margin-bottom: 15px;
}
.content-wrap .blog ul li h2 {
    margin: 0px;
    padding: 0px;
    margin-left: 0;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 38px;
}
.content-wrapper .home_page_blog .grid_24{
    width: 98%;
}
.home_page_blog .content-wrap .blog ul li h2{
    font-size: 28px;
}
.content-wrap .blog ul.blog_post li h2 a {
    color: #000;
}
.content-wrap ul.paging, .content-wrap label {
    float:left;
}
.content-wrap label {
    margin:0px;
    padding:0px;
    margin-top:18px;
    margin-right:10px;
}
.content-wrap .blog ul ul {
    list-style-type:disc;
    margin-top:10px;
    margin-left:-5px;
}
.content-wrap .blog ul.blog_post li ul li {
    border:none;
    margin-left:5px;
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    min-height:0;
}
.content-wrap .blog ul ul.post_meta {
    list-style: none;    
}
.content-wrap .blog ul ul.post_meta li{
    display: inline;
    margin-left: 5px;
}
.content-wrap .blog ul.single{
    list-style-type:none;
}

div.textwidget{
    margin-bottom:10px;
}
div.tagcloud{
    margin-bottom:10px;
}
/*=========================================*/
/* Fullwidth Page */
/*=========================================*/
.content-wrap .fullwidth {
    margin-right:30px;
}
.content-wrap .fullwidth img {
    height:auto;
    max-width:885px;
}
.content-wrap h1 {
    margin-top:15px;
}
.content-wrap h1.blog_head {
    font-size: 28px;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.home_page_blog {
    border-bottom: 3px double #eeeeee;
    overflow: hidden;
}
blockquote.home_blockquote {
    padding-bottom: 22px;
    margin-bottom: 0;
}
/*=========================================*/
/* Social Icons */
/*=========================================*/
.social_link {
    position:relative;
    margin-top:25px;
}
.social_link p {
    float:left;
    color:#6c6c6c;
    margin-right: 20px;
}
.social_logo{
    margin-bottom: 20px;
}
.social_logo img {
    margin:0px;
    padding:0px;
}
/*=========================================*/
/* Comment Style */
/*=========================================*/
#commentsbox {
    margin:0 0px;
}
ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;
}
ol.commentlist li.comment {
    margin:10px 0;
    line-height:18px;
    padding:10px !important;
    border:1px solid #CCCCCC;
    margin-bottom:10px;
    border-bottom:1px solid #CCCCCC !important;
    background: #EBEBEB;
    text-shadow: 0 1px 0 #ffffff;
}
ol.commentlist li.comment .comment-author {
    color:#000;
}
ol.commentlist li.comment .comment-author.vcard{
    margin:0;
    padding:0;
}
ol.commentlist li.comment .comment-author a:link, ol.commentlist li.comment .comment-author a:visited {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
}
ol.commentlist li.comment .comment-author .fn {
    color:#000;
}
cite.fn {
    color:#000;
    font-style:normal;
    margin-left:8px;
}
ol.commentlist li.comment .comment-author .avatar {
    border:1px solid #ddd;
    padding:3px;
    margin-right:10px;

}
ol.commentlist li.comment .comment-meta {
    font-size:10px;
    margin-left:63px;
    margin-top:-15px;
}
ol.commentlist li.comment .comment-body p{
    margin-left:60px;
}
ol.commentlist li.comment .comment-meta .commentmetadata {
    color:#000;
    padding-top: 0px;
}
ol.commentlist li.comment .comment-meta a {
    color: #3399FF;
    text-decoration:none !important;
}
ol.commentlist li.comment p {
    line-height:22px;
    margin-top:5px;
    color:#666;
}
ol.commentlist li.comment .reply {
    margin-top:10px;
    font-size:10px;
}
ol.commentlist li.comment .reply a {
    color:#63261a;
    font-size:14px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin:0 0 0px 50px;
}
.comment-nav {
    padding:5px;
    height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
    color:#f96e02;
}
#respond {
    padding:0px 0px;
    margin:10px 0px;
}
#respond h3 {
    font-size:14px;
    color:#000;
    font-weight:bold;
    padding:10px 10px;
}
#commentform {
    padding:10px 20px;
    border:1px solid #eee;
    overflow:hidden;
    padding-bottom:40px;
}
#commentform p {
    margin:5px 0px;
    color:#444;
}
#commentform a {
    color:#0454A8;
}
#respond label {
    display:block;
    padding:5px 0;
    color:#63261a;
}
#respond label small {
    font-size:10px;
}
#respond input {
    padding:5px 5px;
    background:#fff;
    border:1px solid #ddd;
    color:#555;
}
#commentform input[type="text"], #commentform  label, #commentform textarea{
    clear: both;
    display: block;
    overflow: hidden;
}

#commentform  label{
    margin-bottom:5px;
}

#commentform input[type="text"] {
    width:50%;
    height:20px;
    background: #F5F5F5;
    border: 1px solid #CCC;
}
#respond input#commentSubmit {
    clear:both;
    border:0;
    cursor:pointer;
    text-align: center;
    font-size:16px;
    margin-top:10px;
    color:#FFFFFF;
    float:left;
    width: 84px;
    border: 0px;
    background: #000;
    color: #FFF;
    cursor: pointer;
}
textarea#comment {
    border:none;
    background: #F5F5F5;
    border: 1px solid #CCC;
    width:70%;
    margin:30px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
    clear:both;
}
/*=========================================*/
/* Search Form Style */
/*=========================================*/
#searchform {
    position: relative;
    width: 329px;
}
.footer #searchform {
    margin-bottom: 20px;
}
#searchform #s {
    width:288px;
    height:25px;
    color:#939292;
    border: 1px solid #eeeeee;
    padding-left:10px;
}
.footer #searchform{
    width: 180px;
    height:30px;
}
.footer #searchform #s {
    border:0px;
    height:30px;
    width:135px;
    padding-left:18px;
    background:transparent;
    color:#CCCCCC;
}
.footer #searchform label {
    float:left;
}
#searchform #searchsubmit {
    background:url(images/search-bg-1.png) no-repeat;
    border:0px;
    position:absolute;
    width:29px;
    height:29px;
    top:0;
    right:0;
    cursor:pointer;
    margin-left:6px;
    text-indent:-9999px;
}
.footer #searchform #searchsubmit {
    width:18px;
    height:18px;
    padding:0;
    position:absolute;
    top:8px;
    right:5px;
    overflow:hidden;
    cursor:pointer;
    text-indent:-9999px;
    background: url(images/search-icon.png) 0 0 no-repeat;
    border:none;
    z-index:200;
}
.sidebar #searchform {

}
ul.searchlist{
    list-style-type: none;
}
/*=======================================================*/
/* Special Columns */
/*=======================================================*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    float:left;
    display:inline;
    position:relative;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.one_half {
    width:48%;
    margin-right:4%;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.two_third {
    width:65%;
    margin-right:5%;
}
.one_fourth {
    width:22%;
    margin-right:4%;
    margin-bottom: 44px;
}
.one_fourth:nth-child(4n+4){
	margin-right: 0;
}
.three_fourth {
    width:74%;
    margin-right:4%;
}
.col2, .col3, .col4 {
    float:left;
    position:relative;
}
.col3 {
    width:280px;
    margin-right:60px;
}
.col2 {
    width:460px;
    margin-right:40px;
}
.col4 {
    width:210px;
    margin-right:40px;
    margin-bottom: 55px;
}
.last {
    margin-right:0 !important;
}
.col4-wrap, .col2-wrap, .homepage {
    width:1000px;
    margin-right:-40px;
    overflow: hidden;
    line-height:20px;
}
/*=======================================================*/
/* Tipsy */
/*=======================================================*/
.tipsy {
    margin-bottom:5px;
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position: top center;
}
/*=======================================================*/
/* Calendar Style */
/*=======================================================*/

#wp-calendar caption {
    width:200px;
    text-align: center;
    background: #4b5d67;
    color: #fff;
    border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
    border-collapse:collapse;
    width:200px;
    text-align: center;
}
#wp-calendar thead tr {
    background: url(images/cal_bkg.gif) bottom right no-repeat;
}
#wp-calendar thead th {
    background: url(images/cal_single.gif) top left no-repeat;
}
#wp-calendar tbody td {
    background: url(images/cal_single2.gif) top left no-repeat;
    padding: 2px 0;
    padding-left:5px;
}
#wp-calendar #today {
    background: url(images/cal_single_today.gif) top left no-repeat;
    color: #000;
}
#wp-calendar tbody .pad {
    background: url(images/cal_pad.gif) top left no-repeat;
}
#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}
#wp-calendar tfoot td {
    padding: 3px 0;
    background: url(images/cal_pad.gif) top left no-repeat;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#calendar_wrap {
    display: block;
    width: 157px;
    background: url(images/cal_bkg.gif) bottom right no-repeat;
    padding: 0 1px 1px 0;
    margin: 0 0 18px 0;
}
.footer #calendar_wrap {
}
.footer #wp-calendar caption {
    border-bottom:none;
    color: #244006;
}
.footer #wp-calendar {
    color: #abca8a ;
}
.footer #wp-calendar th {
    background:none;
    border-top:none;
    border-bottom:none;
    font-weight: bold;
    padding-top: 5px;
}
.footer #wp-calendar th{
    color: #213a06;
}
.footer #wp-calendar tfoot td {
    background:none;
    border-top:none;
    border-bottom:none;
}
.footer #wp-calendar tr {
    border:none;
}

.footer #wp-calendar caption {
    width: 157px;

}
.footer #wp-calendar {
    width: 156px;
}


/*=======================================================*/
/* Color Box */
/*=======================================================*/
.schemes {
    width:17px;
    padding:5px 5px 0px 5px;
    position:absolute;
    z-index:1000;
    top:50px;
    left:0;
    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -khtml-border-radius:0 5px 5px 0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
.schemes a {
    width:15px;
    height:15px;
    margin-bottom:5px;
    display:block;
    overflow:hidden;
    outline:none;
    text-indent:-999px;
}
.schemes a.pink {
    background:#ce2879;
    border:1px solid #971957;
}
.schemes a.yellow {
    background:#a58803;
    border:1px solid #84642c;
}
.schemes a.brown {
    background:#AF6E07;
    border:1px solid #574a4a;
}
.schemes a.blue {
    background:#2565AC;
    border:1px solid #174c88;
}
.schemes a.red {
    background: #a63400;
    border:1px solid #4b396e;
}
.schemes a.black {
    background:#000000;
    border:1px solid #2b3035;
}
.schemes a.purple {
    background:#736DB4;
    border:1px solid #2b3035;
}
.schemes a.green {
    background:#00CC00;
    border:1px solid #006600;
}
/*=======================================================*/
/* Wordpres Core Classes */
/*=======================================================*/
blockquote {
    margin-top:40px;
    margin-bottom:40px;
    padding-left:70px;
    min-height:50px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
    margin: 5px 20px 20px 0;
    display:block;
    clear:both;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 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:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/*=======================================================*/
/* Buttons Style */
/*=======================================================*/
a.button, button {
    display: inline-block;
    padding: 5px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    color: #3C3C3D;
    text-shadow: 1px 1px 0 #FFFFFF;
    background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #CACACA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    position: relative;
    zoom: 1;
    line-height: 1.11;
    /* *display: inline;
     *vertical-align: middle;*/
    display:inline;
    vertical-align:middle;
}
button {
    margin-left: 0;
    margin-right: 0;
    /* *padding: 5px 5px 3px 5px;*/
    padding: 5px 5px 3px 5px;
}
a.button {
    -moz-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
button::-moz-focus-inner {
    border: 0;
    padding:0px;
}
a.button.primary, button.primary {
    font-weight: bold
}
button:focus, a.button:hover, button:hover {
    color: #FFFFFF;
    border-color: #388AD4;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    background-position: 0 -40px;
    background-color: #2D7DC5;
}
a.button:active, button:active, a.button.active, button.active {
    background-position: 0 -81px;
    border-color: #347BBA;
    background-color: #0F5EA2;
    color: #FFFFFF;
    text-shadow: none;
}
a.button:active, button:active {
    top: 1px
}
a.button.negative:hover, button.negative:hover {
    color: #FFFFFF;
    background-position: 0 -121px;
    background-color: #D84743;
    border-color: #911D1B;
}
a.button.negative:active, button.negative:active, a.button.negative.active, button.negative.active {
    background-position: 0 -161px;
    background-color: #A5211E;
    border-color: #911D1B;
}
a.button.positive:hover, button.positive:hover {
    background-position: 0 -280px;
    background-color: #96ED89;
    border-color: #45BF55;
}
a.button.positive:active, button.positive:active, a.button.positive.active, button.positive.active {
    background-position: 0 -320px;
    background-color: #45BF55;
}
a.button.pill, button.pill {
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    padding: 5px 10px 4px 10px;
    /**padding: 4px 10px;*/
    padding: 4px 10px;

}
a.button.left, button.left {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 0px;
    border-right: none;
}
a.button.middle, button.middle {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: none;
}
a.button.right, button.right {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
}
a.button.left:active, button.left:active, a.button.middle:active, button.middle:active, a.button.right:active, button.right:active {
    top: 0px
}
a.button.big, button.big {
    font-size: 16px;
    padding-left: 14px;
    padding-right: 17px;
}
button.big {
    /**padding: 4px 17px 2px 17px;*/
    padding: 4px 17px 2px 17px;
}
a.button span.icon, button span.icon {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: auto 7px auto auto;
    position: relative;
    top: 0;
    /* *top: 0px;*/
    top:0px;
    background-image: url('images/css3buttons_icons.png');
    background-repeat: no-repeat;
}
a.big.button span.icon, button.big span.icon {
    top: 0px
}
a.button span.icon.book, button span.icon.book {
    background-position: 0 0
}
a.button:hover span.icon.book, button:hover span.icon.book {
    background-position: 0 -15px
}
a.button span.icon.calendar, button span.icon.calendar {
    background-position: 0 -30px
}
a.button:hover span.icon.calendar, button:hover span.icon.calendar {
    background-position: 0 -45px
}
a.button span.icon.chat, button span.icon.chat {
    background-position: 0 -60px
}
a.button:hover span.icon.chat, button:hover span.icon.chat {
    background-position: 0 -75px
}
a.button span.icon.check, button span.icon.check {
    background-position: 0 -90px
}
a.button:hover span.icon.check, button:hover span.icon.check {
    background-position: 0 -103px
}
a.button span.icon.clock, button span.icon.clock {
    background-position: 0 -116px
}
a.button:hover span.icon.clock, button:hover span.icon.clock {
    background-position: 0 -131px
}
a.button span.icon.cog, button span.icon.cog {
    background-position: 0 -146px
}
a.button:hover span.icon.cog, button:hover span.icon.cog {
    background-position: 0 -161px
}
a.button span.icon.comment, button span.icon.comment {
    background-position: 0 -176px
}
a.button:hover span.icon.comment, button:hover span.icon.comment {
    background-position: 0 -190px
}
a.button span.icon.cross, button span.icon.cross {
    background-position: 0 -204px
}
a.button:hover span.icon.cross, button:hover span.icon.cross {
    background-position: 0 -219px
}
a.button span.icon.downarrow, button span.icon.downarrow {
    background-position: 0 -234px
}
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow {
    background-position: 0 -249px
}
a.button span.icon.fork, button span.icon.fork {
    background-position: 0 -264px
}
a.button:hover span.icon.fork, button:hover span.icon.fork {
    background-position: 0 -279px
}
a.button span.icon.heart, button span.icon.heart {
    background-position: 0 -294px
}
a.button:hover span.icon.heart, button:hover span.icon.heart {
    background-position: 0 -308px
}
a.button span.icon.home, button span.icon.home {
    background-position: 0 -322px
}
a.button:hover span.icon.home, button:hover span.icon.home {
    background-position: 0 -337px
}
a.button span.icon.key, button span.icon.key {
    background-position: 0 -352px
}
a.button:hover span.icon.key, button:hover span.icon.key {
    background-position: 0 -367px
}
a.button span.icon.leftarrow, button span.icon.leftarrow {
    background-position: 0 -382px
}
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow {
    background-position: 0 -397px
}
a.button span.icon.lock, button span.icon.lock {
    background-position: 0 -412px
}
a.button:hover span.icon.lock, button:hover span.icon.lock {
    background-position: 0 -427px
}
a.button span.icon.loop, button span.icon.loop {
    background-position: 0 -442px
}
a.button:hover span.icon.loop, button:hover span.icon.loop {
    background-position: 0 -457px
}
a.button span.icon.magnifier, button span.icon.magnifier {
    background-position: 0 -472px
}
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier {
    background-position: 0 -487px
}
a.button span.icon.mail, button span.icon.mail {
    background-position: 0 -502px
}
a.button:hover span.icon.mail, button:hover span.icon.mail {
    background-position: 0 -514px
}
a.button span.icon.move, button span.icon.move {
    background-position: 0 -526px
}
a.button:hover span.icon.move, button:hover span.icon.move {
    background-position: 0 -541px
}
a.button span.icon.pen, button span.icon.pen {
    background-position: 0 -556px
}
a.button:hover span.icon.pen, button:hover span.icon.pen {
    background-position: 0 -571px
}
a.button span.icon.pin, button span.icon.pin {
    background-position: 0 -586px
}
a.button:hover span.icon.pin, button:hover span.icon.pin {
    background-position: 0 -601px
}
a.button span.icon.plus, button span.icon.plus {
    background-position: 0 -616px
}
a.button:hover span.icon.plus, button:hover span.icon.plus {
    background-position: 0 -631px
}
a.button span.icon.reload, button span.icon.reload {
    background-position: 0 -646px
}
a.button:hover span.icon.reload, button:hover span.icon.reload {
    background-position: 0 -660px
}
a.button span.icon.rightarrow, button span.icon.rightarrow {
    background-position: 0 -674px
}
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow {
    background-position: 0 -689px
}
a.button span.icon.rss, button span.icon.rss {
    background-position: 0 -704px
}
a.button:hover span.icon.rss, button:hover span.icon.rss {
    background-position: 0 -719px
}
a.button span.icon.tag, button span.icon.tag {
    background-position: 0 -734px
}
a.button:hover span.icon.tag, button:hover span.icon.tag {
    background-position: 0 -749px
}
a.button span.icon.trash, button span.icon.trash {
    background-position: 0 -764px
}
a.button:hover span.icon.trash, button:hover span.icon.trash {
    background-position: 0 -779px
}
a.button span.icon.unlock, button span.icon.unlock {
    background-position: 0 -794px
}
a.button:hover span.icon.unlock, button:hover span.icon.unlock {
    background-position: 0 -809px
}
a.button span.icon.uparrow, button span.icon.uparrow {
    background-position: 0 -824px
}
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow {
    background-position: 0 -839px
}
a.button span.icon.user, button span.icon.user {
    background-position: 0 -854px
}
a.button:hover span.icon.user, button:hover span.icon.user {
    background-position: 0 -869px
}
.shopping_cart table td i p {
    font-style:normal;
}
.shopping_cart table td a strong {
    background:#0A2642;
}
/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/
.it_mobile_menu li{
    margin: 0;
}
.it_mobile_menu li a {
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow:none;
    border-bottom: 1px solid #e2e0e0;
    margin: 0 !important;
}
.it_mobile_menu li:last-child a{
    border-bottom:none; 
    padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
    color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
#mobile_menu {
    width: 222px !important;
    border: 1px solid #e2e0e0 !important;
    left: -1px;
    padding: 0;
    padding-bottom: 20px;
    background: #f8f8f8;
    top: 46px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    z-index: 9999;
    display: none;
    margin-bottom: 500px !important;
}

.it_mobile_menu {
    position: absolute;
    top: 46px !important;
    left: 3px;
    z-index: 1000;
    display: none;
    text-align: left;
}

.it_mobile_menu ul {
    display: block !important;
    visibility: visible !important;
    border-bottom: 1px solid #e2e0e0;
}
.it_mobile_menu ul li a{
    margin-left:12px !important; 
    padding-top: 12px !important;
    padding-bottom: 4px !important;
}
.it_mobile_menu ul li:last-child a{
    padding-bottom: 10px !important;
}
.it_mobile_menu ul a{

    border-bottom: none;
}
.mobile_nav {
    color: #3B3B3B;
    display: none;
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
    position: relative;
    padding: 15px 22px 11px 46px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.mobile_nav:before, .mobile_nav:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
}
.mobile_nav:before {
    left: 0;
}
.mobile_nav:after {
    right: 0;
}
.mobile_nav:hover {
    text-decoration: none;
    color:#3B3B3B;
}
.mobile_nav > span {
    display: block;
    width: 15px;
    height: 10px;
    background: url(images/responsive_arrow.png) no-repeat;
    position: absolute;
    top: 19px;
    left: 19px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mobile_nav.opened > span {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
/*Gallery page
================================================*/
.fullwidth .gallery .thumbnail {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    margin-right: 10px;
    width: 107%;
}
.fullwidth .gallery ul.thumbnail li {
    margin: 0;
    margin-left: 0;
    position: relative;
    /*margin-right:22px;*/
    margin-right: 26px;
    width: 216px;
    height: auto;
    margin-bottom: 25px;
    text-align: center;
    padding-bottom: 0px;
    display: inline-block;
    vertical-align: top;
}
.fullwidth .gallery ul.thumbnail li span {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
.fullwidth .gallery ul.thumbnail li:hover span {
    background: url(images/gall-bg.png) center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.fullwidth .gallery .thumbnail li img {
    margin-right: 0;
    width: 230px;
    height: 168px;
    border: 1px solid #ddd;
    padding: 5px;
}
.fullwidth .gallery .thumbnail li img:hover {
    opacity: 0.4;
}
.fullwidth .gallery ul.thumbnail.col-1 li {
    width: 200px;
    height: auto;
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 120px;
}
.fullwidth .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 40%;
    left: 50%;
}
.fullwidth .gallery ul.thumbnail.col-2 li {
    width: 300px;
    margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 120px;
    height: auto;
}
.fullwidth .gallery ul.thumbnail.col-2 li span {
}
.fullwidth .gallery ul.thumbnail.col-2 li span img {
    margin-right: 0;
    width: 282px;
    height: 200px;
}
.fullwidth .gallery ul.thumbnail.col-3 {
    width: 119%;
}
.fullwidth .gallery ul.thumbnail.col-3 li {
    width: 246px;
    margin-right: 15%;
    height: auto;
    margin-bottom: 12%;
}
.fullwidth .gallery ul.thumbnail.col-3 li span {
}
.fullwidth .gallery ul.thumbnail.col-3 li span img {
    margin-right: 0;
    width: 224px;
    height: 158px;
}
.fullwidth .gallery ul.thumbnail.col-4 li {
    width: 237px;
    height: auto;
    margin-right: 5.8%;
    margin-bottom: 64px;
}
.fullwidth .gallery ul.thumbnail.col-4 li:hover span {
    background: url(images/gall-bg.png) center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.fullwidth .gallery .thumbnail.col-4 li img {
    margin-right: 0;
    width: 224px;
    height: 158px;
}
.fullwidth .gallery ul.thumbnail.col-5 li {
    width: 203px;
    height: auto;
    margin-right: 40px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-5 li span {
    position: absolute;
    top: 46%;
    left: 44%;
}
.fullwidth .gallery ul.thumbnail.col-5 li img {
    width: 190px;
    height: 140px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-6 li {
    width: 153px;
    height: auto;
    margin-right: 50px;
    margin-bottom: 60px;
}
.fullwidth .gallery ul.thumbnail.col-6 li span {
    position: absolute;
    top: 46%;
    left: 44%;
}
.fullwidth .gallery ul.thumbnail.col-6 li img {
    width: 140px;
    height: 110px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-7 li {
    width: 120px;
    height: auto;
    margin-right: 44px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 46%;
    left: 44%;
}
.fullwidth .gallery ul.thumbnail.col-7 li img {
    width: 108px;
    height: 73px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-8 li {
    width: 120px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-8 li span {
    position: absolute;
    top: 46%;
    left: 40%;
}
.fullwidth .gallery ul.thumbnail.col-8 li img {
    width: 108px;
    height: 73px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-9 li {
    width: 120px;
    margin-right: 4px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-9 li span {
    position: absolute;
    top: 46%;
    left: 44%;
    ;
}
.fullwidth .gallery ul.thumbnail.col-9 li img {
    width: 90px;
    height: 73px;
    margin-right: 0px;
}
.fullwidth .gallery ul li h2 {
    margin-top: -32px;
}
.fullwidth .gallery ul li h2:hover {
    color: #CC9900;
}
.fullwidth .gallery ul li a.gall-content {
    font-size: 20px;
    font-weight: bold;
}
.fullwidtht .gallery ul li a.gall-content:hover {
    color: #f60;
}
.fullwidth .gallery .thumbnail li img:hover {
    opacity: 1;
    -webkit-transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    -ms-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
}
/*Gallery style in content bar
================================================*/
.content_bar .gallery .thumbnail {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    margin-right: 10px;
    width: 105%;
}
.content_bar .gallery ul.thumbnail li {
    margin: 0;
    margin-left: 0;
    float: left;
    position: relative;
    margin-right: 26px;
    width: 216px;
    height: 165px;
    margin-bottom: 25px;
    text-align: center;
}
.content_bar .gallery ul.thumbnail.col-1 li {
    width: 200px;
    height: 150px;
    display: block;
    float: none;
    margin: 0 auto;
}
.content_bar .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 32%;
    left: 47%;
}
.content_bar .gallery ul.thumbnail.col-2 li {
    width: 270px;
    height: 155px;
    margin: 0;
    margin-left: 65px;
    margin-bottom: 75px;
}
.content_bar .gallery ul.thumbnail.col-2 li span {
    position: absolute;
    top: 41%;
    left: 47%;
}
.content_bar .gallery ul.thumbnail.col-2 li img {
    width: 197px;
    height: 142px;
}
.content_bar .gallery ul.thumbnail.col-3 li {
    width: 237px;
    height: 170px;
}
.content_bar .gallery ul.thumbnail.col-3 li img{
    height:auto;
}
.content_bar .gallery ul.thumbnail.col-4 li {
    width: 144px;
    height: 110px;
    margin-right: 54px;
}
.content_bar .gallery ul.thumbnail.col-4 li img{
    width: 130px;
    height: 98px;
}
.content_bar .gallery ul.thumbnail.col-4 li span {
    position: absolute;
    top: 45%;
    left: 40%;
}
.content_bar .gallery ul.thumbnail.col-5 li {
    width: 116px;
    height: 91px;
    margin-right: 42px;
}
.content_bar .gallery ul.thumbnail.col-5 li img {
    width: 103px;
    height: 75px;
}
.content_bar .gallery ul.thumbnail.col-6 li {
    width: 85px;
    height: 105px;
    margin-right: 40px;
    margin-bottom: 0;
}
.content_bar .gallery ul.thumbnail.col-6 li span {
    position: absolute;
    top: 30%;
}
.content_bar .gallery ul.thumbnail.col-6 li img {
    height: 73px;
}
.content_bar .gallery ul.thumbnail.col-7 li {
    width: 70px;
    height: 80px;
    margin-right: 37px;
}
.content_bar .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 40%;
    left: 38%;
}
.content_bar .gallery ul.thumbnail.col-8 li {
    width: 64px;
    height: 35px;
    margin-right: 28px;
    margin-bottom: 75px;
}
.content_bar .gallery ul.thumbnail.col-8 li span {
    position: absolute;
    top: 75%;
    left: 44%;
    left: 40%;
}
.content_bar .gallery ul.thumbnail.col-9 li {
    width: 60px;
    height: 32px;
    margin-right: 21px;
    margin-bottom: 70px;
}
.content_bar .gallery ul.thumbnail.col-9 li span {
    position: absolute;
    top: 90%;
    left: 44%;
}
.content_bar .gallery .thumbnail li img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    border: 1px solid #c3cccd;
    padding: 5px;
    width: 224px;
    height: 107px;
}
.content-bar .gallery .thumbnail li img:hover {
    opacity: 1;
}
.content-bar ul.thumbnail li span.fade {
    background: url(images/view_photo.png) no-repeat;
    position: absolute;
    top: 60px;
    left: 65px;
    display: block;
    opacity: 0;
    width: 220px;
    height: 153px;
}
h1.page-title {
    font-size: 22px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
h1.page-title-gall {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.gallery.portfolio ul.paging{
    margin-left: 42px;
}
@media only screen and (min-width: 960px) and (max-width: 1260px) {
    .slider-container {
    }
    .slides_control {
        min-height:350px;
    }
    .slide {
        min-height:200px;
    }
    .flexslider .slides > li {
    width: 891px !important;
    }
    .flexslider .slides {
    width: 891px;
     height: 350px;
    }
    .flexslider .slides iframe{
        width: 891px;
        height: 350px;
    }
    .flexslider .slides img {
        width: 891px;
        height: 350px;
    }
    .container_24 .grid_8 {
        width: 246px;
    }
    .sidebar{
        margin-left:9px;
    }
    #searchform {
        width: 215px;
    }
    #searchform #s {
        width:175px;
    }
    .fullwidth .gallery ul.thumbnail.col-4 {
        width: 126%;
    }
    .fullwidth .gallery ul.thumbnail.col-4 li{
        margin-right: 8.5%;
    }
    .fullwidth .gallery ul.thumbnail.col-3 li {
        margin-right: 7.5%;
    }
    .fullwidth .gallery ul.thumbnail.col-5 li {
        margin-right: 59px;
    }
    ul.thumbnail, ul.thumbnails {
        margin-left: 20px;
    }
    ul.thumbnail li, ul.thumbnails li {
        float: left;
        overflow: hidden;
        background: none;
        padding-top: 8px;
        margin: 0 17px 55px 0;
    }
    .content_bar .gallery ul.thumbnail.col-4 li {
        margin-right: 76px;
        margin-bottom: 55px;
    }
    .content_bar .gallery ul.thumbnail.col-3 li {
        width: 188px;
        height: 170px;
    }
    .content_bar .gallery ul.thumbnail.col-3 li img {
        width: 171px;
        height: 125px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
    .menu_wrap { width: 100% !important; }
    .menu_wrap { width: 748px; }                           
    ul.ddsmoothmenu li.menu-gradient { width: 138px; }
    li.depth-4 ul.children { padding-left: 0; }  
    .slider-container {
    }
    .flexslider{
        background: none;
    }
    .slide-fix {
        height:280px;
        margin-top:13px;
        background: url("../images/bg-slider-land.png") no-repeat bottom center !important;
    }
    .flexslider .slides {
    width:698px;
    height:300px;
    }
    .flexslider .slides > li {
    width: 698px !important;
    }
    .flexslider .slides iframe{
        width:698px;
        height:300px;
    }
    .flexslider .slides img{
        width:698px;
        height:276px;
    }
    #slider_pag {
        width: 698px !important;
    }
    #slider_pag ul {
        max-width: 698px;
    }
    .slide .slide-content.entry {
        bottom: 19px !important;
        position: absolute;
    }
    .flexslider .flex-control-nav {
      text-align: center;
      margin-top: 2px;
    }
    .one_fourth {
	  width: 46%;
	  margin-right: 2%;
	  margin-left: 2%;
	}
    #searchform {
        position:relative;
        width: 165px;
    }    
    #searchform #s {
        width:128px;
        padding-left:10px;
    }

    .footer #searchform {
        background-image:none;
        border:1px solid #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width:134px !important;
        background-color:#0F3F74;
    }
    .folio-content ul.thumbnail {
        width: 732px !important;
        margin-left:-58px;
    }
    .folio-content ul.thumbnail li {
        margin-left:58px !important;
        float:left;
        overflow:hidden;
        background:none;
        margin-bottom:58px !important;
    }    
}

@media only screen and ( max-width: 767px ) {
    .menu_wrap{ width: 460px; }                       	
    ul.ddsmoothmenu{ display: none; }                           
    .mobile_nav { display: inline-block; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }
    .ddsmoothmenu { text-align: center; }
    li.depth-4 ul.children { padding-left: 0; }
    .social_link p{
        float:none !important;
    }
    .sidebar {
        margin-left: 0px;
        padding-left: 0;
    }
    .flexslider{
        background: none;
    }
    .flex-control-nav {        
     margin-top: -20px;
    }
    .flexslider .flex-direction-nav a.next, .flexslider .flex-direction-nav a.prev{
        top: 32%;
    }
    .one_fourth {
	  width: 100%;
	  margin-right: 0%;
	  margin-left: 0%;
	  text-align: center;
	}
	#content .one_fourth img {
	  width: auto;
	  height: auto;
	}
}
/* This query is applied for landscape ipad, Mobile
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Theme stylesheets    
    */
    .menu_wrap { width: 100% !important; }
    .content-wrap {
        padding-right:30px !important;
    }
    #content .columns .one_fourth.middle{
        margin-right:0 !important;
    }
    .slider-container {
    }
    .flexslider .slides {
    width:410px;
    height:205px;
    }
    .flexslider .slides > li {
    width: 410px !important;
    }
    .flexslider .slides iframe {
    width:410px;
    height:240px;
    }
    .flexslider .slides img{
        width:410px;
        height:200px;
    }
    #slider_pag {
        width: 410px !important;
    }
    #slider_pag ul {
        max-width: 410px;
    }
    .slide .slide-content.entry {
        visibility:hidden;
    }
    .folio-content ul.thumbnail {
        width: 100% !important;
        margin-left:0 !important;
        text-align:center !important;
    }
    .folio-content ul.thumbnail li {
        margin-left:68px !important;
        float:none !important;
        overflow:hidden;
        background:none;
        margin-bottom:58px !important;
    }
    .sidebar {
        border-left:0 !important;
    }
    .sidebar ul li:hover {
        background:url(images/sidebar_hover.png) repeat-x !important;
    }
    .sidebar ul {
        margin-left:0 !important;
    }
    .sidebar ul li{
        margin-left:0 !important;
        padding-left:0 !important;
    }
    .footer-container .common{
        margin-left:30px !important;
        padding-left:0 !important;
        margin-right:30px !important;
        padding-right:0 !important;
    }
    .footer-container .grid_6{
        width:100%;
        margin-left:0;
    }
    .footer-navi .navigation ul li{
        background:none;
    }
    .footer-navi .navigation{
        text-align:center;
    }
    .footer-navi .navigation .right-navi{
        margin:0 auto !important;
        float:none !important;
        clear:both;
        padding-bottom:10px;
    }
    .footer-navi .navigation ul {
        float:none !important;
        text-align:center;
    }
    .content_bar .gallery ul.thumbnail.col-5 li {
        margin-right: 23px;
    }
    .content_bar .gallery ul.thumbnail.col-4 li {
        width: 184px;
        height: 110px;
        margin-right: 28px;
    }
    .content_bar .gallery ul.thumbnail.col-3 li {
        width: 169px;
        height: 170px;
        margin-right: 45px;
    }
    .content_bar .gallery ul.thumbnail.col-3 li img {
        width: 132px;
        height: 104px;
    }
    .content_bar .gallery ul.thumbnail.col-2 li {
        margin-left: 62px;
    }
}
/* This query is applied for protait ipad, Mobile
*/
@media only screen and (max-width: 480px) {   
    .menu_wrap { width: 100% !important; }
    .content-wrapper .content-info {
        margin-bottom:0 !important;
    }
    #content {
        margin-top:10px !important;
    }
    #content .columns .one_fourth{
        width:100%;
        text-align:center;
    }
    #content .one_fourth h3 {
        margin-top:0 !important;
    }
    #content .columns .one_fourth img{
        width:100%;
        height:auto;
        margin-bottom:15px;
    }
    .content-wrap{
        padding-right:0 !important;
    }
    .slider-container {
    border-bottom: 3px double #eeeeee;
    }
    .flexslider .slides {
    width:225px;
    height:150px;
    }
    .flexslider .slides > li {
    width: 225px !important;
    }
    .flexslider .slides iframe {
        width:225px !important;
        height:150px;
    }
    .flexslider .slides img{
        width:225px !important;
        height:150px !important;
    }
    .slide-image {
        height:170px !important;
        margin-top:13px;
        /* background: url("../images/bg-slider-iphone.png") no-repeat bottom center !important;*/
        padding-bottom: 10px;
        background:none !important; 
    }	
    .slide {
      min-height: 170px;
    }
    #slides a.prev {
        visibility:hidden !important;
    }
    #slides a.next {
        visibility:hidden !important;
    }

    .slide-fix {
        /*background: url("images/bg-slider.png") no-repeat bottom center;*/
        background:none !important; 
        padding-bottom: 15px;
        height:100px;
    }
    #slider_pag {
        width: 225px !important;
    }
    #slider_pag ul {
        max-width: 225px;
    }
    .flexslider .flex-control-nav{
          margin-top: 20px;
        }
    .slide .slide-content.entry {
        bottom: 10px !important;
        position: absolute;
        visibility:hidden;
        width:0 !important;
    }	
    .folio-content ul.thumbnail {
        width: 100% !important;
        margin-left:0 !important;
        text-align:center !important;
    }
    .folio-content ul.thumbnail li {
        margin-left:68px !important;
        float:none !important;
        overflow:hidden;
        background:none;
        margin-bottom:58px !important;
    }
    .sidebar {
        border-left:0 !important;       
    }
    .sidebar ul li:hover {
        background:url(images/sidebar_hover.png) repeat-x !important;
    }
    .sidebar ul {
        margin-left:0 !important;
    }
    .sidebar ul li{
        margin-left:0 !important;
        padding-left:0 !important;
    }
    ul.contactform input[type="text"],ul.contactform textarea{
        width:96% !important;
    }
    .folio-content ul.thumbnail {
        width: 100% !important;
        margin-left:0 !important;
        text-align:center !important;
    }
    .folio-content ul.thumbnail li {
        margin-left:0 !important;
        float:none !important;
        width:240px !important;
        margin-bottom:25px !important;
    }
    .folio-content ul.thumbnail li img {
        width:225px !important; 
        margin-left:-32px;
    }
    .folio-content ul.thumbnail a.zoombox {
        display:block;
        width:245px;
        background-position:0% 100% !important;
    }
    .footer-container .common{
        margin-left:30px !important;
        padding-left:0 !important;
        margin-right:30px !important;
        padding-right:0 !important;
    }
    .footer-container .grid_6{
        width:100%;
        margin-left:0;
    }
    .footer-navi .navigation ul li{
        background:none;
    }
    .footer-navi .navigation{
        text-align:center;
        margin-left:20px !important;
    }
    .footer-navi .navigation .right-navi{
        margin:0 auto !important;
        float:none !important;
        clear:both;
        padding-left:65px;
        padding-bottom:10px;
    }
    .footer-navi .navigation ul {
        float:none !important;
        text-align:center;
    }
    .footer-navi .copyright{
        visibility:hidden;
        height:0;
        width:0;
    }
    .footer-navi .right-navi{
        width:234px !important;
        padding-bottom:10px !important;
        overflow:hidden;
        text-align:center !important;
    }
    .post img, .content-wrap #blogmain img.postimg{
        visibility:hidden;  
        height:0;
        width:0;
        margin:0 !important;
        padding:0 !important;
    }
}

@media only screen and ( max-width: 767px ) {
    .container {
        margin-top: 105px;
    }
    ul.ddsmoothmenu {
        display: none;
    }
    .it_mobile_menu a {
        display: block;
        padding-left: 15px !important;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .logo{
        text-align:center;
    }
    .ddsmoothmenu .sub-menu{
        margin-left:100px !important;
        visibility:hidden;
    }
    .ddsmoothmenu .sub-menu li{
        margin: 0 !important;
        padding: 0 !important;
        margin-left:200px !important;
        clear:both;
        left:20px;
    }
    .mobile_nav {
        display: inline-block;
        text-shadow: 1px 1px 0 #fff;
    }
    .ddsmoothmenu {
        text-align: center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float:none !important;
    }
    #MainNav {
        text-align:center;
    }
    .header .menu-bar {
        padding-top:8px;
        padding-bottom:15px;
        border-top: 0;
        margin-top: 0;
    }
    #main-menu {
        padding-bottom: 20px;
    }
    #main-menu select.selectnav {
        font-family: arial;
        font-size: 15px;
        background-color: #FFF;
        filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
        background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4));
        background-image: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -ms-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border: 1px solid #E1E1E1;
        -webkit-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        display: block;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        padding: 6px 7px 6px 5px;
        color: #717171;
        text-decoration: none;
        height: 35px;
        line-height: 23px;
        cursor: pointer;
    }
    #main-menu select.selectnav option {
        padding: 1px 0;
        font-size: 0.8em;
    }
    /* BEGIN: Mean Menu styles. */

    /* Mean Menu styles. hide the link until viewport size is reached */
    a.meanmenu-reveal {
        display: none;
    }
    .mean-container #main-menu {
        padding: 0;
        margin: 0;
        height: 10px;
    }
    /* when under viewport size, .mean-container is added to body */
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: relative;
        background: #000;
        padding: 4px 0;
        min-height: 42px;
        z-index: 999999;
        margin-top: -104px;
    }
    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 22px;
        padding: 13px 13px 11px 13px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 3px;
        margin-top: 3px;
    }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #000;
        margin-top: 33px;
    }
    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100% !important;
        list-style-type: none;
    }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 90%;
        padding: 1em 5%;
        margin: 0;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(255,255,255,0.5);
        text-decoration: none;
        text-transform: uppercase;
    }
    .mean-container .mean-nav ul li ul li {
        width: 100%;
    }
    .mean-container .mean-nav ul li li a {
        width: 80%;
        padding: 1em 10%;
        border-bottom: 1px solid #f1f1f1;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        opacity: 0.75;
        filter: alpha(opacity=75);
        text-shadow: none !important;
        visibility: visible;
    }
    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: none;
        margin-bottom: 0;
    }
    .mean-container .mean-nav ul li li li a {
        width: 70%;
        padding: 1em 15%;
    }
    .mean-container .mean-nav ul li li li li a {
        width: 60%;
        padding: 1em 20%;
    }
    .mean-container .mean-nav ul li li li li li a {
        width: 50%;
        padding: 1em 25%;
    }
    .mean-container .mean-nav ul li a:hover {
        background: #252525;
        background: rgba(255,255,255,0.1);
    }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 26px;
        height: 26px;
        border: none !important;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: none;
    }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }
    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .call-us a.btn{
        background:url(images/tap-to-call.png) no-repeat;
        display:inline-block;
        visibility:visible;
        font-size:0px;
        width:210px;
        height:59px;
        margin:0 auto;
        text-align:center;
        cursor:pointer;
        text-indent:99999px;
        margin-left:156px;
        margin-top:15px;
    }
}
@media only screen and (max-width: 480px) {
    .call-us a.btn{
        background:url(images/tap-to-call.png) no-repeat;
        display:inline-block;
        visibility:visible;
        font-size:0px;
        width:210px;
        height:59px;
        margin:0 auto;
        text-align:center;
        cursor:pointer;
        text-indent:99999px;
        margin-left: 66px;
        margin-top: 20px;
    }
    .content_bar .gallery ul.thumbnail.col-5 li {
        margin-right: 22px;
    }
    .content_bar .gallery ul.thumbnail.col-4 li {
        width: 254px;
        height: 170px;
        margin-right: 28px;
    }
    .content_bar .gallery ul.thumbnail.col-4 li img{
        width: 196px;
        height: 156px;
    }
    .content_bar .gallery ul.thumbnail.col-3 li {
        margin-left:10px
    }
    .content_bar .gallery ul.thumbnail.col-2 li {
        margin-left: -5px;
    }
    #commentform input[type="text"] {
        width: 94%;
    }
    textarea#comment {
        width: 95%;
    }
    #searchform {
        position:relative;
        width: 220px;
    }    
    #searchform #s {
        width:180px;
        padding-left:10px;
    }
}
