/*------------------------------------------------------------------
[Table of contents]

1. Document Reset
2. Body
3. Typography
4. Basic Layout Styles
5. Header / logo
6. Top Bar / Menu
7. Sliders    
8. Main Content
9. Pages
10. Portfolio
11. Blog
12. Contact
13. Side Navigation
14. Features
15. Icons
16. Mega Menu
17. Footer
18. Visual Composer
19. AdminBar
-------------------------------------------------------------------*/

/*  Document Reset */


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

:focus { outline: 0;}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input[type="submit"],
input[type="text"],
input[type="password"],
input[type="reset"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

table{

    border-collapse: separate;
    border-color: #dddddd #dddddd #dddddd -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}
table {
    margin-bottom: 20px;
    width: 100%;
}
table {
    transition: all 0.7s ease-in-out 0s;
}
table th, table td {
    border-left: 1px solid #dddddd;
}
table th, table td {
    border-top: 1px solid #dddddd;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
table th { font-weight:bold; background: #f1f1f1 none repeat scroll 0 0;}
dt {
    font-weight: bold;
}
dd {
    margin: 0 0em 1.5em;
}
b {
    font-size: 14px;
}
b, strong {
    color: #333;
    font-weight: bold;
}
address {
    font-style: italic;
    margin: 0 0 24px;
}
cite {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}

big {
    font-size: 125%;
}
code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 14px;
    hyphens: none;
}

code {
    color: #686758;
    font-size: 12px;
    margin-left: 3px;
}

mark, ins {
    background: #fff9c0 none repeat scroll 0 0;
    text-decoration: none;
}


pre {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
sub {
    bottom: -0.25em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    top: 0.5ex;
}
blockquote {
    background: #eee none repeat scroll 0 0;
    border-left: 3px solid #606060;
    color: #666;
    font-family: 'Open Sans', Arial, sans-serif;;
    font-size: 21px !important;
    font-style: italic;
    line-height: 22px;
    margin-left: 20px;
    padding: 15px 32px 15px 20px;
    text-shadow: 1px 1px 1px #fff;
}
blockquote p {
    font-size: 14px;
    
    margin: 20px 0 0 !important;
}



/* ----------------------------------------------------------------
    Body Basic Document Styles
-----------------------------------------------------------------*/
p { font-family: ;  font-size: 13px;}

body {
	line-height: 1;
	color: #606060;
	/*background: #EEE url(switcher/bg3.jpg) repeat fixed;*/
 background-color: #eee !important; 
}

input,
select,
textarea { font: 12px/20px "Bree Serif", Helvetica, Arial, sans-serif; }

a.btn {
  box-sizing: border-box;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
}

::selection {
  color: #fff;
  background: #3bbcf9;
}
::-moz-selection {
  background: #3bbcf9; /* Firefox */
  color: #fff;
}

::-webkit-selection {
  background: #3bbcf9; /* Safari */
	color: #fff;
}



/* ----------------------------------------------------------------
    Typography
-----------------------------------------------------------------*/


a {
	text-decoration: none;
	color: #57B3DF;
}

a:hover, .selected { color: #222; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0 0 0px 0;
	color: #444;
    font-family: 'Bree Serif', sans-serif;
}


h3,
h4,
h5,
h6 { padding-bottom: 0px; }

h1 {font-weight: normal;
	font-size: 28px;
	line-height: 32px;
}

h2 {font-weight: normal;
	font-size: 22px;
	line-height: 28px;
}

h3 {
    font-weight: normal;
	font-size: 18px;
	line-height: 24px;
}

h4 {
   font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}

h5 {
    font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}

h6 {
   font-weight: normal;
	font-size: 12px;
	line-height: 16px;
     padding-bottom: 0px;
}

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #555;
}

blockquote {
	color: #666;
	border-left: 3px solid #606060;
   font-size: 14px !important;
    line-height: 1.4;
	font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
	padding: 5px 0 5px 20px;
    text-shadow: 1px 1px 1px #FFF;
    margin-left: 20px;
}

blockquote p { margin: 20px 0 0 0 !important; }

blockquote p:first-child { margin: 0 !important; }

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small {
    font-size: 11px;
    font-style: italic;
}

del { text-decoration: line-through; }

ins { text-decoration: underline; }

pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	white-space: pre;
	overflow: auto;
	padding: 0 10px;
	clear: both;
	color: #666;
	line-height: 19px;
}

code {
	padding: 5px;
	background: #F9F9F9;
}

var,
kbd,
samp,
code {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	background: #F9F9F9;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

ul,
ol,
dl { margin-left: 0px; }

caption { text-align: left; }

img { max-width: 100%; height: auto; }

.img-polaroid { max-width: 97%; }

a, 
.menu i{ transition-duration: 0.4s;}

/* ----------------------------------------------------------------
    Basic Layout Styles
-----------------------------------------------------------------*/


.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
#wrapper { width: 1020px; margin: 50px auto; position: relative; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.container { margin: 0 auto; position: relative; }
.line,
.double-line { clear: both; position: relative; width: 100%; margin: 30px 0; border-top: 1px solid #EEE;}
.double-line { border-top: 3px double #E5E5E5; }
.line a { position: absolute; left: auto; right: 0; padding-left: 5px; color: #272727; background: #F9F9F9; margin-top: -11px; border: none; }
.dots { clear: both; position: relative; width: 100%; margin: 30px 0; height: 9px; background: url("../images/dotted.png") repeat; }
.line a:hover { color: #575757; background: none; }
.emptydiv { display: block !important; position: relative !important;}
.allmargin { margin: 30px !important;}
.leftmargin { margin-left: 30px !important;}
.rightmargin { margin-right: 30px !important;}
.topmargin { margin-top: 30px !important;}
.bottommargin { margin-bottom: 30px !important;}
.nomargin {margin: 0 !important;}
.noleftmargin { margin-left: 0 !important;}
.norightmargin { margin-right: 0 !important;}
.notopmargin { margin-top: 0 !important;}
.nobottommargin { margin-bottom: 0 !important;}
.noborder { border: none !important; }
.noleftborder { border-left: none !important; }
.norightborder { border-right: none !important; }
.notopborder { border-top: none !important; }
.nobottomborder { border-bottom: none !important; }
.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }
.noabsolute { position: relative !important;}
.hidden { display: none !important;}
.nothidden { display: block !important;}
.center { text-align: center !important;}
.divcenter { position: relative !important; margin-left: auto !important; margin-right: auto !important;}


span.page-divider { display: block; }

span.page-divider span {
    display: block;
    width: 15%;
    border-bottom: 2px solid #57B3DF;
}

.dotted-divider {
    clear: both;

    margin: 20px 0;
    height: 5px;
}



.preloader {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/preloader.gif") center center no-repeat #FFF;
}


#pageLoader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background: rgba(0,0,0,0.9) url('../images/portpreloader.gif') no-repeat center center;
}


.postcontent { width: 720px; }
.landing-offer-media { width: 650px; }
.sidebar { width: 220px; }
.landing-offer-text { width: 280px; }
.col_full { width: 100%; }
.col_half,
.landing-offer-half { width: 48%; }
.col_one_third { width: 30.66%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
.col_one_seven { width: 10.33%; }

.postcontent,
.landing-offer-media,
.sidebar,
.landing-offer-text,
.col_full,
.col_half,
.landing-offer-half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth,
.col_one_seven {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 30px;
	float: left;
}

.postcontent,
.sidebar,
.landing-offer-media,
.landing-offer-text { margin-right: 20px; }

.col_full {
    clear: both;
	float: none;
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; 
padding-top: 80px;
}

.col_last {
	margin-right: 0 !important;
	clear: right;
}

.entry_content h1, .entry_content h2, .entry_content h3, .entry_content h4, .entry_content h5, .entry_content h6 { line-height:normal; margin:0; padding:0; padding-bottom:15px; font-family: 'Open Sans', Arial, sans-serif; }
.entry_content h1{ font-size:2em; font-weight: normal; text-transform: none;}
.entry_content h2{ font-size:  1.7411em; font-weight: normal; text-transform: none;}
.entry_content h3{ font-size: 1.5157em; font-weight: normal; text-transform: none;  border-bottom: 0 solid #e5e5e5;}
.entry_content h4{ font-size: 1.3195em; font-weight: normal; text-transform: none;}
.entry_content h5{ font-size:  1.1487em; font-weight: normal; text-transform: none;}
.entry_content h6{ font-size: 1em; font-weight: normal; text-transform: none;}
/*
.entry_content h3:before {height: 0;}*/

.entry_content ul {
    clear: left;
    color: #444;
    list-style-type: disc;
    font-size: 13px;

}

.entry_content ol {
    clear: left;
    color: #444;
    list-style-type: decimal;
    font-size: 13px;
  margin-left:15px;
}
.entry_content ol li{   margin-bottom: 12px;}
.entry_content ul li{  background: rgba(0, 0, 0, 0) url("../images/icons/sidebar-link.png") no-repeat scroll left -2px;
    list-style: outside none none;
    margin-bottom: 12px;
    padding-left: 15px;}

.headtitle {
    border-bottom: 1px solid #e5e5e5;
    color: #4e4e4e;
    font-family: "Bree Serif",serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
    line-height: 24px;
}

.headtitle:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;
    background-color: #3bbcf9;
}

label {
	display: inline-block;
    font-size: 13px;


	margin-bottom: 5px;
    cursor: pointer;
}

input[type="text"],
input[type="password"],
select,
textarea {
    display: block;
	background: #FFF;
	padding: 9px 7px;
    margin-bottom: 10px;
	border: 1px solid #DDD;
  
	outline: 0;
	font: normal 11px/100%;
    color: #666;
	border-radius: 3px;
}

#footer.footer-dark input[type="text"],
#footer.footer-dark input[type="password"],
#footer.footer-dark select,
#footer.footer-dark textarea {
	background: #282A2B;
	border-color: #444;
    color: #CCC;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

input[type="text"],
input[type="password"] { width: 45%; }

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 2px;
}

textarea { 
	width: 90%;
	height: 150px;
	line-height: 150%;
}

textarea.short-textarea { height: 80px; }

input[type="text"]:active,
input[type="password"]:active,
textarea:active,
select:active,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { border-color: #CCC; }

#footer.footer-dark input[type="text"]:active,
#footer.footer-dark input[type="password"]:active,
#footer.footer-dark textarea:active,
#footer.footer-dark select:active,
#footer.footer-dark input[type="text"]:focus,
#footer.footer-dark input[type="password"]:focus,
#footer.footer-dark textarea:focus,
#footer.footer-dark select:focus { border-color: #666; }

label.error {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    color: #BD091B;
    margin-bottom: 15px;
}

input.error,
textarea.error,
select.error { border-color: #BD091B !important; }

#footer.footer-dark input.error,
#footer.footer-dark textarea.error,
#footer.footer-dark select.error { border-color: #CF4545 !important; }

.quick-contact-form label.error { margin: 0; }

form p {
    margin-top: 15px;
    margin-bottom: 0;
}

form p:first-child { margin-top: 0; }

form small {
    font-weight: normal;
    font-size: 10px;
    color: #999;
}



/* ----------------------------------------------------------------
    Top Bar
-----------------------------------------------------------------*/


#top-bar {
    position: relative;
    height: 0px;
}
.top-bar-left { float:left;   padding: 9px 0;}
.top-bar-left i{ margin-left:10px; margin-right:3px;}

#top-menu {
    position: relative;
    float: left;
    height: 40px;
}

#top-menu li {
    float: left;
    margin-left: 10px;
    height: 40px;
    text-shadow: 1px 1px 1px #FFF;
}

#top-menu li:first-child { margin-left: 0; }

#top-menu li a,
#top-menu li span {
    display: inline-block;
    position: relative;
    line-height: 20px;
    margin-top: 10px;
    color: #606060;
}

#top-menu li span { color: #999; }

#top-menu li a:hover {
    color: #57B3DF;
    border-bottom: 1px dotted #57B3DF;
}

#top-menu li span {
    margin-right: 10px;
    font-size: 14px;
}

#top-menu li:first-child span { display: none; }

#top-social {
    position: relative;
    float: right;
    height: 40px;
    margin: 0 -30px 0 40px;
}

#top-social ul, #top-menu ul { margin: 0; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}

#top-social li,
#top-social li a,
#top-social li .ts-text {
    float: left;
    width: auto;
    overflow: hidden;
}

#top-social li a {
    width: 40px;
    line-height: 40px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#top-social li .ts-icon { float: left; }

#top-social li.ts-facebook a { background-color: #3B5998; }

#top-social li.ts-facebook .ts-icon { background: url("../images/icons/social/facebook.png") no-repeat center center; }

#top-social li.ts-twitter a { background-color: #3CF; }

#top-social li.ts-twitter .ts-icon { background: url("../images/icons/social/twitter.png") no-repeat center center; }

#top-social li.ts-gplus a { background-color: #BD3518; }

#top-social li.ts-gplus .ts-icon { background: url("../images/icons/social/gplus.png") no-repeat center center; }

#top-social li.ts-dribbble a { background-color: #D97AA5; }

#top-social li.ts-dribbble .ts-icon { background: url("../images/icons/social/dribbble.png") no-repeat center center; }

#top-social li.ts-forrst a { background-color: #304C25; }

#top-social li.ts-forrst .ts-icon { background: url("../images/icons/social/forrst.png") no-repeat center center; }

#top-social li.ts-blogger a { background-color: #FCA448; }

#top-social li.ts-blogger .ts-icon { background: url("../images/icons/social/blogger.png") no-repeat center center; }

#top-social li.ts-flickr a { background-color: #FF0084; }

#top-social li.ts-flickr .ts-icon { background: url("../images/icons/social/flickr.png") no-repeat center center; }

#top-social li.ts-pinterest a { background-color: #CB2027; }

#top-social li.ts-pinterest .ts-icon { background: url("../images/icons/social/pinterest.png") no-repeat center center; }

#top-social li.ts-rss a { background-color: #F88F16; }

#top-social li.ts-rss .ts-icon { background: url("../images/icons/social/rss.png") no-repeat center center; }

#top-social li.ts-vimeo a { background-color: #0590B8; }

#top-social li.ts-vimeo .ts-icon { background: url("../images/icons/social/vimeo.png") no-repeat center center; }

#top-social li.ts-youtube a { background-color: #F33; }

#top-social li.ts-youtube .ts-icon { background: url("../images/icons/social/youtube.png") no-repeat center center; }

#top-social li.ts-phone a { background-color: #4818AB; }

#top-social li.ts-phone .ts-icon { background: url("../images/icons/social/phone.png") no-repeat center center; }

#top-social li.ts-mail a { background-color: #444; }

#top-social li.ts-mail .ts-icon { background: url("../images/icons/social/mail.png") no-repeat center center; }


/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/


#header {
    position: relative;
    z-index: 205;
}



/* ----------------------------------------------------------------
    Logo
-----------------------------------------------------------------*/


#logo {
    position: relative;
    float: left;
    max-width: 230px;
    margin-right: 30px;
    font-family: 'Bree Serif', sans-serif;
    font-size: 36px;
    line-height: 80px;
    padding: 24px 0;
}

#logo a {
    display: block;
    color: #000;
}

#logo img {
    display: block;
    max-height: 45px;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }

.header2 #logo{ float:none; margin:0 auto;}

.header5 #logo{ padding: 30px 0;}


#logo { overflow:hidden;}
#logo a{ }

/* ----------------------------------------------------------------
    Primary Menu
-----------------------------------------------------------------*/

.top-info{ background:none !important; border-bottom:1px solid rgba(0, 0, 0, 0.04); height:40px !important; padding:5px 0;}

#primary-menu{
  float:right;
  font-family: 'Bree Serif',serif;
  font-size: 16px;
  font-weight:normal;
}
	
