/*
Theme Name: PhotoMaker Pro Responsive Theme 
Theme URI: http://inkthemes.com/
Description: The PhotoMaker Theme for WordPress is simple and beautiful with lots of customization options that can tweaked by Theme Options Panel like logos, intro texts and background. PhotoMaker Theme featured images (thumbnails for gallery posts and custom header images for posts and pages). 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: 1.0.7
License: GNU General Public License v2 or later
License URI: license.txt
Tags: blue, red,  purple, gray, yellow, green, black, pink, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/
/* 
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! :)
*/
@import url(css/reset.css);
@import url(css/960_24_col_responsive.css);
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic');
body {
    font-family: Source Sans Pro, Verdana, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #373636;
    background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Source Sans Pro, Verdana, Arial, sans-serif;
    font-weight: normal;
    color: #010101;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 12px;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.625em;
    margin-top: 5px;
}
a {
    text-decoration: none;
    color: #4d4c4c;
}
a img {
    border: none;
}
:focus {
    outline: none;
}
input[type="submit"] {
    cursor: pointer;
}
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: 15px;
    font-weight: normal;
}
td, th {
    border: 1px solid #ccc;
    padding: 3px;
}
th {
    background: #cccccc;
}
::selection {
    background: #fa475c;
    color:#fff;
}
.header_container {
}
.header_container.not_home {
}
.header {
    z-index: 1;
}
.header_wrapper {
    margin-top: 36px;
    margin-bottom: 15px;
}
.logo {
    margin-top: 2px;
    z-index: 999;
    position: absolute;
    top: 45px;
    left: 103px;
}
.logo.not_home {
    position: static;
    margin-top: 40px;
    padding-bottom: 28px;
    margin-bottom: 30px;
    border-bottom: 3px solid #ddd;
    margin-right:148px;
}
.header_wrapper .call-us {
    background: #dcdcdc url(images/tap-bg.png) repeat-x;
    padding: 6px 10px 4px 10px;
    display: inline-block;
    float: right;
    border: 1px solid #c0c0c0;
}
.header_wrapper .call-us p {
    text-align: right;
    background: url(images/call.png) left center no-repeat;
    margin-bottom: 0;
    padding-left: 28px;
    text-shadow: 0 1px 0 #fff;
}
.menu_wrapper {
    margin-top: 55px;
}
.ddsmoothmenu {
    margin-left: 4px;
    margin-top: 23px;
    margin:23px 0 30px 4px;
}
.ddsmoothmenu ul, .menu_wrapper.mobile ul{
    list-style: none;
}
/*Top level list items*/
.ddsmoothmenu ul li, .menu_wrapper.mobile ul li {
    margin-left: 0px;
    margin-bottom: 12px;
    -webkit-animation: fadeIn;
    -moz-animation: fadeIn;
    -o-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a, .menu_wrapper.mobile ul li a{
    padding: 5px 7px;
    display: block;
    font-size: 20px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .6s ease;
    font-weight:300;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .menu_wrapper.mobile ul li a:link, .menu_wrapper.mobile ul li a:visited {
    color: white;
}
.ddsmoothmenu ul li a.selected, .menu_wrapper.mobile ul li a.selected{
    color: white;
}
.ddsmoothmenu ul li a:hover, .menu_wrapper.mobile ul li a:hover{
    color: white;
    background-color: #fa475c;
}
#menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
    color: white;
    background-color: #fa475c;
}
/* sub menus */
.ddsmoothmenu ul li ul, .menu_wrapper.mobile ul li ul{
    margin: 10px 0 0 15px;
    -webkit-animation: fadeIn;
    -moz-animation: fadeIn;
    -o-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}
/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
    top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
    height: 1%;
} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
	top: 9px;
	right: 6px;
}
.rightarrowclass {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	margin-top: -3px;
	top: 50%;
	right: 0;
}
.ddshadow {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.toplevelshadow {
}
.ddcss3support .ddshadow.toplevelshadow {
}
.ddcss3support .ddshadow {
}
.tf_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.27);
}
.tf_bg img {
    position: absolute;
    top: 0px; /*-482px;	 -(imgh/2 - wh/2) */
    left: 0px;	/* calculate a negative value to center horizontally */
    width: 100%;	/* windowwidth plus negative value of left */
    /*height:1650px; /* windowheight plus negative value of top */
    z-index: 1;
    display: none;
}
.tf_pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top:0;
}
.tf_content {
    position: absolute;
    bottom: 15%;
    left: 100px;
    z-index: 10;
    width: 70%;
    display: none;
}
.tf_content h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0px;
    display: inline-block;
    padding: 5px 20px;
    line-height: 55px;
    margin: 0;
    margin-bottom: 24px;
    text-shadow: 1px 1px 2px #000;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .1s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 1s;
    -o-animation-delay: .5s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 1s;
    -ms-animation-delay: .5s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    background: rgba(0, 0, 0, 0.45);
}
.tf_content h1 a {
    color: #fff;
}
.tf_content p {
    color: #fff;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.45);
    padding: 15px 20px;
    font-size: 20px;
    line-height:30px;
    display:inline-block;
    -webkit-animation: fadeInLeft;
    -moz-animation: slideInLeft;
    -o-animation: slideInLeft;
    animation: slideInLeft;
    -webkit-animation-duration: .7s;
    -webkit-animation-delay: .4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 2s;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 2s;
    -o-animation-delay: .6s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 2s;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: 2s;
    animation-delay: .6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}
