/*
Theme Name: ElegantBiz
Theme URI: http://www.amazewp.com
Description: 2 columns Wordpress theme, responsive and has custom style for mobile devices
Version: 1.17
Author: <a href="http://www.amazewp.com" target="_blank">AmazeWP.com</a>
Author URI: http://www.amazewp.com
*/
* { margin: 0; }
@font-face {
    font-family: 'BebasNeue';
    src: url('inc/bebasneue-webfont.eot');
    src: url('inc/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/bebasneue-webfont.woff') format('woff'),
         url('inc/bebasneue-webfont.ttf') format('truetype'),
         url('inc/bebasneue-webfont.svg#BebasNeue') format('svg');
}
@font-face {
    font-family: 'Oswald';
    src: url('inc/oswald-webfont.eot');
    src: url('inc/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/oswald-webfont.woff') format('woff'),
         url('inc/oswald-webfont.ttf') format('truetype'),
         url('inc/oswald-webfont.svg#Oswald') format('svg');
}
@font-face {
    font-family: 'LeagueGothic';
    src: url('inc/league_gothic-webfont-webfont.eot');
    src: url('inc/league_gothic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/league_gothic-webfont-webfont.woff') format('woff'),
         url('inc/league_gothic-webfont-webfont.ttf') format('truetype'),
         url('inc/league_gothic-webfont-webfont.svg#LeagueGothic') format('svg');
}
body { 
	margin: 0; padding: 0; font-size: 14px; line-height:1.6em; background: transparent; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3, h4, h5 {font-family:Oswald; font-weight:normal; margin-bottom: 10px; margin-top: 0;}
h1 {font-size: 30px;}
h2 {font-size:22px; }
h3 {font-size:18px; }
h4 {font-size:16px; }
h5 {font-size:14px; }
h1 a {color:#555;}
h1 a:hover {text-decoration: none;}

#wrapall { max-width: 1000px; margin:30px 0; margin-left: auto; margin-right: auto; padding: 0; background: #fff;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
#content, .content, .wrap, .wrapwithbg, #menu {max-width: 948px; margin:0; margin-left: auto; margin-right: auto;} 
#content { padding: 20px; }
.content { padding: 20px 20px 0 20px; }
.container { max-width: 948px; }
.wrap, #topbar, .bottombar, #footer { padding: 0 20px; }
.wrapwithbg { max-width: 1000px; }

.header_section, .header_section_home { position: relative; margin-left: auto; margin-right: auto; 
border-bottom: 10px solid #006c87; background-color: #c6d7e4;
}
.header_section { height: 120px; margin-bottom:-120px; }
.header_section_home { height: 330px; margin-bottom:-330px; }

#header {min-height:80px; padding:10px 0;}
#header .logo { font-size:40px; line-height:36px; font-family:BebasNeue; text-transform:uppercase; font-weight: normal; display: block;}
#header .logo:hover { text-decoration:none; }
#header .description { text-transform:uppercase; margin-top:5px; font-family:LeagueGothic; font-size:22px; color:#666; }
#header .span7 { margin-top: 20px; }

#header .phone { font-size: 2.4em; font-family:LeagueGothic; }
.phoneicon { background-image: url(images/icons/phone.png); background-repeat: no-repeat; 
  width: 22px; height: 22px; display: inline-block; vertical-align: text-top; }
.phoneicon.medium { background-position: 0 0; }
.phoneicon.small { background-position: 0 -22px; width: 13px; height: 13px;}
.phoneicon.medium.icon-white { background-position: -22px 0;}
.phoneicon.small.icon-white { background-position: -22px -22px;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -2px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 4px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.3);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.3);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

#menuwrap {	min-height: 48px; border-width: 4px 0 0 0; border-style: solid; border-color: blue; 
  position: relative;
background: #222; /* Old browsers */
background: -moz-linear-gradient(top,  #222 0%, #111 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222 0%,#111 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222 0%,#111 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222 0%,#111 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222 0%,#111 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111',GradientType=0 ); /* IE6-9 */
filter: -ms-progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111',GradientType=0 ); /* IE6-9 */
/*-moz-box-shadow:    0 2px 20px -2px #000;
-webkit-box-shadow: 0 2px 20px -2px #000;
box-shadow:         0 2px 20px -2px #000;*/
}
#menuwrap .beside_menu { text-align: right; margin-top: 8px; }
#menuwrap .beside_menu input { height: 28px\9; line-height: 28px\9; }
ul.menu { margin:0; font-family: helvetica; }
ul.menu li a img {margin-right: 6px; margin-top: -3px; vertical-align: middle; display: inline; width: 16px; height: 16px; }
ul.menu li {position:relative;float:left;list-style:none;margin:0 0; line-height:32px; }
ul.menu li a{display:block; margin-right: 0; padding:8px 15px;font-weight:normal;font-size:13px; text-decoration:none; 
  text-transform:uppercase; 
  color:#ccc;
-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}
ul.menu li a .nav_desc {display: none; }
ul.menu li:last-child a{margin-right:0;}
ul.menu li a:hover { 
background: #111111; /* Old browsers */
background: -moz-linear-gradient(top,  #111111 0%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #111111 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #111111 0%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #111111 0%,#222222 100%); /* IE10+ */
background: linear-gradient(to bottom,  #111111 0%,#222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}
.current-menu-item ul.sub-menu li a {color:#aaa;}
ul.sub-menu { z-index: 1001 !important; }

ul.menu ul {text-align:left;position:absolute;top:48px; margin:0;display:none; z-index: 9999;
  border-style: solid; border-width: 0; border-color: #aa0000;
}
ul.menu ul ul { border-width: 0; }
ul.menu ul li {position:relative;list-style:none;width:180px;margin:0;float:left;line-height:18px;
 }
ul.menu ul li a, .menu li.current-menu-item ul.sub-menu li:first-child a, .menu li.current-menu-item ul.sub-menu li a {text-decoration:none;display:block;background:#222;color:#aaa;
  font-size:13px;font-family:arial;text-transform:capitalize;border-radius:0; border:0; text-shadow:0px 1px 0 #000;margin:0;
border-top:1px solid #333; padding:6px 10px;}
ul.menu ul li a:hover, .menu ul.sub-menu li.current-menu-item a, .menu ul.sub-menu li.current-menu-item a:hover, .menu li.current-menu-item ul.sub-menu li a:hover {
  color:#ddd; border-top:1px solid #333; background:#111;
}
ul.sub-menu li:last-child a, ul.sub-menu li:last-child a:hover, .current-menu-item ul.sub-menu li:last-child a, .current-menu-item ul.sub-menu li:last-child a:hover {  }
ul.menu ul li:first-child a, ul.menu ul li:first-child a:hover, .current-menu-item ul.sub-menu li:first-child a, .menu li ul.sub-menu li.current-menu-item:first-child a, .menu li.current-menu-item ul.sub-menu li:first-child a { border-top: 0;}
ul.menu ul ul {left:180px;top:0;}

#topbar .topbar_slider, #topbar .topbar_video { 
padding: 0; border-color: #fff; border-style: solid; border-width: 9px 9px 9px 9px;
}
#topbar { color: #ddd; }
#topbar .topbar_slider { max-width: 100%; margin-top: -15px; }
/*.nivoSlider img { max-height: 358px; }*/
#topbar .topbar_video, #topbar .topbar_video iframe, #topbar .topbar_video object { float: left; }
#topbar, .page_title { padding-top: 20px; background-color: #40006b; position: relative;
border-width: 0 0 5px 0; border-style: solid; border-color: #222;
}
#topbar_other { border-width: 0 0 5px 0; border-style: solid; border-color: #222; }
#topbar li {list-style: none;}
#topbar h1 {margin:15px 0 0 0;}
#topbar h2,#topbar h3 {margin:0;line-height: 1.2em; margin:0 0 10px 0;}
#topbar .topbarleft {min-height: 195px;}
#sliderwrap { padding:20px 0 25px 0; }
#sliderwrap img { width:auto\9; height:auto; }
#sliderwrap .nivoSlider { border: 0; }
#homeCTA { padding: 0;
border-width: 0; border-style: solid; border-color: #fff; color: #ccc; 
background-color: #353535; 
-moz-box-shadow:    0 5px 10px -5px #000;
-webkit-box-shadow: 0 5px 10px -5px #000;
box-shadow:         0 5px 10px -5px #000;
}
#homeCTA #topbar, #homeCTA #topbar_off { padding-bottom: 15px; }
#homeCTA #topbar_off { padding-top: 25px; }
#homeCTA h1, #homeCTA h2, #homeCTA h3 {margin: 0 0 10px 0; color: #ddd; }
#homeCTA p.homeCTA_content { font-size: 16px; line-height: 1.6em; }
#homeCTA .btn, #homeCTA a { float: right; margin-left: 20px; font-weight: bold; font-family: helvetica, tahoma, arial; }

#sidebar { }
#sidebar ul, #sidebar ol { margin-left:0; }
#sidebar h2,#sidebar h3 {text-transform:uppercase; margin-bottom: 5px; }

#sidebar .sidebar-1 { }
#sidebar .sidebar-box { margin:0 0 15px 0; }
#sidebar .sidebar-box li { margin-bottom:5px; }
#sidebar .sidebar-box ul ul { margin-top:5px; }
.listnone { margin: 0; }
.listnone li { background: none; padding-left: 0; margin-bottom: 10px; list-style-type: none; }
.listnone li a { font-weight: bold; }
.sidebar-box .listicon, .bottombar .listicon { background: url(images/page-icon.png) no-repeat 0 7px; padding-left: 14px;
            -moz-background-size: 5px 5px;
             -ie-background-size: 5px 5px;
              -o-background-size: 5px 5px;
        -webkit-background-size:  5px 5px;
                 background-size: 5px 5px;
                 }
#sidebar-tabs h2 {display: none;}

#sidebar .menu li, .bottombar .menu li { float: none; background: #222; margin-bottom: 1px; 
-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
  }
#sidebar .menu, .bottombar .menu { margin: 0; }
#sidebar .menu li a:hover, .bottombar .menu li a:hover { border: 0; }

#sidebar-menu { margin-bottom: 20px; }
#sidebar-menu a:hover { text-decoration: none; background: #f5f5f5; }
#sidebar-menu li a { display: block; line-height: 20px; padding: 5px 10px; border-bottom: 1px solid #ddd; }
#sidebar-menu ul li ul li a { padding-left: 20px; }
#sidebar-menu h3 { background: #ddd; padding: 0 12px; margin:0; color:#eee; text-shadow:0px 1px 0px #111;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#sidebar-menu .sidebar-menu { border: 1px solid #ddd; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
#sidebar-menu .current-menu-item a { background-color: #eee; color: #555;}

.page_title .title_content { float: left; }
.page_title .title_content div { padding-bottom: 20px; font-style: normal; color: #999; }
.page_title h1 { margin: 0; }
.page_title .breadcrumb { float: right; background: transparent; padding: 0; padding-top: 10px; }

#post { margin-bottom: 20px; }
h1 a, h1 a:hover, #post h2 a:hover {text-decoration:none;}
.entry a.btn, .entry a.carousel-control, .entry .carouselphotos_title a, .entry a.btn:hover, .entry a.carousel-control:hover, .entry .carouselphotos_title a:hover {text-decoration:none;}
#post .entry { color:#000; margin-bottom: 20px; }
.post h2 { line-height:1.4em; margin-bottom:10px; }

/*.heading_style*/
#post .heading_style { background: url(images/line_title.png) repeat-x 0 10px; overflow: hidden; margin: 0; padding: 0; }
#post .heading_style_margin { margin-right: 52px; }
#post .heading_style h2 { background-color: #fff; float: left; padding-right: 8px; 
font-family: oswald !important; font-size: 18px !important; line-height: 1.4em !important; margin-bottom: 10px !important; 
}
div .carousel-control.bigbutton { filter:alpha(opacity=0); opacity:0;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
div:hover .carousel-control.bigbutton { filter:alpha(opacity=100); opacity:1; }
.carousel-nav { background: #fff; display: inline-block; width: 55px; height: 20px; top: -32px; float: right; position: relative;}

.post_slider { color: #ddd; background: #222; padding: 0 20px 5px 20px; margin-top: 15px; margin-bottom: 25px; 
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
  }
.post_slider .featured { background: #222; border-width: 5px; border-style: solid; border-color: #eee; padding: 4px 10px; text-transform: uppercase; float: right; 
  position: relative;  margin-top: -20px; display: inline; 
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
  }
.post_slider p { line-height: 1.6em; }
.post_slider h2 a:hover { color: #ccc !important; }
.post_slider a, .post_slider a:hover { color: #eee; }
.post_slider a.btn-secondary { color: #333; }
.post_slider #carousel-nav { margin-top: 5px; margin-bottom: 0; text-align: center; }
.post_slider hr { display: none; }

/* global */
#related-posts h3 {margin-bottom:5px;}
#related-posts a {font-weight:bold;}
#related-posts li{margin-bottom:5px;}
li.listinline {float:left; margin-bottom:10px; margin-right: 10px;}
li.listinline:last-child {margin-right:0;}
.listinline a:hover {text-decoration:none;}
#sidebar ul, #related-posts ul { list-style:none; margin-left:0;}
#sidebar ul li a img, #related-posts ul li a img { border:1px solid #aaa; padding:3px;}
/* thumbnail */
img.thumbnail { background-color: #fff; }
.bottombar img.thumbnail, #sidebar img.thumbnail, .post img.thumbnail, .post_slider img.thumbnail { padding: 4px; border: 1px solid #ccc;
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
  }
.post_slider img.thumbnail { background: #eee; border: 0; padding: 5px; }
.bottombar img.thumbnail { background: #000; padding: 5px; border: 1px solid #333; }
.bottombar img.thumbnail:hover, #sidebar img.thumbnail:hover, .post img.thumbnail:hover {border: 1px solid #777; }
.carousel-photos img.thumbnail, #onepageajax img.thumbnail, .carousel-photos img.thumbnail:hover, #onepageajax img.thumbnail:hover { padding: 0 !important; border: 0 !important; }
.portfolio .post img.thumbnail, .portfolio .post img.thumbnail { padding: 0 !important; border: 0 !important; }
/*
*/
.bottombar ul li a img, #sidebar ul li a img, #post a img, .thumbnail_gallery span, .btn
{
filter:alpha(opacity=100); opacity:1;
-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;
}
.bottombar ul li a img:hover, #sidebar ul li a img:hover, #post a img:hover { 
  /**/ opacity:0.7; filter:alpha(opacity=70);
}

.bottombar { background:#151515; color:#666; text-shadow:-1px 0px 0px #000; padding-top:15px; padding-bottom:15px; 
border-bottom: 1px solid #000; }
.bottombar h3,.bottombar h2 { text-transform:uppercase; color:#ccc; margin-bottom:5px; }
.bottombar a { text-shadow:0 0 0; color: #999; }
.bottombar a:hover { color: #fff; text-decoration: none; }
.bottombar ul { list-style:none; }
.bottombar ul ul { margin-top: 5px; }
.bottombar ul, .bottombar ol { margin-left:0; }
.bottombar ul li { padding:0; margin-bottom:5px;}
.bottombar ul li a img { border:1px solid #333; background:#111; padding:5px;}
.bottombar .carousel-nav { background: transparent; }

#footer { background:#111; color:#888; border-top: 1px solid #222; padding-top: 20px; font-size: 11px; }
#footer .menufooter li a { color:#888; }
#footer .menufooter ul { list-style:none; }
#footer .menufooter li { display:inline; margin-left:10px; }
#footer .menufooter li.current-menu-item a, #footer .menufooter li a:hover { text-decoration:none; color:#bbb; }

/*misc*/
.input-append .input_black, .input_black { background-color: #333; color: #ccc; border: 1px solid #222; }
.search-icon { background-image: url(images/search.png); background-repeat: no-repeat; width: 14px; height: 14px; display: inline-block;
  margin-top: 1px; vertical-align: text-top;
            -moz-background-size: 14px 28px;
             -ie-background-size: 14px 28px;
              -o-background-size: 14px 28px;
        -webkit-background-size:  14px 28px;
                 background-size: 14px 28px;
 }
.search-icon.black { background-position: 0 0; }
.search-icon.white { background-position: 0 -14px; }
.toprated td:first-child { padding-left: 15px; padding-right: 15px; }
.toprated tr th:first-child { padding-left: 15px; padding-right: 15px; border:0;}
.width20percent { width: 17.6%; float: left; }
.width40percent { width: 38%; float: left; }
.width60percent { width: 58.5%; float: left; }
.width80percent { width: 78.5%; float: left; }
.marginrightper { margin-right: 3%;}
.marginright0 { margin-right: 0;}
.contactinfo { margin-left: 20px; }
.contactinfo i { margin-left: -20px; }
thead {background:#f2f2f2;}
.post .toprated { margin: 1px 0 30px 0;
  -webkit-box-shadow: 0px 5px 10px #333;
    -moz-box-shadow: 0px 5px 10px #333;
    box-shadow: 0px 5px 10px #333;
}
.post .toprated .btn {width: 100px;}
.post .toprated th {color:#eee; background: #2D5D78; font-family: oswald; font-weight: normal; }
.table-bordered {border:0;}
.rotate90 {
  -webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
}
.heading_inline h4 {display: inline;}

ul.inline_stylenone { margin-left: 0; }
ul.inline_stylenone li { list-style: none; display: inline-block; float: left; line-height: 30px; margin-right: 10px; margin-bottom: 5px;}
ul.list_stylenone { margin-left: 0; }
ul.list_stylenone li { list-style: none; display: inline-block; margin-bottom: 5px; text-align: center;}

.transbg_line { background:url(images/trans50.png); height: 5px; }
.transbg_line2 { background:url(images/trans30.png); height: 5px; }
.opacity05 { opacity: 0.5; }
.opacity03 { opacity: 0.3; }

.google_maps_iframe {border:0; margin: 0; overflow: hidden; width: 100%; height: 300px; }
iframe, object {border:0; display: inline-block; }

.justify {text-align:justify;}
.space5 { display:block; height:5px; }
.space10 { display:block; height:10px; }
.space15 { display:block; height:15px; }
.space20 { display:block; height:20px; }
.space25 { display:block; height:25px; }
.space30 { display:block; height:30px; }
.space35 { display:block; height:35px; }
.clear {clear:both;}
.left15 {margin-left: 15px;}
.left20 {margin-left: 20px;}
.left30 {margin-left: 30px;}
.left27p {margin-left: 27%;}
.topminus30 {margin-top: -30px; position: relative;}
.topminus35 {margin-top: -35px; position: relative;}
.topminus5 {top: -5px; position: relative;}
.topminus10 {top: -10px; position: relative;}
.topminus15 {top: -15px; position: relative;}
.bottomminus5 {bottom: -5px; position: relative;}

.uppercase { text-transform: uppercase; }
.fontitalic {font-style:italic;}
.fontbold {font-weight:bold;}
.fontblack {color:#333;}
.fontwhite {color:#eee;}
.fontgray {color:#999;}
.fontred {color:#bb0000;}
.dotted {border-bottom:1px dotted #aaa;}
.floatleft {float:left;}
.floatright {float:right;}
.textalign_left {text-align:left;}
.textalign_right {text-align:right;}
.textalign_center {text-align:center;}
.position_center {margin-left: auto; margin-right: auto;}
.position_left {margin-right: auto;}
.position_right {margin-left: auto;}
.font12em {font-size: 1.2em; line-height: 1.4em;}
.font14em {font-size: 1.4em; line-height: 1.2em;}
.font16em {font-size: 1.6em; line-height: 1.4em;}
.font09em {font-size: 0.9em;}
.font08em {font-size: 0.8em;}
.textdecpration_none {text-decoration: none !important;}
.linkwhite a {color:#ddd; text-decoration: none; }
.linkwhite a:hover {color:#999;}
.linkblack a {color:#000; text-decoration: none; }
.linkblack a:hover {color:#333;}
.margin_auto { margin-left: auto; margin-right: auto; }
.displayblock {display:block;}
.displaynone { display: none; }

.bg_eee {background-color: #eee;}
.bg_ddd {background-color: #ddd;}
.bg_ccc {background-color: #ccc;}
.bg_333 {background-color: #333; color: #eee;}
.bggreen_DFF0D8 {background-color: #DFF0D8;}
.bgred_F2DEDE {background-color: #F2DEDE;}
.bgblue_D9EDF7 {background-color: #D9EDF7;}
.bg_dark {background-color: #000;}

.rating {width:86px;height:15px; display: inline-block;}
.empty_rating {width:0;height:15px; display: inline-block;}
.radius5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.radius10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.radius15 {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.radius2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.colorbox { padding: 10px 15px 10px 15px; min-height: 20px; margin-bottom: 20px; }
.graybox, .alert-gray { text-shadow:0px 1px 0px #fff; background-color: #eee; border: 1px solid #ddd; }
.whitebox { background-color: #fff; padding: 6px 5px 1px 5px; border: 1px solid #ddd; text-align: center;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.customborder { border-width: 6px; border-style: dashed; border-color: red;
}
.customborder_content { padding: 15px 20px;
}

.opacityfade {opacity:0.3;
-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;-ms-transition: 
opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;
}
.opacityfade:hover {opacity:1;}

.bumpup img { float: left; margin: 5px;
-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
.bumpup img:hover { margin-top: 0px; padding-bottom:5px;}

.crooked img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.crooked img:hover {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
}

.fading_group a {
/*
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;*/
}
.fading_group a img, .fading_group a { margin-left: 8px; margin-right: 0;}
.fading_group:hover a img, .fading_group:hover a, .fading_group:hover span { opacity:1; filter:alpha(opacity=100); }
.fading_group a img:hover, .fading_group a:hover, .fading_group span:hover { opacity:1; filter:alpha(opacity=100); }
.social_profiles { width: 100%; text-align: right; }
.social_profiles a.custom_social_icons { width: 32px; height:32px; margin-right: 5px; display: inline-block; background-repeat: no-repeat; background-position: left center;
            -moz-background-size: 32px 32px;
             -ie-background-size: 32px 32px;
              -o-background-size: 32px 32px;
        -webkit-background-size:  32px 32px;
                 background-size: 32px 32px;
                 }
.dropdown_select select { cursor: pointer; }
.dropdown_select select option {  }

#post #carousel-content.slide {padding: 15px 15px 0px 15px; border: 1px solid #ddd; background: #eee;}
#post .dotstyle { text-align: center; margin: 15px 0 0 0; }
.dotstyle a { 
  width: 12px; height: 12px; display: inline-block;
  background-color: #ccc;
    background-image: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-indent:-9999px;
}
.dotstyle a.active {
  background-color: #333;
}
iframe[src^="//assets.pinterest"] { display: none; }

/* icons */
.myicon {display: inline-block; vertical-align: text-bottom;}

.customlist ul, .customlist ol { margin-left: 33px; }
.customlist ul li, .customlist ol li { list-style: none; margin-bottom: 5px; }
.customlist ul li i, .customlist ol li i {  margin-right: 3px; }

.customlist ul li [class^="ic-"], .customlist ol li [class^="ic-"]{ margin-left: -28px; width: 25px; }
.customlist ul li [class^="cus-"], .customlist ol li [class^="cus-"], .customlist ul li [class^="icon-"], .customlist ol li [class^="icon-"] { margin-left: -23px; width: 20px; }

.social_icons { margin-right: 5px; width: 32px; height: 32px;
background-image: url(images/icons/socialicons.png); background-repeat: no-repeat;
display: inline-block; 
            -moz-background-size: 280px 80px;
             -ie-background-size: 280px 80px;
              -o-background-size: 280px 80px;
        -webkit-background-size:  280px 80px;
                 background-size: 280px 80px;
/**/-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
transition:.2s;
     }
.facebook:hover { background-position: -4px -44px; } .facebook { background-position: -4px -4px; }
.twitter:hover { background-position: -44px -44px; } .twitter { background-position: -44px -4px; }
.linkedin:hover { background-position: -84px -44px; } .linkedin { background-position: -84px -4px; }
.youtube:hover { background-position: -124px -44px; } .youtube { background-position: -124px -4px; }
.googleplus:hover { background-position: -164px -44px; } .googleplus { background-position: -164px -4px; }
.pinterest:hover { background-position: -204px -44px; } .pinterest { background-position: -204px -4px; }
.rss:hover { background-position: -244px -44px; } .rss { background-position: -244px -4px; }

/* WP */
.input-append .btn.show_search { 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#searchform { margin: 0; }
#searchform .input-append input[type="text"] { height: 20px; height: 17px\9; width: 160px; }
blockquote { border:0; background: #eee url(images/quote.png) no-repeat 20px 20px; padding: 20px 20px 20px 70px; min-height: 40px;
  color: #555; text-shadow:0px 1px 0px #fff; display: block; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
blockquote p { font-size: 16px; font-weight: normal; }
.alert h3 {margin-bottom: 1px;margin-top:0; }
.tagcloud a, .tags a {background-color: #333; color: #bbb; text-decoration: none; padding: 0 6px 0 6px; display: inline-block; margin-bottom: 4px; 
-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.tagcloud a:hover, .tags a:hover {color: #ddd;}
.attachment a img { max-width: 100%; height: auto; }

.meta {font-size:12px; margin-bottom:10px;}
.meta a{font-weight:normal; }
.meta a:hover{color:;}
.meta .posted {cursor:default;}
.meta .tags a { }

.recent_comments {}
.recent_comments li {}
.avatar {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

#respond {width:100%;}
#respond .left {float:left; width:40%;}
#respond .right {float:left; width:53%; margin-left:4%;}
#respond h3 { margin: 0 0 10px 0; padding: 0 10px; font-size: 1.6em; background-color: #ccc; 
border: 1px solid #aaa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
#respond input[type="text"] { width:100%; }
/**/
#commentform textarea {width:100%; min-height:90px;}

ol.commentlist {margin:10px 0;}
ul.commentlist li,ol.commentlist li {list-style:none;background:#f8f8f8;}
.commentlist li.one,.commentlist li.alt,.commentlist li.even{list-style:none;margin:0 0 10px 0;padding:10px 10px 1px 10px; 
background:#f5f5f5;border:1px solid #ddd;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  }
.commentlist li.byuser  { background: #D9EDF7; border:1px solid #bce8f1;}
.commentlist li.one .cmtinfo, .commentlist li.alt .cmtinfo {font-size:1em;}
.commentlist li cite{font-weight:bold;}
.commentlist li.one .cmtinfo em, .commentlist li.alt .cmtinfo em 
{
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#888;
}

.avatar {float:left;margin:0 10px 5px 0;}
.commentmetadata { float:right; }
.commentmetadata a { color:#999; }
.reply { margin-bottom:10px; display:inline-block;padding-bottom: 4px;}
.comment-reply-link:hover { text-decoration: none; }
.comment-reply-link i { opacity: 0.7; }
.cancel-comment-reply { margin:0 0 10px 0; }
.cancel-comment-reply a:hover { text-decoration: none; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* End Images */
.alignleft {margin:5px 15px 10px 0 !important;}
.alignright {margin:5px 0 10px 15px !important;}
.aligncenter {margin-bottom:5px !important;}

/* gallery */
dl.gallery-item {
	margin: 0;
}
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px; display:none;
}
#content .gallery {
	margin: 0 auto 1em;
}
#content .gallery a img {
	border: none;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
}
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #aaa;
}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
/* gallery */
.gallery  {}
.gallery img {width:75px;height:75px;height: expression(this.height > 75 ? 75: true); width: expression(this.width > 75 ? 75: true);}
.gallery a img {padding:3px;margin:0 5px 0 0;}
.gallery a img:hover {border:1px solid #999;}

/*Misc*/
.fb_comment_style { background-color: #3B5998; color: #fff; padding-top: 5px; padding-bottom: 5px; border: 1px solid #133783; font-family: tahoma; }
.fb-comments { width: 100%; }
.lightboxcontent {display: none; max-width: 500px; }
#topbar .optinform {}
.optinform h2 { line-height: 1.4em; color: #fff; }
.optinform { line-height: 1.4em; }
.optinform form {margin-top: 10px; }
.optinform input {display: block; margin-left: auto; margin-right: auto;max-width: 190px;}
.optinform input[type="submit"], .optinform button {text-transform: uppercase; font-weight: bold; text-align: center; width: 200px; line-height: 2em; height: 36px; }
.ratingnameblock {max-width: 250px; min-width: 250px;}
.ratingnameblock .block { display:block; padding-left: 10%; border-top: 1px solid #ddd; padding-top:10px;}
.ratingnameblock .name {width: 90px; }
.floatingleft { position:fixed !important; position: absolute; /*ie6 */ margin-left:-110px; width: 60px; }
.floatingright { position:fixed !important; position: absolute; /*ie6 */ margin-left:970px; width: 60px; }
.affix-top { margin-top:600px; }
.affix { top:48px; z-index: 999;
-o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s;
}

.transition { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }

/* scrolltop */
#back-top {position: fixed;bottom: 2%;margin-left: -7%;}
#back-top a { width: 40px; height: 40px; line-height: 35px !important; display: block;margin-bottom: 7px;
  background:#111; color: #fff; font-size: 30px; text-align: center; font-weight: bold;
  opacity: 0.3;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
}
#back-top a:hover {color: #fff; opacity: 1; text-decoration: none;}

/* Bootstrap */
.btn-mini { padding-left: 8px; padding-right: 8px; 
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
  }
.btn-xlarge {
  padding: 12px 20px;
  font-size: 20px;
  line-height: normal;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn-xlarge [class^="icon-"],
.btn-xlarge [class*=" icon-"] {
  margin-top: 5px;
}

.input-large-custom {max-width: 240px;}
.bordered2 {border: 2px solid #333;}
.close {margin-right: 20px;}
.carousel-control {width: 20px; height: 20px; font-size: 1.4em; line-height: 0.9em; border: none;}
.carousel-control:hover { background-color: green; }

.carousel_topbar {background: url(images/trans30.png); border: 1px solid #aaa; padding: 10px 30px; min-height: 175px;}
.carousel-control.bigbutton {width: 36px; height: 36px; font-size: 2.5em; top:0; border: 2px solid #ccc; opacity: 1; z-index: 999; }
.carousel-control.bigbutton.left {left:-20px; top:45%;}
.carousel-control.bigbutton.right {right:-18px; top:45%;}
.carousel-control.left { left: auto; right: 25px; margin-top: -8px; }
.carousel-control.right { left:auto; right: 0; margin-top: -8px; }

#myCarousel_testi .moretesti { visibility: hidden; opacity: 0; filter:alpha(opacity=0);}
#myCarousel_testi:hover .moretesti { visibility: visible; opacity: 1; filter:alpha(opacity=100);}
#myCarousel_testi li div { background-image: url(images/quote.png); background-repeat: no-repeat; background-position: 15px 15px; 
  padding-left: 65px; }
#myCarousel_testi a.moretesti:hover { text-decoration: underline; }

.btn-group .btn, .pagination-group .btn {font-size: 13px;}

.btn-group {margin-bottom: 15px;}
.breadcrumb { font-size: 0.8em; }

.pagination-group { margin-bottom:20px; }
.pagination-group a .btn { border-color:#ddd; color:#0088cc; }
.pagination-group a .btn:hover { cursor:pointer; }
.pagination-group span { border-color:#bbb; }
.pagination-group span:hover { cursor:default; }

.pagination li a:hover {background:#e5e5e5;}
.pagination li.active a:hover {background:transparent;}
hr {margin: 15px 0; border-top: 1px solid #e5e5e5;}
hr.bigline {border:0; background: url(images/line_title.png) repeat-x 0 0; height: 5px; }
.icon-tags, .icon-folder-open, .icon-chevron-right, .icon-time, .icon-arrow-right
{opacity: 0.75; filter:alpha(opacity=75);}

.thumbnail_gallery {  }
.thumbnail_gallery span { display: inline-block; opacity: 0; background: transparent; padding: 0 4px; position: relative; margin: -10px 0 0 5px; margin-top: 1px\9; }
.thumbnail_gallery:hover span { opacity: 1; }

.alert {padding: 10px 15px 12px 15px; min-height:20px; color: #333; }
.btn {opacity:1; text-shadow:none;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  }	
.btn:hover {opacity:0.95; filter: alpha(opacity=95); text-shadow:none;
  -webkit-box-shadow: inset 0 0 0 transparent;
  -moz-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
}
.nav-tabs {margin-bottom:0;}
.tabbable, .accordion-group {margin-bottom:20px;}
.nav-tabs li.active {color:#000;}
.tabs-top .tab-content {padding:10px 12px 15px 12px;border:1px solid #ddd; border-top:0; 
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.tabs-left .tab-content {border:1px solid #ddd; padding:8px 12px 15px 12px; min-height: 100px; left:-1px; position: relative; overflow:auto;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; 
}
.tabs-left ul.nav-tabs {margin:0;}
ul.carousel-inner {margin:0;padding:0;}
ul#carousel-nav {margin:0;padding:0; margin-bottom:20px;}
ul#carousel-nav li {list-style:none; display:inline; margin-right:2px;}
.accordion-heading {font-weight:bold;}
.columngroup .span12, .columngroup .span6, .columngroup .span4, .columngroup .span3, .columngroup .span8, .columngroup .span9, .columngroup .span2 .columngroup .span10 {margin-bottom:20px; }
.columngroup .alignleft:last-child { margin-right:0; }

.carouselphotos { padding: 5px 0; }
.carouselphotos_title .textalign_right { padding-right: 55px; }
.carousel-control {
  opacity: 0.2;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.carousel-photos { list-style: none;}
.carousel-photos img { display: inline-block; height: auto; width: 100%; }
.carousel-photos .image_hover { float: left\9; margin-bottom: 5px; }
.carousel-photos .image_hover.columns3 { width: 33%; margin-right: 0; }
.carousel-photos .image_hover.columns4 { width: 25%; margin-right: 0; }
.carousel-photos .image_hover:last-child { margin-right: 0; }
.carousel-photos li.item, .carousel-photos div.item { overflow: hidden; }

.portfolio {margin-bottom:20px;}
.portfolio h2 {font-size: 1.4em;}
.span8 .portfolio .span3 img {width:100%; height:auto;}
.span8 .portfolio .span4 img {width:100%; height:auto;}
.span8 .portfolio .span6 img {width:100%; height:auto;}
.span12 .portfolio .span3 img {width:100%; height:auto;}
.span12 .portfolio .span4 img {width:100%; height:auto;}
.span12 .portfolio .span6 img {width:100%; height:auto;}

.accordion-heading { background:#eee; }
.accordion-heading a:hover { text-decoration:none; }
.accordion-heading .accordion-toggle { padding-left: 30px;}
.iconplus { background: url(images/icon-plusminus.png) no-repeat 12px 11px; }
.iconminus { background: url(images/icon-plusminus.png) no-repeat 12px -20px; }
.iconplus, .iconminus { 
          -moz-background-size: 16px 64px;
             -ie-background-size: 16px 64px;
              -o-background-size: 16px 64px;
        -webkit-background-size: 16px 64px;
                 background-size: 16px 64px;
}

/*portfolio one page - inc/portfolio*/
#filter{display:block;position:relative; margin-top:10px; margin-bottom:20px; }
#filter a{text-transform:capitalize;color:#666;}
#filter a:hover{color:#111;}
#filter a.active{color:#000;}
#onepageajax{display:block;overflow:hidden;width:100%;margin:0 auto; margin-bottom: 20px; }
#onepageajax ul{overflow:hidden; margin:0;}
#onepageajax ul.hidden{display:none}
#onepageajax li { list-style:none outside none; float: left\9; display: inline-block;}
#onepageajax li img { overflow: hidden; }

#onepageajax .category li { margin:0 25px 45px 0; }
#onepageajax .category li.columns2:nth-child(2n+2), #onepageajax .category li.columns3:nth-child(3n+3), #onepageajax .category li.columns4:nth-child(4n+4) {margin-right: 0;}
#onepageajax .paged li a img { margin:0 10px 10px 0; float:left; display: inline-block;}
#onepageajax .paged li.columns2 a:nth-child(2n+2) img, #onepageajax .paged li.columns3 a:nth-child(3n+3) img, #onepageajax .paged li.columns4 a:nth-child(4n+4) img { margin-right:0; }

.carousel-photos .item > div { display: inline-block; float: left\9; margin:0 21px 22px 0; }
.carousel-photos .item > div.columns2:nth-child(2n+2), .carousel-photos .item > div.columns3:nth-child(3n+3), .carousel-photos .item > div.columns4:nth-child(4n+4) { margin-right:0; }

.span8 #onepageajax .paged li {max-width:624px;}
.span12 #onepageajax .paged li {max-width:948px;}
/*
.span8 #onepageajax .category li.columns2 {width:292px;height:219px;}
.span8 #onepageajax .category li.columns3 {width:188px;height:141px;}
.span8 #onepageajax .category li.columns4 {width:136px;height:102px;}
.span12 #onepageajax .category li.columns2 {width:454px;height:341px;}
.span12 #onepageajax .category li.columns3 {width:296px;height:222px;}
.span12 #onepageajax .category li.columns4 {width:217px;height:163px;}
*/
.span8 #onepageajax li.columns2 img, .span8 .carousel-photos .item > div.columns2 img {width:292px !important;height:219px !important;}
.span8 #onepageajax li.columns3 img, .span8 .carousel-photos .item > div.columns3 img {width:188px !important;height:141px !important;}
.span8 #onepageajax li.columns4 img, .span8 .carousel-photos .item > div.columns4 img {width:136px !important;height:102px !important;}
.span12 #onepageajax li.columns2 img, .span12 .carousel-photos .item > div.columns2 img {width:454px;height:341px;}
.span12 #onepageajax li.columns3 img, .span12 .carousel-photos .item > div.columns3 img {width:296px;height:222px;}
.span12 #onepageajax li.columns4 img, .span12 .carousel-photos .item > div.columns4 img {width:217px;height:163px;}

/*
menu dropdowns hover
http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click/8878666#8878666
*/
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
.navbar .dropdown-menu { margin-top: 0px; }

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #333;
}
/*sub-level menu dropdowns*/
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}

/*
http://www.coffeecup.com/forums/html-editor/fix-for-dropdown-menu-displaying-behind-image-content-below-the-/?page=1&forum_user_posts_per_page=all
*/
.nav, .nav-pills, #header { position:relative; z-index:1000; }
#woahbar {z-index:9999;
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow:    0 0 5px #000;
  box-shadow:         0 0 5px #000;
  }
.woahbar{display:none;position:fixed;top:0;left:0;width:100%;z-index:100;text-align:center;font-size:110%;color:#eee;background:#2997AB; 
  padding:8px 0 8px 0; height: 20px; line-height: 20px; 
-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;
box-shadow: 0 0 5px #333;
}
.woahbar p {text-align:center;}
.woahbar .transbg_line2, .woahbar .transbg_line {margin-top:25px;position: relative;}
.woahbar p a {color:#fff; border-bottom:1px dotted #ccc; text-decoration:none;}
.woahbar p a:hover {color:#fff; border-bottom:1px solid #ccc;}

.woahbar-stub{display:none;position:fixed;top:-10px;right:0;height:25px;z-index:9999;text-align:center;padding:7px 0 5px}
.woahbar-link{text-decoration:underline}
.woahbar-down-arrow:hover{opacity:0.60;}
.woahbar-up-arrow:hover{opacity:0.60;}
.close-notify{float:right;margin-right:15px;margin-top:-32px;color:#fff;width:28px;height:32px;text-decoration:none;cursor:pointer; position: relative;}
.show-notify{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; float:right;margin-right:12px;color:#eee;width:36px;height:36px;line-height:36px;text-decoration:none;background-color:#2997AB;cursor:pointer;padding:0;
  border: 1px solid #eee;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}

/*
camera slider, by pixedelic.com
*/
.camera_caption a { color:#eee; }
.camera_pag {display: block; margin-left: 45%; padding-bottom: 40px; margin-top: 10px;}
.camera_pag_ul li { float:left; }
/* 
nivoslider css
http://stackoverflow.com/questions/11128455/nivoslider-and-twitter-bootstrap
*/
.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden; }
.nivoSlider img{position:absolute;left:0;top:0;vertical-align: baseline !important;max-width: none !important; }
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:6;display:none;margin:0;padding:0}.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}.nivo-box img{display:block}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;width:100%;z-index:8;opacity:0.8;overflow:hidden;display:none;-moz-opacity:0.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px}
.nivo-caption p{margin:0;}
.nivo-caption a{display:inline!important}.nivo-html-caption{display:none}.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer}
.nivo-prevNav{left:0}.nivo-nextNav{right:0}

.theme-default .nivo-controlNav{text-align:center;padding-bottom: 9px; margin-top: -31px; position: relative; z-index: 9; visibility: hidden; }
#sliderwrap:hover .nivo-controlNav{ visibility: visible; }
.theme-default .nivo-controlNav a:hover, .theme-orman .nivo-controlNav a:hover{cursor: pointer;}
.theme-default .nivoSlider{position:relative;background:url(inc/nivoslider3/themes/default/loading.gif) no-repeat 50% 50%;}
.theme-default .nivoSlider a{border:0;display:block}
.theme-default .nivo-controlNav a{ margin:0 3px;
  width: 12px; height: 12px; display: inline-block;
  background-color: #aaa;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-indent:-9999px;
    }
.theme-default .nivo-controlNav a.active{background-color: #333;}
.theme-default .nivo-directionNav a{display:block;width:30px;height:30px;background:url(inc/nivoslider3/themes/default/arrows.png) no-repeat;text-indent:-9999px;border:0}
.theme-default a.nivo-nextNav{background-position:-30px 0;right:15px}
.theme-default a.nivo-prevNav{left:15px}
.theme-default .nivo-caption{font-family:Helvetica, Arial, sans-serif}
.theme-default .nivo-caption a{color:#fff;border-bottom:1px dotted #fff}
.theme-default .nivo-caption a:hover{color:#fff}
.theme-default .nivo-controlNav.nivo-thumbs-enabled{width:100%}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a{width:auto;height:auto;background:none;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img{display:block;width:120px;height:auto}

/* comment rating */
#comment-rating {display:block;margin:0 0 10px 0;}
#comment-rating span {float:left;margin-right:10px;}
.comment-rating {float:left;}
.star-rating {top:-3px;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{background: url(functions/ratings/star.png) left -1000px repeat-x;}
.star-rating{position:relative;width:108px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;
             background-position: left top;}
.star-rating li{display: inline;list-style:none;}
.star-rating a,
.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;
                             outline:none;overflow:hidden;border: none;}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{background-position: left bottom;}
.star-rating a.one-star{width:34%;z-index:6;}
.star-rating a.two-stars{width:51%;z-index:5;}
.star-rating a.three-stars{width:68%;z-index:4;}
.star-rating a.four-stars{width:85%;z-index:3;}
.star-rating a.five-stars{width:100%;z-index:2;}
.star-rating .current-rating{z-index:1;background-position: left center;}
.star-rating a.zero-star {width:17%;z-index:8;background:#fff url(functions/ratings/delete.png) left top no-repeat;}
.star-rating a.zero-star:hover,
.star-rating a.zero-star:active,
.star-rating a.zero-star:focus {background-position: left center;}
.star-rating a.zero-selected {background-position: left center;}

.commentrating_star img { margin-top:-3px; }

/* livetwitter, */
.tweetsdiv { max-width:450px; }
.tweetsdiv .time { font-size:0.8em; display: block; }
.tweetsdiv ul, .tweetsdiv ol {margin:0; }
div.tweet {margin:5px 0;}
div.tweet img {float:left; margin:5px 10px 0 0;}
div.tweet a:hover { text-decoration: underline; }
#twitterUserTimeline .tweet { background:url(images/icons/twitter_16.png) no-repeat 0 3px; padding-left:22px; }

/* tabber */
.tabberlive{margin:20px 0;}
ul.tabbernav{margin:0 0 -5px 0; margin-bottom: 10px\9;}
ul.tabbernav li{list-style:none;display:inline-block;margin:0; float: left\9;}
ul.tabbernav li a{text-decoration:none; display:inline-block; line-height: 30px; padding:0 10px 3px 10px; color: #222;
  opacity: 0.8; filter:alpha(opacity=80); font-family: oswald; text-transform: uppercase;
}
ul.tabbernav li a { background: #ddd; border-right: 1px solid #ccc; border-left: 1px solid #eee; }
ul.tabbernav li:first-child a { border-left: 0;
-webkit-border-top-left-radius: 3px; 
-moz-border-top-left-radius: 3px; 
border-top-left-radius: 3px;
 }
ul.tabbernav li:last-child a { border-right: 0;
-webkit-border-top-right-radius: 3px; 
-moz-border-top-right-radius: 3px; 
border-top-right-radius: 3px;
 }
ul.tabbernav li a:link{}
ul.tabbernav li a:hover{color:#eee;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  }
ul.tabbernav li.tabberactive a{color:#eee; background: #222; }
.tabberlive .tabbertab {background: #fff; border:1px solid #ddd; border-top: 5px solid #ddd; border-bottom: 5px solid #ddd; padding: 10px 10px 5px 10px;
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-bottom-left-radius: 5px; 
-moz-border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.tabberlive #tab2 .tabbertab{height:200px;overflow:auto}
.tabberlive .tabbertabhide,.tabberlive .tabbertab h2,.tabberlive .tabbertab h3{display:none}
/* end tabber */

/* http://stackoverflow.com/questions/11589816/twitter-bootstrap-carousel-vertical-sliding */
.vertical .carousel-inner {height:150px;}
.carousel.vertical .item {
  -webkit-transition:.6s ease-in-out top;-moz-transition:.6s ease-in-out top;-ms-transition:.6s ease-in-out top;
  -o-transition:.6s ease-in-out top;transition:.6s ease-in-out top;
  left:0
}
.carousel.vertical .active,.carousel.vertical .next.left,.carousel.vertical .prev.right{top:0}
.carousel.vertical .next,.carousel.vertical .active.right{top:100%}
.carousel.vertical .prev,.carousel.vertical .active.left{top:-100%}

/*bootstrap custom*/
#myModal_1st { text-align: center !important; }
.modal h2, .modal h3, .modal button { padding: 0; margin: 0; }
.modal button.non_header { margin: 5px 10px 0 0; }
.modal-body { min-height: 250px; max-height: 600px; }
.btn-yellow { background-color: hsl(46, 100%, 45%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fed756", endColorstr="#e5af00"); background-image: -khtml-gradient(linear, left top, left bottom, from(#fed756), to(#e5af00)); background-image: -moz-linear-gradient(top, #fed756, #e5af00); background-image: -ms-linear-gradient(top, #fed756, #e5af00); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed756), color-stop(100%, #e5af00)); background-image: -webkit-linear-gradient(top, #fed756, #e5af00); background-image: -o-linear-gradient(top, #fed756, #e5af00); background-image: linear-gradient(#fed756, #e5af00); border-color: #e5af00 #e5af00 hsl(46, 100%, 39.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; }
.btn-purple { background-color: hsl(312, 80%, 31%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e018b8", endColorstr="#8e0f74"); background-image: -khtml-gradient(linear, left top, left bottom, from(#e018b8), to(#8e0f74)); background-image: -moz-linear-gradient(top, #e018b8, #8e0f74); background-image: -ms-linear-gradient(top, #e018b8, #8e0f74); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e018b8), color-stop(100%, #8e0f74)); background-image: -webkit-linear-gradient(top, #e018b8, #8e0f74); background-image: -o-linear-gradient(top, #e018b8, #8e0f74); background-image: linear-gradient(#e018b8, #8e0f74); border-color: #8e0f74 #8e0f74 hsl(312, 80%, 26.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }
.btn-blue2 { background-color: hsl(195, 83%, 28%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1089b1", endColorstr="#0c6582"); background-image: -khtml-gradient(linear, left top, left bottom, from(#1089b1), to(#0c6582)); background-image: -moz-linear-gradient(top, #1089b1, #0c6582); background-image: -ms-linear-gradient(top, #1089b1, #0c6582); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1089b1), color-stop(100%, #0c6582)); background-image: -webkit-linear-gradient(top, #1089b1, #0c6582); background-image: -o-linear-gradient(top, #1089b1, #0c6582); background-image: linear-gradient(#1089b1, #0c6582); border-color: #0c6582 #0c6582 hsl(195, 83%, 25.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16); -webkit-font-smoothing: antialiased; }

/*start pricing table*/
.pricingtable_wrap { text-align: center; margin-top: 20px; margin-bottom: 40px; margin-left: auto; margin-right: auto; }
.pricingtable { color: #333; width: 260px; margin-right: 5px; margin-bottom: 5px; display: inline-block;
  float: left\9; /* IE 8 and below */
border:1px solid #f5f5f5;

-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;

  -webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
border-radius: 6px;
 }
.pricingtable:hover {
-moz-box-shadow: 0 0 15px #444;
-webkit-box-shadow: 0 0 15px #444;
box-shadow: 0 0 15px #444;
}
.pricingtable:last-child {margin-right: 0; }

.pricingtable.default .heading h3 { padding-left: 39px; }
.pricingtable .default { background: url(images/topchoice.png) no-repeat right top; width: 39px; height: 39px; float: right; position: relative;}

.pricingtable .heading { padding: 0; text-align: center;
  background-color: #00486B;
  *background-color: #00728F;
  background-image: -ms-linear-gradient(top, #00486B, #00728F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00486B), to(#00728F));
  background-image: -webkit-linear-gradient(top, #00486B, #00728F);
  background-image: -o-linear-gradient(top, #00486B, #00728F);
  background-image: linear-gradient(top, #00486B, #00728F);
  background-image: -moz-linear-gradient(top, #00486B, #00728F);
  background-repeat: repeat-x;
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px; 
-moz-border-top-left-radius: 5px; 
-moz-border-top-right-radius: 5px; 
border-top-left-radius: 5px;
border-top-right-radius: 5px;
 }

.pricingtable .heading h3 { font-size:22px; text-transform: uppercase; color: #fff; margin: 0; padding: 10px 0; border-bottom: 1px solid #00486B; font-family: oswald; font-weight: normal; }
.pricingtable .heading h3:hover {
-o-animation: emotion 2s;
-ms-animation: emotion 2s; 
-webkit-animation: emotion 2s; 
-moz-animation: emotion 2s; 
-khtml-animation: emotion 2s; 
-animation: emotion 2s;
}
.pricingtable .heading div { color: #fff; padding: 10px 0 5px 0; border-top: 1px solid #00728F; line-height: 2em; font-family: oswald; text-shadow:-1px -1px 0px #333; }
.pricingtable .heading div .price { display: block; padding-top: 15px; padding-bottom: 15px; }
.pricingtable .heading div .priceterm { text-shadow:none; display: inline-block; height: 16px; top: -5px; position: relative;  }

.pricingtable .content { background: #e5e5e5; padding: 10px 15px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-bottom-left-radius: 5px; 
-moz-border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.pricingtable .content ul { list-style-type: none; margin: 0; text-align: center; }
.pricingtable .content li { text-shadow:0 1px 0px #fff; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #f5f5f5; padding: 5px 0; }
.pricingtable .content li:first-child { border-top: 0; padding-top: 0; }
.pricingtable .content .moredetail { margin-top: 10px; display: block; }
.pricingtable .button { padding-top: 10px; padding-bottom: 5px; }

.font3em { font-size: 3em; }
.font2em { font-size: 2em; }

.bgred { background: #aa0000; }
.bgred:hover { background: #aa0000 url(trans30.png); }
.bggreen, .bggreen:hover { background: #006000; color: #eee; text-shadow:0 1px 0px #000; }
.bggreen:hover { background-image: url(trans30.png); }

/*custom*/

.pricingtable .content.contentdark { background: #222; color: #eee;}
.pricingtable .content.contentdark ul { border-bottom: 1px solid #333; }
.pricingtable .content.contentdark li { text-shadow:0 1px 0px #000; border-bottom: 1px solid #111; border-top: 1px solid #333; }
.pricingtable .content.contentdark li:first-child { border-top: 0; }
.pricingtable_wrap.contentdark .pricingtable:hover {
-moz-box-shadow: 0 0 15px #000;
-webkit-box-shadow: 0 0 15px #000;
box-shadow: 0 0 15px #000;
}

.pricingtable .heading.red { padding: 0; text-align: center;
  background-color: #910d0d;
  *background-color: #b63333;
  background-image: -ms-linear-gradient(top, #910d0d, #b63333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#910d0d), to(#b63333));
  background-image: -webkit-linear-gradient(top, #910d0d, #b63333);
  background-image: -o-linear-gradient(top, #910d0d, #b63333);
  background-image: linear-gradient(top, #910d0d, #b63333);
  background-image: -moz-linear-gradient(top, #910d0d, #b63333);
  background-repeat: repeat-x;
 }
.pricingtable .heading.red h3 { border-bottom: 1px solid #910d0d; }
.pricingtable .heading.red div { border-top: 1px solid #b63333; }

.pricingtable .heading.green { padding: 0; text-align: center;
  background-color: #0e5e26;
  *background-color: #238944;
  background-image: -ms-linear-gradient(top, #0e5e26, #238944);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0e5e26), to(#238944));
  background-image: -webkit-linear-gradient(top, #0e5e26, #238944);
  background-image: -o-linear-gradient(top, #0e5e26, #238944);
  background-image: linear-gradient(top, #0e5e26, #238944);
  background-image: -moz-linear-gradient(top, #0e5e26, #238944);
  background-repeat: repeat-x;
 }
.pricingtable .heading.green h3 { border-bottom: 1px solid #0e5e26; }
.pricingtable .heading.green div { border-top: 1px solid #238944; }

.pricingtable .heading.purple { padding: 0; text-align: center;
  background-color: #831264;
  *background-color: #a62083;
  background-image: -ms-linear-gradient(top, #831264, #a62083);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#831264), to(#a62083));
  background-image: -webkit-linear-gradient(top, #831264, #a62083);
  background-image: -o-linear-gradient(top, #831264, #a62083);
  background-image: linear-gradient(top, #831264, #a62083);
  background-image: -moz-linear-gradient(top, #831264, #a62083);
  background-repeat: repeat-x;
 }
.pricingtable .heading.purple h3 { border-bottom: 1px solid #831264; }
.pricingtable .heading.purple div { border-top: 1px solid #a62083; }

.pricingtable .heading.orange { padding: 0; text-align: center;
  background-color: #ce4e06;
  *background-color: #d86008;
  background-image: -ms-linear-gradient(top, #ce4e06, #d86008);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce4e06), to(#d86008));
  background-image: -webkit-linear-gradient(top, #ce4e06, #d86008);
  background-image: -o-linear-gradient(top, #ce4e06, #d86008);
  background-image: linear-gradient(top, #ce4e06, #d86008);
  background-image: -moz-linear-gradient(top, #ce4e06, #d86008);
  background-repeat: repeat-x;
 }
.pricingtable .heading.orange h3 { border-bottom: 1px solid #ce4e06; }
.pricingtable .heading.orange div { border-top: 1px solid #d86008; }

.pricingtable .heading.blue2 { padding: 0; text-align: center;
  background-color: #326fa9;
  *background-color: #4597bf;
  background-image: -ms-linear-gradient(top, #326fa9, #4597bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#326fa9), to(#4597bf));
  background-image: -webkit-linear-gradient(top, #326fa9, #4597bf);
  background-image: -o-linear-gradient(top, #326fa9, #4597bf);
  background-image: linear-gradient(top, #326fa9, #4597bf);
  background-image: -moz-linear-gradient(top, #326fa9, #4597bf);
  background-repeat: repeat-x;
 }
.pricingtable .heading.blue2 h3 { border-bottom: 1px solid #326fa9; }
.pricingtable .heading.blue2 div { border-top: 1px solid #4597bf; }

/*end pricing table*/

/*check mark icons*/
[class^="ic-"],
[class*=" ic-"] {
  display: inline-block;
  width: 22px;
  height: 22px;
  *margin-right: .3em;
  line-height: 22px;
  vertical-align: text-top;
  background-image: url("images/icons/checkmark.png");
  background-repeat: no-repeat;
}
.ic-blue1 { background-position: 0 0; }
.ic-blue2 { background-position: -25px 0; }
.ic-blue3 { background-position: -50px 3px; }
.ic-blue4 { background-position: -75px 0; }
.ic-blue5 { background-position: -100px 1px; }
.ic-blue6 { background-position: -125px 0; }
.ic-blue7 { background-position: -150px 0; }
.ic-blue8 { background-position: -175px 0; }
.ic-blue9 { background-position: -200px 0; }
.ic-blue10 { background-position: -225px 0; }
.ic-black1 { background-position: 0 -25px; }
.ic-black2 { background-position: -25px -25px; }
.ic-black3 { background-position: -50px -22px; }
.ic-black4 { background-position: -75px -25px; }
.ic-black5 { background-position: -100px -24px; }
.ic-black6 { background-position: -125px -25px; }
.ic-black7 { background-position: -150px -25px; }
.ic-black8 { background-position: -175px -25px; }
.ic-black9 { background-position: -200px -25px; }
.ic-black10 { background-position: -225px -25px; }
.ic-green1 { background-position: 0 -50px; }
.ic-green2 { background-position: -25px -50px; }
.ic-green3 { background-position: -50px -47px; }
.ic-green4 { background-position: -75px -50px; }
.ic-green5 { background-position: -100px -49px; }
.ic-green6 { background-position: -125px -50px; }
.ic-green7 { background-position: -150px -50px; }
.ic-green8 { background-position: -175px -50px; }
.ic-green9 { background-position: -200px -50px; }
.ic-green10 { background-position: -225px -50px; }
.ic-orange1 { background-position: 0 -75px; }
.ic-orange2 { background-position: -25px -75px; }
.ic-orange3 { background-position: -50px -72px; }
.ic-orange4 { background-position: -75px -75px; }
.ic-orange5 { background-position: -100px -74px; }
.ic-orange6 { background-position: -125px -75px; }
.ic-orange7 { background-position: -150px -75px; }
.ic-orange8 { background-position: -175px -75px; }
.ic-orange9 { background-position: -200px -75px; }
.ic-orange10 { background-position: -225px -75px; }
.ic-red1 { background-position: 0 -100px; }
.ic-red2 { background-position: -25px -100px; }
.ic-red3 { background-position: -50px -97px; }
.ic-red4 { background-position: -75px -100px; }
.ic-red5 { background-position: -100px -99px; }
.ic-red6 { background-position: -125px -100px; }
.ic-red7 { background-position: -150px -100px; }
.ic-red8 { background-position: -175px -100px; }
.ic-red9 { background-position: -200px -100px; }
.ic-red10 { background-position: -225px -100px; }

/**/

.optinform_headline { max-width: 300px; }
.optinform_style_wrap { background:url(images/img/form1.png) no-repeat center bottom; max-width: 300px; padding-bottom: 21px; text-align: center; }
.optinform_style { padding: 10px; border:5px solid #ddd; color: #ddd; background: #990000; }
.optinform_style.style1 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.optinform_style.style2 { border-radius: 0; }

.privacy_style_wrap { background: #111; padding: 10px; margin: 0 -10px -10px -10px; }
p.privacy_style { background: url(images/img/privacy.png) no-repeat left top; font-size: 10px; line-height: 1.2em; padding: 0 0 0 28px; margin: 0;
  text-align: left; }
.privacy_style_wrap.style1 {
    -webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.frame_style { text-align: center; margin-bottom: 20px; }
.frame_style_content {  padding: 5px; margin: 0 0 20px 0; display: inline-block; }
.frame_style_content.style1 {  background-color: #ddd; border:1px solid #eee;
-moz-box-shadow: 0 5px 10px #222;
-webkit-box-shadow: 0 5px 10px #222;
box-shadow: 0 5px 10px #222;
}
.frame_style_content.style2 {  background-color: #111; border:1px solid #eee; padding: 5px;
-moz-box-shadow: 0 5px 10px #222;
-webkit-box-shadow: 0 10px 5px #222;
box-shadow: 0 5px 10px #222;
}

/*extra zoom icon on hover*/
.image_hover { display: inline-block; position: relative; text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
.image_hover img.attachment-medium { width: 100%; height: auto; height: auto\9; }
.image_hover a { margin: 0 0; display: inline-block; }
.image_hover .iconhover { text-align: center; left:1%\9;
opacity: 0; filter: alpha(opacity=0);
position:absolute;
width: 100%; 
    top: 40%;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
     }
#related-posts .iconhover { top: 25% !important; }
.post .image_hover .iconhover { top: 35% !important; }
.post .entry .textalign_center .image_hover .iconhover { top: 45% !important; }
.thumbnail_gallery .image_hover .iconhover { top: 28% !important; }
.toprated .image_hover .iconhover { top: 20% !important; }
#sidebar .image_hover .iconhover, .bottombar .image_hover .iconhover { top: 22% !important; }
.thumbnail_gallery .zoomicon_extra img { display: none; }
a.zoomicon_extra, a.linkicon_extra {
  width: 40px; height: 40px;
          -moz-background-size: 80px 80px;
             -ie-background-size: 80px 80px;
              -o-background-size: 80px 80px;
        -webkit-background-size: 80px 80px;
                 background-size: 80px 80px;
}
.image_hover a.zoomicon_extra, .image_hover a.linkicon_extra { background-image:url(images/zoom-white.png); background-repeat: no-repeat;  }
.image_hover a.zoomicon_extra { background-position: 0 0; }
.image_hover a.linkicon_extra { background-position: -40px 0; }
.image_hover a.zoomicon_extra:hover { background-position: 0 -40px; }
.image_hover a.linkicon_extra:hover { background-position: -40px -40px; }

/* when you hover the A element, fade the image */
.image_hover { background-color: #111;
  -webkit-border-radius:  3px;
  -moz-border-radius:     3px;
  border-radius:          3px;
}
.image_hover:hover {
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
}
.image_hover:hover img {
    opacity:0.3; filter:alpha(opacity=30);
}
.image_hover:hover .iconhover {
opacity: 1; filter: alpha(opacity=100);
    -webkit-transition: opacity 0.5s linear;  /* Saf3.2+, Chrome */
       -moz-transition: opacity 0.5s linear;  /* FF4+ */
        -ms-transition: opacity 0.5s linear;  /* IE10 */
         -o-transition: opacity 0.5s linear;  /* Opera 10.5+ */
            transition: opacity 0.5s linear;
}

.contactform { list-style: none; margin: 0; }
.contactform button { text-transform: uppercase;}
.contactform, .contactform li label { font-size: 12px; }
.contactform li label.uppercase { display: none; }
.contactform li { list-style: none; margin-bottom: 8px; }
.contactform li span { display: block; margin-top: -5px; }
.contactform textarea { width: 95%; min-height: 100px; }
.contactform .inline { margin-bottom: 1px; margin-top: -12px; }
.contactform .inline input, .contactform .inline label { display: inline; margin-right: 5px; vertical-align: text-top; }
.contactform .inline2 { float: left; margin-right: 5px; }
.contactform .small { width: 60px; height: 12px; line-height: 1.4em; }
.optinform .contactform, .optinform .contactform input, .optinform .contactform textarea .optinform_style_wrap .contactform {margin-left: 0; margin-right: 0; text-align: left;}

/*parallax*/
.da-slider{ z-index: 999;
  width: 100%;
  /*min-width: 360px;*/
  min-height: 350px;
  position: relative;
  margin: 1px auto;
  overflow: hidden;
  -webkit-transition: background-position 1.4s ease-in-out 0.3s;
  -moz-transition: background-position 1.4s ease-in-out 0.3s;
  -o-transition: background-position 1.4s ease-in-out 0.3s;
  -ms-transition: background-position 1.4s ease-in-out 0.3s;
  transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  text-align: left; 
}
.da-slide-current{
  z-index: 1000;
}
.da-slider-fb .da-slide{
  left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
  left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
  position: absolute;
  opacity: 0;
  left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
  left: 2%;
  opacity: 1;
}
.da-slider-fb .da-slide .da-img{
  left: 69%;
  opacity: 1;
}
.da-slide h2{
  color: #fff;
  font-size: 48px; padding-bottom: 10px;
  top: 20px;
  white-space: nowrap;
  z-index: 10;
  font-family: 'Oswald', 'Economica', Arial, sans-serif;
  font-weight: normal; z-index: 1;
}
.da-slide p{
  top: 100px;
  color: #eee;
  font-size: 20px;
  line-height: 26px;
  height: 110px;
  overflow: hidden;
  font-style: normal;
  font-family: Englebert, 'Economica', Arial, sans-serif;
}
.da-slide h2, .da-slide p { width: 67%; }
.da-slide .da-img{
  text-align: center;
  width: 30%;
  top: 10px;
  height: 280px;
  line-height: 280px;
  left: 110%; /*60%*/ z-index: 2;
}

.da-slide .da-link{
  top: 220px; /*depends on p height*/
  background-color: #333\9;
  -webkit-border-radius:  20px;
  -moz-border-radius:     20px;
  border-radius:          20px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border-width: 4px; border-style: solid; border-color: #eee;
  padding: 2px 20px;
  font-size: 16px;
  line-height: 30px;
  min-width: 155px;
  text-align: center;
 text-decoration: none;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
-moz-box-shadow:    inset 0 0 40px #000;
-webkit-box-shadow: inset 0 0 40px #000;
box-shadow:         inset 0 0 40px #000;
text-transform: uppercase;
}
.da-slide .da-link:hover{
-moz-box-shadow:    2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow:         2px 2px 2px #000;
}
.da-dots{
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 2000;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-dots span{
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e4b42d;
  margin: 3px;
  cursor: pointer;
-moz-box-shadow:    inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
box-shadow:         inset 0 0 10px #000;
}
.da-dots span.da-dots-current:after{
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{ visibility: hidden; visibility: visible\9;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows span{
  position: absolute;
  top: 45%;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #222;
  cursor: pointer;
  z-index: 2000;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out 0.2s;
  -moz-transition: opacity 0.4s ease-in-out 0.2s;
  -o-transition: opacity 0.4s ease-in-out 0.2s;
  -ms-transition: opacity 0.4s ease-in-out 0.2s;
  transition: opacity 0.4s ease-in-out 0.2s;
-moz-box-shadow:    0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow:         0 0 5px #000;
}
.da-slider:hover .da-arrows span{
  opacity: 1; filter: alpha(opacity=100);
}
.da-arrows span:after{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: 5px;
  background: transparent url(inc/parallax/images/arrows.png) no-repeat top left;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
  box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
  box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
  background-position: top right;
}
.da-arrows span.da-arrows-prev{
  left: 5px;
}
.da-arrows span.da-arrows-next{
  right: 5px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
  left: 2%;
  opacity: 1;
}
.da-slide-current .da-img{
  left: 69%;
  opacity: 1;
}

/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
  -webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  -o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
  -webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  -o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
  -webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  -moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  -o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  -ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
  -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  -o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
  -webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
  -webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
  -webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  -moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  -o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  -ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
  -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}

@keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 2%; opacity: 0; }
  100%{ left: 2%; opacity: 1; }
}
@keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 69%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
  -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
  -moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
  -o-animation: toRightAnim1 0.6s ease-in 0.6s both;
  -ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
  animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
  -webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
  -moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
  -o-animation: toRightAnim2 0.6s ease-in 0.3s both;
  -ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
  animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
  -webkit-animation: toRightAnim3 0.4s ease-in both;
  -moz-animation: toRightAnim3 0.4s ease-in both;
  -o-animation: toRightAnim3 0.4s ease-in both;
  -ms-animation: toRightAnim3 0.4s ease-in both;
  animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
  -webkit-animation: toRightAnim4 0.6s ease-in both;
  -moz-animation: toRightAnim4 0.6s ease-in both;
  -o-animation: toRightAnim4 0.6s ease-in both;
  -ms-animation: toRightAnim4 0.6s ease-in both;
  animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
  0%{ left: 69%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
  0%{ left: 69%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
  0%{ left: 69%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
  0%{ left: 69%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
  0%{ left: 2%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
  0%{ left: 69%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
  -webkit-animation: toLeftAnim1 0.6s ease-in both;
  -moz-animation: toLeftAnim1 0.6s ease-in both;
  -o-animation: toLeftAnim1 0.6s ease-in both;
  -ms-animation: toLeftAnim1 0.6s ease-in both;
  animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
  -webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  -moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  -o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  -ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
  -webkit-animation: toLeftAnim3 0.4s ease-in both;
  -moz-animation: toLeftAnim3 0.4s ease-in both;
  -o-animation: toLeftAnim3 0.4s ease-in both;
  -ms-animation: toLeftAnim3 0.4s ease-in both;
  animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
  -webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  -o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
  0%{ left: 69%;  opacity: 1; }
  40%{ left: 69%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
  0%{ left: 69%;  opacity: 1; }
  40%{ left: 69%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
  0%{ left: 69%;  opacity: 1; }
  40%{ left: 69%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
  0%{ left: 69%;  opacity: 1; }
  40%{ left: 69%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
  0%{ left: 2%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
  0%{ left: 2%;  opacity: 1; }
  99%{ left: 2%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
  0%{ left: 69%;  opacity: 1; }
  40%{ left: 69%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
/* Media Queries */
@media screen and (max-width: 767px) {
  .container > header{
    text-align: center;
  }
  p.codrops-demos {
    position: relative;
    top: auto;
    left: auto;
  }
}
/*end parallax*/

/*retina display*/
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
.sf-sub-indicator { background:   url('images/arrows-white@2x.png') no-repeat -10px -100px; }
.sidebar-box .listicon, .bottombar .listicon { background: url(images/page-icon@2x.png) no-repeat 0 4px; padding-left: 17px; }
.social_icons { background-image: url(images/icons/socialicons@2x.png); }
.iconplus { background: url(images/icon-plusminus@2x.png) no-repeat 12px 11px; }
.iconminus { background: url(images/icon-plusminus@2x.png) no-repeat 12px -20px; }
.image_hover a.zoomicon_extra, .image_hover a.linkicon_extra { background-image:url(images/zoom-white@2x.png); }
.search-icon { background-image: url(images/search@2x.png); }
}
/*end retina display