/*
Theme Name: Element Responsive Multipurpose Theme
Theme URI: http://themeforest.net/user/ThemeProfuse
Author: ThemeProfuse
Author URI:  http://themeforest.net/user/ThemeProfuse
Description: Premium Wordpress Theme for All
Version: 1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: dark, light, white, blue, red, one-column, two-columns, right-sidebar
*/

/*------------------------------------------------------------------
[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. Side Navigation
13. Features
14. Icons
15. Mega Menu
16. Footer
-------------------------------------------------------------------*/

/*  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;
}


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

body {
	line-height: 1;
	color: #606060;
	font: 13px/20px 'Open Sans', Arial, sans-serif;
	background: #EEE url(switcher/bg3.jpg) repeat fixed;
}

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

.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;
}

::selection {
    background: #3bbcf9;
    color: #fff;
    }
::-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 20px 0;
	color: #444;
    font-family: 'Bree Serif', sans-serif;
}


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

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;
}

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: 17px;
    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%; }

.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 {
	width: 1000px;
	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;
	/* [disabled]float: none; */
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

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

.entry_content ul {
    clear: left;
    color: #444;
    list-style-type: disc;
    font-size: 13px;
    font-family: 'Droid Serif', serif;
}

.entry_content ol {
    clear: left;
    color: #444;
    list-style-type: decimal;
    font-size: 13px;
    font-family: 'Droid Serif', serif;
}

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;
    background-color: #3BBCF9;
    height: 2px;
}
.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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") 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.html") no-repeat center center; }


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


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



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


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

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

#logo img {
    display: block;
    max-width: 100%;
}

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

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

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

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


#logo { overflow:hidden;}
#logo a{
	width:347px;
	height:90px;
	background:url(images/logo.png) no-repeat;
}
#logo a.whitelogo{ width:360px; height:100px; background:url(images/logo-white.png) no-repeat;}
#logo img{margin-left: -9999px;}

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

#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 li 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;}
.header3 .menu ul { float:left;}
.header3 .menu ul li a {padding:12px 17px ;}
.header3 .menu ul li li a{ padding:0}
.header3 .menu ul li.sub-menu 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}

.top-info{ background:none !important; border-bottom:1px solid rgba(0, 0, 0, 0.04); height:40px !important; padding:5px 0;}
.header4 { padding:13px 0} 
.header4 .menu ul li:last-child a{ padding-right:0}

.header5 {  background:url("images/blue-bg.png") no-repeat scroll right center #333} 

.header5 .menu ul li a{ color: #fff; padding:43px 14px;}
.header5 .menu ul li li a{ padding:0}
.header5 .menu ul li.sub-menu li a{padding:8px 12px}


/* ----------------------------------------------------------------
    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: 50px 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 {
    position: relative;
    text-align: center;
}

.lp-subscribe form {
    display: inline-block;
    position: relative;
    margin: 5px auto 0;
    max-width: 600px;
}

.lp-subscribe 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"] {
    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 { background-color: #444; }


/* ----------------------------------------------------------------
    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;
    border-bottom: 1px solid #3BBCF9;
   
}

.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; }


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


.portfolio-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #169FE6;
    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 {
    background: none repeat scroll 0 0 #3BBCF9;
    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%;
}

.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: 50px;
}

.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 .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;
}

.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;
}

.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 {
    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 {
    float: right;
    margin: 5px 0 13px 20px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 13px 20px;
	
	
}

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

p.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,
.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 > li { }

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

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

.commentlist li li .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;
}


/* ----------------------------------------------------------------
    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;
}


/* ----------------------------------------------------------------
    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
-----------------------------------------------------------------*/


.error404 {
    position: relative;
    text-align: center;
    font-size: 216px;
    line-height: 1;
    color: #57B3DF;
    font-family: 'Bree Serif', serif;
}

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

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

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

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

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

.error404-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: #EEE;
	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;
}

.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;
}