.header2 .menu-type1{ border:1px solid #ddd; }
.header2 #primary-menu { float:none; margin:0 auto; display:table;}
.header2 .menu ul { float:left;}
.header2 .menu ul li a {padding:12px 17px ;}
.header2 .menu ul li.sub-menu > .mega-menu li a,
.header2 .menu ul li.sub-menu > .mega-menu h4 a { 
  padding:0
}
.header2 .menu ul li.sub-menu li a{padding:8px 12px}
.header2 .menu ul li {border-right:1px solid #ddd;}
.header2 .menu ul li:first-child {border-left:1px solid #ddd;}
.header2 .menu ul li li, .header2 .menu ul li li:first-child{ border:none}

.header3 .menu-type1{ border:1px solid #ddd; }
.header3 #primary-menu {
  float:left; 
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.header3 .menu ul { float:left;}
.header3 .menu ul > li.main-menu-item > a {padding:12px 17px;color: #313131;}
.header3 .menu ul li a span{ font-size:12px; text-transform:none; color:#d0d3d7; display:block;}
.header3 .menu ul li li a{ padding:0}
.header3 .menu ul > li.sub-menu > ul > li > a {padding:8px 12px}
.header3 .menu ul li {border-right:1px solid #ddd;}
.header3 .menu ul li:first-child {border-left:1px solid #ddd;}
.header3 .menu ul li li, .header3 .menu ul li li:first-child{ border:none}


.header4 { padding:13px 0} 
.header4 .menu ul li:last-child a{ padding-right:0}
.header4 .menu ul ul li a {padding: 8px 12px;}

.header5 { background:url("../images/blue-bg.png") no-repeat scroll right center #333} 
.header5 .menu ul li a{ color: #fff;}
.cbp-af-header:not(.cbp-af-header-shrink) .header5 .menu > .menu-main-menu-container > ul > li > a { padding:43px 14px; }
.header5 .menu ul li li a{ /*padding:0*/}
.header5 .menu ul li.sub-menu li a{padding:8px 12px}
.header5 .menu ul li .mega-menu div h4 a {padding: 0;color: #404040;}


/* ----------------------------------------------------------------
    Sliders
-----------------------------------------------------------------*/


#slider {
    position: relative;
    height: 454px;
    background-color: #EEE;
    margin-top:0px;
}

.fallback-image,
.fallback-image a,
.fallback-image img {
    display: none;
    width: 100%;
    height: 100%;
}

#slider .container { width: 100%; }

#slider.thumb-slider,
#slider.piecemaker-slider { height: auto; }

.slider-wrap {
    position: relative;
    width: 100%;
    height: 400px;
}

.slider-wrap .slide,
.slider-wrap .slide a,
.slider-wrap .slide img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-line {
    position: absolute;
    border-top: 2px solid rgba(0,0,0,0.2);
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide a,
.fslider .slide img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}


/* ----------------------------------------------------------------
    Revolution Slider
-----------------------------------------------------------------*/


#slider.revolution-slider,
#slider.layerslider-wrap { overflow: hidden; }



/* ----------------------------------------------------------------
    Slider with Thumbs
-----------------------------------------------------------------*/


#slider.thumb-slider .flex-control-thumbs { display: block; }

#slider.thumb-slider .flex-control-thumbs,
#slider.thumb-slider .rs-thumb-wrap {
    display: block;
    position: relative;
    background: #FFF;
    height: 55px;
    text-align: center !important;
}

.flex-control-thumbs li,
.rs-thumb-wrap a {
    display: inline-block !important;
    width: 102px !important;
    height: 55px !important;
    cursor: pointer;
    margin: 0 !important;
}

.rs-thumb-wrap a {
    height: 50px !important;
    border-top: 5px solid #CCC;
}

.flex-control-thumbs li img,
.rs-thumb-wrap a img {
    display: block !important;
    width: 102px !important;
    height: 50px !important;
    border-top: 5px solid #CCC;
}

.rs-thumb-wrap a img { border: none; }

.flex-control-thumbs li img.flex-active,
.rs-thumb-wrap a.active { border-top-color: #57B3DF; }


/* ----------------------------------------------------------------
    Slider Navigation
-----------------------------------------------------------------*/


.flex-prev,
.flex-next,
.rs-prev,
.rs-next,
.nivo-prevNav,
.nivo-nextNav,
.camera_prev,
.camera_next,
.camera_commands,
.tp-leftarrow.large,
.tp-rightarrow.large,
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
    display: block;
    position: absolute !important;
    z-index: 10;
    cursor: pointer;
    top: auto;
    left: auto;
    bottom: 50px;
    right: 38px;
    width: 36px !important;
    height: 36px !important;
    text-indent: -9999px;
    background: rgba(11,11,11,0.8) url("../images/icons/slider-nav.png") no-repeat 0 0;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.tp-leftarrow.large,
.tp-rightarrow.large { background: rgba(11,11,11,0.8) url("../images/icons/slider-nav.png") no-repeat 0 0 !important; }

.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
    top: 50%;
    margin-top: -18px;
    left: 20px;
    right: auto;
}

#slider.thumb-slider .flex-prev,
#slider.thumb-slider .flex-next { bottom: 105px; }

.flex-next,
.rs-next,
.nivo-nextNav,
.camera_next,
.ls-noskin .ls-nav-next {
    right: 0;
    background-position: -36px 0;
}

.ls-noskin .ls-nav-next {
    right: 20px;
    left: auto;
}

.tp-rightarrow.large { background-position: -36px 0 !important; }

.portfolio-image .flex-prev,
.portfolio-image .flex-next {
    position: absolute !important;
    top: auto;
    left: 0;
    bottom: 0;
    width: 28px !important;
    height: 28px !important;
    background-image: url("../images/icons/portfolio-slider-nav.png");
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.portfolio-image .flex-next {
    left: 30px;
    background-position: -28px 0;
}


.flex-prev:hover,
.flex-next:hover,
.rs-prev:hover,
.rs-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.camera_prev:hover,
.camera_next:hover,
.camera_commands:hover,
.tp-leftarrow.large:hover,
.tp-rightarrow.large:hover,
.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover { background-color: #57B3DF !important; }


/* ----------------------------------------------------------------
    Slider Caption
-----------------------------------------------------------------*/


.slide-caption,
.rs-caption,
.nivo-caption {
    display: block;
    position: absolute;
    z-index: 8;
    top: auto;
    left: auto;
    bottom: 50px;
    right: 76px;
    line-height: 24px;
    padding: 6px 15px;
    font-size: 14px;
    font-family: 'Droid Serif', sans-serif;
    width: auto !important;
    max-width: 500px;
    background-color: rgba(11,11,11,0.8);
    border-left: 3px solid #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}


.slide-caption2 {
    line-height: 20px;
    padding: 15px;
    font-size: 12px;
    font-family: 'Bree Serif', sans-serif;
    max-width: 200px;
    background-color: rgba(11,11,11,0.8);
}

.slide-caption2 h3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #EEE;
}

.slide-caption2 p { margin: 0; }

.slide-caption-left {
    left: 50px;
    right: auto;
}


/* ----------------------------------------------------------------
    Main Content
-----------------------------------------------------------------*/


#content { position: relative; }

.content-wrap {
    position: relative;
    padding: 0px 0 65px;
}
.content-wrap.disable-page-header {
    padding: 45px 0 65px;
}


/* ----------------------------------------------------------------
    Page Title
-----------------------------------------------------------------*/


#page-title,
#countdown-wrap {
    position: relative;
    background-color: #F5F5F5;
  }

#page-title h1 {
      color: #FFFFFF;
    font-size: 23px;
    font-weight: normal;
    margin: 0;
    padding: 6px 0;
    text-shadow: 1px 1px 1px #666666;
    text-transform: none;
}


#page-title h1 span {
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: none;
}

#top-search {
    position: absolute;
    width: 180px;
    top: 50%;
    left: auto;
    right: 0;
    margin-top: -20px;
}

#top-search form { margin: 0; }

#top-search input {
    width: 131px;
    background-image: url("../images/icons/search.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 38px;
    color: #999;
}



/* ----------------------------------------------------------------
    Coming Soon
-----------------------------------------------------------------*/


#countdown-wrap { padding: 50px 0;  }

#countdown-wrap h1 {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 50px;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: 400;
    color: #555;
    text-align: center;
}


.countdown_row {
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
}

.countdown_section {
    display: inline-block;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    width: 180px;
    color: #999;
    text-transform: lowercase;
}

.countdown_amount {
    font-size: 96px;
    line-height: 100px;
    font-family: "Droid Serif", sans-serif;
    color: #444;
}

.countdown_descr {
    display: block;
    width: 100%;
}

.lp-subscribe,
.page-template-template-coming-soon div.shortcode_wysija {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

.page-template-template-coming-soon div.shortcode_wysija .allmsgs ul {
    margin-bottom: 0;
}

.lp-subscribe form,
.page-template-template-coming-soon form.shortcode_wysija {
    display: inline-block;
    position: relative;
    margin: 5px auto 0;
    max-width: 600px;
}

.lp-subscribe input[type="text"],
.page-template-template-coming-soon form.shortcode_wysija input[type="text"]  {
    display: block;
    float: left;
    width: 360px;
    padding: 13px 12px 11px 46px;
    font-size: 16px;
    color: #999;
    background: url("../images/icons/subscribe.png") left no-repeat;
    margin: 0 !important;
}

.lp-subscribe input[type="submit"],
.page-template-template-coming-soon form.shortcode_wysija input[type="submit"] {
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    border: none;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0 15px;
    height: 49px;
    line-height: 49px;
    background: #57B3DF;
    text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
}

.lp-subscribe input[type="submit"]:hover,
.page-template-template-coming-soon form.shortcode_wysija input[type="submit"] { background-color: #444; }

.page-template-template-coming-soon form.shortcode_wysija p.wysija-paragraph:last-of-type { display: inline; }

/* ----------------------------------------------------------------
    Portfolio
-----------------------------------------------------------------*/


#portfolio-filter {
    position: relative;
    margin: 0 0 30px 0;
	border-bottom:1px solid #EEEEEE;
}

#portfolio-filter li {
    float: left;
    position: relative;
    padding: 0 0 12px;
   
}

#portfolio-filter li a {
    display: block;
    position: relative;
    padding: 0 15px;
    font-size: 13px;
    line-height: 15px;
    
    color: #606060; letter-spacing: 0.5px;
    border-left: 1px solid #E5E5E5;
}

#portfolio-filter li:first-child a { border-left: none; }

#portfolio-filter li a:hover,
#portfolio-filter li.activeFilter a { color: #57B3DF; }

#portfolio-filter li.activeFilter a { }

#portfolio-filter li.activeFilter { border-bottom: 2px solid #57B3DF; }


/* ----------------------------------------------------------------
    Portfolio Image
-----------------------------------------------------------------*/


#portfolio {
    position: relative;
    margin: 0 -12px -12px 0;
}

.portfolio-item {
    position: relative;
    float: left;
    margin: 0 12px 12px 0;
    width: 231px;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
    display: block;
    position: relative;
    width: 231px;
    height: 163px;
}


.postcontent #portfolio { margin: 0 -8px -8px 0; }

.postcontent .portfolio-item {
    margin: 0 8px 8px 0;
    width: 174px;
}

.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
    width: 174px;
    height: 136px;
}


#portfolio.portfolio-3 { margin: 0 -15px -15px 0; }

.portfolio-3 .portfolio-item {
    margin: 0 15px 15px 0;
    width: 310px;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
    width: 310px;
    height: 210px;
}


.postcontent #portfolio.portfolio-3 { margin: 0 -13px -13px 0; }

.postcontent .portfolio-3 .portfolio-item {
    margin: 0 13px 13px 0;
    width: 231px;
}

.postcontent .portfolio-3 .portfolio-image,
.postcontent .portfolio-3 .portfolio-image a,
.postcontent .portfolio-3 .portfolio-image img {
    width: 231px;
    height: 180px;
}


#portfolio.portfolio-5 { margin: 0 -5px -5px 0; }

.portfolio-5 .portfolio-item {
    margin: 0 5px 5px 0;
    width: 188px;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
    width: 188px;
    height: auto;
}


#portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.portfolio-2 .portfolio-item {
    margin: 0 20px 20px 0;
    width: 470px;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
    width: 470px;
    height: 300px;
}

.postcontent .portfolio-2 .portfolio-item { width: 350px; }

.postcontent .portfolio-2 .portfolio-image,
.postcontent .portfolio-2 .portfolio-image a,
.postcontent .portfolio-2 .portfolio-image img {
    width: 350px;
    height: 223px;
}


.portfolio-title {
    position: relative;
    text-align: center;
    padding: 3px 0;
   
}

.postcontent .portfolio-title h3 { font-size: 13px; }

.portfolio-title h3 {
    padding-bottom: 0;
    font-size: 14px;
    font-weight: normal;
}

.portfolio-3 .portfolio-title h3 { font-size: 15px; }

.portfolio-2 .portfolio-title h3 { font-size: 18px; }

.portfolio-title h3 a {
    color: #555;
    text-shadow: 1px 1px 1px #FFF;
}

.portfolio-item:hover h3 a { color: #57B3DF; }

.portfolio-item:hover .portfolio-title { border-bottom-color: #57B3DF; }



#portfolio .slider-wrap,
.postcontent #portfolio.portfolio-3 .slider-wrap { height: 180px; }

.postcontent #portfolio .slider-wrap { height: 136px; }

#portfolio.portfolio-3 .slider-wrap { height: 210px; }

#portfolio.portfolio-2 .slider-wrap { height: 300px; }

.postcontent #portfolio.portfolio-2 .slider-wrap { height: 223px; }


/* ----------------------------------------------------------------
    Home Portfolio
-----------------------------------------------------------------*/


.scroll-portfolio { margin-bottom: 15px !important; }

.scroll-portfolio .portfolio-item { width: 231px !important; }

.scroll-portfolio .portfolio-item .portfolio-image
.scroll-portfolio .portfolio-item .portfolio-image a,
.scroll-portfolio .portfolio-item .portfolio-image img {
    width: 231px !important;
    height: 163px;
}

.scroll-portfolio .widget-scroll-prev,
.scroll-portfolio .widget-scroll-next { top: 0; }

/* ----------------------------------------------------------------
    Single Portfolio
-----------------------------------------------------------------*/


.single-portfolio .scroll-portfolio { margin-bottom: 0px !important; }

.scroll-portfolio .portfolio-single-item { width: 680px !important; }
.scroll-portfolio .portfolio-single-item-fullwidth { width: 960px !important; height: 540px !important }

.scroll-portfolio .portfolio-single-item .portfolio-image
.scroll-portfolio .portfolio-single-item .portfolio-image a,
.scroll-portfolio .portfolio-single-item .portfolio-image img {
    width: 680px !important;
    height: 434px;
}

.scroll-portfolio .portfolio-single-item-fullwidth .portfolio-image
.scroll-portfolio .portfolio-single-item-fullwidth .portfolio-image a,
.scroll-portfolio .portfolio-single-item-fullwidth .portfolio-image img {
    width: 960px !important;
    height: auto;
}


.portfolio-navigation.widget-scroll-prev {
  left: 0;
  bottom: 0;
  top: inherit;
}
.portfolio-navigation.widget-scroll-next {
  bottom: 0;
  top: inherit;
}

.portfolio-single-item {
  position: relative;
  float: left;
  margin: 0 12px 12px 0;
  width: 680px;
  height: 434px;
}

.portfolio-single-item-fullwidth {
  position: relative;
  float: left;
  margin: 0 12px 12px 0;
  width: 960px;
  height: auto;
}

.scroll-portfolio .portfolio-navigation.widget-scroll-prev,
.scroll-portfolio .portfolio-navigation.widget-scroll-next { top: 0; }


/* ----------------------------------------------------------------
    Portfolio Overlay
-----------------------------------------------------------------*/


.portfolio-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0.9;
}


.port-gallery .portfolio-overlay {
    background: transparent;
}

.portfolio-overlay-wrap {
    position: relative;
    padding: 15px;
    color: #FFF;
}

.portfolio-overlay-wrap p {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

.portfolio-overlay-wrap span {
    display: block;
    margin-bottom: 15px;
}

.portfolio-overlay-wrap span span {
    margin: 0;
    width: 15%;
    border-bottom: 1px solid #FFF;
}

.portfolio-overlay-wrap a {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-bottom: 1px dotted #FFF;
    font-style: italic;
}

.portfolio-overlay-wrap a:hover { border-style: solid; }

.portfolio-2 .portfolio-overlay-wrap {
    font-size: 16px;
    line-height: 24px;
}


.p-overlay-icons,
.postcontent #portfolio.portfolio-3 .p-overlay-icons,
.postcontent #portfolio.portfolio-2 .p-overlay-icons {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: auto;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
}

.p-overlay-icons a {
    display: block;
    float: left;
    margin-left: 2px;
    width: 28px !important;
    height: 28px !important;
    text-indent: -9999px;
    background-color: #222;
    background-repeat: no-repeat;
    background-image: url("../images/icons/portfolio-overlay.png");
}

.p-overlay-icons a:first-child { margin-left: 0; }

.p-overlay-icons a.p-o-image { background-position: -28px 0; }

.p-overlay-icons a.p-o-video { background-position: 0 0; }

.p-overlay-icons a.p-o-gallery { background-position: -56px 0; }

.p-overlay-icons a.p-o-link { background-position: -84px 0; }


.portfolio-5 .p-overlay-icons,
.portfolio-widget .p-overlay-icons,
.postcontent #portfolio .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 58px;
    left: 50%;
    margin-left: -29px;
}


/* ----------------------------------------------------------------
    Portfolio Single
-----------------------------------------------------------------*/

#portfolio-single-wrap { position: relative; }


/* ----------------------------------------------------------------
    Portfolio Single - Slider
-----------------------------------------------------------------*/


#portfolio-single-wrap #slider { float: left; }

#portfolio-single-wrap.portfolio-single-left #slider { float: right; }

#portfolio-single-wrap.portfolio-single-full #slider,
.postcontent #portfolio-single-wrap #slider {
    float: none;
    margin-bottom: 30px;
}

#portfolio-single-wrap #slider {
    width: 680px;
    height: auto;
}

