@import url(http://fonts.googleapis.com/css?family=Fjalla+One);



@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(whatsapp.css);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,600,700);





@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(http://fonts.googleapis.com/css?family=Dosis:200,300,400);
@import url(http://fonts.googleapis.com/css?family=Teko:300);
@import url(http://fonts.googleapis.com/css?family=Pompiere);
@import url(http://fonts.googleapis.com/css?family=Allan);
@import url(http://fonts.googleapis.com/css?family=Crushed);
@import url(http://fonts.googleapis.com/css?family=Cabin);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(http://fonts.googleapis.com/css?family=Cuprum);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(http://fonts.googleapis.com/css?family=Just+Another+Hand);
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Loved+by+the+King);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis+Light);



body{
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #252525;
    color: #fff;
    transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    -moz-transition: margin-left 0.5s;
    -webkit-transition: margin-left 0.5s;
        font-family: "Lato";
}

body.squeeze{
    margin-left: 300px;
}


.fontes-titulos{
    font-family: 'LATO';
}


#portfolio .item .fa{
        font-size: 4em;
    color: #333333;
}


.pagcs-services-titulo {
        font-family: 'Ubuntu';
    margin-top: 20px;
    text-align: center;
    color: #f44802;
    font-size: 18px;
    font-weight: 300;
    font-weight: bolder;
    text-transform: uppercase;
}


.pagcs-services-texto {
    margin-top: 20px;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    color: #9aa5a2;
}



.inline{
    display: inline-block;
    vertical-align: middle;
}
p{
    margin: 0;
}

p.inline{
    padding-left: 10px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.divider{
    border-top: 1px solid #373737;
    margin-bottom: 20px;
}

/*=====================*/
/*===== SIDE MENU =====*/
/*=====================*/

aside{
    font-family: 'Dosis', sans-serif;
    color: #636363;
    background-color: #1c1c1c;
    width: 300px;
    height: 100%;
    position: fixed;
    left: -300px;
    right: auto;
    top: 0;
    z-index: 999999;
    transition: left 0.5s;
    -o-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
}

aside.show{
    left: 0;
    display: block;
}

aside a, aside a:hover{
    font-family: 'Dosis', sans-serif;
    color: #FFF;
    text-decoration: none;
}

aside a:hover, aside a:focus{
    color: #d1282d;
}

.nav-title{
    background-color: #101010;
    padding: 20px 0 20px 0;
}

.nav-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 40px;
}

.nav-title p, .nav-title h1{
    color: #636363;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.nav-title p{
    font-size: 14px;
}

.nav-title h1{
    font-weight: 200;
    font-size: 34px;
}

.nav-content{
    padding:20px;
    width: 300px !important;
}

.nav-comp{
    margin-bottom: 20px;
}

.nav-comp h1{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    color: #d2d2d2;
    font-weight: 500;
}

.toggle{
    color:#666;
    font-size: 31px;
    position: absolute;
    top: 20px;
    right: -50px;
    cursor: pointer;
}

.toggle:hover{
    color:#FFF;
}

.mode{
    font-family: 'Dosis', sans-serif;
    color:#666;
    font-size: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.owl-fonts .owl-item{
    font-size: 30px;
    line-height: 1;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}


.wrapper{
    margin: 0 auto;
    padding-top: 130px;
    min-width: 1170px;
}

.btn {
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    line-height: 2;
    margin-bottom: 0;
    padding: 6px 12px 8px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ebaf3c;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.btn:hover{
    background-color: #f44802;
}

.btn-add{
    width: 100%;
    color: #FFF;
    background-color: #353535;
}

.btn-feature {
    background-color: #353535;
    color: #fff;
    font-size: 16px;
    padding: 1px 1px 4px;
    width: 100%;
}

.btn-generate{
    width: 100%;
    color: #FFF;
    background-color: #E84C3D;
}

.btn-generate:hover{
    color: #FFF;
    background-color: #EB6154;
}

.color-square{
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 12px;
}

.color-square:last-child{
    margin-right: 0px;
}

.item-colors{
    padding: 16px;
}

.nav-disabled {
    opacity: 0.9;
    background: #000;
}


/*==================*/
/*=== PTC TABLES ===*/
/*==================*/

.main{
    position: relative;
}

.selected-item {
  height: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.preview-mode .selected-item {
    display: none;
}

.preview-mode .wrapper{
    min-width: 95% !important;
}

.preview-mode .wrapper .ptc-edit{
    min-width: 95% !important;
}

.c-bottom{
    border: 1px solid #505050;
    border-top: none;
    bottom: 83px;
}

.c-top{
    border: 1px solid #505050;
    border-bottom: none;
    top: -15px;
}


@keyframes jump {
    0% {
        top: -60px;
    }
    50% {
        top: -50px;
        border-top: 20px solid #3a3a3a;
    }
    100% {
        top: -60px;
    }
}

.flex{
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.remove-item {
    bottom: -62px;
    font-size: 34px;
    left: 50%;
    margin-left: -13px;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ptc-table:hover .remove-item, .ptc-table:hover .handle {
    opacity: 1;
}

.handle{
    opacity: 0;
    width: 64px;
    height: 53px;
    position: absolute;
    top: -52px;
    left: 50%;
    margin-left: -32px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.handle:hover {
    cursor: move;
}

.handle-bg{
    width: 64px;
    height: 24px;
    background-color: #404040;
    color:#222222;
    text-align: center;
}

.handle-bg i{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    font-size: 14px;
    line-height: 1.7;
}

.remove-item i, .remove-feature i , .add-feature i{
    color: #525252;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    cursor: pointer;
}

.remove-feature i {
    color: #bababa;
}

.remove-item i:hover {
    color: #FFF;
}

.remove-feature i:hover, .add-feature i:hover {
    color: #b4b4b4;
}

.ptc-feature{
    position: relative;
}

.remove-feature, .add-feature {
    opacity: 0;
    position: absolute;
    top: 6px;
}

.remove-feature {
    font-size: 21px;
    left: 10px;
}

.add-feature {
    font-size: 23px;
    right: 10px;
}

.rounded .remove-feature{
    right: 10px !important;
    left: auto;
}

li.ptc-feature:first-child .remove-feature, li.ptc-feature:first-child .add-feature {
    padding-top: 10px;
}


/* Toggle Button */

.onoffswitch {
    position: relative;
    width: 100px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 41px;
    padding: 0;
    line-height: 41px;
    font-size: 16px;
    color: white;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 18px;
    background-color: #2D2D2D;
    color: #EBB52D;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 18px;
    background-color: #2D2D2D;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 41px; margin: 0px;
    background: #060606;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 63px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #EBB52D;
}


/*=====================*/
/*=== CUSTOM SELECT ===*/
/*=====================*/

.sbHolder{
    background-color: #2d2d2d;
    font-size: 14px;
    font-weight: normal;
    height: 33px;
    position: relative;
    width: 100%;
}
.sbHolder:focus .sbSelector{

}
.sbSelector{
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 100%
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #EBB52D;
    outline: none;
    text-decoration: none;
}
.sbToggle{
    background: url(../img/select-icons.png) 0 -116px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.sbToggle:hover{
    background: url(../img/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
    background: url(../img/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
    background: url(../img/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
    background-color: #3C3C3C;
    border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{

}
.sbHolderDisabled .sbToggle{

}
.sbOptions{
    background-color: #272727;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 1;
    overflow-y: auto;
}

.sbOptions a{
    display: block;
    outline: none;
    padding: 7px 10px;
}

.sbOptions a:link, .sbOptions a:visited{
    color: #ddd;
    text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
    color: #EBB52D;
    background-color: #212121;
}
.sbOptions li.last a{
    border-bottom: none;
}
.sbOptions .sbDisabled{
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
    padding-left: 17px;
}

/*=====================*/
/*=== CUSTOM MODALS ===*/
/*=====================*/

.jqifade{
    position: absolute;
    background-color: #000;
}
div.jqi{
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    width: 700px;
    max-width:90%;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    padding: 7px;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

div.jqi .jqiclose{
    display: none;
    position: absolute;
    top: 4px;
    right: -2px;
    width: 18px;
    cursor: pointer;
    color: #bbbbbb;
    font-weight: bold;
}
div.jqi .jqistate{
    background-color: #fff;
}
div.jqi .jqititle {
  border-bottom: 1px solid #eeeeee;
  color: #333;
  font-size: 25px;
  padding: 5px 20px 10px 10px;
  text-align: center;
}
div.jqi .jqimessage {
    color: #444444;
    font-size: 20px;
    padding: 30px;
    text-align: center;
}
div.jqi .jqibuttons{
    margin: 0 -7px -7px -7px;
}
div.jqi .jqibuttons button{
    cursor: pointer;
    font-family: inherit;
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    font-weight: 500;
    border: none;
    color: #FFF;
    font-size: 21px;
    width: 50%;
    text-transform: uppercase;
}
#jqi_state0_buttonCancel{
    background-color: #d56363;
}
#jqi_state0_buttonCancel:hover{
    background-color: #f05754;
}
#jqi_state0_buttonContinue{
    background-color: #89a073;
}
#jqi_state0_buttonContinue:hover{
    background-color: #8db665;
}
#jqi_state0_buttonOk{
    width: 100%;
    background-color: #58b7e3;
}
#jqi_state0_buttonOk:hover{
    background-color: #439ac2;
}

div.jqi .jqibuttons button.jqidefaultbutton{
    color: #FFF;
}
div.jqi .jqibuttons button:focus{
    color: #FFF;
    outline: none;
}


.jqiwarning .jqi{
    background-color: #f05754;
}

/* sub states */
div.jqi .jqiparentstate::after{
    background-color: #000;
    opacity: 0.84;
    filter: alpha(opacity=80);
    content: '';
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
div.jqi .jqisubstate{
    position: absolute;
    top:0;
    left: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
}
div.jqi .jqisubstate .jqibuttons button{
    padding: 10px 18px;
}

div.jqi input{
    font-family: 'Dosis', sans-serif;
    background: #FFF;
    padding: 10px;
    font-size: 20px;
    color: #b3b3b3;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
}

div.jqi input[type="radio"], div.jqi label{
    display: inline-block;
    width: auto;
}

div.jqi label{
    padding-top: 10px;
    padding-right: 10px;
}

.fonts-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
}


/*=====================*/
/*==== ICON WINDOW ====*/
/*=====================*/



.icon-set li {
    display: inline-block;
    list-style-type: none;
    padding: 5px;
    text-align: center;
    width: 29px;
}

.icon-set li:hover{
    color: #FFF;
    background-color: #333;
}

#scrollbox {
    font-family: 'FontAwesome';
    margin: 0;
    overflow: auto;
    height: 110px;
    width: 260px !important;
    padding: 0 5px;
    display: none;
}


.track {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    transition: background 250ms linear;
    -o-transition: background 250ms linear;
    -moz-transition: background 250ms linear;
    -webkit-transition: background 250ms linear;
}

.track:hover,
.track.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handler {
    width: 7px;
    right: 0;
    background: #464646;
    border-radius: 7px;
    transition: width 250ms;
    -o-transition: width 250ms;
    -moz-transition: width 250ms;
    -webkit-transition: width 250ms;
}

.track:hover .handler,
.track.dragging .handler {
    width: 10px;
}



.track-hor {
    height: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    transition: background 250ms linear;
    -o-transition: background 250ms linear;
    -moz-transition: background 250ms linear;
    -webkit-transition: background 250ms linear;
}

.handler-hor {
    height: 7px;
    right: 0;
    background: #2D2D2D;
    border-radius: 7px;
}


/* Picker */

.creator-picker-bg{
    bottom: 20px;
    cursor: pointer;
    height: 30px !important;
    position: absolute;
    right: 20px;
    width: 30px !important;
    border: 1px solid #666;
}

.creator-picker-hue{
    cursor: pointer;
    height: 30px !important;
    width: 30px !important;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    width: 300px;
    background: red;
    position: absolute;
    top: 0 !important;
    left: 300px !important;
}

.ptc-code {
    display: none;
    width: 100%;
}

code{
    width: 2000px;
}

.gen-html, .gen-css, .gen-include {
    background: #1c1c1c;
    border: 1px solid #373737;
    padding: 20px;
    height: 600px;
    overflow: auto;
    margin-bottom: 20px;
}

.gen-include{
    height: 120px
}

.hover-select{
    display: none;
}

.tip{
    font-family: 'Dosis', sans-serif;
    position: absolute;
    top: 30px;
    text-align: center;
    width: 100%;
    color: #666;
}

.installation{
    font-family: 'Dosis', sans-serif;
    color: #969696;
    padding: 20px 0;
    font-size: 20px;
}

.installation a{
    color: #666;
    text-decoration: none;
}

.installation a:hover{
    color: #969696;
}

.installation p{
    line-height: 1.8;
}

.installTip{
    font-style: italic;
    font-size: 16px;
    color: #4f4f4f;
}






@media (min-width: 768px) {
    .wrapper {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .wrapper {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .wrapper {
        width: 80%;
    }
}


/*

PRICING TABLES CREATOR by Sqra
http://themeforest.net/user/Sqra

*/


/* -------------------------------------------- */
/* -------------- PRICING TABLES -------------- */
/* -------------------------------------------- */

.ptc-tables{
    position: relative;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
}

.ptc-table{
    margin-bottom: 30px;
    z-index: 1 !important;
}

.ptc-table:hover{
    z-index: 10 !important;
}

.ptc-table.ptc-no-space{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ptc-no-space .ptc-features, .ptc-no-space .ptc-footer{
    border-right: 1px solid #d2d2d2 !important;
}

.ptc-no-space.ptc-zoom .ptc-features, .ptc-no-space.ptc-zoom .ptc-footer{
    border-right: none !important;
}

.ptc-table:last-child.ptc-no-space .ptc-features, .ptc-table:last-child.ptc-no-space .ptc-footer{
    border-right: none !important;
}

/* +++ Header Elements +++ */

.ptc-header{
    padding: 13px 10px;
    position: relative;
}

.ptc-arrow-down{
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    z-index: 1;
}

.ptc-arrow-down.ptc-first, .ptc-arrow-down.ptc-second{
    border-top-width: 5px;
    border-top-style: solid;
}

.ptc-note-exposed {
    border-left: 45px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-left: -4px;
    z-index: 1;
}

.ptc-note-fold {
    border-top: 45px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-left: -4px;
    z-index: 1;
}

.ptc-note-icon {
    font-size: 1.8em;
    height: 30px;
    line-height: 2;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 2;
}

.ptc-title{
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    text-transform: uppercase;
}

.ptc-stars{
    font-size: 10px;
    padding-bottom: 5px;
}

.ptc-stars span{
    padding: 0 1px;
}

.ptc-text{
    font-size: 2em;
    padding-top: 5px;
    margin: 0;
}

.ptc-button{
    margin-top: 15px;
    display: inline-block;
    background: transparent;
    padding: 10px 30px;
    color: #FFF;
    font-size: 2.1em;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid rgba(255,255,255,1);
    background-color: rgba(255,255,255,0.08);
    width: auto;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ptc-button:hover, .ptc-button:focus {
    border-color: rgba(255,255,255,0);
}

/* Content Elements */

.ptc-content{
    color: #828282;
    background-color: #FFF;
}

.ptc-content ul, .ptc-content li{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

li.ptc-feature{
    margin: 0 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d7d7d7;
    font-size: 1.8em;
}

li.ptc-feature:first-child{
    padding-top: 10px;
}

li.ptc-feature:last-child{
    border-bottom: none;
    padding-bottom: 10px;
}

.ptc-content a{
    color: #3c3c3c;
    display: block;
    padding: 10px;
    text-decoration :none;
    cursor: default;
}

.ptc-content a:hover{
    color: #292929;
}

.ptc-price sup{
    vertical-align: super;
}

.ptc-currency{
    font-size: 0.4em;
    padding-right: 5px;
}

.ptc-total{
    font-size: 9.0em;
    line-height: 0.9;
}

.ptc-small .ptc-total{
    font-size: 6.5em;
}

.ptc-smaller .ptc-total{
    font-size: 5.7em;
}

.ptc-price, .ptc-footer{
    position: relative;
    padding: 20px 10px;
}

.ptc-footer{
    color: #828282;
    background-color: #FFF;
}

.ptc-footer .ptc-button{
    color: #FFF;
    margin: 5px 0 20px 0;
}

.ptc-zoom{
    -ms-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    z-index: 5 !important;
}

.ptc-zoom.ptc-no-space{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.ptc-show{
    display: block;
}

.ptc-show-inline{
    display: inline-block;
    cursor: pointer;
}

.ptc-hide{
    display: none;
}


@media  (min-width: 768px) {
    div.col-sm-7.five-three {
        width: 60% !important;
    }

    div.col-sm-5.five-two {
        width: 40% !important;
    }
}

.col-xs-2-4, .col-sm-2-4, .col-md-2-4, .col-lg-2-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-2-4 {
    width: 100%;
}


@media (min-width: 768px) {

    .col-sm-2-4 {
        float: left;
        width: 33.33333333%;
    }

}
@media (min-width: 992px) {

    .col-md-2-4 {
        float: left;
        width: 20%;
    }


}

@media (min-width: 1200px) {
    .col-lg-2-4 {
        float: left;
        width: 20%;
    }

    .ptc-zoom{
        -ms-transform: scale(1.1) !important;
        -webkit-transform: scale(1.1) !important;
        transform: scale(1.1) !important;
    }

}

/* -------------------------------------------- */
/* -------------- ROUNDED STYLES -------------- */
/* -------------------------------------------- */

.rounded.ptc-tables{
    text-align: left;
}

.rounded .ptc-header{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}

.rounded .ptc-stars{
    padding-top: 10px;
    text-align: center;
    padding-bottom: 0;
}

.rounded .ptc-content{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    margin-top: 10px;
}

.rounded .ptc-footer {
    margin: 0;
    padding: 0;
    background: transparent;
    margin-top: 10px;
}

.rounded .ptc-button{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.rounded .ptc-footer .ptc-button{
    border: 0;
    margin: 0;
    width: 100%;
}

.rounded .ptc-footer .ptc-button:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.rounded .ptc-no-space .ptc-features, .rounded .ptc-no-space .ptc-footer{
    border: none !important;
}

.rounded .ptc-note-exposed, .rounded .ptc-note-fold {
    display: none;
}

.rounded .ptc-note-icon {
    font-size: 6em;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    width: auto;
    height: auto;
    line-height: 0;
}


/* -------------------------------------------- */
/* -------------- PLAIN STYLES ---------------- */
/* -------------------------------------------- */


.plain .ptc-title{
    padding-bottom: 10px;
}

.plain .ptc-small .ptc-header, .plain .ptc-smaller .ptc-header{
    height: 150px;
    padding-top: 25px;
}

.plain .ptc-header {
    height: 226px;
    padding-top: 25px;
}

.plain .ptc-stars {
    font-size: 11px;
    left: 15px;
    position: absolute;
    top: 15px;
}

.plain .ptc-stars span{
    display: block;
    padding: 0 0 3px 0;
}



.plain .ptc-price{
    display: inline-block;

    line-height: 0;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    margin-left: -123px;
    position: absolute;
    top: 65px;
    height: 240px;
    padding: 75px 10px 10px;
    width: 246px;
}


.plain .ptc-small .ptc-total{
    height: 174px;
    padding: 57px 10px 10px;
    width: 180px;
    margin-left: -90px;
}

.plain .ptc-smaller .ptc-total{
    height: 164px;
    padding: 55px 10px 10px;
    width: 170px;
    margin-left: -85px;
}

.plain .ptc-text {
    margin-left: -10px;
    margin-right: -10px;
    position: absolute;
    text-align: center;
    top: 240px;
    width: 100%;
}

.plain .ptc-small .ptc-text, .plain .ptc-smaller .ptc-text {
    width: 100%;
    top: 185px;
}

.plain .ptc-footer{
    padding-top: 100px;
    position: static;
    padding-bottom: 0;
}

.plain .ptc-note-icon {
    font-size: 2.4em;
    margin-right: -20px;
    position: absolute;
    right: 50%;
    top: 80px;
    width: 40px;
}


/* ---------------------------------------------- */
/* -------------- COLOR SCHEMES ----------------- */
/* ---------------------------------------------- */


.original #ptc_1 .ptc-header,
.original #ptc_1 .ptc-footer .ptc-button {
    background-color: #068894;
}
.original #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #05717b;
}
.original #ptc_1 .ptc-note-fold {
    border-left: 45px solid #079fad;
}
.original #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #068894;
}
.original #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #079fad;
}
.original #ptc_1 .ptc-stars {
    color: #08baca;
}
.original #ptc_1 .ptc-price {
    background-color: #079fad;
}
.original #ptc_2 .ptc-header,
.original #ptc_2 .ptc-footer .ptc-button {
    background-color: #e84c3d;
}
.original #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #e53726;
}
.original #ptc_2 .ptc-note-fold {
    border-left: 45px solid #eb6154;
}
.original #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #e84c3d;
}
.original #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #eb6154;
}
.original #ptc_2 .ptc-stars {
    color: #ee7a6f;
}
.original #ptc_2 .ptc-price {
    background-color: #eb6154;
}
.original #ptc_3 .ptc-header,
.original #ptc_3 .ptc-footer .ptc-button {
    background-color: #ebaf3c;
}
.original #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #e9a625;
}
.original #ptc_3 .ptc-note-fold {
    border-left: 45px solid #edb853;
}
.original #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #ebaf3c;
}
.original #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #edb853;
}
.original #ptc_3 .ptc-stars {
    color: #f0c46f;
}
.original #ptc_3 .ptc-price {
    background-color: #edb853;
}
.original #ptc_4 .ptc-header,
.original #ptc_4 .ptc-footer .ptc-button {
    background-color: #736357;
}
.original #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #64574c;
}
.original #ptc_4 .ptc-note-fold {
    border-left: 45px solid #826f62;
}
.original #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #736357;
}
.original #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #826f62;
}
.original #ptc_4 .ptc-stars {
    color: #937f70;
}
.original #ptc_4 .ptc-price {
    background-color: #826f62;
}
.original #ptc_5 .ptc-header,
.original #ptc_5 .ptc-footer .ptc-button {
    background-color: #514051;
}
.original #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #433543;
}
.original #ptc_5 .ptc-note-fold {
    border-left: 45px solid #5f4b5f;
}
.original #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #514051;
}
.original #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #5f4b5f;
}
.original #ptc_5 .ptc-stars {
    color: #705970;
}
.original #ptc_5 .ptc-price {
    background-color: #5f4b5f;
}
.original #ptc_6 .ptc-header,
.original #ptc_6 .ptc-footer .ptc-button {
    background-color: #222122;
}
.original #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #151415;
}
.original #ptc_6 .ptc-note-fold {
    border-left: 45px solid #2f2e2f;
}
.original #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #222122;
}
.original #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #2f2e2f;
}
.original #ptc_6 .ptc-stars {
    color: #3e3d3e;
}
.original #ptc_6 .ptc-price {
    background-color: #2f2e2f;
}
.autumn #ptc_1 .ptc-header,
.autumn #ptc_1 .ptc-footer .ptc-button {
    background-color: #9b5651;
}
.autumn #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #8a4d48;
}
.autumn #ptc_1 .ptc-note-fold {
    border-left: 45px solid #aa615c;
}
.autumn #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #9b5651;
}
.autumn #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #aa615c;
}
.autumn #ptc_1 .ptc-stars {
    color: #b47570;
}
.autumn #ptc_1 .ptc-price {
    background-color: #aa615c;
}
.autumn #ptc_2 .ptc-header,
.autumn #ptc_2 .ptc-footer .ptc-button {
    background-color: #ae695a;
}
.autumn #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #a05d4f;
}
.autumn #ptc_2 .ptc-note-fold {
    border-left: 45px solid #b6796b;
}
.autumn #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #ae695a;
}
.autumn #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #b6796b;
}
.autumn #ptc_2 .ptc-stars {
    color: #c08b80;
}
.autumn #ptc_2 .ptc-price {
    background-color: #b6796b;
}
.autumn #ptc_3 .ptc-header,
.autumn #ptc_3 .ptc-footer .ptc-button {
    background-color: #e89c84;
}
.autumn #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #e48b6f;
}
.autumn #ptc_3 .ptc-note-fold {
    border-left: 45px solid #ecad99;
}
.autumn #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #e89c84;
}
.autumn #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #ecad99;
}
.autumn #ptc_3 .ptc-stars {
    color: #f1c2b3;
}
.autumn #ptc_3 .ptc-price {
    background-color: #ecad99;
}
.autumn #ptc_4 .ptc-header,
.autumn #ptc_4 .ptc-footer .ptc-button {
    background-color: #f5c972;
}
.autumn #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #f3c05a;
}
.autumn #ptc_4 .ptc-note-fold {
    border-left: 45px solid #f7d28a;
}
.autumn #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #f5c972;
}
.autumn #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #f7d28a;
}
.autumn #ptc_4 .ptc-stars {
    color: #f9dda6;
}
.autumn #ptc_4 .ptc-price {
    background-color: #f7d28a;
}
.autumn #ptc_5 .ptc-header,
.autumn #ptc_5 .ptc-footer .ptc-button {
    background-color: #eab06e;
}
.autumn #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #e7a458;
}
.autumn #ptc_5 .ptc-note-fold {
    border-left: 45px solid #edbc84;
}
.autumn #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #eab06e;
}
.autumn #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #edbc84;
}
.autumn #ptc_5 .ptc-stars {
    color: #f1cb9f;
}
.autumn #ptc_5 .ptc-price {
    background-color: #edbc84;
}
.autumn #ptc_6 .ptc-header,
.autumn #ptc_6 .ptc-footer .ptc-button {
    background-color: #c3b274;
}
.autumn #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #bba862;
}
.autumn #ptc_6 .ptc-note-fold {
    border-left: 45px solid #cbbc86;
}
.autumn #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #c3b274;
}
.autumn #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #cbbc86;
}
.autumn #ptc_6 .ptc-stars {
    color: #d4c89b;
}
.autumn #ptc_6 .ptc-price {
    background-color: #cbbc86;
}
.retro #ptc_1 .ptc-header,
.retro #ptc_1 .ptc-footer .ptc-button {
    background-color: #7c786a;
}
.retro #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #6e6b5e;
}
.retro #ptc_1 .ptc-note-fold {
    border-left: 45px solid #8a8576;
}
.retro #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #7c786a;
}
.retro #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #8a8576;
}
.retro #ptc_1 .ptc-stars {
    color: #989486;
}
.retro #ptc_1 .ptc-price {
    background-color: #8a8576;
}
.retro #ptc_2 .ptc-header,
.retro #ptc_2 .ptc-footer .ptc-button {
    background-color: #8cccc0;
}
.retro #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #7ac4b6;
}
.retro #ptc_2 .ptc-note-fold {
    border-left: 45px solid #9ed4ca;
}
.retro #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #8cccc0;
}
.retro #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #9ed4ca;
}
.retro #ptc_2 .ptc-stars {
    color: #b3ddd5;
}
.retro #ptc_2 .ptc-price {
    background-color: #9ed4ca;
}
.retro #ptc_3 .ptc-header,
.retro #ptc_3 .ptc-footer .ptc-button {
    background-color: #bfd174;
}
.retro #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #b6cb61;
}
.retro #ptc_3 .ptc-note-fold {
    border-left: 45px solid #c8d787;
}
.retro #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #bfd174;
}
.retro #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #c8d787;
}
.retro #ptc_3 .ptc-stars {
    color: #d2df9e;
}
.retro #ptc_3 .ptc-price {
    background-color: #c8d787;
}
.retro #ptc_4 .ptc-header,
.retro #ptc_4 .ptc-footer .ptc-button {
    background-color: #fae46f;
}
.retro #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #f9df56;
}
.retro #ptc_4 .ptc-note-fold {
    border-left: 45px solid #fbe988;
}
.retro #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #fae46f;
}
.retro #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #fbe988;
}
.retro #ptc_4 .ptc-stars {
    color: #fceea5;
}
.retro #ptc_4 .ptc-price {
    background-color: #fbe988;
}
.retro #ptc_5 .ptc-header,
.retro #ptc_5 .ptc-footer .ptc-button {
    background-color: #f97a6e;
}
.retro #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #f86456;
}
.retro #ptc_5 .ptc-note-fold {
    border-left: 45px solid #fa9086;
}
.retro #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #f97a6e;
}
.retro #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #fa9086;
}
.retro #ptc_5 .ptc-stars {
    color: #fbaba4;
}
.retro #ptc_5 .ptc-price {
    background-color: #fa9086;
}
.retro #ptc_6 .ptc-header,
.retro #ptc_6 .ptc-footer .ptc-button {
    background-color: #e6bcd8;
}
.retro #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #dfa9cd;
}
.retro #ptc_6 .ptc-note-fold {
    border-left: 45px solid #edcfe3;
}
.retro #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #e6bcd8;
}
.retro #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #edcfe3;
}
.retro #ptc_6 .ptc-stars {
    color: #f5e5f0;
}
.retro #ptc_6 .ptc-price {
    background-color: #edcfe3;
}
.sunset #ptc_1 .ptc-header,
.sunset #ptc_1 .ptc-footer .ptc-button {
    background-color: #f37257;
}
.sunset #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #f15e3f;
}
.sunset #ptc_1 .ptc-note-fold {
    border-left: 45px solid #f5866f;
}
.sunset #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #f37257;
}
.sunset #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #f5866f;
}
.sunset #ptc_1 .ptc-stars {
    color: #f79e8b;
}
.sunset #ptc_1 .ptc-price {
    background-color: #f5866f;
}
.sunset #ptc_2 .ptc-header,
.sunset #ptc_2 .ptc-footer .ptc-button {
    background-color: #f68d5c;
}
.sunset #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #f57c44;
}
.sunset #ptc_2 .ptc-note-fold {
    border-left: 45px solid #f79e74;
}
.sunset #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #f68d5c;
}
.sunset #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #f79e74;
}
.sunset #ptc_2 .ptc-stars {
    color: #f9b291;
}
.sunset #ptc_2 .ptc-price {
    background-color: #f79e74;
}
.sunset #ptc_3 .ptc-header,
.sunset #ptc_3 .ptc-footer .ptc-button {
    background-color: #f4d27a;
}
.sunset #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #f2ca62;
}
.sunset #ptc_3 .ptc-note-fold {
    border-left: 45px solid #f6da92;
}
.sunset #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #f4d27a;
}
.sunset #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #f6da92;
}
.sunset #ptc_3 .ptc-stars {
    color: #f8e4ae;
}
.sunset #ptc_3 .ptc-price {
    background-color: #f6da92;
}
.sunset #ptc_4 .ptc-header,
.sunset #ptc_4 .ptc-footer .ptc-button {
    background-color: #afc1cc;
}
.sunset #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #9fb5c2;
}
.sunset #ptc_4 .ptc-note-fold {
    border-left: 45px solid #bfcdd6;
}
.sunset #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #afc1cc;
}
.sunset #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #bfcdd6;
}
.sunset #ptc_4 .ptc-stars {
    color: #d1dce2;
}
.sunset #ptc_4 .ptc-price {
    background-color: #bfcdd6;
}
.sunset #ptc_5 .ptc-header,
.sunset #ptc_5 .ptc-footer .ptc-button {
    background-color: #7895a2;
}
.sunset #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #698998;
}
.sunset #ptc_5 .ptc-note-fold {
    border-left: 45px solid #87a1ac;
}
.sunset #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #7895a2;
}
.sunset #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #87a1ac;
}
.sunset #ptc_5 .ptc-stars {
    color: #99afb9;
}
.sunset #ptc_5 .ptc-price {
    background-color: #87a1ac;
}
.sunset #ptc_6 .ptc-header,
.sunset #ptc_6 .ptc-footer .ptc-button {
    background-color: #517281;
}
.sunset #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #476471;
}
.sunset #ptc_6 .ptc-note-fold {
    border-left: 45px solid #5b8091;
}
.sunset #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #517281;
}
.sunset #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #5b8091;
}
.sunset #ptc_6 .ptc-stars {
    color: #6990a1;
}
.sunset #ptc_6 .ptc-price {
    background-color: #5b8091;
}
.candy #ptc_1 .ptc-header,
.candy #ptc_1 .ptc-footer .ptc-button {
    background-color: #fc7b77;
}
.candy #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #fb635e;
}
.candy #ptc_1 .ptc-note-fold {
    border-left: 45px solid #fd9390;
}
.candy #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #fc7b77;
}
.candy #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #fd9390;
}
.candy #ptc_1 .ptc-stars {
    color: #fdb0ae;
}
.candy #ptc_1 .ptc-price {
    background-color: #fd9390;
}
.candy #ptc_2 .ptc-header,
.candy #ptc_2 .ptc-footer .ptc-button {
    background-color: #ff9996;
}
.candy #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #ff807d;
}
.candy #ptc_2 .ptc-note-fold {
    border-left: 45px solid #ffb2b0;
}
.candy #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #ff9996;
}
.candy #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #ffb2b0;
}
.candy #ptc_2 .ptc-stars {
    color: #ffcfce;
}
.candy #ptc_2 .ptc-price {
    background-color: #ffb2b0;
}
.candy #ptc_3 .ptc-header,
.candy #ptc_3 .ptc-footer .ptc-button {
    background-color: #feb7b5;
}
.candy #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #fe9f9c;
}
.candy #ptc_3 .ptc-note-fold {
    border-left: 45px solid #fecfce;
}
.candy #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #feb7b5;
}
.candy #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #fecfce;
}
.candy #ptc_3 .ptc-stars {
    color: #ffedec;
}
.candy #ptc_3 .ptc-price {
    background-color: #fecfce;
}
.candy #ptc_4 .ptc-header,
.candy #ptc_4 .ptc-footer .ptc-button {
    background-color: #fecea9;
}
.candy #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #fec090;
}
.candy #ptc_4 .ptc-note-fold {
    border-left: 45px solid #fedcc2;
}
.candy #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #fecea9;
}
.candy #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #fedcc2;
}
.candy #ptc_4 .ptc-stars {
    color: #ffeee0;
}
.candy #ptc_4 .ptc-price {
    background-color: #fedcc2;
}
.candy #ptc_5 .ptc-header,
.candy #ptc_5 .ptc-footer .ptc-button {
    background-color: #a0d5e0;
}
.candy #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #8dccda;
}
.candy #ptc_5 .ptc-note-fold {
    border-left: 45px solid #b3dde6;
}
.candy #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #a0d5e0;
}
.candy #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #b3dde6;
}
.candy #ptc_5 .ptc-stars {
    color: #cae8ee;
}
.candy #ptc_5 .ptc-price {
    background-color: #b3dde6;
}
.candy #ptc_6 .ptc-header,
.candy #ptc_6 .ptc-footer .ptc-button {
    background-color: #7fcfe0;
}
.candy #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #6ac7db;
}
.candy #ptc_6 .ptc-note-fold {
    border-left: 45px solid #94d7e5;
}
.candy #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #7fcfe0;
}
.candy #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #94d7e5;
}
.candy #ptc_6 .ptc-stars {
    color: #ace0eb;
}
.candy #ptc_6 .ptc-price {
    background-color: #94d7e5;
}
.ocean #ptc_1 .ptc-header,
.ocean #ptc_1 .ptc-footer .ptc-button {
    background-color: #159594;
}
.ocean #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #127f7e;
}
.ocean #ptc_1 .ptc-note-fold {
    border-left: 45px solid #18abaa;
}
.ocean #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #159594;
}
.ocean #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #18abaa;
}
.ocean #ptc_1 .ptc-stars {
    color: #1cc6c5;
}
.ocean #ptc_1 .ptc-price {
    background-color: #18abaa;
}
.ocean #ptc_2 .ptc-header,
.ocean #ptc_2 .ptc-footer .ptc-button {
    background-color: #09aea7;
}
.ocean #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #089690;
}
.ocean #ptc_2 .ptc-note-fold {
    border-left: 45px solid #0ac6be;
}
.ocean #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #09aea7;
}
.ocean #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #0ac6be;
}
.ocean #ptc_2 .ptc-stars {
    color: #0ce3da;
}
.ocean #ptc_2 .ptc-price {
    background-color: #0ac6be;
}
.ocean #ptc_3 .ptc-header,
.ocean #ptc_3 .ptc-footer .ptc-button {
    background-color: #a9cf9e;
}
.ocean #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #9ac78d;
}
.ocean #ptc_3 .ptc-note-fold {
    border-left: 45px solid #b8d7af;
}
.ocean #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #a9cf9e;
}
.ocean #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #b8d7af;
}
.ocean #ptc_3 .ptc-stars {
    color: #cae2c4;
}
.ocean #ptc_3 .ptc-price {
    background-color: #b8d7af;
}
.ocean #ptc_4 .ptc-header,
.ocean #ptc_4 .ptc-footer .ptc-button {
    background-color: #c7a885;
}
.ocean #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #bf9c74;
}
.ocean #ptc_4 .ptc-note-fold {
    border-left: 45px solid #cfb496;
}
.ocean #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #c7a885;
}
.ocean #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #cfb496;
}
.ocean #ptc_4 .ptc-stars {
    color: #d9c3ab;
}
.ocean #ptc_4 .ptc-price {
    background-color: #cfb496;
}
.ocean #ptc_5 .ptc-header,
.ocean #ptc_5 .ptc-footer .ptc-button {
    background-color: #fe7040;
}
.ocean #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #fe5d27;
}
.ocean #ptc_5 .ptc-note-fold {
    border-left: 45px solid #fe8359;
}
.ocean #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #fe7040;
}
.ocean #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #fe8359;
}
.ocean #ptc_5 .ptc-stars {
    color: #fe9a78;
}
.ocean #ptc_5 .ptc-price {
    background-color: #fe8359;
}
.ocean #ptc_6 .ptc-header,
.ocean #ptc_6 .ptc-footer .ptc-button {
    background-color: #8a697a;
}
.ocean #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #7c5e6d;
}
.ocean #ptc_6 .ptc-note-fold {
    border-left: 45px solid #977687;
}
.ocean #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #8a697a;
}
.ocean #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #977687;
}
.ocean #ptc_6 .ptc-stars {
    color: #a48796;
}
.ocean #ptc_6 .ptc-price {
    background-color: #977687;
}
.earth #ptc_1 .ptc-header,
.earth #ptc_1 .ptc-footer .ptc-button {
    background-color: #828373;
}
.earth #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #757567;
}
.earth #ptc_1 .ptc-note-fold {
    border-left: 45px solid #8f9080;
}
.earth #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #828373;
}
.earth #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #8f9080;
}
.earth #ptc_1 .ptc-stars {
    color: #9d9e90;
}
.earth #ptc_1 .ptc-price {
    background-color: #8f9080;
}
.earth #ptc_2 .ptc-header,
.earth #ptc_2 .ptc-footer .ptc-button {
    background-color: #656f66;
}
.earth #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #59625a;
}
.earth #ptc_2 .ptc-note-fold {
    border-left: 45px solid #717c72;
}
.earth #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #656f66;
}
.earth #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #717c72;
}
.earth #ptc_2 .ptc-stars {
    color: #808c81;
}
.earth #ptc_2 .ptc-price {
    background-color: #717c72;
}
.earth #ptc_3 .ptc-header,
.earth #ptc_3 .ptc-footer .ptc-button {
    background-color: #7aada6;
}
.earth #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #6aa39b;
}
.earth #ptc_3 .ptc-note-fold {
    border-left: 45px solid #8ab7b1;
}
.earth #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #7aada6;
}
.earth #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #8ab7b1;
}
.earth #ptc_3 .ptc-stars {
    color: #9dc2bd;
}
.earth #ptc_3 .ptc-price {
    background-color: #8ab7b1;
}
.earth #ptc_4 .ptc-header,
.earth #ptc_4 .ptc-footer .ptc-button {
    background-color: #b7bcb6;
}
.earth #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #aab0a9;
}
.earth #ptc_4 .ptc-note-fold {
    border-left: 45px solid #c4c8c3;
}
.earth #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #b7bcb6;
}
.earth #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #c4c8c3;
}
.earth #ptc_4 .ptc-stars {
    color: #d4d7d3;
}
.earth #ptc_4 .ptc-price {
    background-color: #c4c8c3;
}
.earth #ptc_5 .ptc-header,
.earth #ptc_5 .ptc-footer .ptc-button {
    background-color: #4e3d36;
}
.earth #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #3f312c;
}
.earth #ptc_5 .ptc-note-fold {
    border-left: 45px solid #5d4940;
}
.earth #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #4e3d36;
}
.earth #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #5d4940;
}
.earth #ptc_5 .ptc-stars {
    color: #6f574d;
}
.earth #ptc_5 .ptc-price {
    background-color: #5d4940;
}
.earth #ptc_6 .ptc-header,
.earth #ptc_6 .ptc-footer .ptc-button {
    background-color: #323232;
}
.earth #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #252525;
}
.earth #ptc_6 .ptc-note-fold {
    border-left: 45px solid #3f3f3f;
}
.earth #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #323232;
}
.earth #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #3f3f3f;
}
.earth #ptc_6 .ptc-stars {
    color: #4e4e4e;
}
.earth #ptc_6 .ptc-price {
    background-color: #3f3f3f;
}
.modern #ptc_1 .ptc-header,
.modern #ptc_1 .ptc-footer .ptc-button {
    background-color: #2e2e31;
}
.modern #ptc_1 .ptc-note-exposed {
    border-top: 45px solid #222224;
}
.modern #ptc_1 .ptc-note-fold {
    border-left: 45px solid #3a3a3e;
}
.modern #ptc_1 .ptc-arrow-down.ptc-first {
    border-top-color: #2e2e31;
}
.modern #ptc_1 .ptc-arrow-down.ptc-second {
    border-top-color: #3a3a3e;
}
.modern #ptc_1 .ptc-stars {
    color: #49494e;
}
.modern #ptc_1 .ptc-price {
    background-color: #3a3a3e;
}
.modern #ptc_2 .ptc-header,
.modern #ptc_2 .ptc-footer .ptc-button {
    background-color: #4e4e56;
}
.modern #ptc_2 .ptc-note-exposed {
    border-top: 45px solid #424249;
}
.modern #ptc_2 .ptc-note-fold {
    border-left: 45px solid #5a5a63;
}
.modern #ptc_2 .ptc-arrow-down.ptc-first {
    border-top-color: #4e4e56;
}
.modern #ptc_2 .ptc-arrow-down.ptc-second {
    border-top-color: #5a5a63;
}
.modern #ptc_2 .ptc-stars {
    color: #696973;
}
.modern #ptc_2 .ptc-price {
    background-color: #5a5a63;
}
.modern #ptc_3 .ptc-header,
.modern #ptc_3 .ptc-footer .ptc-button {
    background-color: #da635d;
}
.modern #ptc_3 .ptc-note-exposed {
    border-top: 45px solid #d54f48;
}
.modern #ptc_3 .ptc-note-fold {
    border-left: 45px solid #df7772;
}
.modern #ptc_3 .ptc-arrow-down.ptc-first {
    border-top-color: #da635d;
}
.modern #ptc_3 .ptc-arrow-down.ptc-second {
    border-top-color: #df7772;
}
.modern #ptc_3 .ptc-stars {
    color: #e48f8b;
}
.modern #ptc_3 .ptc-price {
    background-color: #df7772;
}
.modern #ptc_4 .ptc-header,
.modern #ptc_4 .ptc-footer .ptc-button {
    background-color: #c4b9ab;
}
.modern #ptc_4 .ptc-note-exposed {
    border-top: 45px solid #b9ad9c;
}
.modern #ptc_4 .ptc-note-fold {
    border-left: 45px solid #cfc5ba;
}
.modern #ptc_4 .ptc-arrow-down.ptc-first {
    border-top-color: #c4b9ab;
}
.modern #ptc_4 .ptc-arrow-down.ptc-second {
    border-top-color: #cfc5ba;
}
.modern #ptc_4 .ptc-stars {
    color: #dbd4cc;
}
.modern #ptc_4 .ptc-price {
    background-color: #cfc5ba;
}
.modern #ptc_5 .ptc-header,
.modern #ptc_5 .ptc-footer .ptc-button {
    background-color: #b1938b;
}
.modern #ptc_5 .ptc-note-exposed {
    border-top: 45px solid #a7857c;
}
.modern #ptc_5 .ptc-note-fold {
    border-left: 45px solid #bba19a;
}
.modern #ptc_5 .ptc-arrow-down.ptc-first {
    border-top-color: #b1938b;
}
.modern #ptc_5 .ptc-arrow-down.ptc-second {
    border-top-color: #bba19a;
}
.modern #ptc_5 .ptc-stars {
    color: #c8b2ad;
}
.modern #ptc_5 .ptc-price {
    background-color: #bba19a;
}
.modern #ptc_6 .ptc-header,
.modern #ptc_6 .ptc-footer .ptc-button {
    background-color: #81665f;
}
.modern #ptc_6 .ptc-note-exposed {
    border-top: 45px solid #725a54;
}
.modern #ptc_6 .ptc-note-fold {
    border-left: 45px solid #90726a;
}
.modern #ptc_6 .ptc-arrow-down.ptc-first {
    border-top-color: #81665f;
}
.modern #ptc_6 .ptc-arrow-down.ptc-second {
    border-top-color: #90726a;
}
.modern #ptc_6 .ptc-stars {
    color: #9d827b;
}
.modern #ptc_6 .ptc-price {
    background-color: #90726a;
}


