/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/*

 * Style Style Sheet - Defines the main look like colors and backgrounds

 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles

 */





/* Base

----------------------------------------------------------------------------------------------------*/






body { color: #444; }



h1 { color: #222; }

h3 {

    color: #444444;

    font-size: 21px;

    text-shadow: none;

}



h5 { color: #666; }

h6 { color: #888; }



small { color: #888; }



strong { }



.quote * {

  color: #222;

  text-shadow: 0 1px 0 rgba(255,255,255,1);

}



/* Layout

----------------------------------------------------------------------------------------------------*/



/* Widescreen Backgrounds */

#block-page {
background:#ffffff;

}



#page-bg {     background: url("../images/body_bg.jpg") no-repeat scroll center 140px;

 }



#block-bottom {

    background: none repeat scroll 0 0 #F7F7F7;

}



/* Buttons */

.menu-dropdown a.level1, .menu-dropdown span.level1, .mod-header .module-title, .button-default, form.style button, form.style input[type="button"], form.style input[type="submit"], #system .pagination a {

    /*background: none repeat scroll 0 0 transparent;
        background: linear-gradient(to bottom, rgb(73, 177, 5) , #2de00d);*/

    border: medium none;

    border-radius: 0 0 0 0;

    box-shadow: 0 0 0 0;

    color: #000;

    position: relative;

  padding-bottom: 7px;

    padding-top: 7px;

  font-size:19px;

  font-family:"helveticaneueltstdlt",Arial,Helvetica,sans-serif;

  text-transform:capitalize;
    transition: 0.4s ease-in;

  }

/* Button Hover */
html body#page.page div#block-page div#page-bg div.wrapper div.inner_wrapper div#block-main div.wrapper div#main.grid-block div#maininner.grid-box section#content.grid-block div#system article.item div.content div.moduletable form.short div.button button:hover,

button:hover,

.menu-dropdown a.level1:hover,

.menu-dropdown span.level1:hover,

.button-default:hover,

form.style button:hover,

form.style input[type="button"]:hover,

form.style input[type="submit"]:hover,

#system .pagination a:hover {

    background: #F0F0F0;

    color: black;

    border: 1px solid black;

    border-radius: 3 3 3 3;

    box-shadow: 0 0 0 0;

}



/* Button Active */

.menu-dropdown a.level1:active,

.menu-dropdown span.level1:active,

.button-default:active,

form.style button:active,

form.style input[type="button"]:active,

form.style input[type="submit"]:active,

#system .pagination a:active {

}



/* Button Default Line Effect */

.menu-dropdown a.level1:before,

.menu-dropdown span.level1:before,

.mod-header .module-title:before,

.button-default:before,

form.style button:before,

form.style input[type="button"]:before,

form.style input[type="submit"]:before { 

}



.menu-dropdown a.level1:hover:before,

.menu-dropdown span.level1:hover,

.button-default:hover:before,

form.style button:hover:before,

form.style input[type="button"]:hover:before,

form.style input[type="submit"]:hover:before { opacity: 1;  }



.menu-dropdown a.level1:active:before,

.menu-dropdown a.level1:active:before,

.button-default:active:before,

.button-primary:active:before,

form.style button:active:before,

form.style input[type="button"]:active:before,

form.style input[type="submit"]:active:before { display: none; }





/* Menus

----------------------------------------------------------------------------------------------------*/



/* Menu-Dropdown */