.postcontent #portfolio-single-wrap #slider { width: 100%; }

#portfolio-single-wrap .slider-wrap,
#portfolio-single-wrap .slide,
#portfolio-single-wrap #slider a,
#portfolio-single-wrap #slider img {
    display: block;
    width: 100%;
    height: auto;
}

#portfolio-single-wrap #slider iframe { display: block; }

#portfolio-single-wrap.portfolio-single-full #slider {
    width: 960px;
    height: auto;
}

#portfolio-single-wrap.portfolio-single-full .slider-wrap,
#portfolio-single-wrap.portfolio-single-full .slide,
#portfolio-single-wrap.portfolio-single-full .slide a,
#portfolio-single-wrap.portfolio-single-full .slide img {
    width: 100%;
    height: auto;
}


#portfolio-single-wrap .flex-prev,
#portfolio-single-wrap .flex-next,
.entry_image .flex-prev,
.entry_image .flex-next,
.fslider .flex-prev,
.fslider .flex-next {
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
    margin-top: -18px;
}

#portfolio-single-wrap .flex-next,
.entry_image .flex-next,
.fslider .flex-next {
    left: auto;
    right: 0;
}

.portfolio-item .portfolio-image .flex-prev,
.portfolio-item .portfolio-image .flex-next { margin-top: -14px; }


/* ----------------------------------------------------------------
    Portfolio Single - Details
-----------------------------------------------------------------*/


#portfolio-details-wrap {
    float: right;
    width: 250px;
    margin-left: 30px;
}

#portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap {
    float: left;
    margin: 0 30px 0 0;
}

#portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap,
.postcontent #portfolio-single-wrap #portfolio-details-wrap {
    float: none;
    margin: 0;
    width: auto;
}



#portfolio-details-wrap span.page-divider { margin-top: 10px; }

#portfolio-details-wrap .port-details { margin-top: 35px; }


#portfolio-single-wrap.portfolio-single-full .port-desc,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap .port-desc {
    float: right;
    margin: 0;
    width: 680px;
}

.postcontent #portfolio-single-wrap .port-desc { width: 440px; }

#portfolio-single-wrap.portfolio-single-full .port-details,
#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap .port-details {
    float: left;
    margin: 0 30px 0 0;
    width: 250px;
}

#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-desc { float: left; }

#portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details,
.postcontent #portfolio-single-wrap.portfolio-single-left .port-details {
    float: right;
    margin: 0 0 0 30px;
}


#portfolio-details-wrap .port-details h4, #portfolio-related h4{
    font-size: 14px;
    line-height: 15px;  margin-bottom: 17px; padding-bottom: 10px;
 position:relative;
  border-bottom: 1px solid #E5E5E5;  margin-top: 18px;
}

#portfolio-details-wrap .port-details h4:before, #portfolio-related h4:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;}

#portfolio-details-wrap .port-terms {
    position: relative;
    border-bottom: 1px dotted #DDD;
    margin-bottom: 15px;
    padding-bottom: 15px;
}


#portfolio-details-wrap .port-terms h5 {
    color: #333;
    margin: 0 !important;
    float: left;
    width: 110px;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}

#portfolio-details-wrap .port-terms span {
    display: block;
    position: relative;
    overflow: hidden;
}

.word-wrap {
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: pre-line;
}


/* ----------------------------------------------------------------
    Portfolio Navigation
-----------------------------------------------------------------*/


#portfolio-navigation {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    max-width: 96px;
    height: 32px;
    margin-top: -16px;
}

#portfolio-navigation a {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background: #E5E5E5 url("../images/icons/portfolio-nav.png") no-repeat 0 0;
    transition: background-color .2s linear,background-position .3s linear;
    -moz-transition: background-color .2s linear,background-position .3s linear;
    -webkit-transition: background-color .2s linear,background-position .3s linear;
    -ms-transition: background-color .2s linear,background-position .3s linear;
    -o-transition: background-color .2s linear,background-position .3s linear;
}

#portfolio-navigation a:first-child { margin-left: 0; }

#portfolio-navigation .port-nav-list { background-position: -32px 0; }

#portfolio-navigation .port-nav-next { background-position: -64px 0; }

#portfolio-navigation a:hover {
    background-position: 0 -32px;
    background-color: #57B3DF;
}

#portfolio-navigation .port-nav-list:hover { background-position: -32px -32px; }

#portfolio-navigation .port-nav-next:hover { background-position: -64px -32px; }


/* ----------------------------------------------------------------
    related Portfolio Items
-----------------------------------------------------------------*/


#portfolio-related {
    position: relative;
    margin: 30px 0 0 0;
}

#portfolio-related-items {
    position: relative;
    margin: 0 -5px 0 0;
}

#portfolio-related-items li {
    position: relative;
    float: left;
    margin: 0 5px 0 0;
}

#portfolio-related-items li,
#portfolio-related-items li > a,
#portfolio-related-items li > img {
    display: block;
    width: 188px !important;
    height: 120px;
}
.widget .accordion, .widget p{ margin:0px;}
.postcontent #portfolio-related-items li,
.postcontent #portfolio-related-items li > a,
.postcontent #portfolio-related-items li > img {
    width: 176px !important;
    height: 137px;
}

#portfolio-related-items li .p-overlay-icons {
    top: 50%;
    margin-top: -14px;
    width: 28px;
    left: 50%;
    margin-left: -14px;
}


/* ----------------------------------------------------------------
    Isotope
-----------------------------------------------------------------*/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* ----------------------------------------------------------------
    Blog Posts
-----------------------------------------------------------------*/


#posts { position: relative; }

.entry {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
  
}

.entry_image {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.small-posts .entry_image {
    float: left;
    width: 300px;
    margin: 0;
}

.entry_image a,
.entry_image img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.entry_image iframe,
.ipost-image iframe { display: block; }

.entry_image .slider-wrap,
.entry_image .slide,
.entry_image .slide a,
.entry_image .slide img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.entry_date {
    float: left;
    width: 60px;
    text-align: center;
	margin-top: 0px;
}

.postcontent .small-posts .entry_date {
    width: 60px;
    margin-right: 10px;
}

.col_full .small-posts .entry_date { margin-right: 15px; }

.entry_date div.month,
.entry_date div.day {
    background-color: #57B3DF;
    color: #FFF;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    padding: 0 0 10px;
}

.entry_date div.day {
    font-weight: normal;
    padding: 10px 0 0;
    font-size: 32px;
    font-weight: 600;
}

.postcontent .small-posts .entry_date div.month,
.postcontent .small-posts .entry_date div.day {
    font-size: 16px;
    padding: 0 0 12px;
}

.postcontent .small-posts .entry_date div.day {
    font-size: 28px;
    padding: 12px 0 0;
}

.entry_date div.post-icon {
    position: relative;
    color: #57B3DF;
    font-size: 42px;
    margin: 20px 0 0 0;
}

div.post-icon i {
    display: block;
    padding: 0;
    margin: 0;
}

.entry_c {
    float: left;
    margin-left: 20px;
    width: 640px;
}

.col_full .entry_c { width: 868px; }

.postcontent .small-posts .entry_c {  width: 626px; margin-left: 3px;}
.postcontent .small-posts .has-post-thumbnail .entry_c .entry_content{  margin-left: 315px;}

.col_full .small-posts .entry_c { width: 640px; }

.entry_title { margin-bottom: 5px; }

.entry_title h2 {
    padding: 0;
    color: #444;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.sticky  {
    padding: 12px;
    background: rgba(22, 159, 230, 0.08);
    border: 1px solid rgba(22, 159, 230, 0.22);
}
.sticky .entry_c {
    float: left;
    margin-left: 20px;
    width: 608px;
}

.sticky .entry_title:before {
    color: #FFF;
    background: #3bbcf9;
    padding: 5px 10px;
    display: inline-block;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
    margin-top: -43px;
    margin-right: -19px;
}

.postcontent .small-posts .entry_title h2 {
    font-size: 16px;
    line-height: 20px;
}

.entry_title h2 a { color: #555; }

.entry_title h2 a:hover { color: #888; }

.entry_meta {
    position: relative;
    margin: 0 -7px 0px 0;
}

.post-single .entry_meta { margin-bottom: 12px; }

.entry_meta li {
    margin: 0 7px 3px 0;
    float: left;
    font-size: 12px;
    color: #999;
}

.entry_meta li a {
    color: #999;
  
}

.entry_meta li a:hover { color: #57B3DF; }

.entry_meta li i {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 2px;
    font-size: 15px;
}

.entry_meta li span {
    display: inline-block;
    margin-right: 7px;
    font-size: 13px;
}

.entry span.page-divider { margin: 12px 0; }

.entry span.page-divider span {  }

.small-posts span.page-divider { margin: 20px 0 12px; }

.postcontent .small-posts span.page-divider span { width: 20%; }

.entry_content {
    position: relative;
    font-size: 13px;
    margin-bottom: -20px;
	  
}


.entry_share {
    position: relative;
    margin: 20px 0;
    padding: 10px 0;
    line-height: 24px;
}

.entry_share span {
    display: block;
    float: left;
    margin-right: 15px;
}

.entry_share a {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 15px;
}

.entry_share a img {
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
}

.ipost { position: relative; }

.ipost .ipost-image { position: relative; }

.ipost .ipost-image a,
.ipost .ipost-image img {
    display: block;
    width: 100%;
    height: auto;
}

.ipost .ipost-title h5 {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 5px;
}

.ipost .ipost-title a { color: #555; }

.ipost .ipost-title a:hover { color: #57B3DF; }

.ipost .ipost-meta {
    position: relative;
    margin: 0 -10px 0 0;
}

.ipost-meta li {
    float: left;
    font-size: 13px;
    margin: 0 10px 0 0;
    color: #AAA;
}

.ipost-meta li span { margin-right: 10px; }

.ipost-meta li a { color: #888; }

.ipost-meta li a:hover { color: #000; }

.ipost-content { margin-top: 10px; }



.related-posts {
    position: relative;
    margin: 0 -20px 0 0;
}

.related-posts li {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    width: 165px !important;
    list-style: none;
}

.related-posts li .rpost-image {
    position: relative;
    margin-bottom: 10px;
}

.empty-rpost-image {
  display: block;
  height: 100%;
}

.rpost-image,
.rpost-image a,
.rpost-image img {
    display: block;
    width: 165px !important;
    height: 120px;
}

.rpost-title {
    text-align: center;
    font-size: 12px;
}

.rpost-title a { color: #666; }

.rpost-title a:hover { color: #000; }

.post-overlay {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 6px;
    line-height: 24px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    font-size: 20px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
    Post Elements
-----------------------------------------------------------------*/


img.alignleft,
div.alignleft,
iframe.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%;
}

div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
    display: block;
    float: none;
}

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}

img.aligncenter,
div.aligncenter,
div.aligncenter img {
    margin-left: auto;
	margin-right: auto;
	clear: both;
}

img.alignright,
div.alignright,
iframe.alignright {
    float: right;
    margin: 5px 0 13px 20px;
}

blockquote.alignleft,
img.alignleft {
  margin: 5px 24px 40px 0;
}

blockquote.alignright,
img.alignright {
  margin: 20px 0 40px 24px;
}

.wp-caption {
  text-align: center;
  color: #767676;
  margin: 10px 0 13px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  padding-right: 10px;
  max-width: 100%;
}

.wp-caption.alignright {
  margin: 20px 0 40px 14px;
  float: right;
}

.wp-caption.alignleft {
  margin: 20px 14px 40px 0;
  float: left;
}

.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption img,
.wp-caption img a {
    display: block;
	margin: 0;
}

p.wp-caption-text,
figcaption.wp-caption-text {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 5px 10px;
  background-color: #EEE;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}


/* ----------------------------------------------------------------
    Comments List
-----------------------------------------------------------------*/


#comments {
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
   
}

.commentlist {
    list-style-type: none;
   
    padding-bottom: 30px;
    margin: 0 0 30px;
}

.commentlist li.bypostauthor,
.commentlist li ul,
.commentlist li ul li { margin: 20px 0 0 0; }

.commentlist ul:first-child { margin-top: 0; }

.commentlist li {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #EEE;
}

.commentlist ul .comment-wrap { 
  margin-left: 30px;
}

.commentlist ul .comment-wrap img.avatar { 
  width: 40px;
  height: 40px;
}

.commentlist > li.bypostauthor { }

.commentlist > li.bypostauthor:first-child {
    padding-top: 0;
    border-top: 0;
    margin-top: 0;
}

.commentlist li.bypostauthor .children { margin-top: 0; }

.commentlist li.bypostauthor .children { margin-left: 30px; }

.commentlist li .comment-content,
.pingback {
    position: relative;
    overflow: hidden;
}

.commentlist li .comment-content p,
.pingback p { margin: 13px 0 0; }

.commentlist li .comment-content {
    padding: 0 0 0 15px;
}

.commentlist li .comment-meta {
    float: left;
    margin-right: 0;
    line-height: 1;
}

.comment-avatar img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.comment-content .comment-author {

    margin-bottom: -10px;
    font-size: 12px;
    font-weight: bold;
    color: #555;
}

.comment-content .comment-author a {
    border: none;
    color: #333;
}

.comment-content .comment-author a:hover {
    color: #57B3DF;
    border-color: #57B3DF;
}

.comment-content .comment-author span { display:inline; float:right }

.comment-content .comment-author span,
.comment-content .comment-author span a {
    font-size: 11px;
    font-weight: normal;
    color: #AAA;
}

.comment-content .comment-author span a { border-bottom: 1px dotted #AAA; }

.comment-content .comment-author span a:hover {
    color: #888;
    background: none;
    border-bottom: 1px solid #AAA;
}

.comments-navigation {
  text-align: center;
}


/* ----------------------------------------------------------------
    Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 30px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
    color: #999;
    font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }


#respond .col_one_third,
#respond .col_full { margin-bottom: 15px; }

#disqus_thread button,
#disqus_thread input[type="submit"] { margin: 0 !important; }

#disqus_thread h3 { padding-bottom: 0; }

#disqus_thread a { border: none; }

#disqus_thread a:hover {
    color: #888;
    background-color: transparent;
}

/* ----------------------------------------------------------------
    Contact
-----------------------------------------------------------------*/

.stretched.page-template-template-contact-fullwidth #slider {
  padding: 0;
}

#template-contactform .signup {
  margin-bottom: 20px;
}
#captcha {
  padding: 5px 0;
  min-width: 300px;
}

#captcha #captcha_image {
  height: 50px;
  width: 180px;
  margin-right: 20px;
}
#captcha > a > img {
  margin-top: 16px;
  position: absolute;
  width: 28px;
  height: 32px;
}
#captcha object {
  float: right;
  margin-top: 20px;
  margin-left: 205px;
  width: 32px;
  height: 32px;
}
#captcha input {
  font-size: 14px;
  width: 165px;
  height: 10px;
  padding-left: 5px;
  color: #858585;
}
#captcha label {
  display: none;
}
#captcha .fluid-width-video-wrapper {
  padding-top: 0 !important;
}
#contact-message {
  visibility: hidden;
}

/* ----------------------------------------------------------------
    Side Navigation
-----------------------------------------------------------------*/