/* -------------------------------------------- */
/* -------------- BOOTSTRAP GRID -------------- */
/* -------------------------------------------- */

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3655bf388a83a6de1ed6)
 * Config saved to config.json and https://gist.github.com/3655bf388a83a6de1ed6
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}


@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }

}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
}


/* -------------------------------------------- */
/* -------------- HOVER STYLES ---------------- */
/* -------------------------------------------- */

/*!
 * Hover.css (http://ianlunn.co.uk/)
 * Version: 1.0.8
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014.
 */
/* Default styles for the demo buttons */

/* 2D TRANSITIONS */
/* Grow */
.grow {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.grow:hover, .grow:focus, .grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Shrink */
.shrink {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.shrink:hover, .shrink:focus, .shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}


/* Rotate */
.rotate {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.rotate:hover, .rotate:focus, .rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}

/* Grow Rotate */
.grow-rotate {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}

/* Float */
.float {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.float:hover, .float:focus, .float:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* Sink */
.sink {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.sink:hover, .sink:focus, .sink:active {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.wobble-vertical {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
    -webkit-animation-name: wobble-vertical;
    animation-name: wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.wobble-horizontal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.wobble-to-bottom-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-to-bottom-right:hover, .wobble-to-bottom-right:focus, .wobble-to-bottom-right:active {
    -webkit-animation-name: wobble-to-bottom-right;
    animation-name: wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.wobble-to-top-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-to-top-right:hover, .wobble-to-top-right:focus, .wobble-to-top-right:active {
    -webkit-animation-name: wobble-to-top-right;
    animation-name: wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.wobble-top {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-top:hover, .wobble-top:focus, .wobble-top:active {
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.wobble-bottom {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-bottom:hover, .wobble-bottom:focus, .wobble-bottom:active {
    -webkit-animation-name: wobble-bottom;
    animation-name: wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.wobble-skew {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wobble-skew:hover, .wobble-skew:focus, .wobble-skew:active {
    -webkit-animation-name: wobble-skew;
    animation-name: wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Buzz Out */
@-webkit-keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.buzz-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
    -webkit-animation-name: buzz-out;
    animation-name: buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}



.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    padding-top: 80px;
    font-size: 13px;
    color: #34495e;
    background: #f5f5f5
}

body h1,
body h2,
body h3,
body h4,
body .created {
        font-family: 'Dosis', sans-serif;
    font-weight: bolder;
}

body h5,
body h6 {
    margin: 0
}

body h3,
body h4 {
    margin-top: 0
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-image: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff
}

.btn.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5)
}

.btn.btn-link {
    color: #f44802;
    padding: 0
}

.btn.btn-link:hover {
    text-decoration: none
}

.btn-primary {
    background-color: #f44802
}

.btn-primary:hover {
    background-color: #24a259
}

a {
    color: #f44802;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

a:hover,
a:focus {
    color: #005580;
    text-decoration: none;
    outline: 0
}

.dropdown-menu {
    margin-top: -1px;
    min-width: 180px
}

body>section {
    padding: 30px 0
}

body>section#slide-show {
    padding: 0
}

#recent-works {
    background: #f44802;
    color: #fff
}

#recent-works .links>a {
    background: #fff;
    color: #f44802;
    text-shadow: none
}



#precos {
    background: #054175;
    color: #fff;
    
    background-image: url(../images/bg_precos.png);

}

#precos .links>a {
    background: #fff;
    color: #f44802;
    text-shadow: none
}

#clients {
    background: #fff
}

#clients h4 {
    color: #999
}

#clients .carousel {
    margin-bottom: 0
}

#clients .clients ul.thumbnails {
    margin: 0
}

#clients .clients ul.thumbnails>li {
    text-align: center;
    margin-bottom: 0
}