.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; color:#3bbcf9; margin-top:-5px;}
.product-feature4:hover span{ background:#3bbcf9; color:#fff;}
.product-feature4:hover span{ background:#3bbcf9; 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; background-color: #169FE6; 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 { left:42%; }

.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;
}


/* ----------------------------------------------------------------
    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;
	background:#3BBCF9
}
.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;
}

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

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

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


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


#google-map {
    position: relative;
    width: 100%;
    height: 100%;
}


/* ----------------------------------------------------------------
    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;
}


/* ----------------------------------------------------------------
    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;
   border-bottom: 3px solid #3BBCF9;
}
.testimonials.dark .testi-content {
    background-color: #333;
   text-shadow: 0px 0px 0px #FFF;
   border-bottom: 3px solid #3BBCF9;
   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 { color:#555}
#footer.footer-light .post-bg a { color:#555}
#footer.footer-light .post-bg a:hover { color:#3bbcf9 }
#footer.footer-light .widget h4 {
  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 h4:before {
    background: none repeat scroll 0 0 #3BBCF9;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;
}


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


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


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

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

#footer.footer-dark .widget h4 {
  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 h4:before {
    background: none repeat scroll 0 0 #3BBCF9;
    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;
}


.email-type{
		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: #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-light .email-type{
		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{
		padding: 7px 7px !important;
		line-height: 19px !important;
		background: #3bbcf9;
		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{
		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;
}


.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;
}

.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
-----------------------------------------------------------------*/


.flickr-widget .flickr-widget-wrap {
	position: relative;
	margin: 0 -1px -1px 0;
}

.flickr-widget .flickr_badge_image { margin: 0 1px 1px 0; }

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

.flickr-widget .flickr_badge_image,
.flickr-widget .flickr_badge_image a { float: left; }

.flickr-widget .flickr_badge_image,
.flickr-widget .flickr_badge_image a,
.flickr-widget .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_categories 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;
}

.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);
}


/* ----------------------------------------------------------------
    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 {  background:#169FE6;
    position: relative; }
#title-inner{ background: url(images/title-bg.png) no-repeat scroll right center rgba(0, 0, 0, 0);
    height: 92px; padding-top:20px;
    position: relative;
    width: 100%;}
#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;  
}
.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 li a{ padding:0;}
.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;}
.stretched .header4.cbp-af-header-shrink .menu ul li li 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: 24px;
		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: #169fe6 url(images/blue-bg.png) no-repeat right;
		font-size:12px;
}

.blue-sec-about{
		position: relative;
		background: #169fe6 url(images/innerheading-bg.html) 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;
}

.sec-mid p{
		
		
		color: #fff;
		margin:0px;
		padding: 6px 29px 12px 0px;
}


.sec-right{
		float: right;
		padding-top: 60px;
}

.sec-right p{
		
	
		color: #fff;
		margin:0px;
		padding: 6px 29px 12px 0px;
}


.top-row h5{
		margin:0px;
		padding: 2px 0px 2px 13px;
		width: 82%;
		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;
}

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;background:#3BBCF9;  width: 50px;  bottom: -1px;  left: 15px;}
.center h3:before{ left:47%;}
.footer-heading {
    padding: 14px 5px;
}
.footer-heading h6 {
    color: #4E4E4E;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
}
.icon-right {
    color: #169FE6;
    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;
		background: #3bbcf9;
		padding-top: 6px;
		  margin-bottom: 1px;
		/*border-bottom: solid 1px #FFF;*/
		font-family: 'Open Sans', sans-serif;
}

.datemonth h2{
		margin: 0px;
		padding: 4px 0px;
		font-family: 'Open Sans', sans-serif;
		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 p {
    color: #606060;
    font-family: 'Open Sans',sans-serif;
    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-family: 'Open Sans', sans-serif; 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";
color:#3bbcf9;
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 #3bbcf9 ;  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-top-color: #3bbcf9;
	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-family: 'Open Sans', sans-serif;
		font-size: 12px;
		color: #eeeeee;
		line-height: 21px;
		padding-left: 32px;
}

.blu, .blu a {
		color: #3bbcf9 !important;
}
.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;
  color: #3BBCF9; 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;
}