.sidenav {
  width: 100%;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.sidenav > li > a {
  display: block;
  margin: 0 0 -1px;
  padding: 9px 14px;
  font-size: 13px;
  border: 1px solid #E5E5E5;
  border-right-width: 2px;
  color: #606060;
}
.sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.sidenav > .active > a,
.sidenav > .active > a:hover {
  position: relative;
  z-index: 2;
  padding: 10px 13px;
  border: 0;
  color: #FFF;
  font-weight: bold;
  background-color: #57B3DF;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1);
}

.sidenav li i { font-size: 14px; }

/* Chevrons */
.sidenav .icon-chevron-right {
  float: right;
  margin-top: 1px;
  margin-right: -6px;
  opacity: .4;
  font-size: 13px !important;
}
.sidenav > li > a:hover {
  background-color: #F5F5F5;
  color: #222;
}
.sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.sidenav .active .icon-chevron-right,
.sidenav .active a:hover .icon-chevron-right { opacity: 1; }


/* ----------------------------------------------------------------
    Promo
-----------------------------------------------------------------*/


.promo {
    position: relative;
    background: url("../images/promo.png") repeat #333;
    padding: 15px 18px;
    border-bottom: 3px solid #57B3DF;
	
}

.promo-desc {
    position: relative;
   
}

.promo h3 {
    font-size: 19px;
    line-height: 24px;
    padding-bottom: 0;
     border:none;
	color:#fff; text-align:center;
	margin-bottom:0px;
	letter-spacing: 3px;
}
.promo h3:before { background:none;}
.promo h3 > span { color: #57B3DF; text-align:center }

.promo-desc > span {  text-align:center;
    display: block;
    margin-top: 3px;
    font-size: 15px;
    line-height: 22px;
    color: #606060;
    font-family: "Bree Serif";
}

.promo-action {
  
  margin: 0 auto;
    max-width: 150px;
	margin-top:20px;
}

.promo-action a {
    display: block;
    color: #FFF;
    font-size: 14px;
   
    padding: 0 15px;
    font-weight: bold;
    line-height: 40px;
    background: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
	text-align:center;
}

.promo-action a:hover { background: #57B3DF; }


.well.callout h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding-bottom: 15px;
}

.well.callout p {
    font-size: 13px;
    font-family: 'Droid Serif', serif;
    color: #999;
}


/* ----------------------------------------------------------------
    404
-----------------------------------------------------------------*/


.error-404 {
    position: relative;
    text-align: center;
    font-size: 216px;
    line-height: 1;
    font-family: 'Bree Serif', serif;
}

.error-404 span {
    display: block;
    font-size: 48px;
    color: #444;
    margin-bottom: 20px;
}

.error-404-meta {
    position: relative;
    margin: 40px 0 20px;
}

.error-404-meta form {
    position: relative;
    margin: 0 auto;
    width: 386px;
}

.error-404-meta input[type="text"],
.error-404-meta input[type="search"] {
    display: block;
    width: 350px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    padding: 7px 17px;
}

.error-404-meta input[type="submit"] {
    position: absolute;
    cursor: pointer;
    top: -6px;
    left: auto;
    right: 0;
    display: block;
    border: none;
    width: 48px;
    height: 48px;
    background: transparent url("../images/icons/search-404.png") no-repeat center center;
    text-indent: -9999px;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.error-404-meta input[type="submit"]:hover { background-color: #444; }


/* ----------------------------------------------------------------
    Tabs
-----------------------------------------------------------------*/


.tab_widget {
	display: block;
	position: relative;
	margin: 0 0 30px 0;
}

.tab_widget ul.tabs {
	display: block;
	position: relative;
	list-style: none;
	height: 42px;
	border-bottom: 1px solid #DDD;
    margin: 0;
}

#footer.footer-dark .tab_widget ul.tabs { border-bottom-color: #282828; }

.side-tabs ul.tabs {
    float: left;
    width: 250px;
    height: auto;
    border-bottom: none;
    padding: 20px 0;
    border-right: 1px solid #DDD;
}

.tab_widget ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	line-height: 39px;
	border: 1px solid #DDD;
    border-top-width: 2px;
    border-left: none;
	overflow: hidden;
	position: relative;
	background:none repeat scroll 0 0 #F9F9F9
}
.tab_widget ul.tabs li i{  font-size: 22px;  padding-top: 9px;}
#footer.footer-dark .tab_widget ul.tabs li {
	background:none repeat scroll 0 0 #F9F9F9
	
}

.side-tabs ul.tabs li {
    float: none;
    border: 1px solid #DDD;
    border-top: none;
    border-right: none;
    height: 40px;
	line-height: 40px;
    margin-top: 0;
	
}

.tab_widget ul.tabs li:first-child { border-left: 1px solid #DDD; }


#footer.footer-dark .tab_widget ul.tabs li:first-child { 
  border-color: #282828;
}

.tab_widget ul.tabs li a {
	text-decoration: none;
	color: #4D4D4D;
	font-size: 12px;
	display: block;
	padding: 0 13px;
	outline: none;
	font-weight:700;
  
	text-shadow: 1px 1px 1px #FFF;
    border: none;
    border-left: 1px solid #F9F9F9;
}

#footer.footer-dark .tab_widget ul.tabs li a {
  color: #777;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  border: 0;
}

.tabbed-widget .tab_widget ul.tabs a { padding: 0 13px; }

.side-tabs ul.tabs li a { border-left: 0; }

.tab_widget ul.tabs li a i {
    float: left;
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.side-tabs ul.tabs li a i {
    position: relative;
    top: -1px;
    margin-right: 8px;
}

.tab_widget ul.tabs li:first-child a { border-left: none; }
.side-tabs ul.tabs li:hover{ border-left: 4px solid #57b3df;}
.tab_widget ul.tabs li a:hover { background: #fff; }

.tab_widget ul.tabs li.active,
.tab_widget ul.tabs li.active a:hover {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

#footer.footer-dark .tab_widget ul.tabs li.active,
#footer.footer-dark .tab_widget ul.tabs li.active a:hover {
	background: #555;
	border-bottom: 1px solid #555;
}

#footer.footer-dark .tab_widget ul.tabs li.active a {
  color: #EEE;
}

.tab_widget ul.tabs li.active { border-top: 2px solid #37AEE6; }

.tab_widget ul.tabs li.active a { color: #57B3DF; }


.side-tabs ul.tabs li.active,
.side-tabs ul.tabs li.active a:hover {
	border-bottom: 1px solid #DDD;
    border-right: 1px solid #FFF;
}

.side-tabs ul.tabs li.active {
    border-top: none;
    border-left: 4px solid #57B3DF;
    margin-right: -1px;
}

.side-tabs ul.tabs li:first-child { border-top: 1px solid #DDD !important; }

.tab_widget .tab_container {
	display: block;
	overflow: hidden;
	position: relative;
	clear: both;
	background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

#footer.footer-dark .tab_widget .tab_container {
    background: #555;
    border-color: #282828;
}

.side-tabs .tab_container {
    clear: none;
    border: none;
}

.tab_widget .tab_content {
	display: block;
	position: relative;
	padding: 15px 8px;
}

.side-tabs .tab_content { padding: 10px 0 0 20px; }
.side-tabs ul.tabs li a { padding-left:30px;}


/* ----------------------------------------------------------------
    Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
	display: block;
	position: relative;
    line-height: 24px;
    padding-left: 32px;
	cursor: pointer;
	margin: 0;
    font-size: 15px;
    margin-bottom:20px;
	color: #333;
	background: url("../images/plus.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.toggle .toggleta {
    font-weight: bold;
    background: url("../images/hover-min.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.toggle .togglec {
	display: block;
	position: relative;
    padding: 10px 0 0 32px;
}


/* ----------------------------------------------------------------
    Alert Messages
-----------------------------------------------------------------*/


.style-msg,
.style-msg2 {
    display: block;
	border-left: 4px solid rgba(0,0,0,0.1);
}

.style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); }

.successmsg {
	background: #C1FFCC;
	color: #184B21;
}

.errormsg {
	background: #F9BBB9;
	color: #740D0A;
}

.infomsg {
	background: #B9DFF4;
	color: #124F70;
}

.alertmsg {
    background: #FCE0B6;
    color: #975E06;
}

.style-msg .sb_msg,
.style-msg2 .msgtitle,
.style-msg2 .sb_msg {
    display: block;
    padding: 10px 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.1);
    border-top: none;
    border-bottom: none;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.style-msg2 .sb_msg { font-weight: normal; }

.style-msg2 ol,
.style-msg2 ul { margin: 0 0 0 30px; }

.style-msg2 ol { list-style-type: decimal; }

.style-msg2 ul { list-style-type: disc; }


/* ----------------------------------------------------------------
    Quotes
-----------------------------------------------------------------*/


.quote {
    background: url("../images/icons/quote.png") left top no-repeat;
    margin: 10px 0;
    padding: 0 0 0 15px;
    font-size: 15px;
    font-style: italic;
    color: #606060;
    font-family: 'Droid Serif', Georgia, serif;
    text-shadow: 1px 1px 1px #FFF;
    border: 0;
}

    blockquote.quote-left,
    blockquote.quote-right {
    font-size: 15px;
    line-height: 20px;
    padding-left: 15px;
}

.quote-left {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-left: 0;
    margin-bottom: 5px;
}

.quote-right {
    float: right;
    width: 150px;
    margin-left: 20px;
    margin-bottom: 5px;
}


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


.gallery {
    margin: 20px auto;
    float: left;
	width: 100%;
    line-height: 1;
}

.gallery .gallery-item {
    float: left;
	text-align: center;
	margin-left: 0;
    width: auto !important;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
    width: auto !important;
	height: auto !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

.gallery .gallery-caption { margin-left: 0; }

.gallery br { clear: both }

.col-0 { width: 100% }
.col-1 { width: 100% }
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


/* ----------------------------------------------------------------
    Features
-----------------------------------------------------------------*/


.product-feature {
    position: relative;
    padding-left: 60px;
    margin-top: 30px;
}

.product-feature:first-child , .product-feature4:first-child, .product-feature5:first-child { margin-top: 0; }

.product-feature h3 {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    padding-bottom: 7px;
    border-bottom: 1px solid #E5E5E5;
    font-family: 'Bree Serif',serif;
    margin: 0 0 20px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
}

.product-feature p { margin: 0; }

.product-feature img,
.product-feature  span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 12px;
    width: 24px;
    height: 24px;
    background-color: #57B3DF;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}
.product-feature span, .product-feature2 span, .product-feature3 span, .product-feature4 span{ transition-duration: 0.4s;}
.product-feature:hover span, .product-feature3:hover span { background:#333;}
.product-feature2:hover span{ background:none; margin-top:-5px;}
.product-feature4:hover span{ color:#fff;}
.product-feature3.circle2 span{-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; }
.product-feature3.circle2:hover span{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}

.product-feature  span {
    font-size: 25px;
    color: #FFF;
    text-align: center;
    line-height: 23px;
}

.product-feature2 { padding-left: 52px; }

.product-feature2 img,
.product-feature2  span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 12px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
	color:#333;
	font-size:25px;
}
.product-feature2 .fa, .product-feature4 .fa, .circle2.product-feature3 .fa{   text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);}

.product-feature3 {
 text-align: center;
   
}

.product-feature3 img,
.product-feature3 > span {font-size: 25px;    color: #FFF; text-align: center; line-height: 1; margin: 0 auto 5px;display: block; padding: 12px;width: 24px;  height: 24px; border-radius: 24px; }

.circle2.product-feature3 img,
.circle2.product-feature3 > span { border:1px solid #57b3df; background:none; width: 60px;  height: 60px;border-radius: 50%;}
.circle2.product-feature3 .fa {color:#57b3df; font-size:30px; line-height:60px;}
.product-feature3 h3{ border-bottom:none; margin-bottom: 12px;}
.product-feature3 h3:before, .wpb_text_column.center-underline h3:before { left:42%; }
.wpb_text_column.center-underline h3 { border-bottom:0 }

.product-feature4 {
    position: relative;
    padding-left: 60px;
    margin-top: 30px;
}



.product-feature4 h3 {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    padding-bottom: 7px;
	border:none;
	 margin-bottom: 2px;
}
.product-feature4 h3:before { background:none}
.product-feature4 p { margin: 0; }

.product-feature4 img,
.product-feature4  span { border: 1px solid #57b3df; border-radius: 3px;  color: #57b3df; display: block; height: 24px;  left: 0;
    margin: 0;  padding: 12px;  position: absolute;  top: 0;  width: 24px;}
.circle.product-feature4  span{border-radius: 50%;}

.product-feature4  span { font-size: 25px; color: #FFF;  text-align: center;  line-height: 23px;}
.product-feature4 .fa{   text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); color:#57b3df}

.type2 .left-icon{  color: #128ece; font-size: 25px;  padding: 14px 13px;   text-shadow: 0 0 0; background:none;    border: 4px double #128ece; border-radius:30%;    box-shadow: 0 4px 0 #52b8ec;}
.type2 .left-icon:after, .type3 .left-icon:after, .type4 .left-icon:after { border:none}
.type2 .left-icon .fa, .type3 .left-icon .fa { text-shadow:0px 0px 0px rgba(0, 0, 0, 0.3);}
.type2 .top-row h5, .type3 .top-row h5 { width:auto; color:#4e4e4e; text-shadow:0px 0px 0px;  margin-top: 13px; font-size: 24px; margin-left: 10px;}
.type2 .top-row span, .type3 .top-row span { float:left; padding:1px 0 1px 24px}
.type2.sec-left p, .type2.sec-mid p, .type2.sec-right p, .type3.sec-left p, .type3.sec-mid p, .type3.sec-right p{ color:#606060}
.type2 .top-row, .type3 .top-row, .type4 .top-row{width: 100%;  margin-bottom: 11px; float:left}
.type2.sec-mid , .type3.sec-mid { background:none;}


.type3 .left-icon{  color: #128ece; font-size: 25px;  padding: 14px 13px;   text-shadow: 0 0 0; background:none;    border: 4px double #128ece; border-radius:30%;    box-shadow: 0 4px 0 #52b8ec; float:none; display:table; margin:0 auto;}

.type3 .top-row h5 { width:100%; color:#4e4e4e; text-shadow:0px 0px 0px;  margin-top: 13px; font-size: 24px; margin-left: 10px; text-align:center; padding-left:0px; padding-right:0px;}

.type3.sec-right p, .type3.sec-left p, .type3.sec-mid p, .type3.sec-right p { text-align:center; padding:0}


.type4 .left-icon{  color: #128ece; font-size: 25px;     text-shadow: 0 0 0; background:none;    border: 0px double #128ece;  float:none; display:table; margin:0 auto;    box-shadow: 0 0px 0 #52b8ec; }

.type4 .top-row h5 { width:100%; color:#4e4e4e; text-shadow:0px 0px 0px;  margin-top: 13px; font-size: 20px; margin-left: 10px; text-align:center; padding-left:0px; padding-right:0px; text-transform:uppercase}

.type4.sec-left p, .type4.sec-mid p, .type4.sec-right p{ color:#606060; text-align:center; padding:0; }

/* ----------------------------------------------------------------
    Clients
-----------------------------------------------------------------*/


.our-clients {
    position: relative;
    margin: 0 -12px 0 0;
}

.our-clients li {
    margin: 0 12px 0 0;
    position: relative;
    float: left;
    border: 5px solid #F5F5F5;
    transition: border-color .2s linear;
    -moz-transition: border-color .2s linear;
    -webkit-transition: border-color .2s linear;
    -ms-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
}

.our-clients li:hover { border-color: #57B3DF; }

.our-clients li,
.our-clients li a,
.our-clients li img {
    display: block;
    width: 140px !important;
    height: 90px;
    background: #F9F9F9;
}


/* ----------------------------------------------------------------
    Team Members
-----------------------------------------------------------------*/


.our-team {
    position: relative;
    margin: 0 -30px 0 0;
}

.our-team.team-4 { margin: 0 -28px 0 0; }

.team-member {
    position: relative;
    float: left;
    margin: 0 30px 30px 0;
    width: 300px;
}

.team-4 .team-member {
    margin: 0 28px 28px 0;
    width: 219px;
}

.team-member .team-image {
    position: relative;
    margin-bottom: 15px;
}

.team-image,
.team-image img {
    display: block;
    width: 300px;
    height: 250px;
}

.team-4 .team-image,
.team-4 .team-image img {
    width: 209px;
    height: 209px;
    border-radius: 105px;
    -moz-border-radius: 105px;
    -webkit-border-radius: 105px;
}

.team-4 .team-image {
    border: 5px solid #EEE;
    text-align: center;
    border-radius: 110px;
    -moz-border-radius: 110px;
    -webkit-border-radius: 110px;
}

.team-image span {
    display: block;
    position: absolute;
    background-color: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    top: auto;
    bottom: 30px;
    left: 0;
    padding: 0 10px;
    line-height: 22px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Bree Serif";
}

.team-4 .team-image span {
    display: inline-block;
    position: relative;
    top: -35px;
    bottom: auto;
    left: auto;
    z-index: 2;
}

.team-member .team-desc { position: relative; }

.team-desc h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #DDD;
}

.team-desc p { margin-bottom: 0; }

.team-social {
    position: absolute;
    top: 5px;
    left: auto;
    right: 0;
}

.team-social a {
    float: left;
    margin-left: 10px;
}

.team-social a:first-child { margin-left: 0; }

.team-social a,
.team-social img {
    display: block;
    width: 14px;
    height: 14px;
}

.team-skills {
    margin: 10px 0 0;
    padding: 7px 0 2px;
    border-top: 1px dotted #DDD;
    border-bottom: 1px dotted #DDD;
}

.team-skills li {
    display: inline-block;
    margin: 0 15px 5px 0;
    line-height: 22px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Bree Serif";
}

.team-skills li span {
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 16px;
    color: #57B3DF;
    margin-right: 2px;
    text-shadow: 0px 0px 0px #FFF;
}


/* ----------------------------------------------------------------
    FAQs
-----------------------------------------------------------------*/


#faqs { margin: 0 0 -15px; }

.faq {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #DDD;
}

.faq .togglet,
.faq .toggleta {
    background-image: none;
    line-height: 20px;
    padding-left: 26px;
}

.faq .togglet i,
.faq .toggleta i {
    display: block;
    position: absolute;
    font-size: 18px;
    width: 18px;
    text-align: center;
    top: 0;
    left: 0;
}

.faq .togglec { padding: 10px 0 0 26px; }


/* ----------------------------------------------------------------
    About
-----------------------------------------------------------------*/


.skills { margin: 0; }

.skills li {
    position: relative;
    margin-top: 15px;
}

.skills li:first-child { margin-top: 0; }

.skills li .progress {
    height: 30px;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.skills li span {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    font-family: 'Bree Serif', serif;
    font-size: 13px;
    color: #FFF;
}
.page-template-template-about-us .skill-bar {
    padding: 50px 150px 10px 0;
}


/* ----------------------------------------------------------------
    Icons
-----------------------------------------------------------------*/


.icon-rounded,
.icon-plain,
.icon-circled {
    display: block !important;
    float: left !important;
    margin: 12px 12px 12px 0;
    text-align: center !important;
    font-size: 28px;
    line-height: 30px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
}

.icon-rounded,
.icon-circled {
    width: 32px;
    height: 32px;
    padding: 8px;
    background-color: #444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.icon-plain {
    width: 48px;
    height: 48px;
    font-size: 47px;
    line-height: 50px;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}

.icon-plain:hover { color: #606060; }

.icon-circled {
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.icon-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}


.icon-rounded:hover,
.icon-circled:hover {
    background-color: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
}


.dropcap {
    float: left;
    display: block;
    margin: 3px 8px 3px 0;
    padding: 8px;
    font-size: 36px;
    line-height: 1;
    border: 1px solid #BBB;
    color: #666;
    box-shadow: 0 0 8px #BBB;
}

.dropcap1 {
 float: left;
    display: block;
    margin: 3px 8px 3px 0;
    padding: 8px;
    font-size: 36px;
    line-height: 1;
    border: 1px solid #BBB;
    color: #fff;
    box-shadow: 0 0 8px #BBB;
}
.highlight {
    display: inline;
    padding: 0 5px;
    color: #FFF;
    background-color: #444;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/* ----------------------------------------------------------------
    Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
    cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0;
	background-image: url("../images/button.png");
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid rgba(114,114,114,0.4);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
	background-color: #629D63 !important;
}

.button:hover {
    background-image: url("../images/button.png");
	background-position: 0 -30px;
    background-color: #666 !important;
	text-decoration: none;
    border: 1px solid rgba(100,100,100,0.4);
}

.button:active { top: 1px; }

.button span {
	display: inline-block;
	padding: 0 18px;
	height: 29px;
	line-height: 29px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.red_btn { background-color: #F25B60 !important; }

.green_btn { background-color: #629D63 !important; }

.blue_btn { background-color: #5A9EE2 !important; }

.brown_btn { background-color: #DE8E36 !important; }

.white_btn,
.white_btn:hover { background-color: #F6F6F6 !important; }

.white_btn span {
    color: #444 !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.yellow_btn { background-color: #C5B925 !important; }

.purple_btn { background-color: #BE56E0 !important; }

.black_btn,
.black_btn:hover { background-color: #494949 !important; }

.black_btn span {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}



button.button {
    margin: 5px 0 !important;
    background-color: #F6F6F6 !important;
}

button.button:hover { background-color: #F6F6F6 !important; }

button.button span {
    color: #555 !important;
    text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important;
}

.simple-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
    color: #FFF;
    font-size: 14px;
    font-family: "Bree Serif";
    padding: 0 15px;
    font-weight: bold;
    line-height: 36px;
    background: #333;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.simple-button.inverse { background: #57B3DF; }

.simple-button.large {
    line-height: 48px;
    font-size: 16px;
}

.simple-button i {
    display: block;
    float: left;
    margin: 0 6px 0 0;
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.simple-button.large i {
    margin: 0 6px 0 0;
    font-size: 22px;
    width: 22px;
    height: 22px;
}

.simple-button:hover {
    background: #57B3DF;
    color: #FFF;
}

.simple-button.inverse:hover { background: #333; }


/* ----------------------------------------------------------------
    Pricing Boxes
-----------------------------------------------------------------*/


.pricing {
	display: block;
	position: relative;
    margin-bottom: 40px;
}

.pricing .pricing-wrap {
	float: left;
	width: 25%;
	position: relative;
}

.pricing3 .pricing-wrap { width: 33.33%; }

.pricing5 .pricing-wrap { width: 20%; }

.pricing .pricing-wrap.best-price { margin-left: -1px; }

.pricing-wrap .pricing-inner {
	position: relative;
	border: 1px solid #E5E5E5;
	border-left: none;
	text-align: center;
}

.pricing-wrap:first-child { /*margin-left: 1px;*/ }

.pricing-wrap:first-child .pricing-inner { border-left: 1px solid #E5E5E5; }

.best-price .pricing-inner { border-left: 1px solid #E5E5E5; }

.pricing-inner .pricing-title {
    position: relative;
	padding: 10px 0;
}

.pricing-title h4 {
	font-size: 17px;
	line-height: 24px;
    font-weight: bold;
    padding-bottom: 0;
	color: #444;
}

.best-price .pricing-title h4 { color: #57B3DF; }

.pricing-title h4 span {
    display: block;
    font-family: "Droid Serif", serif;
    font-size: 13px;
    font-weight: normal;
    color: #BBB;
}

.pricing-inner .pricing-price {
	padding: 15px 0;
	font-size: 36px;
	line-height: 40px;
    font-family: "Droid Serif", serif;
    background-color: #EEE;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.best-price .pricing-price { color: #57B3DF; }

.pricing-price .price-sub {
	display: inline-block;
	position: relative;
	font-size: 16px;
	vertical-align: top;
	top: -7px;
	margin-left: 2px;
}

.pricing-price .price-tenure {
    display: block;
	font-size: 13px;
    line-height: 20px;
    font-family: 'Bree Serif', serif;
    color: #AAA;
}

.pricing-inner .pricing-features {
	padding: 10px 15px;
	border-bottom: 1px solid #E5E5E5;
    text-shadow: 1px 1px 1px #FFF;
}

.pricing-features ul { margin: 0; }

.pricing-features li {
    position: relative;
	padding: 6px 0;
	border-top: 1px solid #EEE;
}

.pricing-features li span {
    font-weight: bold;
    color: #333;
}

.pricing-features li:first-child { border-top: 0; }

.pricing-action {
    background-color: #EEE;
    padding: 15px 0;
}

.pricing-action a { margin: 0 !important; }

.pricing-style2 .pricing-price {
    padding: 15px 0;
    font-size: 36px;
    line-height: 40px;
    font-family: "Droid Serif", serif;
    background-color: #444;
    margin: 0 -1px;    
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.pricing-style2 .best-price .pricing-price { background-color: #57B3DF; }

.pricing-style2 .best-price .price-tenure { color: #EEE; }


.pricing-wrap.pricing-defines .pricing-inner {
	border-color: transparent;
	border-right: 1px solid #E5E5E5;
	text-align: left;
}

.pricing-wrap.pricing-defines .pricing-title,
.pricing-wrap.pricing-defines .pricing-price,
.pricing-wrap.pricing-defines .pricing-action { visibility: hidden; }

.pricing-wrap.pricing-defines .pricing-features {
    padding: 10px 15px;
	border: 1px solid #E5E5E5;
    border-right: none;
    background-color: #EEE;
}

.pricing-wrap.pricing-defines .pricing-features li {
    border-top: 1px solid #E5E5E5;
    font-weight: bold;
    color: #AAA;
}

.pricing-wrap.pricing-defines .pricing-features li a.icon-question-sign {
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    text-align: center;
    top: 6px;
    left: auto;
    right: 0;
    font-size: 17px;
    color: #AAA;
}

.pricing-wrap.pricing-defines .pricing-features li a.icon-question-sign:hover { color: #666; }

.pricing-wrap.pricing-defines .pricing-features li:first-child { border-top: 0; }


/* ----------------------------------------------------------------
    Accordions
-----------------------------------------------------------------*/


.acctitle,
.acctitlec {
    display: block;
    position: relative;
    cursor: pointer;
    border-top: 0px dotted #DDD;
    line-height: 24px;
    padding: 8px 0 8px 32px;
    margin: 0;
    font-size: 13px;
    color: #333;
    background: url("../images/plus.jpg") no-repeat left;
}
#footer .acctitle,
#footer .acctitlec {
    color: #fff;
}

.acctitlec {
	background: url("../images/hover-min.jpg") no-repeat left;
	cursor: auto;
}

.acctitle:first-child {
	border-top: none;
}

.acc_content {
	position: relative;
	padding: 0 0 15px 32px;
}


/* ----------------------------------------------------------------
    Google Maps
-----------------------------------------------------------------*/

.small-map {
  height: 250px;
  margin-bottom: 30px;
}

#google-map {
    position: relative;
    width: 100%;
    height: 100%;
}
.page-template-template-contact #google-map {
    height: 250px;
}

/* ----------------------------------------------------------------
    Twitter Panel
-----------------------------------------------------------------*/


#twitter-panel {
    display: block;
    background-color: #57B3DF;
    padding: 10px 15px;
    overflow: hidden;
}

#twitter-panel-wrap {
    display: block;
    position: relative;
    background: url("../images/icons/twitter-panel.png") no-repeat left;
    height: 35px;
    padding-left: 50px;
}

.twitter-panel-tweets {
    display: block;
    position: relative;
    top: 2px;
    height: 25px;
    margin-top: 3px;
}

.twitter-panel-tweets p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 20px;
    font-family: "Droid Serif", serif;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.twitter-panel-tweets a {
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}

.twitter-panel-tweets a:hover { border-bottom-style: solid; }

.twitter-panel-prev,
.twitter-panel-next {
    position:absolute;
    cursor: pointer;
    left: auto;
    right: 0;
    top: 3px;
    width: 12px;
    height: 8px;
    background: url("../images/icons/twitter-panel-nav.png") no-repeat left top;
}

.twitter-panel-next {
    top: 20px;
    background-position: left bottom;
}


/* ----------------------------------------------------------------
    Tables
-----------------------------------------------------------------*/


.table {
  transition: all 0.7s ease-in-out 0s;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
th {
    text-align: left;
    font-weight: bold;
}
td,
th {
    padding: 8px 15px;
}

/* ----------------------------------------------------------------
    Testimonials
-----------------------------------------------------------------*/


.testimonial-scroller { position: relative; }

.testimonial-item { float: left; }

.testimonial-item .testi-content {
    background-color: #EEE;
    padding: 15px;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-shadow: 1px 1px 1px #FFF;
    margin-bottom: 10px;
}
.testimonials.dark .testi-content {
    background-color: #333;
    text-shadow: 0px 0px 0px #FFF;
    color:#fff;
}

#footer .testimonial-item .testi-content { background-color: #E2E2E2; }

#footer.footer-dark .testimonial-item .testi-content {
    background-color: #282A2B;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.testimonial-item .testi-author {
    text-align: center;
    color: #222;
   
    font-size: 14px;
    font-weight: bold;
}

.testimonial-item .testi-author span {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    font-weight: normal;
    font-family: 'Droid Serif', serif;
}

#footer.footer-dark .testimonial-item .testi-author {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#footer.footer-dark .testimonial-item .testi-author span { color: #CCC; }

.testimonial-item .testi-content:before,
.testimonial-item .testi-content:after { content: '"'; }


/* ----------------------------------------------------------------
    Go To Top
-----------------------------------------------------------------*/


#gotoTop {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #444;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

#gotoTop:hover { background-color: #57B3DF; }


#imageBackground {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -99;
}


/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/

#footer {
	position: relative;
	background-color: #EEE;
	
   
}

#footer.footer-dark {
    background: url("../images/footer-black.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #DDD;
}
.footer-bg{  background: url("../images/footer-bg.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0); padding: 40px 30px;}
#footer.footer-dark a {
    color: #fff;
   
}

#footer.footer-dark a:hover {
    color: #CCC;
    border-bottom-style: solid;
}

.footer-widgets-wrap {
    overflow: hidden;
    margin: 0 -40px -40px 0;
}

#footer .col_one_fourth {            
    width: 210px;
    margin: 0 40px 40px 0;
}

#copyrights-social a,
#copyrights-social a:hover {
    border-bottom-style: none;
}

.footer-light, .footer-light .footer-bg{ background:#fff;}
#footer.footer-light .widget p, #footer.footer-light .widget { color:#555}
#footer.footer-light .post-bg a { color:#555}
#footer.footer-light .widget .widget_title {
  border-bottom: 1px solid #e5e5e5;
    color: #4e4e4e;
    font-family: 'Bree Serif',serif;
    font-size: 18px;
    margin: 0 0 12px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
}


#footer.footer-light .widget .widget_title:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;
}


/* ----------------------------------------------------------------
    Widgets
-----------------------------------------------------------------*/


.widget {
    display: block;
    position: relative;
    margin-top: 7px;
    padding-top: 30px;
    clear: left;
    width: 100%;
}

.widget .widget_title {
    font-size: 14px;
    padding-bottom: 15px;
    line-height: 24px;
}

.widget .menu ul li,
.widget .menu ul li a {
    float: none;
}

.widget select {
    max-width: 100%;
}

.widget table th {
    color: #000;
}

#footer .widget .widget_title { padding-bottom: 20px; }

#footer.footer-dark .widget .widget_title {
  border-bottom: 1px solid #2F2F30;
    color: #FFFFFF;
    font-family: 'Bree Serif',serif;
    font-size: 18px;
    margin: 0 0 12px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
}


#footer.footer-dark .widget .widget_title:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;
}
#footer .widget {
    padding: 0;
    border: none;
    margin: 40px 0 0 0;
	color: #EEEDED;
    font-size: 12px;
    line-height: 21px;
    padding: 5px 10px 15px 0;
    text-align: left;

}

#footer .widget p { 
    color: #EEEDED;
    font-size: 12px;
     margin-bottom: 10px;
    text-align: left}
.widget:first-child {
    margin-top: 0 !important;
    padding-top: 0;
    border-top: none;
}
#footer .widget p.wp-caption-text { 
    color: #767676;
}

#footer .wysija-paragraph input[type="text"] {
		width: 210px !important;
		height: 28px !important;
		padding: 3px !important;
		margin: 10px 0 !important;
		font-family: 'Bree Serif', serif;
		font-size: 12px;
		line-height: 14PX !important;
		outline: none;
		background: #3f3e41 !important;
		border-top: solid 1px #4d4d4d !important;
		border-left: solid 1px #4d4d4d !important;
		border-right: none !important;
		border-bottom: solid 1px #2f2f2f !important;
		border-radius: 2px !important;
		-moz-border-radius: 2px !important; 
		-o-border-radius: 2px !important;
		-border-radius: 2px !important;
}

#footer.footer-light .wysija-paragraph input[type="text"]{
		width: 210px !important;
		height: 28px !important;
		padding: 3px !important;
		margin-bottom: 15px !important;
		font-family: 'Bree Serif', serif;
		font-size: 12px;
		color: #767676;
		line-height: 14PX !important;
		outline: none;
		background: #e5e5e5 !important;
		border: solid 1px #ddd !important;
		border-radius: 2px !important;
}


.signup,
.wysija-submit {
		padding: 7px 7px !important;
		line-height: 19px !important;
		font-weight: normal !important;
		border: none;
		outline: none;
		border-radius: 2px !important;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-border-radius: 2px;
		font-family: 'Bree Serif', serif;
		text-transform:uppercase;
		font-size: 12px;
		color: #FFF;
		cursor:pointer;
		 transition-duration: 0.4s;
		
}

.signup:hover,
.wysija-submit:hover {
		padding: 7px 7px !important;
		line-height: 19px !important;
		background: #666 !important;
		font-weight: normal !important;
		border: none;
		outline: none;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-border-radius: 2px;
		font-family: 'Bree Serif', serif;
		text-transform:uppercase;
		font-size: 12px;
		color: #FFF;
}

input[type="text"].wysija-input {
  width: 90%;
}


.widget_search form { margin: 0; }

.widget_text input[type="text"] { width: 192px; }

.widget_search input[type="text"] {
    margin: 0 !important;
    background: url("../images/icons/search.png") no-repeat left center;
    padding-left: 39px;
    width: 163px;
}

.widget_search input[type="submit"],
.widget_search button { display: none; }


/* ----------------------------------------------------------------
    Twitter Widget
-----------------------------------------------------------------*/


.twitter-widget ul,
.twitter-widget ul li { margin: 0; }

.twitter-widget ul li {
    padding: 0 0 0 18px;
    margin-top: 15px;
    background: url("../images/icons/twitter.png") top left no-repeat;
}


#footer.footer-dark .twitter-widget ul li { background: url("../images/icons/ftwitter.png") top left no-repeat; }

.twitter-widget ul li:first-child { margin-top: 0; }

.twitter-widget ul li span { display: block; }


a.twitter-follow-me {
	display: block;
    position: relative;
    float: right;
    padding: 5px 10px;
    font-size: 11px;
    margin-top: 15px;
    color: #888;
    background-color: #E5E5E5;
    border: none !important;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#footer.footer-dark a.twitter-follow-me { background-color: #282A2B; }

a.twitter-follow-me:hover,
#footer.footer-dark a.twitter-follow-me:hover {
    background-color: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
    Posts List
-----------------------------------------------------------------*/


.sposts-list { margin: 0; }

.sposts-list li { margin: 15px 0 0 0; }

.sposts-list li:first-child { margin-top: 0; }

.sposts-list .spost-image {
    float: left;
    margin: 0 10px 0 0;
    /*background-color: #DDD;*/
}

.sposts-list a { border: none !important; }

.sposts-list .spost-image,
.sposts-list .spost-image a {
    display: block;
    width: 55px;
    height: 55px;
}

.sposts-list .spost-image img {
    width: 55px;
    height: 55px;
}

.sposts-list .spost-content {
    position: relative;
    overflow: hidden;
    min-height: 55px;
}

.sposts-list  { font-size: 12px;}
.sposts-list .spost-title {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
}

.tabbed-widget .spost-title { font-size: 12px; }

.sposts-list .spost-meta,
.sposts-list .spost-meta ul { margin: 0 !important; }

.sposts-list .spost-meta { font-size: 11px; }

.sposts-list .spost-meta li {
    float: left;
    margin: 0 0 0 4px;
    color: #BBB;
}

.spost-meta li i { font-size: 13px; }

.sposts-list .spost-meta a { color: #000; }

.sposts-list .spost-meta a:hover { color: #888; }

.sposts-list .spost-meta span {
    display: block;
    float: left;
    margin: 0 4px 0 0;
    font-size: 15px;
    height: 20px;
    line-height: 18px;
}

.sposts-list .spost-meta li:first-child { margin-left: 0; }

#footer.footer-dark .spost-title a:hover { color: #AAA; }

#footer.footer-dark .sposts-list .spost-meta a:hover { color: #FFF; }

#footer.footer-dark .sposts-list .spost-image { background: #282A2B; }

.sposts-list .spost-image:hover,
#footer.footer-dark .sposts-list .spost-image:hover { background: #57B3DF; }


/* ----------------------------------------------------------------
    Flickr Widget
-----------------------------------------------------------------*/


.widget_flickr .flickr-badge-wrapper {
	position: relative;
	margin: 0 -1px -1px 0;
}

.widget_flickr .flickr_badge_image { margin: 0 1px 1px 0; }

.widget_flickr a {
    border: none !important;
    line-height: 1 !important;
}

.widget_flickr .flickr_badge_image,
.widget_flickr .flickr_badge_image a { float: left; }

.widget_flickr .flickr_badge_image,
.widget_flickr .flickr_badge_image a,
.widget_flickr .flickr_badge_image img {
    display: block;
	width: 69px;
	height: 69px;
}


/* ----------------------------------------------------------------
    Widgets Menu Style
-----------------------------------------------------------------*/


.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li { margin: 0; }

.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li {
   
    padding: 0 4px;
}

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_recent_comments li {
    display: inline-block;
    padding: 3px 3px 3px 10px;
}

.widget_recent_comments li {
    display: block;
    background: url("../images/icons/sidebar-comment.png") left top no-repeat;
    padding: 4px 0 4px 20px;
}

#footer.footer-dark .widget_recent_comments li { background: url("../images/icons/footer-comment.png") left top no-repeat; }

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_pages li a,
.widget_recent_comments li a {
    background: url("../images/icons/sidebar-link.png") left top no-repeat;
    border: none !important;
    color: #444;
    font-size: 13px;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_recent_comments li a:hover { color: #000; }

#footer.footer-dark .widget_nav_menu li a,
#footer.footer-dark .widget_links li a,
#footer.footer-dark .widget_meta li a,
#footer.footer-dark .widget_archive li a,
#footer.footer-dark .widget_recent_comments li a,
#footer.footer-dark .widget_recent_entries li a,
#footer.footer-dark .widget_categories li a,
#footer.footer-dark .widget_pages li a { background: url("../images/icons/footer-link.png") left top no-repeat; }


.widget_recent_comments li a {
    display: inline;
    padding: 0;
    background: none !important;
    font-size: 12px;
}


.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child { border-top: 0 !important; }


.widget_nav_menu > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_pages > ul { margin-top: -4px !important; }


.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul { margin-left: 15px; }


#footer.footer-dark .widget_nav_menu li a:hover,
#footer.footer-dark .widget_links li a:hover,
#footer.footer-dark .widget_meta li a:hover,
#footer.footer-dark .widget_archive li a:hover,
#footer.footer-dark .widget_recent_comments li a:hover,
#footer.footer-dark .widget_recent_entries li a:hover,
#footer.footer-dark .widget_categories li a:hover,
#footer.footer-dark .widget_pages li a:hover { color: #BBB; }


/* ----------------------------------------------------------------
    Tag Cloud
-----------------------------------------------------------------*/


.tagcloud { margin-bottom: -2px; }

.tagcloud a {
    display: block;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 3px 6px;
    background-color: #EEE;
    font-size: 13px !important;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#footer.footer-dark .tagcloud a {
    border: none !important;
    background-color: #282A2B;
}

.widget .tagcloud a:hover,
#footer.footer-dark .tagcloud a:hover {
    background-color: #57B3DF;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
    Posts Categories
-----------------------------------------------------------------*/
.post-terms {
    margin-top: 25px;
}
.post-terms span {
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: 10px;
}

/* ----------------------------------------------------------------
    Portfolio Widget
-----------------------------------------------------------------*/


.portfolio-widget .portfolio-item {
    position: relative;
    float: left;
    margin: 0;
    width: 210px;
}

.portfolio-widget .portfolio-item .portfolio-image,
.portfolio-widget .portfolio-item .portfolio-image a,
.portfolio-widget .portfolio-item .portfolio-image img {
    display: block;
    position: relative;
    width: 210px;
    height: 164px;
}

.portfolio-widget .portfolio-title { padding: 10px 0; }

.portfolio-widget a { border: none !important; }

#footer.footer-dark .portfolio-title {
    background-color: #282A2B;
    border-bottom-color: #222;
}

#footer.footer-dark .portfolio-item:hover .portfolio-title { border-bottom-color: #57B3DF; }


/* ----------------------------------------------------------------
    Widget Scroll Arrows
-----------------------------------------------------------------*/


.widget-scroll-prev,
.widget-scroll-next {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 24px;
    height: 24px;
    top: 0;
    left: auto;
    right: 26px;
    background: #444 url('../images/icons/widget-scroll.png') no-repeat 0 0;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

#footer.footer-dark .widget-scroll-prev,
#footer.footer-dark .widget-scroll-next { background-color: #282A2B; }

.widget .widget-scroll-prev,
.widget .widget-scroll-next { top: 30px; }

.widget:first-child .widget-scroll-prev,
.widget:first-child .widget-scroll-next { top: 0; }

.widget-scroll-next {
    right: 0;
    background-position: -24px 0;
}

.widget-scroll-prev.disabled,
.widget-scroll-next.disabled {
    cursor: auto;
    background-color: #999 !important;
}

#footer.footer-dark .widget-scroll-prev.disabled,
#footer.footer-dark .widget-scroll-next.disabled {
    background-color: #282A2B !important;
    opacity: 0.5;
}

.widget-scroll-prev:hover,
.widget-scroll-next:hover,
#footer.footer-dark .widget-scroll-prev,
#footer.footer-dark .widget-scroll-next { background-color: #57B3DF; }

.testimonial-scroller .widget-scroll-prev,
.testimonial-scroller .widget-scroll-next { top: 0; }


/* ----------------------------------------------------------------
    Copyrights
-----------------------------------------------------------------*/


#copyrights {
    position: relative;
    padding: 15px 30px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    border-top: 1px solid #57B3DF;
    color: #757575;
  
	 box-shadow: 0px 0px 1px #000;
}

#copyrights a {
    display: inline-block;
    margin-left: 7px;
    color: #666;
 
}
#copyrights.copyrights-light a {
    display: inline-block;
    margin-left: 7px;
    color: #333;
 
}


#copyrights span.link-divider {
    display: inline-block;
    margin-left: 7px;
}

#copyrights a:hover {
    color: #000;
   
}

#copyrights.copyrights-dark {
    background: url("../images/footer-black.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 22px 0;
   border: 1px solid #444!important;
}

#copyrights.copyrights-light {
    background: #fff;
  padding: 22px 0;
   border: 0px solid #444!important;
}


#copyrights.copyrights-dark a {
    color: #AAA;
  
}

#copyrights.copyrights-dark a:hover {
    color: #DDD;
    
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights #copyrights-social {
    text-align: right;
    margin-top: 2px;
    line-height: 1;
}

#copyrights-social a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

#copyrights-social img {
    display: block;
    width: 16px;
    height: 16px;
}

 
/* ----------------------------------------------------------------
    Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper{
    margin: 0 auto;
    width: 100%;
}

.stretched #top-social { margin-right: 0; }

.stretched #header,
.stretched .content-wrap {
    box-shadow: 0 10px 14px rgba(0,0,0,0.1);
}

.stretched #slider { padding: 40px 0; }

.stretched #portfolio-single-wrap #slider {
    padding: 0;
    background: none;
}

.stretched #slider .container { width: 960px; }

.stretched #slider.elastic-slideshow,
.stretched #slider.revolution-slider,
.stretched #slider.layerslider-wrap { padding: 0; }

.stretched #slider.camera-slideshow {
    padding: 0;
    height: auto;
}

.stretched #slider.elastic-slideshow .container,
.stretched #slider.camera-slideshow .container,
.stretched #slider.revolution-slider .container,
.stretched #slider.layerslider-wrap .container { width: 100%; }

.stretched #piecemaker { margin-bottom: -35px; }

.stretched .slider-3d { margin-left: -30px; }

.stretched #slider .kwicks .kwick-panel { width: 192px; }

.stretched .slider-line { display: none; }

.stretched .slider-shadow { display: block; }

.stretched #page-title { 
    position: relative; }
#title-inner{ 
	background: url("../images/title-bg.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    height: 76px; padding-top:8px;
    position: relative;
    width: 100%;
}
#title-inner.nosubtitle { 
	height: 40px;
}
#title-inner:after{background: url("../images/blue-arrow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); position:absolute; content:"";  width:100%; height:50px; bottom: -1px;}
.stretched #copyrights { margin-bottom: -20px; }


.social-sec{
		float: right;
		padding-left: 15px;
		margin-top: 32px;
		border-left: solid 1px #ababab;  
}
.cbp-af-header-shrink .menu ul li .mega-menu h4 a {padding:0}
.stretched .cbp-af-header.header2, .stretched .cbp-af-header.header3, .stretched .cbp-af-header.header4, .stretched .cbp-af-header.header5 { height:auto;}
.stretched .cbp-af-header.header4, .stretched .cbp-af-header.header4 .header4  { padding:0}
.stretched .header3.cbp-af-header-shrink .menu ul li a{ padding:12px 17px;}
.stretched .header3.cbp-af-header-shrink .menu ul li.sub-menu > .mega-menu li a, 
.stretched .header3.cbp-af-header-shrink .menu ul li.sub-menu > .mega-menu h4 a { 
    padding: 0;
}
.stretched .header3.cbp-af-header-shrink .menu ul > li.sub-menu > ul > li > a {padding:8px 12px}
.stretched .header3.cbp-af-header-shrink #logo, .stretched .header4.cbp-af-header-shrink #logo {padding: 3px 0;}
.stretched .header3.cbp-af-header-shrink .social-sec{ margin-top: 11px;}

.stretched .header4.cbp-af-header-shrink .menu ul li a{ padding:14px 14px 17px ;}
.stretched .header4.cbp-af-header-shrink .menu ul li li a{padding:8px 12px;}
.stretched .header4.cbp-af-header-shrink .menu ul li .mega-menu li a, 
.stretched .header4.cbp-af-header-shrink .menu ul li .mega-menu div h4 a {
    padding: 0;
}

.header2 .social-sec{
		float: right;
		padding-left: 15px;
		margin-top: 8px;
		border-left: solid 0px #ababab;  
}
.header3 .social-sec{
		float: right;
		padding-left: 15px;
		margin-top: 10px;
		border-left: solid 0px #ababab;  
}

.top-info .social-sec{
		float: right;
		padding-left: 15px;
		margin-top: 5px;
		border-left: solid 0px #ababab;  
}

.social-sec a{-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
		transition: all ease 0.3s;}
.social-sec .fb{
		float: left;
		width: 29px;
		height: 30px;
		display: block;
		background: url("../images/icons/fb-icon.jpg") no-repeat;
		position: relative;
}


.social-sec .fb:hover{
		float: left;
		width: 29px;
		height: 30px;
		display: block;
		background: url("../images/icons/fb-icon.jpg") no-repeat 0% 100%;
		position: relative;
}

.social-sec .tw{
		float: left;
		width: 29px;
		height: 30px;
		margin-left: 3px;
		display: block;
		background: url("../images/icons/tw-icon.jpg") no-repeat;
		position: relative;
}


.social-sec .tw:hover{
		float: left;
		width: 29px;
		height: 30px;
		margin-left: 3px;
		display: block;
		background: url("../images/icons/tw-icon.jpg") no-repeat 0% 100%;
		position: relative;
}


.social-sec .v{
		float: left;
		width: 29px;
		height: 30px;
		margin-left: 3px;
		display: block;
		background: url("../images/icons/v-icon.jpg") no-repeat;
		position: relative;
}


.social-sec .v:hover{
		float: left;
		width: 29px;
		height: 30px;
		margin-left: 3px;
		display: block;
		background: url("../images/icons/v-icon.jpg") no-repeat 0% 100%;
		position: relative;
}

.blue-sec{
		position: relative;
		height: 227px;
		background: transparent url("../images/blue-bg.png") no-repeat right;
		font-size:12px;
}

.blue-sec-about{
		position: relative;
		background: transparent url("../images/innerheading-bg.jpg") repeat;
}
.shadow-sec{
		width: 100%;
		height: 33px;
		position: absolute;
		bottom: -33px;
		background: url("../images/shadow.png") no-repeat bottom;
}

.sec-left p{
		color: #fff;
		margin:0px;
		padding: 6px 29px 12px 0px;
}



.sec-mid{
		float: left;
		height: 133px;
		padding-top: 60px;
		padding-bottom: 35px;
		background: url("../images/blue-arrow.png") no-repeat bottom center;
		position: relative;
		z-index: 99;
		width: 100%;
}

.sec-mid p{
		
		
		color: #fff;
		margin:0px;
		padding: 6px 29px 12px 0px;
}


.sec-right{
		float: right;
		padding-top: 60px;
		width: 100%;
}

.sec-right p{
		
	
		color: #fff;
		margin:0px;
		padding: 6px 29px 12px 0px;
}


.top-row h5{
		margin:0px;
		padding: 2px 0px 2px 13px;
		width: 81%;
		font-size: 18px;
		color: #fff;
		float: left;
		text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.36);
}

.top-row span{
		display: block;
		padding: 1px 0px 1px 54px;
		font-family: 'Bree Serif', serif;
		font-size: 14px;
		color: rgba(0,0,0,0.4);
}
.top-row{
	padding-bottom: 5px;
}
.left-icon{
		float: left;
		padding: 12px 7px 10px 11px;
		font-size: 18px;
		color: #FFF;
		position: relative;
		background: #128ece;
		-webkit-box-shadow: 0px 1px 0px #52b8ec;
		-moz-box-shadow:    0px 1px 0px #52b8ec;
		box-shadow:         0px 1px 0px #52b8ec;
		text-shadow: 1px 1px 0px #333333;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-webkit-border-radius: 3px;
}

.left-icon:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(18, 142, 206, 0);
	border-left-color: #128ece;
	border-width: 6px;
	margin-top: -7px;
}

.sec-left{
		float: left;
		padding-top: 60px;
		width: 100%;
}

h3 {
    border-bottom: 1px solid #E5E5E5;
    color: #4E4E4E;
    font-family: 'Bree Serif',serif;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
	font-weight:normal;
}
h3:before{ position:absolute; content:""; height:1px; width: 50px;  bottom: -1px;  left: 15px;}
.center h3:before{ left:47%;}
.footer-heading {
    padding: 14px 5px;
}
.footer-heading h6 {
    color: #4E4E4E;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
}
.footer-heading h6 a {
  color: #4E4E4E;
}
.footer-heading h6 a:hover {
  color: #57B3DF;
}

.icon-right {
    float: right !important;
    font-size: 14px;
    width: auto !important;
}

.loveeye-txt {
    color: #787878;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 12px;
}



.blog-inner{
		width: 50% !important;
		float: left;
		margin-bottom: 5%;
}

.clander-left{
		float: left;
		width: 60px;
		 
}

.clander-left .datemonth{
		display: block;
		padding-top: 6px;
		  margin-bottom: 1px;
		/*border-bottom: solid 1px #FFF;*/
}

.datemonth h2{
		margin: 0px;
		padding: 4px 0px;
		font-size: 32px;
		color: #FFF;
		text-align: center;
}

.datemonth span{
		margin: 0px;
		padding: 2px 0px;
		font-size: 11px;
		color: #FFF;
		text-align:center;
		display: block;
		font-style: italic;
}


.icon-date{
		width: 100% !important;
		height: 27px !important;
}

.left-iocn{
		width: 40%;
		padding:7px 3px;
		background: #767676 url("../images/icons/book-icon.jpg") no-repeat center center;
		float: left;
}

.right-iocn{
		width: 40%;
		display: block;
		padding:7px 3px;
		background: #616161;
		float: left;
		color: #FFF;
		text-align: center;
}
.right-content {
    float: left;
    padding-left: 14px;
    width: 220px !important;
}

.right-content h4 {
    border: medium none;
    color: #4E4E4E;
    font-family: 'Bree Serif',serif;
    font-size: 16px;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    text-transform: none;
}
.right-content h4 a {
  color: #4E4E4E;
}
.right-content h4 a:hover {
  color: #57B3DF;
}

.right-content p {
    color: #606060;
    font-size: 13px;
    line-height: 19px;
    margin: 0;
    padding: 4px 0;
    text-align: left;
}

.comment-home {
    background: url("../images/icons/comment-icon.jpg") no-repeat scroll 82% 2% rgba(0, 0, 0, 0);
    color: #5B5B5B;
    display: block;
    font-size: 11px;
    padding: 2px 0;
    text-align: center;
}

/** Style Accordion **/

.accordion{margin-bottom: 0;}

.accordion-group:first-child{padding-top:0px;}

.accordion-group:last-child {padding-bottom: 0; margin-bottom: 0;}

.accordion-group{   padding-bottom: 0px; }

.accordion .accordion-group{background: #fff; margin-bottom:10px; border:1px solid #ebebeb;}
.accordion .accordion-heading{}
.accordion .accordion-heading a{font-family: 'Bree Serif', serif; color:#4e4e4e; font-weight:normal; font-size:15px; padding:12px 36px; text-transform: uppercase;}
.accordion .accordion-heading.in_head{background-color:#fff; }

.accordion .accordion-inner{border:none; padding: 0px 11px 9px 37px; padding-bottom:20px; font-size: 13px; color: #333; line-height: 21px; color:#606060; }
.accordion .toggle-icon{position: relative;top: 2px;margin-right: 15px;}
.accordion .accordion-heading{position:relative;  }
.accordion .accordion-heading:before{font-family:'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased;
content: "\f067";
background: #fbfbfb;
width: 16px;
height: 16px;
text-align: center;
line-height: 17px;
float: left;
font-size: 14px;
font-weight: normal;
margin-left:7px;
margin-top:13px;

}
.accordion .in_head:before{
font-family:'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased;
content: "\f068";
width: 16px;
height: 16px;
text-align: center;
line-height: 17px;
float: left;
font-size: 14px;
font-weight: normal;
background:#fff !important;
border:none !important;
margin-left:7px;
margin-top:15px;
}


.post-bg {
    margin-bottom: 0px;
    padding: 5px 0;
}
.post-bg .left-img {
    float: left;
    width: 53px;
}
.post-bg .right-txt {
    margin-left: 52px;
}
.right-txt p {
    color: #EEEDED;
   
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
   
}
.left-img img {
    border: 2px solid #5B5B5B;
    width: 100%;
}


.topouther { background: url("../images/dont-bg.png")  repeat ;  padding: 6px 0; color:#fff; line-height: 26px; position:relative; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); padding-top: 10px;}
.topouther:before { /*background:url("../images/shadow2.png") no-repeat scroll 122% 0 rgba(0, 0, 0, 0);*/ height: 43px; width:100%; position:absolute; top: 0px; content:"";}
.topouther:afters { background:url("../images/footermidicon.png")s no-repeat center top; height:14px; width:100%; position:absolute; top: 42px; content:""; z-index:15}


.topouther:after{
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(18, 142, 206, 0);
	border-width: 16px;
	margin-top: 0px;
	 position:absolute; top: 43px; content:""; z-index:15; left:48%;
	
	}
.topouther .col_two_third {  margin-bottom: 0 !important;}
.home-left {
    border-right:1px solid #bdbdbd;
    float: left;
    font-size: 13px;
    padding: 0px 15px 0px 0;
	 margin-right: 16px;
}

.home-left i, .no-mid i, .msg-right i {

    font-size: 20px;
    padding-right: 9px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.no-mid {
   border-right:1px solid #bdbdbd;	 margin-right: 16px;
    float: left;
    font-size: 13px;
    padding: 0px 15px 0px 0;
}

.no-mid span {
    color: #FFFFFF;
    position: relative;
    top: -2px;
}

.msg-right {
    float: left;
    font-size: 13px;
    padding: 0px 15px 0px 0;
}
.msg-right span {
    color: #FFFFFF;
    position: relative;
    top: -2px;
}

.footer-light .msg-right span a{ color: #fff;}
.twitterdiv{
		background: url("../images/twitter.png") no-repeat 0% 10%;
		margin-bottom: 18px;
}


.twitterdiv p{
		font-size: 12px;
		color: #eeeeee;
		line-height: 21px;
		padding-left: 32px;
}

.gray {
    color: #909090;
}

.mar-bot0{ margin-bottom:0px !important;}

.social-icons{float: right; margin-top:-2px;}
.social-icons a{-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
		transition: all ease 0.3s;}

.social-icons .tw{
		margin:2px;
		width: 31px;
		height: 29px;
		float:left;
		display: block;
		background: url("../images/tw.png") no-repeat;
		
}

.social-icons .tw:hover{
		background-position:0% 100%;
}


.social-icons .fb{
		margin:2px;
		width: 31px;
		float:left;
		height: 29px;
		display: block;
		background: url("../images/fb.png") no-repeat;
		 
}

.social-icons .fb:hover{
		background-position: 0% 100%;
}


.social-icons .vi{
		margin:2px;
		width: 31px;
		height: 29px;
		float:left;
		display: block;
		background: url("../images/vi.png") no-repeat;
		
}


.social-icons .vi:hover{
		background-position: 0% 100%;
}


.social-icons .soc{
		margin:2px;
		width: 31px;
		height: 29px;
		float:left;
		display: block;
		background: url("../images/social.png") no-repeat;
		
}

.social-icons a {
    background: none repeat scroll 0 0 black;
    display: inline-block;
    height: 30px;
    line-height: 33px;
    margin-top: 2px;
    text-align: center;
    width: 30px;
}
.social-icons a i{  font-size: 19px;}

.social-icons .soc:hover{
			background-position: 0% 100%;
}

.social-icons .dri{
		margin:2px;
		width: 31px;
		height: 29px;
		float:left;
		display: block;
		background: url("../images/dri.png") no-repeat;
		}
.social-icons .dri:hover{
			background-position: 0% 100%;
}



/* Team Page */
.team-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 0px;
}
.team-blanck {
  position: relative;
  overflow: hidden;
  margin: 0 0 0 0px;
}
.team-blanck .it {
  display: none;
}
.team-blanck .it:first-child {
  display: block;
}
.team-blanck h4 {
  margin: 0 0 5px;
  font-weight: normal;
  font-size:16px;
  text-align:center;
}
.team-blanck h4 span{ color:#959595; font-size:12px;}
.team-blanck p{
    color: #555;
    font-family: georgia;
    font-size: 15px;
    line-height: 23px;
    padding: 0 70px;
    text-align: center;
	margin-bottom:3px;
}
.team-blanck .progress {
  margin-right: 65px;
}
.team-blanck .featured-thumbnail {
  width: 300px;
  margin: 0 20px 20px 0;
}
.team-blanck .featured-thumbnail img {
  width: 100%;
  height: auto;
}
.team-list {
  list-style-type: none;
  border: none;
  background: none;
  padding: 0;
  margin: 13px 0 17px -20px;
  overflow: hidden;
  background:url("../images/border-bg-team.jpg") repeat-x bottom;
}
.team-item {
  list-style-type: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 10px 20px;
  overflow: hidden;
  position: relative;
  width: 142px;
  float: left;
}
.team-item .featured-thumbnail {
  width: 100%;
  overflow: hidden;
  float: none;
  margin: 0 0 17px;
}
.team-item .meta {
  overflow: hidden;
  margin-bottom: 8px;
  padding: 5px 0 2px;
  border-bottom: 1px solid #dbdbdb;
}
.team-item .meta h4 {
  float: left;
  margin: 0;
  width: 70%;
  font-weight: normal;
}
.team-item .team-follow {
  float: right;
  margin: 0;
  padding: 0;
  width: 30%;
  border: none;
  background: none;
}
.team-item .team-follow li {
  float: left;
  margin: 0;
  padding: 0 0 0 8px;
  border: none;
  background: none;
  list-style-type: none;
}
.team-follow li img {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.team-follow li a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.team-item .featured-thumbnail img {
  width: 100%;
  height: auto;
}
.primary_content_wrap {
  position: relative;
  z-index: 1;
  padding: 21px 0 41px;
  background: #fff;
}
#content {
  padding:0;
}
#content.portfoliobar-content {
  padding: 25px 0 0;
}
.border-top {
  position: relative;
  padding-top: 61px;
  width: 100%;
  border-top: 4px solid #edecec;
}
.border-top:after {
  position: absolute;
  top: -4px;
  left: 50%;
  display: block;
  margin-left: -15.95%;
  width: 31.9%;
  height: 4px;
  background: #ee7e2c;
  content: "";
}
.page-header {
  margin: 0 0 10px;
  padding: 0;
  border: none;
}
.page-header h1 {
  position: relative;
  margin: 5px 0 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EDECEC;
  color: #444;
  font: normal 18px/1.2em Droid Sans, sans-serif;
}
.page-header h1:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 32px;
  height: 3px;
  background: #ee7e2c;
  content: "";
}

.featured-thumbnail img {
    border: 5px solid #eeeeee;
    border-radius: 50%;
    height: 125px !important;
    width: 122px !important;
	  box-shadow: 1px 1px 1px #ccc;
	 transition: all ease 0.3s;
}


.skill-bar {
    padding: 0;
}

.ui-progress-bar {
    background-color: #F3F3F3;
    border-radius: 50px;
    box-shadow: 0 1px 0 0 #E5E5E5 inset, 0 -1px 1px #D4D4D4 inset;
    height: 36px;
    margin-bottom: 14px;
    padding: 4px;
    position: relative;
}
.first-progress {
    background: none repeat scroll 0 0 #3BBBF8;
    border-radius: 50px 0 0 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 7px 8px 13px;
    text-align: left;
    width: 7%;
}

.ui-progress {
    background-color: #FFFFFF;
    border-radius: 0 50px 50px 0;
    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 -1px 1px #D4D4D4 inset;
    display: block;
    height: 36px;
    overflow: hidden;
    position: relative;
}
.ui-progress span.ui-label {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    left: 12px;
    line-height: 33px;
    padding-right: 12px;
    position: absolute;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
}


.second-progress {
    background-color: #2D973F;
    border-radius: 50px 0 0 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 7px 8px 13px;
    text-align: left;
    width: 7%;
}
.third-progress {
    background-color: #FA611E;
    border-radius: 50px 0 0 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 7px 8px 13px;
    text-align: left;
    width: 7%;
}

.top-imgsec .socialfeeds {
    display: block;
}
.page-template-template-about-us .top-imgsec .socialfeeds {
    padding: 13px 11px;
}
.single-team .top-imgsec .socialfeeds {
    padding: 13px 0;
}
.socialfeeds a{
		
		-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
		transition: all ease 0.3s;
}
.socialfeeds .twi{
		width: 21px;
		height: 19px;
		float: left;
		margin-left: 20px;	
		background: url("../images/social-about.jpg") no-repeat 0% 0%;
}

.twi:hover{
		background: url("../images/social-about.jpg") no-repeat 0% 100%;
}


.socialfeeds .fab{
		width: 19px;
		height: 19px;
		float: left;
		margin-left: 20px;
		background: url("../images/social-about.jpg") no-repeat 17% 0%;
}

.fab:hover{
		background: url("../images/social-about.jpg") no-repeat 17% 111%;
}

.socialfeeds .vim{
		width: 19px;
		height: 19px;
		float: left;
		margin-left: 20px;
		background: url("../images/social-about.jpg") no-repeat 34% 0%;
}

.vim:hover{
		background: url("../images/social-about.jpg") no-repeat 34% 111%;
}

.socialfeeds .drib{
		width: 19px;
		height: 19px;
		float: left;
		margin-left: 20px;
		background: url("../images/social-about.jpg") no-repeat 51% 0%;
}

.drib:hover{
		background: url("../images/social-about.jpg") no-repeat 51% 111%;
}

.socialfeeds .favk{
		width: 19px;
		height: 19px;
		float: left;
		margin-left: 20px;
		background: url("../images/social-about.jpg") no-repeat 68% 0%;
}

.favk:hover{
		background: url("../images/social-about.jpg") no-repeat 68% 111%;
}


.socialfeeds .mesg{
		width: 19px;
		height: 19px;
		float: left;
		margin-left: 20px;
		background: url("../images/social-about.jpg") no-repeat 85% 0%;
}

.single-team .socialfeeds a:first-child {
    margin-left: 0 !important;
}

.mesg:hover{
		background: url("../images/social-about.jpg") no-repeat 85% 111%;
}

.top-imgsec { float:right;  margin-top: 33px;}

.about-pro .pargh{ text-align:left; padding:0px; font-size:100%; 100%}
.about-pro h4{ text-align:left;  padding-bottom: 0;}




.panel-left-icon {
float: left;
padding: 9px 12px 6px 12px;
font-size: 18px;
color: #FFF;
position: relative;
background: #3bbbf8;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
border-radius: 3px;

}

.panel-left-icon:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(18, 142, 206, 0);
	border-left-color: #3bbbf8;
	border-width: 6px;
	margin-top: -7px;
}

.some-about { margin-left:55px;}
.some-about ul, .some-about ul li { padding:0px; margin:0px;}
.some-about ul li, ul.star-bul li{   background: url("../images/panel-arrow.jpg") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ECECEC;
   
    padding: 6px 0 6px 15px;}
	
	.client-logos{
		padding:5px 0px;
		border: solid 1px #e5e5e5; float:left;
}

.client-logos ul{
		list-style: none; margin:0px; padding:0px;
}

.client-logos li{
		margin: 0px;
		float: left;
		padding: 5px 32px;
		background: url("../images/image-border.jpg") no-repeat right;
}
.client-logos li:last-child{ background:none;}

.big-head{  margin: 30px 0 50px; float:left; width:100%; position:relative}

.big-head:after{   border-bottom: 1px solid #E5E5E5;
    bottom: 0;
    content: "";
    left: 40%;
    position: absolute;
    width: 25%;}
.big-head:before{ 
    bottom: 0;
    content: "";
    left: 49%;
    position: absolute;
    width: 8%;
    z-index: 666;}

.big-head h3 {
    color: #4E4E4E;
    font-size: 28px;
    line-height: 30px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
	   text-transform:none;border:none;
	   }
.big-head h3:before {  background:none;}
.big-head p {
     font-size: 13px;
    margin: 0;
    padding: 5px 0 25px;
    text-align: center;
}
.service-panel h3{ padding-top:0px; margin-top:0px;}
ul.star-bul li{ border:none;}

.become-prtner a {
    border-radius: 2px;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    padding: 5px 8px;
    text-decoration: none;
    text-transform: uppercase;
}
.become-prtner a:hover{
		color: #CCC;
}




.viewdetail-hover {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	border-bottom: none;
}
.viewdetail-hover i{ font-size:20px; color:#fff;}

.view-detail {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	overflow: hidden;
	visibility: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity = 0);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	 
}
.view-detail:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: "";
}


.hover-detaillink {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0px;
	font-size: 12px;
	width: 100%;
	padding: 0px;
	text-align: left;
	text-transform: none;
}

.viewdetail-hover:hover .view-detail {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity = 80);
}
.view-detail {
		border-radius: 0px 3px 3px 3px;
	}	

.web-top i{
		float: left;
		display: block;
		padding: 13px 11px;
		background: #616161;
		text-align: center;
		border-radius: 3px;
	
		 min-width: 21px;
}



.res-desig i{
		float: left;
		display: block;
		padding: 13px 11px;
		text-align: center;
		border-radius: 3px;
		 min-width: 21px;
}

.view-detail h4{
		margin:0px;
		float: none;
		background: #fff;
		margin-bottom: 12px;
		padding: 10px 0px 12px 53px;
		font-size: 16px;
		text-transform: none;
		border-bottom: none;
}
.viewdetail-hover h4
{	margin:0px;
		float: none;
		background: #fff;
		margin-bottom: 12px;
		padding: 10px 0px 12px 53px;
		
		font-size: 16px;
		text-transform: none;
		border-bottom: none;}

.hover-detail p{
		padding: 5px 10px 15px 0px;
		font-size: 13px;
		color: #606060;
		display: block;
		text-align: left;
		line-height: 21px;
		background: none;
		
}


.res-list{
		padding: 10px 0px;
}


.detail-icon{
		 display: table-cell;
    height: 100%;
    padding-top: 34%;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
}

.detail-icon a{
		background: url("../images/rd-hover.png") no-repeat 0% 50%;
		padding: 5px 0px 5px 25px;
		font-size: 16px;
		color: #FFF;
		font-weight: bold;
}


.entry_title h4, .entry_title h4 a, .widget .widget_title, #related-posts h4, h4#comments-title {
    border-bottom: 1px solid #E5E5E5;
    color: #4E4E4E;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    position: relative;
    text-transform: none;
}
.entry_title h4:before, .entry_title h4 a:before, .widget .widget_title:before, #related-posts h4:before, h4#comments-title:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;
}

.entry_title h4 a:hover {
    color: #3BBCF9;
}

#related-posts {
  position: relative;
}
#copyrights.copyrights-dark {    padding: 22px 0 37px 0;}
.footer-bg {    padding: 40px 30px 80px 30px;
    background-size: 95%;}
    .content-wrap.disable-page-header {
    padding: 45px 0 0px;
}
.simple-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    color: #FFF;
    font-size: 13px;
    font-family: open sans;
    padding: 0 15px;
    /* font-weight: bold; */
    line-height: 36px;
    background: #333;
    border: none;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.0); */
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}
.pricing-title h4 {font-family: open sans;}
.pricing-title h4 {    font-family: open sans;}
.pricing-title h4 span{font-family: open sans; font-size: 12px;}
.pricing-inner .pricing-price { font-family: open sans;  font-weight: normal;}
.vc_license-activation-notice {    display: none;}
.top-row span {color:rgba(205, 220, 57, 0.89)}
#page-title h1 span {color:rgba(205, 220, 57, 0.89)}
.tab_widget .tab_content {padding: 15px;}
blockquote.alignleft, img.alignleft {    margin: 5px 24px 0px 0;}
.first-progress, .second-progress, .third-progress {width: 9%;}


.widget .widget_title, #related-posts h4:before, h4#comments-title:before { text-transform:uppercase; font-size:14px;}
.rmore a{
		text-decoration: none;
		color:#3bbdf7;
		padding-left: 5px;
		font-size: 13px;
}

.rmore a:hover{
		color:#000 !important;
}

.rmore i{
		font-weight: normal;
		font-size: 12px;
		position: relative;
		top: 1px;
		left: 5px;
}

.count-bg{
		height: 40px;
		padding-top: 18px;
		border-bottom: 3px double #E5E5E5; border-top: 3px double #E5E5E5;
}


.left-next-prev{
		float: left;
		min-width: 50%;
}

.leftprev{
		float: left;	
}

.leftprev a{
		font-size: 14px;
		color: #3bbdfb;
		display: block;
}

.leftprev a:hover{
		color: #333;
}


.leftprev a i{
		position: relative;
		top: 0px;
		left: 3px;
		padding-right: 7px;
}

.rightnext{
		float: left;
}


.rightnext a i{
		position: relative;
		top: 0px;
		left: 3px;
}

.rightnext a{
		font-size: 14px;
		color: #3bbdfb;
		float: left;
		padding-left: 17px;
}

.rightnext a:hover{
		color: #333;
}


.right-number{
		float: right;
}

.right-number ul{
		list-style: none;
}

.right-number li{
		font-size: 13px;
		float: left;
}

.right-number li a, 
.right-number li .current {
		float: left;
		padding: 2px 8px;
		color: #333;
}

.right-number li a:hover,
.right-number li .current {
		color: #FFF;
}
.widget ul{ margin:0px}
.widget_categories.widget ul a {
    background: url("../images/catogery-arrow.jpg") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    border-bottom: 1px solid #F4F4F4;
    color: #616161;
    display: inline-block;
    font-size: 13px;
    padding: 5px 0 5px 15px;
}
.widget a {
    color: #616161;
}
.widget a:hover {
    color: #1abc9c;
}

.twitter-posts {
    background: url("../images/twitter-inner.jpg") no-repeat scroll 1% 11% rgba(0, 0, 0, 0);
    margin-bottom: 15px;
    padding-left: 30px;
}
.twitter-posts p{
		margin: 0px;
		
		color: #606060;
		padding: 5px 0px;
		text-align:left;
}

.twitter-posts p .bl{
		color: #000;
		display: block;
		font-size: 11px;
}

.twitter-posts p .bl a{
		text-decoration: none;
		color: #000;
}
.cont { padding-left:0px;}

.pagination ul > .active > a,
.pagination ul > .active > span {
 color: #fff;

}

.list_style li a{ color:#606060; line-height:25px}
.list_style li ul{ margin-left:20px; margin-bottom:0px;}
.list_style li i { margin-right: 5px;}

ul li ul, 
ol li ol,
ul li ol,
ol li ul { 
    margin-left:20px;
    margin-bottom:0px;
}


.icon_lists {
    margin-top: 22px;
	display:table;
}
.icon_lists .col_one_fourth { width: 21%; margin-bottom:0}
.icon_lists .fa-hover a {
    border-radius: 0;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.icon_lists .fa-hover a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {
    font-size: 24px;
    vertical-align: -3px;
}
.icon_lists .fa-hover a:hover .text-muted {
    color: #BBE2D5;
}
.col_three_fifth #tab-tab1 div{ margin-bottom:0px;}


.gap {
    margin: 25px 0; clear: both;  float: left; width: 100%;}
	
	
	



/*===================================================================================== */
/* Mega Menu.
====================================================================================== */

.menu {
    display: block;
  
}

.menu,.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  
}

.menu ul a {
    float: left;
}

.menu ul ul a {
    float: none;
}

.menu .mega-menu a {
    float: none;
    padding: 0;
}

.menu ul ul,.menu .mega-menu,.menu .mega-menu ol li {
    opacity: 0;
    visibility: hidden;
    display: none ! important/9;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
	line-height:30px;
}

.menu li:hover>ul,.menu li:hover>.mega-menu,.menu li:hover>.mega-menu ol li {
    opacity: 1;
    visibility: visible;
    display: block ! important/9;
}

.menu ul ul,.menu .mega-menu,.menu .mega-menu ol li a .fa {
    margin-right: 8px;
	line-height:23px;
}
.menu ul:after {
    content: "";
    clear: both;
    display: block;
}

.menu ul li {
    float: left;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.menu ul li a {
    display: block;
    color: #313131;
    padding: 37px 14px;
    text-decoration: none;
}

.footer-widgets-wrap .menu ul li a,
.sidebar-widgets-wrap .menu ul li a {
    padding: 1px 0 1px 11px;
}

.menu .menu-item-has-children > .sub-menu-link:after {
    content: "";
    float: right;
    text-align: right;
    width: 0;
    height: 0;
    display: block;
    border-left: 3px solid rgba(0,0,0,0);
    border-right: 3px solid rgba(0,0,0,0);
    border-top: 3px solid #fff;
    top: 9px;
    margin: 0 0 0 5px;
    position: relative;
    border-left: 3px solid transparent/9;
    border-right: 3px solid transparent/9;
}

.menu ul li ul li.menu-item-has-children > .sub-menu-link:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #bbb;
    margin: 0px 0 0 5px;
}

.menu i {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    float: left;
    margin: 4px 4px 0 -2px;
    line-height: 14px;
    padding: 0;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	 height: 32px;
	  width: 13px;
}
.menu a:hover i{ font-size: 16px;}
.menu .right {
    float: right;
}

.menu .right ul,.menu .right .mega-menu {
    right: 0;
}

.menu ul ul {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-bottom: 0;
    position: absolute;
    top: 100%;
    width: 170px;

 box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
 	font-size:12px;
}

.menu ul ul ul {
    position: absolute;
    left: 100%;
    border-top: 1px solid #e0e0e0;
    top: -1px;
	 
}

.menu ul ul li a {
    font-weight: 400;
    padding: 8px 12px;
    color: #313131;
    border-bottom: 1px solid #e4e4e4;
}
.menu ul li.mega-menu-flyout ul li a  {
    border-bottom: 1px solid #e4e4e4 !important;
}
.menu ul li..mega-menu-flyout ul li a {
	border-bottom: 1px solid #e4e4e4 !important;
}
.menu ul ul li {
    float: none;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.menu ul ul li a:active,.menu ul ul li:hover {
   color: #009dcd;
}

.menu ul ul li {
    background: #fff!important;
}

.mega-menu {
    position: absolute;
    top: 100%;
    padding: 18px 11px;
    background-color: #fff;
    border: 2px solid #e0e0e0;
    border-top: none;
    color: #777;
    
    box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}

.mega-menu ol {
    list-style: none;
    padding: 0;
}

.mega-menu ol li {
    width: 100%;
}

.mega-menu ol li,.mega-menu ol li a {
    color: #313131;
    font-size: 12px;
    padding: 0;
    font-weight: 400;
    background-color: #fff;
    background-image: none;
}

.header5 .mega-menu ol li:hover, .header5 .menu ul li ul li a{ color: #505050;}
.header5 .mega-menu ol li a { color: #505050;}
.mega-menu div h4 {
    font-size: 14px;
    font-weight: normal;
    color: #404040;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 8px 0;
    margin: 0 0 10px 0;
}

.mega-menu .col-1 {
    width: 135px;
	border-right:1px solid #eee;
}

.mega-menu .col-2 {
    width: 288px;
	border-right:1px solid #eee;
}

.mega-menu .col-3 {
    width: 441px;
}

.mega-menu .col-4 {
    width: 594px;
}

.mega-menu .col-5 {
    width: 747px;
}

.mega-menu .col-6 {
    width: 900px;
}

.mega-menu .col-1,.mega-menu .col-2,.mega-menu .col-3,.mega-menu .col-4,.mega-menu .col-5,.mega-menu .col-6 {
    float: left;
    margin: 0 9px;
}
.mega-menu.bornone .col-1,
.mega-menu.bornone .col-2,
.mega-menu.bornone .col-3,
.mega-menu.bornone .col-6 { 
    border:none !important
}

.mega-menu.full-width {
    left: 0;
    width: 100%;
    padding: 18px 0;
}

.full-width .col-1 {
    width: 17.1%;
}

.full-width .col-2 {
    width: 30.4%;
	border-right:1px solid #eee;
}
.full-width .col-2:last-child, .mega-menu .col-2:last-child,.mega-menu .col-1:last-child{ border:none}

.full-width .col-3 {
    width: 46.7%;
}

.full-width .col-4 {
    width: 63%;
}

.full-width .col-5 {
    width: 79.3%;
}

.full-width .col-6 {
    width: 95.6%;
}

.full-width .col-1,.full-width .col-2,.full-width .col-3,.full-width .col-4,.full-width .col-5,.full-width .col-6 {
    float: left;
    margin: 0 0 0 2.2%;
}

.style-1.menu ul li a:hover {
color: #009dcd; }

.heigh {
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    color: #fff;
    line-height: 24px;
	margin-bottom:5px;
}
.menu .heigh i{ font-size: 14px;   height: 14px; }
.mega-menu ol li .heigh i.fa {line-height:17px !important;}
.openmenu{ display:none;}
@media only screen and (max-width: 767px) {
    .menu ul li {
        width: 100%;
        cursor: pointer;
    }

    .menu ul li {
        position: relative;
    }

    .menu .mega-menu ol li {
        height: 0;
    }

    .menu li:hover>.mega-menu ol li {
        height: auto;
    }

    .mega-menu,.menu ul ul {
        z-index: 100;
    }

    .menu ul ul {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .menu ul ul ul {
        left: 0;
    }

    .menu ul ul li:hover>ul {
        position: relative;
        border: none;
        border-top: 1px solid #e4e4e4;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .menu ul li ul li.menu-item-has-children > .sub-menu-link:after {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #bbb;
        margin: 0;
    }

    .mega-menu {
        padding: 18px 0;
    }

    .mega-menu ol li:last-child {
        margin: 0 0 20px 0;
    }

    .menu .col-1,.full-width .col-1,.menu .col-2,.full-width .col-2,.menu .col-3,.full-width .col-3,.menu .col-4,.full-width .col-4,.menu .col-5,.full-width .col-5,.menu .col-6,.full-width .col-6 {
        float: left;
        margin: 0 0 0 5%;
        width: 90%;
    }
}

/*----------------Home Option 5  -------------------------*/

.bg-gray { background:#f5f5f5; border-top: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; padding:60px 0;}
.bg-gray  .big-head:before, .bg-gray  .big-head:after{ border:none}
.bg-gray .big-head p{color: #999;}
.txt-center{ text-align:center;}


.port-arro { display: table;float: none;  margin: 0 auto;  position: relative;   padding-left: 50px;}
.test-scrol { display: table;float: none;  margin: 0 auto;  position: relative;   padding-left: 50px; margin-top:20px;}
.test-scrol div{ border-radius:50%}
.center .testi-content{ text-align:center;}

.center h3{ border:none}

/*----------------Home Option 7  -------------------------*/
.parallax {
    background-attachment: fixed;
    background-color: transparent !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 60px;
    padding-top: 60px;
	width:100%;
	display:table;
	color:#fff;

}
.parallax h3, .parallax h1{ color:#fff;}
.parallax h1 { font-size:50px;}
.parallax .testimonial-item .testi-author { color:#fff}
.bg1{background-image: url("../images/paralax.jpg");}
.bg2{background-image: url("../images/paralax2.jpg");}

.separator_block .right-content, .vc_col-sm-6 .right-content { width:150px !important;}

/*----------------Home Option 8  -------------------------*/
.mar-bot0{ margin-bottom:0px;}
.gray.product-feature4 img, .gray.product-feature4 span{ border:1px solid #bebebe ; background:transparent !important;}
.gray.product-feature4 .fa{ color:#bebebe;}
.gray.product-feature4 p{ color:#888888;}

.big-icn{ font-size:20px; text-align:center}
.big-icn i{ display:block; font-size:50px; margin:70px 0 20px 0}

.white-bg{ background:#fff;}
.white-bg li{ background:none}

.switcher-op-selectors{ float:left;}

.promo-action a {  background: #222 none repeat scroll 0 0;}
.entry_c h3::before { height: 0px;}
.postcontent .small-posts .entry_date { margin-top: 50px;}
.entry_date { margin-top: 50px;}
.post-single  .entry_date { margin-top: 0px;}
.entry_title h4 a{border: medium none;}
.entry_title h4 a:before { height: 0px;}
.tp_recent_tweets li {background-size: 18px auto;}
.widget  .tp_recent_tweets li a {font-weight: normal;  color: #57b3df;}
.footer-widgets-wrap {margin: 0 -40px -91px 0; }
.footer-widgets-wrap  .tp_recent_tweets { font-size: 12px;}
#footer.footer-dark .tp_recent_tweets a {color: #57b3df;}
#footer.footer-dark .tp_recent_tweets .twitter_time { color: #888;}
#wrapper { overflow: hidden;}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-grey .vc_icon_element-icon {color: #fff !important;}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-grey .vc_icon_element-icon {
   color: #fff !important;
}

/*===================================================================================== */
/* Visual Composer.
====================================================================================== */

.vc_row .col_one_seven {
  width: 100%;
}



/*===================================================================================== */
/* Admin Bar.
====================================================================================== */
.admin-bar .cbp-af-header.cbp-af-header-shrink {
  top: 32px;
}