#clients .prev,
#clients .next {
    color: #999
}

.title {
    background: #f44802;
    color: #fff;
    padding: 20px 0
}

.center {
    text-align: center
}

.box {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress {
    margin-bottom: 10px
}

.progress,
.progress .bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    height: 30px;
    line-height: 30px
}

.label,
.badge {
    font-weight: 300;
    font-size: 90%
}

ul.breadcrumb {
    margin: 12px 0 0;
    background: transparent
}

ul.breadcrumb>li {
    text-shadow: none
}

ul.breadcrumb>li>a,
ul.breadcrumb>li .divider {
    color: #fff
}

ul.breadcrumb>li.active {
    color: rgba(255, 255, 255, 0.7)
}

ul.tag-cloud li {
    display: inline-block;
    margin: 0 0 2px 0
}

.btn-social {
    border: 0;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5)
}

.btn-social.btn-facebook {
    background: #4f7dd4
}

.btn-social.btn-facebook:hover {
    background: #789bde
}

.btn-social.btn-twitter {
    background: #5bceff
}

.btn-social.btn-twitter:hover {
    background: #8eddff
}

.btn-social.btn-linkedin {
    background: #21a6d8
}

.btn-social.btn-linkedin:hover {
    background: #49b9e3
}

.btn-social.btn-google-plus {
    background: #dc422b
}

