/*

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

/************/
iframe, object, embed {
    max-width: 100% !important;
width: 100% !important;
}
/***********/




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