.tf_thumbs img {
    display: block;
}
.tf_loading {
    position: fixed;
    top: 50%;
    left: 46%;
    margin: -30px 0px 0px -30px;
    width: 128px;
    height: 15px;
    background: url(images/ajax-loader.gif) no-repeat center center;
    z-index: 999;
    opacity: 0.7;
}
.direction_nav {
    position: absolute;
    bottom: 5%;
    left: 100px;
    -webkit-animation: slideInLeft;
    -moz-animation: slideInLeft;
    -o-animation: slideInLeft;
    animation: slideInLeft;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
.tf_next, .tf_prev {
    width: 17px;
    height: 28px;
    z-index: 100;
    cursor: pointer;
    opacity: 1;
    padding: 7px 13px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
.tf_next {
    background: #de0820 url(images/next.png) center no-repeat;
    margin-left: 52px;
}
.tf_prev {
    background: #de0820 url(images/prev.png) center no-repeat;
}
.tf_next:hover, .tf_prev:hover {
    opacity: 0.7;
}
.tf_zoom, .tf_fullscreen {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    z-index: 100;
    opacity: 0.6;
    background: transparent url(images/icons.png) no-repeat top left;
}
.tf_zoom {
    background-position: 0px -20px;
}
.tf_fullscreen {
    background-position: 0px 0px;
}
.tf_zoom:hover, .tf_fullscreen:hover {
    opacity: 0.9;
}
.reference {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #000;
    height: 23px;
    text-align: right;
    width: 100%;
    text-shadow: 1px 1px 1px #000;
    z-index: 999;
    opacity: 0.8;
    display: none;
}
a.last {
    float: left;
    line-height: 23px;
}
/* =================================================================== */
/* Styles Switcher
====================================================================== */
#dynamic_sidebar {
    display: inline-block;
    background: #f14a37;
    right:0;
}
#dynamic_sidebar {
    width: 285px;
    position: fixed;
    top: 0px;
    z-index: 999;
    border-radius: 0 0 3px 0;
    right: 0;
    border-right: 0;
    border-top: 0;
}
#dynamic_sidebar div.sidebar_container {
    padding: 12px 7px 0px 14px;
    background-color: #c12134;
    overflow: hidden;
    height: 788px;
    overflow: auto;
}
#dynamic_sidebar h2 {
    background-color: #111;
    color: #fff;
    font-size: 15px;
    opacity: 1;
    margin-bottom: 0;
}
#dynamic_sidebar h2 a {
    background: url("images/switcher.png") no-repeat;
    display: block;
    height: 37px;
    position: absolute;
    left: -37px;
    text-indent: -9999px;
    top: 0px;
    width: 37px;
}
#dynamic_sidebar_small {
    display: inline-block;
}
#dynamic_sidebar_small {
    width: 220px;
    position: fixed;
    top: 0px;
    background: #c12134;
    z-index: 999;
    border-radius: 0 0 3px 0;
    right: 0;
    border-right: 0;
    border-top: 0;
}
#dynamic_sidebar_small div.sidebar_container {
    padding: 12px 7px 17px 14px;
    background-color: #c12134;
    overflow: hidden;
    height: 788px;
    overflow: auto;
}
#dynamic_sidebar_small h2 {
    background-color: #111;
    color: #fff;
    font-size: 15px;
    opacity: 1;
    margin-bottom: 0;
}
#dynamic_sidebar_small h2 a {
    background: url("images/switcher.png") no-repeat;
    display: block;
    height: 37px;
    position: absolute;
    left: -37px;
    text-indent: -9999px;
    top: 0px;
    width: 37px;
}
div.tagcloud{
    margin-bottom:20px;
}
div.tagcloud a{
    color:#fff;
}
.searchform {
    position: relative;
    margin-bottom: 35px;
    background: #fff;
    width: 220px;
    height: 34px;
    border-radius:4px;
    border:1px solid #a50c1e;
}
.content-bar .searchform{
    border:1px solid #ccc;
}
.searchform input[type="text"] {
    width: 170px;
    height: 34px;
    border: none;
    color: #afafaf;
    background: none;
    padding-left: 10px;
    padding-right: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.searchform input[type="text"]:focus {
}
.searchform input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(images/sidebar-search.png) no-repeat;
    border: none;
    cursor: pointer;
    height: 34px;
    width: 38px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.content-bar .searchform input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 0px;
}
.sidebar {
    margin-left: 12px;
    color:#fff;
}
.sidebar a{
    color:#fff;
}
.sidebar img{
    max-width:100%;
    height:auto;
}
.sidebar h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-shadow: none;
    margin-bottom: 20px;
    text-shadow:none;
}
div.sidebar_widget {
    margin-bottom: 18px;
}
.sidebar ul {
    list-style: none;
}
.sidebar ul li {
    margin-left: 0;
    margin-bottom: 8px;
    padding-bottom: 7px;
    padding-left: 20px;
    line-height: 26px;
    background: url(images/sidebar-bullet.png) 0px 8px no-repeat;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}