.btn-social.btn-google-plus:hover {
    background: #e36957
}

.btn-social:hover {
    color: #fff
}

header.navbar .navbar-inner {
    background: #fff!important;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
   box-shadow: 0 1px 4px rgba(228, 228, 228, 0.95);
   
}

header #logo {
    width: 220px;
    height: 80px;
    background: url(../images/logo.png) no-repeat 0 50%
}

header.navbar {
    margin-bottom: 0
}



header.navbar .nav {
    margin-top: 20px
}

header.navbar .nav>li {
    margin-left: 1px
}

header.navbar .nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
    font-family: "Fjalla One";
    font-size: 17px;
    text-transform: uppercase;
    text-shadow: none
}

header.navbar .nav>li>a:hover {
    background: transparent;
    color: #f44802;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

header.navbar .nav>li.active>a,
header.navbar .nav>li.active>a:hover {
    background: transparent;
    color: #f44802;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

header.navbar .nav>li.dropdown.open>a.dropdown-toggle {
    background: transparent;
    color: #f44802
}

header.navbar .nav>li.login>a {
    border-left: 1px solid #e5e5e5
}




header .dropdown-menu {
    margin-top: 20px
}

header .dropdown-menu:before {
    display: none!important
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: transparent;
    color: #f44802
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    color: #f44802
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: 0
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    background: #24a259
}

.main-info {
    background-image: url('../images/cf140dac517f37fc801b6b91aaf76fea.png');
    background-color: #fff;
    color: #999
}

.main-info h4 {
    color: #999
}

.icon-medium {
    font-size: 28px;

    line-height: 23px;
    text-align: center;
    display: inline-block;
    background: #f44802;
    padding: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff
}

.modal {
    border: 0
}

.modal#loginForm {
    width: 600px;
    margin-left: -300px
}

.modal .modal-header {
    border: 0;
    padding: 20px 20px 0
}

.modal .modal-header>h4 {
    font-weight: 300;
    font-size: 14px;
    color: #848484;
    text-transform: uppercase;
    margin: 0
}

.modal .modal-body {
    padding: 20px
}

.modal input[type="text"],
.modal input[type="password"] {
padding: 5px 10px;
    min-height: 50px;
    width: 210px;
    margin-right: 10px;
}

.modal .icon-remove {
    color: #848484;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    background: #ebebeb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer
}

.modal button {
    margin-left: 10px;
    border: 0
}

.gap {
    margin-bottom: 50px
}

.big-gap {
    margin-bottom: 100px
}

.no-margin {
    margin: 0;
    padding: 0
}

#services {
    background: #252525;
    color: #999
}