.featured-thumbnail img:hover {
    border: 5px solid #3BBCF9;
  
}


.skill-bar {
    padding: 50px 150px 10px 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;
}
.html-progress {
    background: none repeat scroll 0 0 #3BBBF8;
    border-radius: 50px 0 0 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    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-family: 'Open Sans',sans-serif;
    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;
}


.designing-progress {
    background-color: #2D973F;
    border-radius: 50px 0 0 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    padding: 8px 7px 8px 13px;
    text-align: left;
    width: 7%;
}
.photoshop-progress {
    background-color: #FA611E;
    border-radius: 50px 0 0 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    padding: 8px 7px 8px 13px;
    text-align: left;
    width: 7%;
}

.top-imgsec .socialfeeds {
    display: block;
    padding: 13px 11px;
	
}
.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%;
}

.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-family:open sans, arial; 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{  border-bottom: 1px solid #3BBCF9;
    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;
	   font-family: 'Open Sans',sans-serif;
	   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 {
    background: none repeat scroll 0 0 #3BBCF9;
    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;
	font-family: 'Open Sans', sans-serif;
	-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 {
		background-color: #3bbcf9;
		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;
		background: #3bbcf9 ;
		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;
		color: #3bbcf9;
		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-family: 'Open Sans', sans-serif;
		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-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #FFF;
		font-weight: bold;
}


.entry_title h4, .widget h4, .postcontent h4{
    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, .widget h4:before, .postcontent h4:before {
    background: none repeat scroll 0 0 #3BBCF9;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    width: 50px;
}
.widget h4, .postcontent h4:before { text-transform:uppercase; font-size:14px;}
.rmore a{
		text-decoration: none;
		color:#3bbdf7;
		padding-left: 5px;
		font-family: 'Open Sans', sans-serif;
		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-family: 'Open Sans', sans-serif;
		font-size: 13px;
		float: left;
}

.right-number li a{
		float: left;
		padding: 2px 8px;
		color: #333;
}

.right-number li a:hover{
		background: #3abcfa;
		color: #FFF;
}
.widget ul{ margin:0px}
.wid-cate 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: block;
   font-size: 13px;
    padding: 5px 0 5px 15px;
}
.wid-cate a:hover{color: #3BBCF9;}

.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 span{
		color: #3bbcf9;
}

.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 > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #3BBCF9;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
 color: #fff;

}

.list_style li a{color:#606060; line-height:25px}
.list_style li a:hover{ color: #3BBCF9;}
.list_style li ul{ margin-left:20px; margin-bottom:0px;}
.list_style li i { color: #3BBCF9; margin-right: 5px;}

.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 {
    background-color: #3BBCF9;
    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;
    padding: 37px 14px;
    color: #313131;

    text-decoration: none;
}

.menu .arrow: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 .arrow: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-family:'Open Sans',Arial,sans-serif;
 	font-size:12px;
	border-top:1px solid #3bbcf9;
}

.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 ul li a:hover, .menu ul li a:hover {color:#169fe6;}
.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;
	border-top:1px solid #3bbcf9;
	
}

.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;
		font-family:'Open Sans',Arial,sans-serif;
}

.header5 .mega-menu ol li:hover, .header5 .menu ul li ul li a{ color: #505050;}
.mega-menu ol li a:hover {
   color:#169fe6;
}
.header5 .mega-menu ol li a { color: #505050;}
.header5 .mega-menu li a:hover, .header5 .menu ul li ul li a:hover{	color:#169fe6;}
.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{ 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 {
    background: #3bbcf9;
    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 .arrow: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;}
.blue-txt{ color:#3bbcf9;}


.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{ 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;}




/* CSS Document */

a, #lp-contacts li span,#portfolio-filter li a:hover,
#portfolio-filter li.activeFilter a, .portfolio-item:hover h3 a, .entry_date div.post-icon, .entry_date div.post-icon, .entry_meta li a:hover, .ipost .ipost-title a:hover, .promo h3 > span, .error404, .tab_widget ul.tabs li.active a, .product-feature2:hover span, .product-feature4 .fa, .type2 .left-icon, .type3 .left-icon, .type4 .left-icon, .team-skills li span, .blue_btn, .best-price .pricing-title h4, .best-price .pricing-price, .acctitlec, #footer.footer-light .post-bg a:hover, .icon-right, .accordion .in_head:before, .blu, .blu a, .team-blanck h4, .view-detail h4, .rmore a, .leftprev a, .rightnext a, .wid-cate a:hover, .twitter-posts p span, .list_style li a:hover, .list_style li i, .menu ul ul li a:hover, .menu ul li a:hover, .menu ul ul li a:active,.menu ul ul li:hover, .header5 .mega-menu ol li:hover,.header5 .mega-menu ol li a, .header5 .menu ul li ul li a, .mega-menu ol li a:hover, .blue-txt, #top-menu li a:hover, .comment-content .comment-author a:hover, .circle2.product-feature3 .fa
 */{	color: #f1c40f;}*/

#top-bar, .portfolio-overlay, #portfolio-navigation a:hover, .entry_date div.day, .sidenav > .active > a,
.sidenav > .active > a:hover, .product-feature img, .product-feature  span, .product-feature3 img,
.product-feature3 > span,  .team-image span, 
.icon-rounded:hover,
.icon-circled:hover, .pricing-style2 .best-price .pricing-price, #twitter-panel, #gotoTop:hover, a.twitter-follow-me:hover,
#footer.footer-dark a.twitter-follow-me:hover, .tagcloud a:hover,
#footer.footer-dark .tagcloud a:hover, .widget-scroll-prev:hover,
.widget-scroll-next:hover,
#footer.footer-dark .widget-scroll-prev,
#footer.footer-dark .widget-scroll-next, .view-detail, .pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span, .icon_lists .fa-hover a:hover, .clander-left .datemonth, h3:before, .signup, #footer.footer-dark .widget h4:before, .blue-sec , .topouther, .heigh  , .stretched #page-title, .entry_title h4:before, .widget h4:before, .postcontent h4:before, .panel-left-icon, .error404-meta input[type="submit"], .lp-subscribe input[type="submit"], .product-feature4:hover span, #footer.footer-light .widget h4:before, #portfolio-details-wrap .port-details h4:before, #portfolio-related h4:before, .simple-button.inverse, .simple-button:hover, .simple-button:hover, .become-prtner a, .res-desig i, .dropcap1{
   */background-color: #f1c40f;*/
   
}
.blu, .blu a  {color: #f1c40f !important;}
#top-menu li a:hover { border-bottom: 1px dotted #f1c40f;}
.rs-thumb-wrap a.active,  .mega-menu, .menu ul ul, .topouther:after, .tab_widget ul.tabs li.active { border-top-color: #f1c40f; }
.portfolio-item:hover .portfolio-title, .portfolio-title , .promo, .testimonial-item .testi-content, .testimonials.dark .testi-content{ border-bottom-color: #ffffff; }
.comment-content .comment-author a:hover , #footer, .type2 .left-icon, .type3 .left-icon, .circle2.product-feature3 img, .circle2.product-feature3 > span, .product-feature4 img, .product-feature4 span{ border-color: #f1c40f;}
#footer.footer-dark .portfolio-item:hover .portfolio-title, .big-head:before, #portfolio-filter li.activeFilter { border-bottom-color: #f1c40f; }
.our-clients li:hover, .featured-thumbnail img:hover { border-color: #f1c40f; }

.side-tabs ul.tabs li.active, .side-tabs ul.tabs li:hover, .panel-left-icon:after {border-left-color: #f1c40f;}
.type2 .left-icon, .type3 .left-icon { box-shadow: 0 4px 0 #f1c40f;}

*/.left-icon { background-color:#dbb20c;*/  box-shadow: 0 1px 0 rgba(0, 0,0 , 0.3);}
.left-icon:after {border-left-color: #dbb20c;}

#logo a{ background:url(images/logo-9.png) no-repeat;}