.sidebar ul li ul{
    margin-top:15px;
    margin-bottom:0;
}
.sidebar ul li:hover {
    padding-left: 35px;
}
.sidebar ul li a {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    padding-left: 0;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
}
.sidebar ul li a:hover {
    color: #fff;
}
.social_icon ul{
    list-style:none;
    margin-left:0px;
}
.social_icon ul li {
    margin: 0 3px 0px 0;
    display:inline-block;
}
.social_icon ul li a{
    display:block;
    padding:6px;
    font-size:20px;
    color:#ffc5cc;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.social_icon ul li a:hover{
    color:#fff;
}
.social_icon ul li .s-icon {
    font-size: 12px;
}
.copyrightinfo{
}
.copyrightinfo p{
    font-size:16px;
    color:#ffd6db;
    text-align:left;
}
.copyrightinfo p a{
    color:#fff;
}
/*Blog Page
===================================================*/
.page_heading_container {
    margin-bottom: 55px;
}
.page_heading_container .page_heading_content h1 {
    padding: 20px 0;
    margin-bottom: 0;
}
.page-content {
    padding-bottom: 25px;
    width: 100%;
    overflow: hidden;
}
.content-bar {
    margin: 0;
    padding: 0;
    margin-right: 148px;
}
.content-bar h1.page_title {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 32px;
}
.content-bar img {
    max-width: 100%;
    height: auto;
    background: none;
    padding: 0;
}
.content-bar .post {
    position: relative;
    margin-top: 0px;
    margin-bottom: 65px;
}
.content-bar .post .post_heading_wrapper {
    margin-bottom: 30px;
}
.content-bar .post .post_title {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 1px;
    padding-left: 0px;
    font-size:30px;
    line-height:30px;
}
.content-bar .post .post_title a {
    color: #010101;
    font-size: 28px;
    line-height: 25px;
}
.content-bar .post .post_title a:hover {
    color: #c12134;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.content-bar .post .post_content{
    margin-bottom: 10px;
}
.content-bar .post .post_thumbnil{
    position:relative;
    margin-bottom:21px;
    display:inline-block;
}
.content-bar .post .post_thumbnil span.image_link:hover{
}
.content-bar .post .post_thumbnil:hover span.image_link {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.4) url(images/blog_hover.png) center no-repeat;
    top: 0;
    -webkit-animation: fadeIn 0.6s ease;
    -moz-animation: fadeIn 0.6s ease;
    -o-animation: fadeIn .6s ease;
    animation: fadeIn 0.6s ease;
}
.content-bar .post .post_thumbnil:hover span.image_link2 {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.4) url(images/blog_link.png) center no-repeat;
    top: 0;
    -webkit-animation: fadeIn 0.6s ease;
    -moz-animation: fadeIn 0.6s ease;
    -o-animation: fadeIn .6s ease;
    animation: fadeIn 0.6s ease;
}
.content-bar .post .post_thumbnil:hover span.image_link2.quote {
    background: rgba(0, 0, 0, 0.4) url(images/quote_big.png) center no-repeat;
}
.content-bar .post .post_content iframe{
    width:1000px;
    height:385px;
    margin-bottom:20px;
}
.content-bar .post a.read_more{
    margin-top:12px;
    font-weight:700;
    display:inline-block;
    border:1px solid #be2133;
    color:#be2133;
    padding:8px 28px;
    text-transform:uppercase;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.content-bar .post a.read_more:hover{
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
    background-color:#be2133;
    color:#fff;
}
.content-bar .post:last-child {
}
.content-bar .post .post_content img.postimg {
    margin-bottom: 0px;
}
.content-bar .post.single{
    border-bottom:1px dotted #ddd;
    margin-bottom:20px;
    padding-bottom:25px;
}
.content-bar .post.single .post_content img {
    height: auto;
    max-width:100%;
    margin-bottom:15px;
}
.content-bar .post.single ul.thumbnail li img {
    width: auto;
}
.content-bar .post .post_content .read_more {
    display: block;
    color: #db5c08;
    font-size: 13px;
    line-height: 21px;
    font-weight: normal;
    padding: 1px 5px 1px 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.content-bar .post .post_content .read_more:hover {
}
.content-bar .post .post_meta {
    list-style-type: none;
    color: #545454;
    font-size: 14px;
    padding-left: 0px;
    overflow: hidden;
    padding: 5px 0px;
}
.content-bar .post .post_meta a {
    color: #545454;
}
.content-bar .post .post_meta a:hover {
}
.content-bar .post .post_meta li {
    display: inline-block;
    margin-right: 3px;
    margin-left: 0;
}
.content-bar .post .post_meta li:after {
    content: '/';
    margin-left: 3px;
}
.content-bar .post .post_meta .posted_by {
}
.content-bar .post .post_meta .posted_by {
}
.content-bar .post .post_meta li.posted_in:after {
    content: "";
}
.content-bar .post .post_meta .post_tag {
}
.content-bar .post .post_meta .post_tag a {
    margin-left: 0px;
}
.content-bar .post .post_meta .post_comment {
    background: url(images/comment-img.png) 4px 6px no-repeat;
    padding-left: 28px;
}
.content-bar .post .post_meta .post_comment a {
    color: #8e8d8d;
    font-weight:bold;
}
.content-bar .post .post_meta .post_comment a:hover {
    color: #c12134;
}
/*----------------------Services page-----------------------*/
.content-bar.services{
}
.content-bar.services .service_content{
    width:105%;
    margin-top:36px;
}
.content-bar.services .post{
    display:inline-block;
    vertical-align:top;
    width:310px;
    height:auto;
    margin-right:33px;
}
.content-bar.services .post .post_thumbnil {
    margin-bottom: 25px;
}
.content-bar.services .post .post_content img.postimg{
    width:310px;
    height:220px;
    outline: 1px solid white;
    outline-offset: -4px;
    border-top:none;
}

.content-bar.services .post .post_content iframe{
    width:310px;
    height:220px;
    margin-bottom:28px;
}
.content-bar.services .post .post_thumbnil:hover span.image_link, .content-bar li.portfolio_item .post_thumbnil:hover span.image_link{
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.4) url(images/zoom.png) center no-repeat;
    top: 0;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2 {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.4) url(images/link.png) center no-repeat;
    top: 0;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2.quote {
    background: rgba(0, 0, 0, 0.4) url(images/quote.png) center no-repeat;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2.gallery {
    background: rgba(0, 0, 0, 0.4) url(images/gallery.png) center no-repeat;
}
.content-bar.services .post .post_thumbnil:hover span.image_link2.video {
    background: rgba(0, 0, 0, 0.4) url(images/video.png) center no-repeat;
}
.content-bar.services .flexslider img {
    border-top: none;
    outline: 1px solid white;
    outline-offset: -4px;
}
.content-bar.services .post .post_title{
    margin-bottom:20px;
}
.content-bar.services .post .post_title a {
    font-weight: 600;
    font-size: 23px;
    line-height: 25px;
}
/*----------------------Contact page-----------------------*/
.page-content .content-bar .contact-line {
    height: 1px;
    background-color: #dbdbdb;
}
.page-content .content-bar {
    margin-bottom:35px;
}
.contact-page h1 {
    padding-bottom: 14px;
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 30px;
}
.page-content .content-bar .contactform {
    position: relative;
    overflow: hidden;	
    border: 1px solid #ddd;
    padding: 25px;
    margin:25px 3px 40px 3px;
    -moz-box-shadow: 0 0 5px #D6D6D6;
    -webkit-box-shadow: 0 0 5px #D6D6D6;
    box-shadow: 0 0 5px #D6D6D6;
}
.page-content .content-bar .contactform .error {
    color: red;
}
.page-content .content-bar .contactform input[type="text"] {
    margin-right: 26px;
}
.page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"], .page-content .content-bar .contactform textarea {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] {
    width: 47.3%;
    height: 42px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 36px;
    padding-left: 7px;
    color: #838383;
    display: inline-block;
}
.page-content .content-bar .contactform textarea {
    width: 98%;
    max-width: 98%;
    height: 140px;
    padding-top: 5px;
    margin-bottom: 22px;
    padding: 8px;
    text-align: left;
    color: #838383;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: 5px;
    border: 1px solid #dbdbdb;
    font-family: Voces, Verdana, Geneva, sans-serif;
}
.page-content .content-bar .contactform input[type="text"]:focus, .page-content .content-bar .contactform input[type="email"]:focus, .page-content .content-bar .contactform textarea:focus {
    border: 1px solid #b61b2e;
}
.page-content .content-bar .contactform input[type="submit"] {
    border: none;
    color: #fff;
    font-family: Source Sans Pro, Verdana, Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.41);
    font-size: 18px;
    background: url('images/contact.png') no-repeat 0 0;
    margin-top: 10px;
    text-align: center;
    border-radius:3px;
    padding: 4px 18px 8px 18px;
    font-weight: 600;
}
.page-content .content-bar .contactform input[type="submit"]:hover {
    background: url('images/contact.png') no-repeat 0 -46px;
    color: #fff;
}
.contact-map {
    margin-top: 25px;
}
.contact-map iframe {
    border: 3px solid #ddd;
    width: 98.3%;
    height: 480px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    margin-left:6px;
}
/* Commentlist Style
========================================================*/
#commentsbox {
    margin: 0;
    margin-top: 15px;
    width: 100%;
}
h3#comments{
    font-size:34px;
    margin-bottom:30px;
    font-weight:300;
}
ol.commentlist {
    clear: both;
    list-style: none;
    margin: 0;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 48px;
    padding-bottom: 15px;
}
ol.commentlist li.comment {
    line-height: 18px;
    margin: 5px 0 15px;
    padding: 10px;
    margin-right: 0;
    overflow: hidden;
    padding-right: 0;
}
ol.commentlist li.comment .comment-body {
    position: relative;
    border: solid 1px #e1e1e1;
    margin-bottom: 25px;
    margin-left: 115px;
    background-color: #fff;
    padding:15px 15px 15px 25px;
}
ol.commentlist li.comment .comment-author a:visited {
    color: #7c7c7c;
    font-weight: 700;
    text-decoration: none !important;
    background: none;
    padding-bottom: 0px;
    margin-left: 0;
    display: inline-block;
}
ol.commentlist li.comment .comment-author a:link {
    position: static;
    display: block;
    margin-left: 25px;
}
a.comment-meta {
}
cite.fn {
    color: #000;
    font-style: normal;
    margin-bottom: 25px;
}
ol.commentlist li.comment .comment-author .avatar {
    position: absolute;
    left: -119px;
    top: 10px;
    width: 94px;
    height:94px;
    border: none;
    border-radius: 50%;
    border: 3px solid #c12134;
    display: inline-block;	
}
ol.commentlist li.comment .comment-author .avatar:hover{
    -webkit-animation: swing 0.7s ease;
    -moz-animation: swing 0.7s ease;
    -o-animation: swing 0.7s ease;
    animation: swing 0.7s ease;
}
ol.commentlist li.comment .comment-meta a {
    color: #5d5d5c;
    text-decoration: none !important;
}
ol.commentlist li.comment p {
    line-height: 22px;
    color: #6b6d6b;
    margin-bottom: 20px;
}
span.says {
    display: none;
}
ol.commentlist li.comment .comment-author {
    margin-bottom: 15px;
}
em.comment-awaiting-moderation {
    margin-left: 25px;
    margin-top: 16px;
    display: block;
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 15px 50px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 25px 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 35px 50px;
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin: 0 0 45px 50px;
}
ol.commentlist li.comment .reply {
    position: absolute;
    right: 45px;
    bottom: -13px;
    cursor: pointer;
}
ol.commentlist li.comment .reply a {
    cursor: pointer;
    color: #fff;
    text-align:center;
    background: #f66969;
    text-align: center;
    line-height: 18px;
    padding: 3px 12px 5px 12px;
    display:inline-block;
}
.comment-meta.commentmetadata {
    margin-bottom: 15px;
    display:inline-block;
}
ol.commentlist li.comment .reply a:hover {
    -webkit-animation: swing 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: swing 0.7s ease-in-out;
}
ol.commentlist li.comment ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
}
h1.leave_comment{
    font-weight:300;
    font-size: 32px;
    margin-bottom: 50px;
}
.comment-nav {
    height: 20px;
    padding: 5px;
}
.comment-nav a:link, .comment-nav a:visited {
    color: #f96e02;
}
.comment-nav {
    padding: 5px;
    display: none;
}
.comment-nav a:link, .comment-nav a:visited {
    color: #f96e02;
}
#respond {
    padding: 0px 0px;
    margin: 10px 0px;
}
#respond h3 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 10px 10px;
}
#commentform {
    margin-bottom: 50px;
}
#commentform p {
    color: #444;
}
#commentform a {
    color: #c12134;
    margin-top: 15px;
    margin-bottom: 0;
}
#respond label {
    display: block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-top: 10px;
    color: #0d0d0d;
    font-size: 15px;
    line-height: 20px;
    font-family: Source Sans Pro, Verdana, Arial, sans-serif;
}
#respond .required {
}
#respond label small {
    font-size: 10px;
}
#respond input[type='text'], #respond input[type='email'] {
    width: 45.6%;
    font-size: 13px;
    padding: 13px 10px;
    margin-right: 31px;
    margin-bottom: 30px;
    border: solid 1px #ddd;
    color: #999;
}
#respond input#email{
    margin-right: 0px !important;
}
#respond input#url {
    margin-right: 0;
    width: 97%;
}
textarea#comment {
    width: 97%;
    height: 180px;
    padding: 10px;
    border: solid 1px #ddd;
    resize: vertical;
    color: #999;
    font-family:Source Sans Pro, Verdana, Arial, sans-serif;
    font-size:16px;
}
#respond input[type='text'], #respond input[type='email'], #respond textarea#comment {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#respond input[type='text']:focus, #respond input[type='email']:focus, #respond textarea#comment:focus {
    border: solid 1px #f05931;
}
#respond .required {
    display: none;
}
#commentform input#submit {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.41);
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
    color: #ffffff;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
    border: none;
    background: #f34055;
    width: 222px;
    height: 42px;
    border:1px solid #f68484;
    border-radius:5px;
}
#commentform input#submit:hover {
    background: #c12134;
}
h3#reply-title {
    color: #1c1b1b;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-left: -10px;
    font-weight: normal;
}
#commentform .comment-notes {
    display: none;
}
.comment-author .avatar {
    display: inline;
}
.form-allowed-tags {
    display: none;
}
/* Direction Nav */
.flex-direction-nav {
    height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    margin: -20px 0 0;
    position: absolute;
    top: 47.5%;
    overflow: hidden;
    opacity: 1;
    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;
    width: 24px;
    height: 36px;
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    padding: 7px 13px;
    font-size:0;
}
.flexslider {
    overflow: hidden;
    position:relative;
    margin-bottom:14px;
    display:inline-block;
}
.flexslider img{
    border-top:4px solid #c12135;
}
.flexslider .slides li {
    margin-left: 0;
}
.flex-direction-nav .flex-prev {
    left: 20px;
    background: url('images/preview_arrows.png') no-repeat -1px -1px;
}
.flex-direction-nav .flex-next {
    right: 20px;
    text-align: right;
    background: url('images/preview_arrows.png') no-repeat -53px -1px;
}
.flexslider:hover .flex-prev {
    opacity: 1;
}
.flexslider:hover .flex-next {
    opacity: 1;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: .8;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}