#services h1,
#services h2,
#services h3,
#services h4,
#services h5,
#services h6 {
    color: #fff
}

#main-contents {
    margin-top: 20px
}

#main-contents .blog-news .created {
    font-size: 18px;
    color: #f44802
}

.registration-form {
    border: 0;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: inline-block
}

#bottom {
    background: #232323;
    color: #6f6f6f
}

#bottom h4 {
    margin-top: 0;
    margin-bottom: 15px
}

#bottom h1,
#bottom h2,
#bottom h3,
#bottom h4,
#bottom h5,
#bottom h6 {
    color: #fff
}

#bottom a {
    color: #6f6f6f
}

#bottom a:hover {
    color: #f44802
}

#bottom ul.address>li {
    position: relative;
    padding-left: 20px;
    margin-top: 10px
}

#bottom ul.address>li:first-child {
    margin-top: 0
}

#bottom ul.address>li>i {
    position: absolute;
    top: 3px;
    left: 0
}

#bottom ul.thumbnails {
    margin-bottom: 0
}

#bottom ul.thumbnails li {
    margin-bottom: 5px
}

ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
    font-family: FontAwesome;
    font-size: 11px
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
    margin-right: 5px
}

ul.arrow li::before {
    content: "\f105"
}

ul.arrow-double li::before {
    content: "\f101"
}