.menu-dropdown span.subtitle { color: #888; }



.menu-dropdown .dropdown-bg > div,

.searchbox .results { 

  border: 1px solid #ddd;

  border: 1px solid rgba(0,0,0,0.1);

  border-bottom-color: rgba(0,0,0,0.15);

  background: #f7f7f7;

  background-clip: padding-box;

  box-shadow: 0 0 5px rgba(255,255,255,1) inset,

        0 5px 8px rgba(0,0,0,0.1);

}



.menu-dropdown .dropdown-bg:before { background: url(../images/menu_dropdown_dropdown.png) 50% 0 no-repeat; }



.menu-dropdown .stack .dropdown-bg:before { background-position: 30px 0; }



.menu-dropdown .flip .dropdown-bg:before { background-position: 85% 0; }



.menu-dropdown a.level2 { color: #666; }



.menu-dropdown a.current.level2,

.menu-dropdown a.current.level3 { color: #222; }



/* Menu-Sidebar */

.menu-sidebar li.level1 > a,

.menu-sidebar li.level1 > span { color: #666; }



.menu-sidebar li.level1.active > a,

.menu-sidebar li.level1.active > span { color: #222; }



/* Menu-Line */

#toolbar .menu-line li a { color: #888; }





/* Modules

----------------------------------------------------------------------------------------------------*/



.mod-box,

.mod-inset,

.mod-frame > div,

.mod-line,

.mod-header { color: #666; }



/* Module Dotted */

.mod-dotted { color: #888; }



/* Module Box */

.mod-box,

.system-1 #content {

}



/* Module Inset */

.mod-inset {

  background: #fff;

  background-clip: padding-box;

  box-shadow: 0 1px 1px rgba(0,0,0,0.08) inset,

        0 0 30px rgba(0,0,0,0.1) inset,

        0 1px 0 rgba(255,255,255,0.4);

}



/* Module Frame */

.mod-frame > div {

  background: #fafafa;

  box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;

}



/* Module Title */

.module-title { color: #222; }

.module-title .subtitle { color: #888; }





/* Tools

----------------------------------------------------------------------------------------------------*/



/* Buttons */

.button-default,

.mod-black .button-default { color: #666; }



.button-default:active,

.mod-black .button-default:active { color: #222; }



/* Zebra */

table.zebra caption { color: #888; }



/* Form Elements */

form.style input:not([type='button']):focus,

form.style textarea:focus { color: #444; }



.mod-black form.style input:focus,

.mod-black form.style textarea:focus {

  border-color: #222;

  box-shadow: 0 0 5px rgba(0,0,0,0.3);

}



form.short input:-moz-placeholder { color: #888; }

form.short input::-webkit-input-placeholder { color: #888; }





/* System

----------------------------------------------------------------------------------------------------*/



/* General */

#system .title a { color: #444; }

#system small { color: #888; }



/* Item */

#system .item > header .meta,

#system .item > header .subtitle { color: #888; }



/* Searchbox */

.searchbox {

  border: 1px solid #ddd;

  border-top-color: #ccc;

  border: 1px solid rgba(0,0,0,0.1);

  border-top-color: rgba(0,0,0,0.2);

  background-color: #fafafa;

  box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset;

}



.searchbox input { color: #444; }



.searchbox input:-moz-placeholder { color: #888; }

.searchbox input:-ms-input-placeholder { color: #888; }

.searchbox input::-webkit-input-placeholder { color: #888; }

.searchbox input.placeholder { color: #888; }





/* Widgetkit

----------------------------------------------------------------------------------------------------*/



/* Venture Slideshow Tabs */

.wk-slideshow-tabs-venture .nav li { color: #888; }

.wk-slideshow-tabs-venture .nav li:hover { color: #666; }

.wk-slideshow-tabs-venture .nav li.active { color: #222; }

.wk-slideshow-tabs-venture .slides > li > article { color: #666; }





.menu-dropdown li.level1:hover

{

background:#fff;

border-bottom:2px solid #B6E15A;

}



.menu-dropdown li.level1:hover .level1,.menu-dropdown li.level1 .level1:hover,.menu-dropdown li.level1:hover .level1 span

{

color:#272525;

}





.menu-dropdown li.level1.active:hover

{

border:none;

}

.buttoncont {
  position: relative; z-index: 1;
}


a.css3dbutton {
    background: darkred; /* background color of button */
    color: white;
    text-decoration: none;
    font: bold 28px Arial; /* font size and style */
    position: relative;
    top: 0; /* anchor main button's position */
    bottom: -12px; /* Depth of 3D effect. :after pseudo element inherits this value so it's animated in Chrome. See: kizu.ru/en/pseudos */
    margin-bottom: 12px;
    -moz-box-shadow: 0 -15px 5px darkred inset;
    -webkit-box-shadow: 0 -15px 5px darkred inset;
    box-shadow: 0 -15px 5px darkred inset;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.css3dbutton, a.css3dbutton:after {
    display: inline-block;
    padding: 10px 15px; /* vertical and horizontal padding of button */
    -moz-border-radius: 8px/15px;
    -webkit-border-radius: 8px/15px;
    border-radius: 8px/15px;
    outline: none;
}

a.css3dbutton:after { /* pseudo element to construct 3D side of button */
    content: "";
    position: absolute;
    padding: 0;
    z-index: -1;
    bottom: inherit; /* Inherit main button bottom value to animate it. See: kizu.ru/en/pseudos */
    left: 0;
    width: 100%;
    height: 100%;
    background: #6e0e0c; /* background color of 3D effect */
    -moz-box-shadow: 1px 0 3px gray;
    -webkit-box-shadow: 1px 0 3px gray;
    box-shadow: 1px 0 3px gray;
}

a.css3dbutton:hover {
    -moz-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    -webkit-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
    background: #bc3835; /* background color when mouse rolls over button */
}

a.css3dbutton:active {
    top: 12px; /* shift button down 12px when depressed. Change 12px to match button's "bottom" property above */
    bottom: 0;
    -moz-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
    -webkit-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
    box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;
}