/* 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;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -5px;
    text-align: center;
    z-index:99;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    display: inline;
}
.flex-control-paging li a {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 3px;
    background: #ddd;
    background: rgba(0, 0, 0, 0.42);
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(255,255,255,0.4),
        inset 0 1px 1px rgba(0,0,0,0.1);
    text-indent:-9999;
    font-size:0;
}
.flex-control-paging li a:hover {
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
}
.flex-control-paging li a.flex-active {
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
    cursor: default;
}
/*Gallery page
================================================*/
.fullwidth .page_title {
    color: #000000;
    margin-bottom: 25px;
    padding-bottom: 20px;
    background: url(images/line.png) bottom center repeat-x;
}
.page-content .gallery .thumbnail {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    margin-right: 10px;
    width: 107%;
}
.page-content .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;
}
.page-content .gallery ul.thumbnail li span {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 30%;
    left: 43%;
    background: url(images/gall-search.png) center no-repeat;
    visibility: hidden;
}
.page-content .gallery ul.thumbnail li:hover span {
    background: url(images/gall-search.png) center no-repeat;
    position: absolute;
    visibility: visible;
    top: 40%;
    -webkit-animation: bounceIn .7s ease-in-out;
    -moz-animation: bounceIn 0.7s ease-in-out;
    -o-animation: bounceIn 0.7s ease-in-out;
    animation: bounceIn 0.7s ease-in-out;
}
.page-content .gallery .thumbnail li img {
    margin-right: 0;
    padding: 0;
    width: 230px;
    height: 168px;
    border: 4px solid #84e5e1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.page-content .gallery .thumbnail li img:hover {
    border: 4px solid #1fb5ae;
}
.page-content .gallery ul.thumbnail.col-1 li {
    width: 200px;
    height: auto;
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 120px;
}
.page-content .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 40%;
    left: 50%;
}
.page-content .gallery ul.thumbnail.col-2 li {
    width: 300px;
    margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 120px;
    height: auto;
}
.page-content .gallery ul.thumbnail.col-2 li span {
}
.page-content .gallery ul.thumbnail.col-2 li span img {
    margin-right: 0;
    width: 282px;
    height: 200px;
}
.page-content .gallery ul.thumbnail.col-3 {
    width: 119%;
}
.page-content .gallery ul.thumbnail.col-3 li {
    width: 240px;
    margin-right: 14%;
    height: auto;
    margin-bottom: 10%;
}
.page-content .gallery ul.thumbnail.col-3 li span {
}
.page-content .gallery ul.thumbnail.col-3 li span img {
    margin-right: 0;
    width: 224px;
    height: 158px;
}
.page-content .gallery ul.thumbnail.col-4 li {
    width: 224px;
    height: auto;
    margin-right: 6.5%;
    margin-bottom: 65px;
}
.page-content .gallery ul.thumbnail.col-4 li span {
}
.page-content .gallery .thumbnail.col-4 li img {
    margin-right: 0;
    width: 218px;
    height: 168px;
}
.page-content .gallery ul.thumbnail.col-5 li {
    width: 195px;
    height: auto;
    margin-right: 45px;
    margin-bottom: 52px;
}
.page-content .gallery ul.thumbnail.col-5 li span {
    position: absolute;
    top: 36%;
    left: 34%;
}
.page-content .gallery ul.thumbnail.col-5 li img {
    width: 165px;
    height: 116px;
    margin-right: 20px;
}
.page-content .gallery ul.thumbnail.col-6 li {
    width: 120px;
    height: auto;
    margin-right: 75px;
    margin-bottom: 50px;
}
.page-content .gallery ul.thumbnail.col-6 li span {
    position: absolute;
    top: 32%;
    left: 33%;
}
.page-content .gallery ul.thumbnail.col-6 li img {
    width: 108px;
    height: 85px;
    margin-right: 0px;
}
.page-content .gallery ul.thumbnail.col-7 li {
    width: 120px;
    height: auto;
    margin-right: 44px;
    margin-bottom: 50px;
}
.page-content .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 32%;
    left: 33%;
}
.page-content .gallery ul.thumbnail.col-7 li img {
    width: 108px;
    height: 73px;
    margin-right: 0px;
}
.page-content .gallery ul.thumbnail.col-8 li {
    width: 120px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 50px;
}
.page-content .gallery ul.thumbnail.col-8 li span {
    display: none;
}
.page-content .gallery ul.thumbnail.col-8 li img {
    width: 108px;
    height: 73px;
    margin-right: 0px;
}
.page-content .gallery ul.thumbnail.col-9 li {
    width: 120px;
    margin-right: 4px;
    margin-bottom: 50px;
}
.page-content .gallery ul.thumbnail.col-9 li span {
    display: none;
}
.page-content .gallery ul.thumbnail.col-9 li img {
    width: 90px;
    height: 73px;
    margin-right: 0px;
}
.page-content .gallery ul li h2 {
    margin-top: -32px;
}
.page-content .gallery ul li h2:hover {
    color: #CC9900;
}
.page-content .gallery ul li a.gall-content {
    font-size: 20px;
    font-weight: bold;
}
.page-content .gallery ul li a.gall-content:hover {
    color: #f60;
}
.page-content .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: 110%;
}
.content-bar .gallery ul.thumbnail li {
    margin: 0;
    margin-left: 0;
    float: left;
    position: relative;
    margin-right: 26px;
    width: 216px;
    margin-bottom: 25px;
    text-align: center;
}
.content-bar .gallery ul.thumbnail li img {
    padding: 0;
}
.content-bar .post.single .gallery ul.thumbnail li img {
    padding: 0;
}
.content-bar .gallery ul.thumbnail li img:hover {
}
.content-bar .gallery ul.thumbnail.col-1 li {
    width: 200px;
    display: block;
    float: none;
}
.content-bar .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 36%;
    left: 42%;
}
.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: 40%;
    left: 42%;
}
.content-bar .gallery ul.thumbnail.col-2 li img {
}
.content-bar .gallery ul.thumbnail.col-3 li {
    width: 280px;
    margin-right: 6.4%;
    height: auto;
    margin-bottom: 5%;
}
.content-bar .gallery ul.thumbnail.col-3 li img{
    width:280px;
    height:200px;
}
.content-bar .gallery ul.thumbnail.col-3 li span {
    position: absolute;
    top: 40%;
    left: 44%;
}
.content-bar .gallery ul.thumbnail.col-4 li {
    margin-right: 50px;
    width: 210px;
    margin-bottom: 55px;
}
.content-bar .gallery ul.thumbnail.col-4 li img {
    width: 210px;
    height: 140px;
}
.content-bar .gallery ul.thumbnail.col-4 li span {
    position: absolute;
    top: 35%;
    left: 42%;
}
.content-bar .gallery ul.thumbnail.col-5 li {
    width: 174px;
    height: auto;
    margin-right: 30px;
}
.content-bar .gallery ul.thumbnail.col-5 li span {
    position: absolute;
    top: 31%;
    left: 42%;
}
.content-bar .gallery ul.thumbnail.col-5 li img {
    width: 215px;
    height: 118px;
}
.content-bar .gallery ul.thumbnail.col-6 li {
    width: 93px;
    height: auto;
    margin-right: 40px;
    margin-bottom: 0;
}
.content-bar .gallery ul.thumbnail.col-6 li span {
    position: absolute;
    top: 30%;
    display: none;
}
.content-bar .gallery ul.thumbnail.col-6 li img {
    height: 73px;
}
.content-bar .gallery ul.thumbnail.col-7 li {
    width: 91px;
    height: auto;
    margin-right: 20px;
}
.content-bar .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 40%;
    left: 38%;
    display: none;
}
.content-bar .gallery ul.thumbnail.col-8 li {
    width: 77px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 50px;
}
.content-bar .gallery ul.thumbnail.col-8 li span {
    display: none;
}
.content-bar .gallery ul.thumbnail.col-9 li {
    width: 60px;
    height: auto;
    margin-right: 21px;
    margin-bottom: 48px;
}
.content-bar .gallery ul.thumbnail.col-9 li img {
    width: 90px;
    height: auto;
    margin-right: 0px;
}
.content-bar .gallery ul.thumbnail.col-9 li span {
    display: none;
}
.page-content .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: 4px solid #c12134;
    width: 218px;
    height: 168px;
}
.content-bar .gallery .thumbnail li img:hover {
    border: 4px solid #fa475c;
}
.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;
}
/*Blog Page Pagging
===========================================*/
ul.paging {
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
ul.paging li {
    margin: 0px;
    padding: 0px;
    display: inline;
    margin-right: 10px;
}
ul.paging li a {
    border: 1px solid #CCC;
    color: #666;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px white;
    background: #FAFAFA;
    background-image: -moz-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: -ms-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: -o-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(100%, #d5d4d4));
    background-image: -webkit-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0, #d5d4d4 100%);
    display: inline-block;
    line-height: 30px;
    height: 27px;
    width: 30px;
    text-decoration: none;
    margin: 0 2px 14px;
    padding: 3px;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    border-radius: 2px;
}
ul.paging a:hover {
    border: 1px solid #aeacac !important;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px rgba(0,0,0,.25);
}
ul.paging a.active, ul.paging a.current {
    background: #d5d4d4;
    background-image: -moz-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: -ms-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: -o-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5d4d4), color-stop(100%, #FAFAFA));
    background-image: -webkit-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: linear-gradient(to bottom, #d5d4d4 0, #FAFAFA 100%);
    border: 1px solid #999;
    moz-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    -ms-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
}
/* #Wordpress Core Classes
================================================== */
blockquote {
    padding-left: 60px;
    min-height: 40px;
    background: url(images/blockqoute.png) no-repeat;
}
blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
}
blockquote img {
    float: left;
    margin-right: 15px;
}
.post.single blockquote {
    padding:10px;
    border:1px solid #ddd;
    padding-left:60px;
    min-height:40px;
    margin-top:25px;
    margin-bottom:28px;
    background: white url(images/blockqoute.png) 6px 16px no-repeat;
    font-style: oblique;
    padding-bottom: 0;
    padding-top: 14px;
    -webkit-box-shadow: inset 2px 2px 5px #e0e0e0, 0 8px 6px -5px #e7e7e7 ;  
    -moz-box-shadow: inset 2px 2px 5px #e0e0e0, 0 8px 6px -5px #e7e7e7;
    box-shadow: inset 2px 2px 5px #e0e0e0, 0 8px 6px -5px #e7e7e7;
}
.post.single blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}
.gallery-caption {
    color: #666;
    font-size: 12px;
}
.bypostauthor {
}
img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
a img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    text-align: center;
    padding: 5px 3px 10px;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    max-width: 98.5%;
    width: auto;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 10px 4px 5px;
}
table#wp-calendar {
    width: 90%;
}
#wp-calendar caption {
    text-align: center;
    background: #999999;
    border: 1px solid #999999;
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
}
#wp-calendar a {
    font-weight: bold;
    color: #999999;
}
#wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.footer #calendar_wrap {
    display: block;
    margin-bottom: 30px;
    background: #000000;
    width: 176px;
}
#nav-single {
    overflow: hidden;
    margin: 25px 0 55px 0;
    font-size: 20px;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#nav-single a {

}
#nav-single a:hover {
    color:#c12134;
}
/**** Grid Gallery Style ****/
#main {
    overflow: hidden;
}
#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;
    text-align: center;
    margin:0 0 9px -3px;
}
#filters li {
    font-size: 16px;
    float: left;
    padding:0px 8px 0px 8px;
    cursor: pointer;
    margin: 0 1% 2% 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -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;
    line-height: 36px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