ul.tick li::before {
    content: "\f00c"
}

ul.cross li::before {
    content: "\f00d"
}

ul.star li::before {
    content: "\f006"
}

ul.rss li::before {
    content: "\f09e"
}

#footer {
    background: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #666
}

#footer a {
    color: #666
}

#footer a:hover {
    color: #f44802
}

#footer #gototop {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    display: inline-block;
    background: #1d1d1d;
    font-size: 24px;
    color: #fff
}

#footer #gototop:hover {
    background: #2b2b2b;
    text-decoration: none
}

#footer .cp {
    margin-top: 11px
}

ul.social {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: inline-block
}

ul.social>li {
    display: inline-block;
    margin: 0 5px
}

ul.social>li>a {
    font-size: 24px;
    color: #666
}

ul.social>li>a:hover {
    color: #999
}

.box-border {
    padding: 15px
}

.accordion-group {
    background-color: #fff;
    border-top: 1px solid #f0f0f0
}

.accordion-heading .accordion-toggle {
    color: #666;
    font-weight: 700
}

.accordion-inner {
    border-top: 0
}

.blog .blog-item h2 {
    margin-top: 0
}

.blog .blog-item .date span {
    display: block;
    text-align: center
}

.blog .blog-item .date span.day {
    font-size: 50px;
    line-height: 50px;
    padding-top: 10px;
    font-family: "Fjalla One", sans-serif
}

.blog .blog-item .date span.month {
    font-size: 18px
}

.blog .blog-item .tag {
    margin-top: 5px
}

.blog .blog-item .avatar {
    margin-top: 5px
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-height: 50px;
    padding: 0 15px;
    border: 3px solid #ededed
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #f44802;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.input-block-level {
    min-height: 50px
}

textarea#message {
    padding: 10px 15px;
    height: 219px
}

.widget {
    margin-bottom: 30px
}

.widget>h3 {
    font-size: 16px;
    margin-top: 0
}

.widget h5 {
    margin-top: 10px
}

.widget .date {
    margin-top: 5px;
    padding: 8px 10px;
    background: #f44802
}

.widget .date>span {
    display: block;
    text-align: center;
    font-family: "Fjalla One";
    color: #fff
}

.widget .date>span.month {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.widget .date>span.day {
    font-size: 18px;
    line-height: 18px
}

#pricing-table {
    margin-top: 20px;
    margin-bottom: 30px
}

#pricing-table .plan {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff
}

#pricing-table .plan.featured {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#pricing-table .plan>li {
    padding: 10px 15px
}

#pricing-table .plan>li.plan-name {
    background: rgba(0, 0, 0, 0.1)
}

#pricing-table .plan>li.plan-name h3 {
    margin: 10px 0
}

#pricing-table .plan>li.plan-action {
    padding: 20px 0
}

#pricing-table .plan1 {
    background: #1abc9c
}

#pricing-table .plan2 {
    background: #e74c3c
}

#pricing-table .plan3 {
    background: #3498db
}

#pricing-table .plan4 {
    background: #9b59b6
}

ul.gallery {
    display: block;
    margin: -15px
}

ul.gallery.col-1 li {
    width: 100%
}

ul.gallery.col-2 li {
    width: 50%
}

ul.gallery.col-3 li {
    width: 33.3333%
}

ul.gallery.col-4 li {
    width: 25%
}

ul.gallery li {
    display: block;
    padding: 0;
    margin: 0;
    float: left
}

ul.gallery li .desc {
    margin: 15px
}

ul.gallery li .preview {
    margin: 15px;
    display: block;
    position: relative
}

ul.gallery li .preview .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}

ul.gallery li .preview .links {
    width: 104px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -52px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

ul.gallery li .preview .links>a {
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #f44802;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    margin: 0 1px
}

ul.gallery li .preview:hover .overlay,
ul.gallery li .preview:hover .links {
    opacity: 1;
    filter: alpha(opacity=100)
}

ul.gallery li .preview:hover .links {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

ul.faq {
    list-style: none;
    margin: 0
}

ul.faq li {
    margin-top: 30px
}

ul.faq li:first-child {
    margin-top: 0
}

ul.faq li span.number {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f44802;
    color: #fff;
    font-size: 24px
}

ul.faq li>div {
    margin-left: 70px
}

ul.faq li>div h3 {
    margin-top: 0
}

#error {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px
}

.criarconta{
	background-color: #f44802;
    color: #fff !important;
}

.criarconta a{
	color: #fff;
}

.telefones a{
    padding-top:5px  !important;
    padding-bottom: 0px !important;
}




.section-3 .box:first-child {
    background: #65c958;
    margin-left: 0;
}

.section-3 .box {
    float: left;
    /*width: 33.2%;*/
    background: #333333;
    margin-left: 0.2%;
    padding: 63px 0 81px 0;
    text-align: center;
    color: #ffffff;
}

.section-3 .box {
    float: left;
    /*width: 33.2%;*/
    background: #333333;
    margin-left: 0.0%;
    padding: 63px 0 81px 0;
    text-align: center;
    color: #ffffff;
}

.section-3 .box:last-child {
    color: #3e3e3e;
    background: #f7f7f7;
}

.section-3 .box {
    float: left;
    /*width: 33.2%;*/
    background: #333333;
    margin-left: 0.0%;
    padding: 63px 0 81px 0;
    text-align: center;
    color: #ffffff;
      border-radius: 0px !important;
}

.section-3 .box .fa{
    font-size: 108px;
}

.section-3 .box .fa {
    font-size: 92px;
    line-height: 92px;
}

.section-3 .box h3 + p {
    margin-top: 19px;
}

.section-3 .box p {
    padding: 0 65px;
}

.section-3 .faV {
    color: #65c958;
}


.btnVerde{
        background-color: #35bb48;
}




.pagcs-text {
    text-align: center;
    font-size: 1.875em;
    font-weight: 300;
    margin: 30px 0 10px;
        font-family: 'ubuntu',"Helvetica Neue",Helvetica,Arial,sans-serif;
            line-height: 1.2em;
}

.mt-30 {
    margin-top: 30px !important;
}

.pagcs-comocriar-texto {
    font-size: 1.2em;
    font-weight: 300;
    text-align: justify;
    font-family: 'ubuntu',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.passos {
    font-size: 3em;
    font-weight: 300;
    text-align: justify;
    font-family: 'ubuntu',"Helvetica Neue",Helvetica,Arial,sans-serif;
        background-color: #f44802;
    color: #fff;
    padding: 8px;
}


.mt-10 {
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}

/*.item{
    margin-bottom: 10px;
}*/

.botao-veja-planos{
    padding: 30px;
}

@media (max-width: 760px) {

.item .image{
    margin-bottom: 10px;
}

#portfolio .item .fa{
 margin-top: 40px;
}

.pagcs-services-titulo{
    margin-top: 5px;
}

.pagcs-services-texto{
    margin-top: 10px;
}

ul.gallery.col-4 li {
    width: 95%;
    margin-left: 5%;
}

.btnVerde {
    background-color: #35bb48;
    font-size: 16px;
}

#bottom {
    padding: 30px;
}

.main-info h4 {
    color: #999;
        font-size: 34px;
    line-height: 28px;
}

#services {
    text-align: center;
    padding: 30px;
}

#services .span4{
    margin-bottom: 30px;
}

.row {
     margin-left: 0px !important;
    margin-right: 0px !important;
}

body {
     padding-top: 0px;
    }


header.navbar .nav>li.login>a {
     border-left: 0px solid #e5e5e5; 
         padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#recent-works {
    padding: 30px;
}

.main-info {
    
    padding: 20px;
}

header.navbar {
    padding: 0px !important;
    margin: 0 !important;
}
.sl-slider h2{
    font-size: 30px !important;
}
.sl-slider{
    text-align: center !important;
}



header.navbar .nav {
    /*margin-top: 20px*/
        margin-top: 20px;
    width: 100%;
    background: #f44802;
    padding: 20px;
    color: #fff !important;
}

header.navbar .nav>li {
    margin-left: 1px
}

header.navbar .nav>li>a {
    /*padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
    font-family: "Fjalla One";
    font-size: 17px;
    text-transform: uppercase;
    text-shadow: none*/

    font-weight: lighter;
        padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
     font-family: "Cabin"; 
    font-size: 17px;
    text-transform: uppercase;
    text-shadow: none;
    border-bottom: 1px solid #c53a02;
}

header.navbar .nav>li>a:hover {
    background: transparent;
    color: #f44802;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

header.navbar .nav>li.active>a,
header.navbar .nav>li.active>a:hover {
    background: transparent;
    color: #f44802;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

header.navbar .nav>li.dropdown.open>a.dropdown-toggle {
    background: transparent;
    color: #f44802
}

header.navbar .nav>li.login>a {
    border-left: 0px solid #e5e5e5
}





}



.line {
    width: 120px;
    background: #fff;
    height: 3px;
    display: inline-block;
}












.price_table_container{
    text-align:center;
    color:#666;
    margin-top:35px;
    font-family: 'Lato', sans-serif;
}

.price_table_heading{
    font-size:36px;
    padding:10px;
    background:#EEE;
}


.price_table_row {
    padding:15px;
    background: #FFF;
        font-size: 1.2em;
}

.cost{
    padding:30px;
    font-size:35px;
}
.cost span{
    font-size:15px;
}

.price_table_row:nth-of-type(even) {
    background: #F8F8F8;
}
.btn{
    border-radius:0px;
}

.recommended{
/*USER DEFINED COLOUR*/ 
background:#FF3A3A; 
color:#FFF;
/*USER DEFINED COLOUR*/ 
padding:3px 0 3px 0;
margin-top:10px;  
text-align:center;
margin-bottom:-35px;
font-family: 'Lato', sans-serif;
}


.spacer{width:100%;height:50px;}


/*Already Defined Colours*/
/*Background*/
.primary-bg{background:#337AB7;color:#FFF;}
.success-bg{background:#5CB85C;color:#FFF;}
.info-bg{background:#5BC0DE;color:#FFF;}
.warning-bg{background:#F0AD4E;color:#FFF;}
.danger-bg{background:#D9534F;color:#FFF;}
.dark-bg{background:#444;color:#FFF;}
.royal-bg{background:#8E74E2;color:#FFF;}
.static-bg{background:#2BB0A6;color:#FFF;}

/*Only Text Colours*/
.primary-text{background:#FFF;color:#337AB7;}
.success-text{background:#FFF;color:#5CB85C;}
.info-text{background:#FFF;color:#5BC0DE;}
.warning-text{background:#FFF;color:#F0AD4E;}
.danger-text{background:#FFF;color:#D9534F;}
.dark-text{background:#FFF;color:#444;}
.royal-text{background:#FFF;color:#8E74E2;}
.static-text{background:#FFF;color:#2BB0A6;}

/*Additional Button styles*/

/*BTN-DARK*/
.btn-dark {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}


/*BTN-ROYAL---------*/
.btn-royal {
  color: #fff;
  background-color: #8E74E2;
  border-color: #8E74E2;
}
.btn-royal:hover,
.btn-royal:focus,
.btn-royal.focus,
.btn-royal:active,
.btn-royal.active,
.open > .dropdown-toggle.btn-royal {
  color: #fff;
  background-color: #7451E8;
  border-color: #7451E8;
}
.btn-royal:active,
.btn-royal.active,
.open > .dropdown-toggle.btn-royal {
  background-image: none;
}


/*BTN-STATIC---------*/
.btn-static {
  color: #fff;
  background-color: #2BB0A6;
  border-color: #2BB0A6;
}
.btn-static:hover,
.btn-static:focus,
.btn-static.focus,
.btn-static:active,
.btn-static.active,
.open > .dropdown-toggle.btn-static {
  color: #fff;
  background-color: #07A094;
  border-color: #07A094;
}
.btn-static:active,
.btn-static.active,
.open > .dropdown-toggle.btn-static {
  background-image: none;
}











/*!
 * Hover.css (http://ianlunn.co.uk/)
 * Version: 1.0.10
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014.
 */.button{margin:.4em;padding:1em;cursor:pointer;background:#e1e1e1;text-decoration:none;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow:active,.grow:focus,.grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.shrink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shrink:active,.shrink:focus,.shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.pulse{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse:active,.pulse:focus,.pulse:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.pulse-grow{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-grow:active,.pulse-grow:focus,.pulse-grow:hover{-webkit-animation-name:pulse-grow;animation-name:pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.pulse-shrink{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-shrink:active,.pulse-shrink:focus,.pulse-shrink:hover{-webkit-animation-name:pulse-shrink;animation-name:pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.push{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.push:active,.push:focus,.push:hover{-webkit-animation-name:push;animation-name:push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pop{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pop:active,.pop:focus,.pop:hover{-webkit-animation-name:pop;animation-name:pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.rotate:active,.rotate:focus,.rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.grow-rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow-rotate:active,.grow-rotate:focus,.grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.float{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float:active,.float:focus,.float:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.sink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.sink:active,.sink:focus,.sink:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hover{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover:active,.hover:focus,.hover:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hang{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hang:active,.hang:focus,.hang:hover{-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hang;animation-name:hang;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.skew{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew:active,.skew:focus,.skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.skew-forward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-forward:active,.skew-forward:focus,.skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.skew-backward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-backward:active,.skew-backward:focus,.skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.wobble-vertical{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-vertical:active,.wobble-vertical:focus,.wobble-vertical:hover{-webkit-animation-name:wobble-vertical;animation-name:wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.wobble-horizontal{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-horizontal:active,.wobble-horizontal:focus,.wobble-horizontal:hover{-webkit-animation-name:wobble-horizontal;animation-name:wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-bottom-right{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-bottom-right:active,.wobble-to-bottom-right:focus,.wobble-to-bottom-right:hover{-webkit-animation-name:wobble-to-bottom-right;animation-name:wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-top-right{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-top-right:active,.wobble-to-top-right:focus,.wobble-to-top-right:hover{-webkit-animation-name:wobble-to-top-right;animation-name:wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-top{display:inline-block;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-top:active,.wobble-top:focus,.wobble-top:hover{-webkit-animation-name:wobble-top;animation-name:wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-bottom{display:inline-block;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-bottom:active,.wobble-bottom:focus,.wobble-bottom:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-skew{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-skew:active,.wobble-skew:focus,.wobble-skew:hover{-webkit-animation-name:wobble-skew;animation-name:wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.buzz{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz:active,.buzz:focus,.buzz:hover{-webkit-animation-name:buzz;animation-name:buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.buzz-out{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz-out:active,.buzz-out:focus,.buzz-out:hover{-webkit-animation-name:buzz-out;animation-name:buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.border-fade{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.border-fade:active,.border-fade:focus,.border-fade:hover{box-shadow:inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0)}.hollow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hollow:active,.hollow:focus,.hollow:hover{background:0 0}.trim{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.trim:active:before,.trim:focus:before,.trim:hover:before{opacity:1}.outline-outward{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-outward:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-outward:active:before,.outline-outward:focus:before,.outline-outward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.outline-inward{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-inward:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-inward:active:before,.outline-inward:focus:before,.outline-inward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.round-corners{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.round-corners:active,.round-corners:focus,.round-corners:hover{border-radius:1em}.glow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.glow:active,.glow:focus,.glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.box-shadow-outset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.box-shadow-outset:active,.box-shadow-outset:focus,.box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.box-shadow-inset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);-webkit-transform:translateZ(0);transform:translateZ(0)}.box-shadow-inset:active,.box-shadow-inset:focus,.box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.float-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.float-shadow:active,.float-shadow:focus,.float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.float-shadow:active:before,.float-shadow:focus:before,.float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}@keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}.hover-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hover-shadow:active,.hover-shadow:focus,.hover-shadow:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hover-shadow:active:before,.hover-shadow:focus:before,.hover-shadow:hover:before{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.shadow-radial{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shadow-radial:after,.shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:active:after,.shadow-radial:active:before,.shadow-radial:focus:after,.shadow-radial:focus:before,.shadow-radial:hover:after,.shadow-radial:hover:before{opacity:1}.bubble-top{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.bubble-top:active:before,.bubble-top:focus:before,.bubble-top:hover:before{top:-10px}.bubble-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.bubble-right:active:before,.bubble-right:focus:before,.bubble-right:hover:before{right:-10px}.bubble-bottom{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.bubble-bottom:active:before,.bubble-bottom:focus:before,.bubble-bottom:hover:before{bottom:-10px}.bubble-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.bubble-left:active:before,.bubble-left:focus:before,.bubble-left:hover:before{left:-10px}.bubble-float-top{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top}.bubble-float-top:active,.bubble-float-top:focus,.bubble-float-top:hover{-webkit-transform:translateY(5px) translateZ(0);transform:translateY(5px) translateZ(0)}.bubble-float-top:active:before,.bubble-float-top:focus:before,.bubble-float-top:hover:before{top:-10px}.bubble-float-right{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right}.bubble-float-right:active,.bubble-float-right:focus,.bubble-float-right:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.bubble-float-right:active:before,.bubble-float-right:focus:before,.bubble-float-right:hover:before{right:-10px}.bubble-float-bottom{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom}.bubble-float-bottom:active,.bubble-float-bottom:focus,.bubble-float-bottom:hover{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0)}.bubble-float-bottom:active:before,.bubble-float-bottom:focus:before,.bubble-float-bottom:hover:before{bottom:-10px}.bubble-float-left{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left}.bubble-float-left:active,.bubble-float-left:focus,.bubble-float-left:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.bubble-float-left:active:before,.bubble-float-left:focus:before,.bubble-float-left:hover:before{left:-10px}.curl-top-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-left:active:before,.curl-top-left:focus:before,.curl-top-left:hover:before{width:25px;height:25px}.curl-top-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-right:active:before,.curl-top-right:focus:before,.curl-top-right:hover:before{width:25px;height:25px}.curl-bottom-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-right:active:before,.curl-bottom-right:focus:before,.curl-bottom-right:hover:before{width:25px;height:25px}.curl-bottom-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-left:active:before,.curl-bottom-left:focus:before,.curl-bottom-left:hover:before{width:25px;height:25px}















/*****************************************************************************************************************/


.text-muted {color:#e1e1e1 !important;}
.text-warning {color:#ff9700 !important;}
.text-success {color:#3bb64c !important;}
.text-danger {color:#ff454f !important;}
.text-parimary {color: #2d89ef !important;}

/* PAKET AYARLARI */
.pak-paket-uzun .pak-paket-uzun-ic {}
.pak-paket-uzun .pak-paket-uzun-ic .paket-1-baslik {}
.pak-paket-uzun .pak-paket-uzun-ic .paket-2-baslik {
background: #232f39 !important;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-3-baslik {}
.pak-paket-uzun .pak-paket-uzun-ic .paket-4-baslik {
background: #232f39 !important;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-1 {}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-2 {
background: #27343f;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-3 {}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-4 {
background: #27343f;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.gizle {
color: transparent;
background: transparent;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi {
background: #232f39;
padding: 10px 5px 10px 5px;
color: #fff;
font-weight: 700;
font-size: 20px;
margin: 0;
}

.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-danger {
background: #47964e !important;
position: relative;
}

.paket-3{
        font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif' !important;
}

.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-danger:before {
content: "";
width: 100%;
height: 15px;
background: #47964e;
position: absolute;
left: 0;
right: 0;
top: -15px;
border-radius: 3px 3px 0 0;
}

.pak-paket-uzun .pak-paket-uzun-ic .paket-adi.paket-danger span.mini-aciklama {
color: #fff;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi h3 {
padding: 12px 0 0 0;
margin: 0;
font-size: 32px;
color: #fff;
font-family: 'Montserrat', 'Helvetica', 'Arial', 'sans-serif' !important;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-adi span.mini-aciklama {font-size:14px; color:#656e75;}
.pak-paket-uzun .pak-paket-uzun-ic .paket-baslik {
position: relative;
}

.pak-paket-uzun .pak-paket-uzun-ic .paket-detay:after {
content: "";
display: block;
width: 23px;
height: 100%;
position: absolute;
left: 0px;
top: -50px;
bottom: 0;
margin: auto;
background-size: 100% 100%;
}
.pak-paket-uzun .pak-paket-uzun-ic .paket-baslik li {}
.pak-paket-uzun .pak-paket-uzun-ic .first {
padding: 20px 15px;
background: #e2e2e2;
font-size: 36px;
}

.pak-paket-uzun .pak-paket-uzun-ic .buttons {
padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}
.pak-paket-uzun .pak-paket-uzun-ic ul {
background: white;
padding-bottom: 30px;
}

.pak-paket-uzun .pak-paket-uzun-ic .golge {box-shadow: 0 0 35px rgba(0,0,0,0.18);position: relative;z-index: 7;}

.pak-paket-uzun .pak-paket-uzun-ic .golge:after {
content: "";
display: block;
width: 100%;
height: 15px;
border-radius: 0 0 5px 5px;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
margin: auto;
z-index: 7;
background: white;
}

.pak-paket-uzun .pak-paket-uzun-ic ul li:last-child:before {
display: none;
}
.pak-paket-uzun .pak-paket-uzun-ic .first.first-warning {
background: #232f39;
color: #ff9700;
font-weight: 600;
position: relative;
margin-bottom: 30px;
}
.pak-paket-uzun .pak-paket-uzun-ic .first.first-danger {
   background: #eac234;
    color: #000;
font-weight: 600;
position: relative;
margin-bottom: 0px;
}
.pak-paket-uzun .pak-paket-uzun-ic .first.first-success {
background: #202b34;
color: #3bb64c;
font-weight: 600;
position: relative;
margin-bottom: 30px;
}
.pak-paket-uzun .pak-paket-uzun-ic .first.first-primary {
background: #202b34;
color: #2d89ef;
font-weight: 600;
position: relative;
margin-bottom: 30px;
}

.pak-paket-uzun .pak-paket-uzun-ic .first span.kusur {
    font-size: 16px;
    margin-top: 7px;
    padding-left: 0px;
position: absolute;
    font-weight: lighter;
}


.desconto-tarja{
    background-color: #005aa5;
    padding: 0.3em;
    font-size: 0.4em;
    color: white;
    margin-top: 0.8em;
    font-weight: initial;
    border-radius: 5px;
}

.pak-paket-uzun .pak-paket-uzun-ic .first span.kusur span {
font-size: 15px;
height: 10px;
margin-top: -5px;
}
.pak-paket-uzun .pak-paket-uzun-ic .first li {}
.pak-paket-uzun .pak-paket-uzun-ic li {
padding: 5px 25px 5px 25px;
position: relative !important;
}

.pak-paket-uzun .pak-paket-uzun-ic li:before {
content: "";
display: block;
width: 75%;
height: 1px;
background: #e8e8e8;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.pak-paket-uzun .pak-paket-uzun-ic li:last-child:before {
display: none;
}

.pak-paket-uzun .pak-paket-uzun-ic li:last-child:before {
display: none !important;
}

.pak-paket-uzun .pak-paket-uzun-ic li:first-child:before {
display: none !important;
}

/*.pak-paket-uzun .pak-paket-uzun-ic li:first-child:after {
content: "\f0d7";
font-family: FontAwesome;
position: absolute;
left: 0;
right: 0;
bottom: -36px;
margin: auto;
font-size: 45px;
z-index: 7;
color: #202b34;
}
*/
.pak-paket-uzun .pak-paket-uzun-ic li.first-danger:first-child:after {
color: #ea4335 !important;
}

.pak-paket-uzun .nav {
    margin-bottom: 0px;
}

.pak-paket-uzun .pak-paket-uzun-ic li h3 {
font-size: 13.5px;
padding: 5px 0px 5px 0px;
margin: 0;
line-height: 17px;
text-transform: uppercase;
font-family: 'Montserrat', 'Helvetica', 'Arial', 'sans-serif' !important;
}

.pak-paket-uzun .pak-paket-uzun-ic li p {
color: #a1a1a1;
margin-bottom: 10px;
}

.pak-paket-uzun .pak-paket-uzun-ic li:nth-child(odd) {
background: #ffffff;
}

.pak-paket-uzun .pak-paket-uzun-ic li:nth-child(even) {
background: #ffffff;
}
.pad0 {padding:0 !important;}


.pak-paket-uzun .pak-paket-uzun-ic .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ddd;padding: 0;margin-left: -15px;margin-right: 15px;}
.pak-paket-uzun .pak-paket-uzun-ic .panel-default>.panel-heading { background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; background: #1B6394; color: white; border: none; border-radius: 0; padding: 15px; }

@media (max-width:767px) {
  .pad0 { padding: 0 !important; margin: 30px 30px 50px 30px; }
  .funcionalidades ul li { width: 100% !important; } 
  .navbar .btn-navbar {
    padding: 15px 20px !important;
    margin-top: 20px !important;
    margin-right: 17px !important;
    }

    .nav-collapse, .nav-collapse.collapse {
    width: 100% !important;
    }

}



.box > .icon > .image > i { font-size: 4em !important;  }
.box > .icon:hover > .image > i { color: #ad1e2a !important; }

/*****************************************************************************************************************/



.funcionalidades {
    background: url(../images/macbook-computer-clean-hero2.jpg) no-repeat center fixed;
    min-height: 800px;
    width: 100%;
}

.funcionalidades {
    background-image: url(../images/macbook-computer-clean-hero2.jpg) !important;
}

.funcionalidades h2, .beneficios h2 {
    color: #FFF;
    font-size: 50px;
    padding-bottom: 45px;
    font-family: 'ubuntu',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.paralax {
    padding: 50px 0;
    overflow: hidden;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.funcionalidades ul li {
    font-family: 'ubuntu',"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #FFF;
    width: 50%;
    float: left;
    font-size: 20px;
    padding-left: 5px;
    padding-right: 50px;
    padding-bottom: 10px;
    min-height: 40px;
    text-shadow: 0px 0px 4px rgb(0, 0, 0);
}

 .funcionalidades ul {
    list-style-image: url(https://assets.izap.com.br/izap.com.br/temas/izap-v5/assets/img/ico-check.png);
    list-style-position: initial;
    padding: 0 28px;
}

.kusur-p{
        font-size: 0.4em;
    font-weight: lighter;
    margin-bottom: 7px;
    margin-top: -10px;
}

.kusur-b{
        font-size: 0.4em;
    font-weight: lighter;
       margin-bottom: -10px;
    margin-top: 10px;
}

.periodos1{
  min-height: 30px;
}