#main {
    margin: 36px 0;
    position: relative;
}
/**
 * Grid item text
 */
#tiles li p {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    font-weight: 200;
    margin: 7px 0 2px 7px;
}

#filters li span, #filters li.active span  {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    background:#c12134;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    color:#fff;
}

#filters li span::before, #filters li.active span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fa475c;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

#filters li:hover span,
#filters li:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}
#filters li:hover span::before, #filters li:focus span::before, #filters li.active:hover span::before, #filters li.active:focus span::before {
    background: #fa475c;	
}
#filters li.active {
}
#filters li.active span{
    background:#fa475c;
}
#filters li.active span::before{
    background: #fa475c;
}
#filters li:hover {
}
/**
 * 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: 233px;
    background-color: #ffffff;
    display: none; /** Hide items initially to avoid a flicker effect **/
    cursor: pointer;
    padding-left: 0;
    margin-left: 0;
    margin-right: 32px;
}
#tiles li.inactive {
    visibility: hidden;
    opacity: 0;
}
#tiles li img {
    display: block;
}
/**
 * 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;
    background-color: #eee;
    border: 1px solid #dedede;
    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: 200px;
    height: 200px;
    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;
}
/*404 page Style
=======================================================*/
h2.error_pera {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 24px;
}
.error_list {
    margin-bottom: 25px;
}
.error_list ul {
    list-style: none;
}
.error_list ul li {
    margin-left: 0;
    padding: 9px 0 9px 0;
    padding-left: 25px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: url(images/plus.png) 2px 16px no-repeat;
}
.error_list ul li:hover {
}
.error_list ul li a {
    font-size: 16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.error_list ul li:last-child {
    border-bottom: none;
}
.error_list ul li a:hover {
    color: #f05931;
}
@media only screen and (min-width: 1140px) and (max-width: 1380px) {
    .content-bar .post .post_content iframe {
        width: 828px;
        height: 318px;
    }
    .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] {
        width: 46.9%;
    }
    .content-bar.services .post {
        width: 256px;
        height: auto;
        margin-right: 28px;
    }
    .content-bar.services .post .post_content img.postimg {
        width: 260px;
        height: 180px;
    }
    #respond input[type='text'], #respond input[type='email'] {
        width: 45.9%;
        margin-right:0;
    }
    #respond input#email {
        margin-right: 0px !important;
        margin-left:18px;
    }
    #respond input#url {
        margin-right: 0;
        width: 97%;
    }
    textarea#comment {
        width: 97%;
    }
    .content-bar .gallery ul.thumbnail.col-3 li {
        width: 250px;
        margin-right: 3.4%;
        height: auto;
        margin-bottom: 2%;
    }
    .content-bar .gallery ul.thumbnail.col-3 li img{
        width: 280px;
        height: 175px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li {
        margin-right: 50px;
        width: 168px;
        margin-bottom: 36px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li img{
        width: 168px;
        height:120px;
    }
    .content-bar .gallery ul.thumbnail.col-5 li {
        width: 151px;
        height: auto;
        margin-right: 16px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1140px) {
    .content-bar .post .post_content iframe {
        width: 640px;
        height: 300px;
    }
    .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] {
        width: 46.9%;
    }
    .content-bar.services .post {
        margin-right:24px;
        margin-bottom: 40px;
    }
    #respond input[type='text'], #respond input[type='email'] {
        width: 44.9%;
        margin-right:0;
    }
    #respond input#email {
        margin-right: 0px !important;
        margin-left:18px;
    }
    .page-content .content-bar .contactform input[type="text"] {
        margin-right: 15px;
    }
    #respond input#url {
        margin-right: 0;
        width: 97%;
    }
    textarea#comment {
        width: 97%;
    }
    .content-bar .gallery ul.thumbnail.col-4 li {
        width: 121px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li img{
        height:90px;
        width: 121px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li span {
        position: absolute;
        top: 30%;
        left: 35%;
    }
    .content-bar .gallery ul.thumbnail.col-5 li {
        width: 182px;
        height: auto;
        margin-right: 40px;
    }
    .tf_content {
        position: absolute;
        bottom: 15%;
        left: 20px;
    }
    #dynamic_sidebar div.sidebar_container {
        height: 650px;
    }
    .logo {
        position: absolute;
        top: 15px;
        left: 20px;
    }
    .direction_nav {
        position: absolute;
        left: 20px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 960px){
    .content-bar .post .post_content iframe {
        width: 478px;
        height: 250px;
    }	
    .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] {
        width: 98%;
    }
    .page-content .content-bar .contactform textarea{
        max-width:96%;
    }
    .contact-map iframe {
        width: 97.3%;
    }
    #respond input[type='text'], #respond input[type='email'] {
        width: 98%;
    }
    .content-bar .gallery ul.thumbnail.col-3 li {
        width: 226px;
        margin-right: 3.4%;
        height: auto;
        margin-bottom: 2%;
    }
    .content-bar .gallery ul.thumbnail.col-3 li img{
        width: 226px;
        height: 145px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li {
        width: 121px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li img{
        height:90px;
        width: 121px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li span {
        position: absolute;
        top: 30%;
        left: 35%;
    }
    #dynamic_sidebar div.sidebar_container {
        height: 930px;
    }
    .tf_content {
        position: absolute;
        bottom: 15%;
        left: 20px;
    }
    .logo {
        position: absolute;
        top: 15px;
        left: 20px;
    }
    .direction_nav {
        position: absolute;
        left: 20px;
    }
    .grid_20.alpha.portfolio{
        width:85%;
    }
}
@media only screen and (max-width: 767px) {
    .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] {
        width: 98%;
    }
    .page-content .content-bar .contactform textarea{
        max-width:96%;
    }
    #dynamic_sidebar{
        right:-285px;
    }
    .searchform {
        width: 154px;
    }
    .searchform input[type="text"] {
        width: 120px;
    }
    .content-bar, .logo.not_home {
        margin-right:0;
    }
    .tf_content {
        position: absolute;
        bottom: 15%;
        left: 20px;
    }
    .logo {
        position: absolute;
        top: 15px;
        left: 20px;
    }
    .tf_content h1 {
        line-height: 34px;
        font-size: 30px;
        font-weight: bold;
    }
    .tf_content p{
        font-size:18px;
        padding:8px 15px;
        display:none;
    }
    .direction_nav {
        position: absolute;
        bottom: 5%;
        left: 20px;
    }
    .content-bar .post .post_content iframe {
        width: 470px;
        height: 250px;
    }	
    .contact-map iframe {
        width: 97.3%;
        height:350px;
    }
    .content-bar.services .post {
        margin-left: 75px;
    }
    #tiles li {
        margin-left:115px;
    }
    #filters li{
        margin-bottom: 23px;
        margin-right: 1px;
    }
    #respond input[type='text'], #respond input[type='email'] {
        width: 95%;
        margin-right:0;
    }
    #respond input#email {
        margin-right: 0px !important;
        margin-left:0px;
    }
    #respond input#url {
        margin-right: 0;
        width: 95%;
    }
    textarea#comment {
        width: 95%;
    }
    .content-bar .gallery ul.thumbnail.col-4 li {
        margin-right: 50px;
        width: 205px;
    }
    .content-bar .gallery ul.thumbnail.col-3 li{
        margin-left:16%;
    }
    #dynamic_sidebar_small div.sidebar_container {
        height: 300px;
    }
    td, th {
        border: 1px solid #ccc;
        padding: 2px;
    }
}
@media only screen and (max-width: 480px) {
    .content-bar .post .post_content iframe {
        width: 280px;
        height: 220px;
    }
    .contact-map iframe {
        width: 95.5%;
        height:300px;
    }
    .content-bar.services .post {
        margin-left: 0px;
        width:290px;
        margin-bottom:30px;
    }
    .content-bar.services .post .post_content img.postimg {
        width:290px;
        height: 220px;
    }
    #tiles li {
        margin-left:27px;
    }
    .content-bar .gallery ul.thumbnail.col-3 li{
        margin-left:0%;
    }
    .content-bar .gallery ul.thumbnail.col-4 li{
        width: 278px;
    }
    .content-bar .gallery ul.thumbnail.col-4 li img {
        width: 290px;
        height: 200px;
    }
    .content-bar .gallery ul.thumbnail.col-5 li{
        width: 278px;
    }
    .content-bar .gallery ul.thumbnail.col-5 li img {
        width: 290px;
        height: 200px;
    }
    .content-bar .gallery ul.thumbnail.col-5 li span {
        position: absolute;
        top: 37%;
        left: 45%;
    }
}