/** ************************************* **
    TABLE CONTENTS
    ---------------------------
        01. Resets
        02. Placeholder
        03. Selection
        04. JS Animation
        05. Commons
        06. Bootstrap Rewrite
        07. Pure CSS Animations
        06. Callouts
        07. Headings
        08. Paragraphs
        09. Drop Caps & Cite
        10. Blockquote
        11. Progress Bar
        12. Buttons
        13. Labels
        14. Alerts
        15. Pagination
        16. Parallax [Stellar]
        17. Isotope
        18. Dividers
        19. Forms
        20. Count To [number]
        21. Tabs
        22. Accordion
        23. Toggle
        24. Featured Box & Featured Icons
        25. Image Thumbnail
        26. Modal
        27. Carousel
        28. Breadcrumbs
        29. Nav List (aside)
        30. Price Table
        31. Animation
        32. Dropcap
        33. Masonry
        34. Media Elements
        35. Testimonials
        37. Summernote HTML Editor
        --. Printable Div
    ---------------------------

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




/**    01. Resets
*************************************************** **/
button::-moz-focus-inner, 
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button {
    background: none;
    border: 0; margin: 0; padding: 0;
    cursor: pointer;
}

img {
    border: 0;
    vertical-align: top;
}

textarea {
    resize: none;
}

textarea, input, button, *:focus {
     outline:none !important;
}

textarea {
    resize: vertical;
}

select {
    border: 1px solid #959595;
    border-radius: 3px;
    height: 46px;
    padding: 12px;
    outline: none;
}

select.large {
    height: 54px;
}

input[type="radio"],
input[type="checkbox"] {
    display:inline-block;
    cursor:pointer;
    width:15px;
    height:15px;
    border:0;
}

iframe,
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

audio, canvas, img, video {
    vertical-align: middle;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

a, a:focus, a:hover, a:active, a:visited, a:link {
  outline: 0;
  cursor:pointer;
}

a.text-underline:hover {
    text-decoration: none;
}

.col-20-percent {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 20%;
}


/**    02. Placeholder
*************************************************** **/
::-webkit-input-placeholder {     /* WebKit browsers */
    color: #999;
}

:-moz-placeholder {                 /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder {             /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {            /* Internet Explorer 10+ */
    color: #999;
}


/**    03. Selection
*************************************************** **/
::selection {
    color:#000;
    background:#ccc;
    text-shadow:none;
}

::-moz-selection {
    color:#000;
    background:#ccc;
    text-shadow:none;
}

/** 04. Fonts
 ************************************************************* **/
@font-face {
  font-family : Gotham-Bold;
  src         : url("../fonts/Gotham-Bold.ttf");
}

@font-face {
  font-family : Gotham-Book;
  src         : url("../fonts/Gotham-Book.ttf");
}

@font-face {
  font-family : Gotham-Medium;
  src         : url("../fonts/Gotham-Medium.ttf");
}

.gothamBold {
    font-family: Gotham-Bold, Arial, sans-serif;
}

.gothamMedium {
    font-family: Gotham-Medium, Arial, sans-serif;
}

.gothamBook {
    font-family: Gotham-Book, Arial, sans-serif;
}

/**    04. JS Animation
*************************************************** **/
    .animate_from_bottom {
        opacity: 0;
        bottom: -50px;
        padding-left: 0px;
        position: relative;
    }

    
    .animate_from_left {
        opacity: 0;
        left: -80px;
        padding-right: 0px;
        position: relative;
    }

    
    .animate_from_right {
        opacity: 0;
        right: -80px;
        padding-left: 0px;
        position: relative;
    }

    
    .animate_fade_in {
        opacity: 0;
        right: 0px;
        position: relative;
        padding-left: 0px;        
    }


/** 05. Commons
 **************************************************************** **/
p,
ol li,
ul li {
    color: #111;
}

.hover-scale {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
.hover-scale:hover {
    -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
         -o-transform:scale(1.1);
            transform:scale(1.1);
}

form .input-group-btn .btn i.fa { 
    padding-right:0;
}

.label a,
.label a:hover,
a.label,
a.label:hover {
    color:#fff;
}

/* social icons */
a.social { 
    display:inline-block; 
    width:36px; height:36px; 
    line-height:38px; 
    font-size:20px; 
    text-align:center; 
    background:rgba(0,0,0,0.3); 
    color:#fff; 
    margin:10px 1px; 
    text-decoration:none;

    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}

a.social {background: #fff!important;color: #000 !important;}

a.social.fa-twitter:hover        { background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover       { background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover    { background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover       { background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover   { background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube:hover        { background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover         { background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover      { background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover          { background:#00aff0!important; color:#fff!important; }
a.social.fa-issuu:hover          { background:#e0812a!important; color:#fff!important; }
a.social.default:hover           { background:#37353A!important; color:#fff!important; }
a.social.rounded:hover           { width:35px; height:35px; line-height:37px; }

.fa-issuu:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwKECIAPmXsbwAAAXlJREFUOMuN08+LzVEYBvDPd+bKRnc2lIWIiJgSpjT+AXtJ/gaJhYS1+CskNtiwYWVjNZo9kV8zalxXoYay0b1zLO5zpmOycOr0fd5znvOc932+7+nwHLsxQoeSbx1jvMADPMMQa6WUdcLHHPqfOcAl9KGUosMH7PH3GOMh3iTej1PoJb6Li/ghAu0tQ+wNcRu2Bh/AcjhjXMX0BoHNg5Dn8LoRfUdvLntfs7Yc79YFxkzvozuG1abmQfBPHEkmVfhsK/BockH3MvF9HJ/M7l7WFpPF48S3YSnBTWwK/oz5xtR5rGQPrgUvTOFXFrvm/081jtvQF3UfRr2YNYuD+I1XwedDKjiHHU0JNbu3cDqktQgdxvfGxE/BqzgUI6uJZ2B748MwPsxioSEuZq0fTsF77Kr1XGjI33JLWyscxZdwRrhcGwm24FY6rAo9wXXcCC7N4TuYUR9ERh9Xmnb911wKZ6Z9TBPQdZLSTpzAyXSd/Kmn8WUF43rmD3gcmmqFumf/AAAAAElFTkSuQmCC');
    top: 1px;
    position: relative;
}
a.social.fa-issuu:hover::before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwHDhEGx796zQAAAZxJREFUOMuNk71qlEEUhp+ziZ1sGgULUSKKIS5INCDxBuxFxGsQ0UJErUWvQkQbtdFGKxurDdsrLv4kEeK6ggpREER3v8diz4RxsfCFjzlnznt+5p35Ql0F5oEREIC5FoyBF8BD4DkwjIhGnUTV9/4/BupltZ25hLoGHOBvjIFHwOv0DwOngdn07wGXIuIb6tpUl6F6MDvsVnelvaBuJGesXlNnpgr8HCR5We1XRd/q7+WMfc69DXW+LjDW0SFtjqtb1ZkHaX9Xl3KSgnN1gceTDs3L9B+oJyZfcz/3ejnFk/TvoK6nc0vdkfZHdaUoqq6om+bdqdeT120BP5IX1f23KsWZehclDjCaBfpAB1iMiF/qK2ARuFAaAueBvUAvE8t0b1DP5DiN2lGPql8rET+kvaUeSSELzqLuqXQYpg4dtVsRe7nXTo7qO3U/aku9WJG/qEspVqsS8pj6KTkj9Yo6U4I71dv5wgqeqjfUm2lbJd9V50pyWdvq1eq5/gvryZnb/pm2jQhypH3ASeAUsJAn6APPgC6wGRHjkvMH6Ap7j3bgDlEAAAAASUVORK5CYII=');
    top: 1px;
    position: relative;
}

/* page header */
h2.page-header,
h2.page-header a,
h3.page-header,
h3.page-header a {
    color:#ccc;
}

/* overlay */
.overlay {
    background:rgba(0,0,0, 0.2);
    position:absolute; 
    left:0; right:0; top:0; bottom:0;

    -webkit-transition: all 1s;
       -moz-transition: all 1s;
         -o-transition: all 1s;
            transition: all 1s;
}

.overlay.gray { 
    background:rgba(33,33,33,0.9) !important; 
}


/* image rounded */
.rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* paddings , margins */
section.margin {
    margin:60px 0;
}
section.margin-top {
    margin-top:60px;
}
section.margin-bottom {
    margin-bottom:60px;
}
section.paddings {
    padding:60px 0;
}

.styleBackground h1,
.styleBackground h2,
.styleBackground h3,
.styleBackground h4,
.styleBackground h5,
.styleBackground h6,
.styleBackground p,
.styleBackground .btn {
    color:#fff;
}

.cover {
    margin:60px 0;
    position:relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%; padding:110px 0;
}

/* star rating */
ul.star-rated {
    margin-bottom:0;
}
ul.star-rated,
ul.list-style-none {
    clear:both;
    display:inline-block;
    margin: 0; padding:0;
    list-style:none;
}

ul.star-rated li {
    float:left;
    padding:0 2px;
}
ul.star-rated.pointer li {
    cursor:pointer;
}


/* list icon */
ul.list-icon {
    margin:0 0 10px 25px; padding:0;
}
ul.list-icon li {
    list-style:none;
}
ul.list-icon li:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    line-height:18px;
    font-family: FontAwesome;
    content: ' ';
    float: left;
    margin:3px 0 0 -25px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;

    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
}
ul.list-icon.circle li:before {
    color:#fff;
    background-color:#333;
}
    /* star */
    ul.list-icon.star li:before {
        content:'\f005';
    }
    ul.list-icon.star-o li:before {
        content:'\f006';
    }

    /* check */
    ul.list-icon.check li:before {
        content:'\f00c';
    }
        ul.list-icon li.check:before {
            content:'\f00c';
        }
    ul.list-icon.check-square li:before {
        content:'\f14a';
    }
        ul.list-icon li.check-square:before {
            content:'\f14a';
        }
    ul.list-icon.check-circle li:before {
        content:'\f058';
    }
        ul.list-icon li.check-circle:before {
            content:'\f058';
        }

    /* misc */
    ul.list-icon.times li:before {
        content:'\f00d';
    }
        ul.list-icon li.times:before {
            content:'\f00d';
        }
        ul.list-icon li.x:before {
            content:'\f00d';
            color:#ccc;
        }

    ul.list-icon.ban li:before {
        content:'\f05e';
    }
    ul.list-icon.dot-circle li:before {
        content:'\f192';
    }
    ul.list-icon.exclamation-circle li:before {
        content:'\f06a';
    }
    ul.list-icon.icon-circle li:before {
        content:'\f05a';
    }
    ul.list-icon.heart-o li:before {
        content:'\f08a';
    }
    ul.list-icon.heart li:before {
        content:'\f004';
    }    
    ul.list-icon.angle-right li:before {
        content:'\f105';
    }
    
    
/** 06. Callouts
 *  Not quite alerts, but custom and helpful notes for folks reading the docs.
 **************************************************************** **/
.bs-callout {
    clear:both;
    position:relative;
    overflow:hidden;
    background:#f4f4f4;
    margin:60px 0;
    padding:40px 0;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.bs-callout.whiteBg {
    background:#fff !important;
}
.bs-callout h1, .bs-callout h2, .bs-callout h3 {
    line-height: 30px;
}
.bs-callout h3 {
    font-size: 30px;
    line-height: 40px;
    font-family: Gotham-Book, Arial, sans-serif;
}
.bs-callout.margin-top {
    margin:60px 0 0 0;
}
.bs-callout.margin-bottom {
    margin:0 0 60px 0;
}
.bs-callout.margin-footer {
    margin:0 0 -60px 0;
}
.bs-callout.styleBackground {
    padding:20px 0;
    overflow: visible;
}
.bs-callout.styleBackground .container::after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #23b150;
    position: absolute;
    left: 49%;
    margin-top: 20px;
    z-index: 4;
}
.bs-callout .btn {
    margin:0 20px;
}


/** 07. Headings
 **************************************************************** **/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:0;
    color:#333;
    font-family:'Gotham-Book', Arial, sans-serif;
    font-weight:300;
}

h1 {
    font-family:'Gotham-Book', Arial, sans-serif;
    font-size: 40px;
    line-height: 44px;
    margin: 0 0 44px 0;
    letter-spacing:-1px;
}

h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    margin: 0 0 22px 0;
    text-transform: uppercase;
}

h3 {
    font-family:'Gotham-Medium', Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

h4 {
    color: #CCC;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}

h5 {
    color: #CCC;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 14px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

h6 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 14px 0;
}
h1 span.subtitle,
h2 span.subtitle,
h3 span.subtitle {
    display:block;
    font-size:15px;
    padding:0; margin:-10px 0 0 0;
}

h1 a:hover, h1 a:active, h1 a:visited, h1 a:focus {
    text-decoration: none;
}


/** 08. Paragraphs
 **************************************************************** **/
p {
    line-height: 22px;
    margin: 0 0 20px;
}
p.featured {
    font-size: 1.6em;
    line-height: 1.5em;
    font-weight:200;
}


/** 09. Drop Caps & Cite
 **************************************************************** **/
p.drop-caps:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Georgia;
}

p.drop-caps.secundary:first-child:first-letter {
    background-color: #CCC;
    color: #FFF;
    padding: 6px;
    margin-right: 5px;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

cite:after {
    content: '\00A0 \2014';
}

cite:before {
    content: '\2014 \00A0';
}




/** 10. Blockquote
 **************************************************************** **/
blockquote {
    border-left: 5px solid #CCC;
    font-size: 1.3em;
    font-style: normal;
    letter-spacing: -1px;
    margin: 25px 0 25px 12px;
    padding: 0 0 0 25px;
    position: relative;
}
blockquote p {
    margin:0;
    padding:0;
}
blockquote cite {
    display: block;
    font-size: 0.75em;
    color: #9CA6B4;
}




/** 11. Progress Bar
 **************************************************************** **/
.progress {
    overflow:visible;
    background:#FAFAFA;

    height: 6px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.progress-bar {
    position: relative;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
span.progress-bar-tooltip {
    padding: 4px 8px;
    background-color: #2E363F;
    color: #FFF;
    line-height: 15px;
    font-size: 11px;
    display: block;
    position: absolute;
    top: -28px;
    right: 5px;
    -o-border-radius: 3px;
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

span.progress-bar-tooltip:after {
    border-color:#2E363F transparent;
    border-style:solid;
    border-width:5px 5px 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 13px;
    position: absolute;
    width: 0;
}
.progress.progress-striped {
    height:12px;
}


    /* Circular Bar */
    div.circular-bar {
        margin:10px 0;
        text-align:center;
        display:inline-block;
        height:200px;
    }

    div.circular-bar strong {
        display: block;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }

    div.circular-bar label {
        display: block;
        font-size: 16px;
        font-weight: 300;
    }

    div.circular-bar-content {
        margin-top: -120px;
    }



/** 12. Buttons
 **************************************************************** **/
.btn, .btn:hover {
    border: 0;
    padding: 8px 18px;
    border:rgba(255,255,255,0) 2px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px

    /*-webkit-transition: all 0.2s;*/
       /*-moz-transition: all 0.2s;*/
         /*-o-transition: all 0.2s;*/
            /*transition: all 0.2s;*/
}

.btn.notransition {
    -webkit-transition: all 0s;
       -moz-transition: all 0s;
         -o-transition: all 0s;
            transition: all 0s;
}

.btn:active,
.btn:focus,
.btn.active {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.btn.disabled {
    background-color: #999;
    border: #bbb 2px solid;
}

.btn-default {
    background:none;
    border:#ddd 2px solid;
    padding:8px 18px;
}

.btn[disabled] {
    background-color:#999;
    border:#bbb 2px solid;
}

.btn-lg,.btn-lg:hover {
    padding: 10px 32px;
}
.btn-sm, .btn-sm:hover {
    padding: 6px 16px;
}
.btn-xs, .btn-xs:hover {
    padding: 3px 13px;
}


/** 13. Labels
 **************************************************************** **/
.label {
    font-weight: normal;
    padding: 0.4em 0.8em 0.5em;
    display: inline-block;
}

.label-default {
    border: 1px solid #CCC;
    padding: 0.3em 0.7em 0.4em;
}



/** 14. Alerts
 **************************************************************** **/
.alert {
    border: 0;
}
.alert i.fa {
    font-size:20px;
    margin-right:10px;
}
.alert.alert-success {
    background-color:#d2ebb8;
    border-left:#3C763D 3px solid;
}
.alert.alert-info {
    background-color:#aae1f5;
    border-left:#31708F 3px solid;
}
.alert.alert-warning {
    background-color:#fce3a3;
    border-left:#8A6D3B 3px solid;
}
.alert.alert-danger {
    background-color:#f8bac0;
    border-left:#A94442 3px solid;
}


/** 15. Pagination
 **************************************************************** **/
.pagination {
    margin: 20px 0 0 0;
}

.pagination > li > a,
.pagination > li > span {
    float: none;
    border: 0;
    margin-left: 1px;
    color: #000 !important;
}

.pagination > li > a:hover,
.pagination > li > a.buttons:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > a.buttons:focus,
.pagination > li > span:focus {
    background: #DAD8D8;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #DAD8D8;
    border-color: #DAD8D8;
    color: #23b150 !important;
}
.pagination > li > a.buttons{
    color: #23b150 !important;
}
ul.pagination li.active a:hover, ul.pagination li.active a{
    background-color: #DAD8D8 !important;
    color: #23b150 !important;
}


/** 16. Parallax
 **************************************************************** **/
.parallax {
    position:relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%; padding:65px 0;

    -webkit-transition: opacity 1s;
       -moz-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;

    /*
    filter: alpha(opacity=0);
    opacity: 0;
    */
}
.parallax.delayed {
    -webkit-transition: all 2s;
       -moz-transition: all 2s;
         -o-transition: all 2s;
            transition: all 2s;
}
.parallax.parallax-init {
    opacity:1;
    filter:alpha(opacity=100);
}

.parallax.disable {
    background-size:auto;
}

.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6,
.parallax p,
.parallax .btn {
    color:#fff;
    text-shadow:#000 1px 1px 1px;
}
    .parallax .btn {
        text-shadow:none;
    }

.parallax h1 {
    text-transform : uppercase;
    font-weight: 500;
    font-size: 46px;
    line-height: 54px;
    margin-bottom: 40px;
    margin-top: 10px;
}    
    

/** 17. Isotope Filtering
 **************************************************************** **/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

ul.isotope-filter {
    margin-bottom:10px;
    padding-top:30px;
    padding-bottom:30px;
    border-bottom:#ddd 1px dotted;
    border-top:#ddd 1px dotted;
}
ul.isotope-filter li.active:before {
    border: 6px solid transparent;
    border-bottom-color: #f4f5f7;
    content: '';
    position: absolute;
    bottom:0; left:50%; margin-left:-6px;
    z-index:10;
}

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

/* 
    Isotope CSS3 transitions 
*/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}


/*
    Disabling Isotope CSS3 Transitions 
**/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/** 18. Dividers
 **************************************************************** **/
hr {
    border:0;
    margin:60px 0;
    border-top:#ddd 1px solid;
    border-bottom:#fff 1px solid;
}
    hr.half-margins {
        margin:30px 0;
    }
hr.no-lines {
    border:transparent 0px solid;
}
article hr {
    margin:30px 0;
}

.divider {
    border: 0;
    margin: 60px 0;
    height: 4px;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
    text-align: center;
    position: relative;
    clear: both;
}
    .divider.half-margins {
        margin:30px 0;
    }

.divider .fa {
    color: #bbb;
    background: #f4f5f7; /* same as background color */
    text-align: center;
    display: inline-block;
    height: 50px; line-height: 50px;
    text-align: center;
    width: 50px;
    font-size: 20px;

    position: absolute;
    top: -25px; left: 50%;
    margin: 0 auto 0 -25px;

}

.divider.white .fa { /* for white background color OR white rounded icon */
    background: #fff;
    color: #333;
}

li.divider {
    margin:6px;
}



/** 19. Forms
 **************************************************************** **/
.form-group:after {
    display:block; content:".";
    height:0; line-height:0;
    clear:both; visibility:hidden;
}

.form-control {
    height: 46px; padding: 12px;
    border:#e6e6e6 2px solid;

    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;

    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}

.form-control:focus {
    border-color:#c6c6c6;

    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}

form label {
    font-weight:300;
}

/* bootstrap validate icon */
.form-control-feedback {
    margin-top:8px;
}

.input-group-btn>button {
    height: 46px;
}


/** 20. Count To [number]
 **************************************************************** **/
div.countTo strong {
    display: block;
    font-size: 45px;
    line-height: 60px;
    font-weight: 600;
}

div.countTo label {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
}


/** 21. Tabs
 **************************************************************** **/
div.tabs {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;

    margin:60px 0;
}

div.tabs div.tab-content {
    border: 0;
    padding: 17px;
    background-color: #FFF;

             -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
                -moz-border-radius: 6px;

        -moz-border-radius-topleft: 0;
                     border-radius: 6px;
            border-top-left-radius: 0;
}

div.tabs ul.nav-tabs {
    margin: 0;
    border: 0;
}

div.tabs ul.nav-tabs li.active a {
    border: 0;
    color: #333;
    background: #fff;
    padding-top:15px;
}

div.tabs ul.nav-tabs a {
    color: #666;
    margin-right: 1px;
    padding: 15px 25px;
    background: #f9f9f9;
    border:0 !important;

    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
}

div.tabs ul.nav-tabs a i.fa {
    padding-right:6px;
}

.nav-pills.nav-wizard {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-left: 33px solid #ccc;
    width: 25%;
}
.nav-pills.nav-wizard >li+li {
    margin-left: 0;
}
.nav-pills.nav-wizard > li:first-child {
    border-left: 0;
}
.nav-pills.nav-wizard > li:first-child a {
    border-radius: 5px 0 0 5px;
}
.nav-pills.nav-wizard > li:last-child {
    border-right: 0;
}
.nav-pills.nav-wizard > li:last-child a {
    border-radius: 0 5px 5px 0;
}
.nav-pills.nav-wizard > li a {
    border-radius: 0;
    color: #777;
    background-color: #fafafa;
    padding: 20px 0 20px 15px;
    font-size: 18px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}
.nav-pills.nav-wizard > li a:hover {
    text-shadow: none;
}
.nav-pills.nav-wizard > li .nav-arrow {
    position: absolute;
    top: 0px;
    right: -31px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 32px 0 31px 31px;
    border-color: transparent transparent transparent #fafafa;
    z-index: 150;
}
.nav-pills.nav-wizard > li .nav-wedge {
    position: absolute;
    top: 0px;
    left: -31px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 32px 0 31px 31px;
    border-color: #fafafa #fafafa #fafafa transparent;
    z-index: 150;
}
.nav-pills.nav-wizard > li:hover a {
    background-color: #fafafa;
}
.nav-pills.nav-wizard > li:hover .nav-arrow {
    border-color: transparent transparent transparent #fafafa;
}
.nav-pills.nav-wizard > li:hover .nav-wedge {
    border-color: #fafafa #fafafa #fafafa transparent;
}
.nav-pills.nav-wizard > li.active .nav-arrow {
    border-color: transparent transparent transparent #eaeaea;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
    border-color: #eaeaea #eaeaea #eaeaea transparent;
}
.nav-pills.nav-wizard > li.active a,
.nav-pills.nav-wizard > li.active a:hover {
    background-color: #eaeaea;
    color: #777;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}


/** 22. Accordion
 **************************************************************** **/
.panel-group {
    padding: 3px;
    background: #fff;
    border: 0;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.panel {
    border: 0;
    background: transparent;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.panel-default > .panel-heading {
    background: #F5F7F7;
    padding: 11px 15px;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.panel-heading .fa {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 25px;
    margin-right: 2px;
    padding: 5px;
    position: relative;
    text-align: right;
    top: -1px;
    width: 25px;
}

.panel-title a {
    text-decoration:none;
    display:block;
    color:#333;
}

.panel-body {
    padding: 21px;
}




/** 23. Toggle
 **************************************************************** **/
.toggle {
    clear: both;
}
.toggle div.toggle-content {
    border: 0;
    display: none;
}
a.toggle-trigger {
    font-size: 15px;
    float: right;
}
a.toggle-trigger:hover {
    text-decoration: none;
    color: #00a82d;
}
a.toggle-trigger:before {
     content: 'Show more';
}
a.toggle-trigger.active:before {
    content: 'Show less';
}
a.toggle-trigger:after {
    font-family: FontAwesome;
    content: "   \f078"
}
a.toggle-trigger.active:after {
    font-family: FontAwesome;
    content: "   \f077"
}

/** 24. Featured Box & Featured Icons
 **************************************************************** **/
div.featured-box {
    padding:23px;
    background:#fff;
    text-align:center;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
    div.featured-box.nobg {
        background:none;
    }

div.featured-box i.fa {
    padding: 0;
    color: #fff;
    margin: 20px 0; 
    font-size: 40px;
    text-align:center;
    position: relative;
    background-color:#333;
    display: inline-block;

    width:100px; height:100px;
    line-height:100px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

div.featured-box.nobg i.fa {
    font-size:30px;
    margin-top:0;

    width:70px; height:70px;
    line-height:70px;
}

div.featured-box.nobg.border-only i.fa {
    background:none !important;
    border:#333 1px solid;
}

.featured-box-minimal i.fa {
    color:#fff; padding:0;
    margin-right:10px;
    width:35px; height:35px;
    line-height:35px;
    font-size:17px;
    text-align:center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}



    /* featured icons - alone */
    i.featured-icon {
        color: #FFF;
        margin: 25px 0;
        padding: 0;
        display: inline-block;
        font-size: 40px;
        width: 100px; height: 100px;
        line-height: 100px;
        position: relative;
        background-color:#333;
        border:#333 1px solid;
        text-align:center;

        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;

        -webkit-transition: all 0.2s;
           -moz-transition: all 0.2s;
             -o-transition: all 0.2s;
                transition: all 0.2s;
    }
    i.featured-icon.half {
        width: 50px; height: 50px;
        line-height: 50px;
        font-size: 24px;
        margin: 15px 5px 0 0;
    }
    i.featured-icon:after {
    background: transparent;
    pointer-events: none;
    content: '';
    display: block;
    border-radius: 50%;
    border: 1px solid #333;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-top: -100px;
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
    }
    i.featured-icon.half:after {
        margin-top: -52px;
    }
    i.featured-icon:hover:after {
        filter: alpha(opacity=100);
        opacity: 1;

        -webkit-transform:scale(1.1);
           -moz-transform:scale(1.1);
             -o-transform:scale(1.1);
                transform:scale(1.1);
    }
    i.featured-icon.half:hover:after {
        filter: alpha(opacity=100);
        opacity: 1;

        -webkit-transform:scale(1.2);
           -moz-transform:scale(1.2);
             -o-transform:scale(1.2);
                transform:scale(1.2);
    }
    i.featured-icon.empty {
        background:none !important;
        color:#333 !important;
    }
    i.featured-icon.pull-left {
        margin-right:20px;
    }
    i.featured-icon.pull-right {
        margin-left:20px;
    }

    .price-table i.featured-icon {
        width: 38px; height: 38px;
        line-height: 38px;
    }
    .price-table i.featured-icon:after {
        opacity: 1;
        width: 82%;
        height: 82%;
        margin: 9%;
        border: 3px solid #fff;
    }
    .price-table i.featured-icon:hover:after {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    ul.list-unstyled i.featured-icon.half {
        display: inline-block;
        float: left;
        margin: 0 20px 40px 20px;
        background-color: #23b150;
        border-color: #23b150;
    }




/** 25. Image Thumbnail
 **************************************************************** **/
figure {
    margin-bottom:10px;
}

.img-thumbnail {
    position: relative;
    padding: 0; border: 0;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
.img-thumbnail:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0; right: 0; 
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNrMlT1rwlAUhvMhImhEsRQEoRBag2t1Cjo4OmUpgj9D8D+4CeI/cFPcHR0iDiqdpBALgS46qFSKQhBSmwMNtJrozc2XB8Lh3gTuc8953xPyeDwSepAk+aKlZ8LjoE7WPe159RvCF5CAyX7vN2O1Jp/PhxKJBL3ZbNThcKjgQmCBwOHdbvchmUwG9b3lcnkol8sfl2DIE2EafYMk1kwmExyPx4+RSITe7XaqJEkKx3EhfV0qlWQzEArhgkgaqdfr93DgfD5XWJaVcrmcDBnWsF+r1e7sVAKpIovFgoM2FAqF9783hhaJovgE1WAY5g23EkgV0Q6gjfY1cX5DhmpYsSgWyGQy2UM+LTu0CfJgMPjCcYcl1zSbzXWxWIwKghCfTqfB0Wi053k+nM1mw/C+3W5/OqGJqxqpVqvxRqORMvoYBKrpQ16tVqqTEIYgYNVKpRKNxWL0drtVZVk+tFqtlO4cIxC7EEhzBBzS7/dZMxCKsB9X5whYFoYV2DSdToc6nU7Kjjtsg8AYn81mitPtsDzi7c4JR0a82xBYIG5AWAZxC8ISiJsQyCBuQyCBeAFxFcQriIsgXkKYgngNYQjiB8QZiF8Q/0AChL/RO/uL+hUUcQNxExA/AgwAQCThORpp8DAAAAAASUVORK5CYII=') no-repeat;
}
.img-thumbnail:hover:after {
    top:2px; right:2px;

    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;

    -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
         -o-transform:scale(1.1);
            transform:scale(1.1);
}



/** 26. Modal
 **************************************************************** **/
.modal-content {
    overflow:hidden;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.modal-header {
    background-color:#333;
}
.modal-header  button,
h4.modal-title {
    color:#fff !important;
    opacity:1;
}
.modal-header  button {
    font-size:30px;
}
.modal.fade .modal-dialog {
    z-index:9999;
}


/** 27. Carousel
 **************************************************************** **/
    .owl-carousel {
        margin-bottom:20px;
    }
    .owl-theme .owl-controls .owl-buttons div {
        opacity:1; color:#333;
        filter: Alpha(Opacity=100);
        background:#fff; border:#eee 1px solid;

        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
    }
    .owl-theme .owl-controls .owl-buttons div:hover {
        background:#F5F7F7;
    }

    .controlls-over .owl-controls {
        position:absolute;
        top:50%; left:0; right:0; bottom:0;
        margin-top:-20px;
        z-index: 10;
    }
    .controlls-over .owl-controls .owl-prev {
        float:left;
    }
    .controlls-over .owl-controls .owl-next {
        float:right;
    }
    .controlls-over .owl-pagination {
        position:absolute;
        bottom:0; left:0; right:0;
    }
    .owl-theme.controlls-over .owl-controls .owl-page {
        background:rgba(0,0,0,0.3);

    }
    .owl-theme.controlls-over .owl-controls .owl-page:first-child {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .owl-theme.controlls-over .owl-controls .owl-page:last-child {
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .owl-theme.controlls-over .owl-controls .owl-page span {
        background:#fff;
    }

    /* top text caption */
    .owl-carousel .owl-item div {
        position:relative;
    }
    .owl-carousel .owl-caption {
        padding:10px;
        position:absolute !important;
        left:0; top:0; right:0;
        margin-top:0; max-width:100%;
        background:rgba(0,0,0,0.3);
        display:block; color:#fff;
    }

    .owl-carousel .owl-caption p {
        color:#fff;
        font-size:13px;
        line-height:20px;
        padding:0; margin:0;
    }
    .owl-carousel .owl-caption h1,
    .owl-carousel .owl-caption h1 a,
    .owl-carousel .owl-caption h2,
    .owl-carousel .owl-caption h2 a,
    .owl-carousel .owl-caption h3,
    .owl-carousel .owl-caption h3 a {
        color:#fff;
        font-size:21px;
        line-height:21px;
        font-weight:bold;
        margin-bottom:10px;
    }
    .owl-carousel .owl-caption a {
        color:#fff;
        font-weight:bold;
    }


/** 28. Breadcrumbs
 **************************************************************** **/
.breadcrumb {
    font-size:13px;
    margin: -3px 0 0;
    padding:0;
    position: relative;
    display: inline-block;
    background:none;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}


/** 29. Nav List (aside)
 **************************************************************** **/
aside ul.nav-list {
    padding:0; 
    margin:0;
}
aside h3,
aside h4 {
    font-size:16px;
    line-height:20px;
    margin-bottom:20px;
}
aside h4 {
    margin-top:60px;
}
aside ul.nav-list li{
    padding:0;
    border-bottom:#ccc 1px dotted;
}
aside ul.nav-list li a {
    padding-left:0;

    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
aside ul.nav-list li.active>a,
aside ul.nav-list li a:hover {
    padding-left:10px;
}
aside ul.nav-list li a i {
    padding-right:6px;
    color:#ddd;
}


/** 30. Price Table
 **************************************************************** **/
    div.price-table {
        /*background:#fff;*/
        margin:30px 0;
        text-align:center;
        padding-bottom:30px;
    }
    div.row.pricetable-container {
        background: url('../images/line.png') no-repeat -46px 46px;
        padding:0 15px;
    }
    div.price-table h3 {
        font-size:32px;
        line-height:25px;
        padding:10px 0 30px;
        margin: 0;
        border-bottom:#ddd 1px solid;
        text-transform:uppercase;
    }
    div.price-table .price {
        color:#111;
        font-size:30px;
        font-weight:300;
        line-height: 32px;
        font-family: 'Gotham-Book', Arial, sans-serif;
    }
    div.price-table .price span {
        font-size:18px;
        line-height: 18px;
        font-weight:300;
    }
    div.price-table ul {
        margin:0;
        padding:0;
    }
    div.price-table ul li.no-padding-left {
        padding:10px 0;
    }
    div.price-table ul li {
        list-style:none;
        border-bottom:#ddd 1px solid;
        padding:10px 2px;
        text-align: left;
        font-size: 16px;
        line-height: 24px;
    }
    div.price-table ul li a {

    }

    div.price-table.popular,
    div.price-table.popular ul li,
    div.price-table.popular p,
    div.price-table.popular p span,
    div.price-table.popular h3 {
        color:#fff;
    }
    div.price-table.popular {
        background:#676767;
    }
    div.price-table .btn {
        color:#fff;
        margin-top:20px;
    }

/** 31. Animation
 **************************************************************** **/
.appear-animation {
    opacity: 0;
}

.animation-visible {
    opacity: 1 !important;
}

.animated,
.appear-animation {
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;

    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
         -o-animation-duration: 1s;
            animation-duration: 1s;
}


/** 33. Masonry
 **************************************************************** **/
.masonry-list {
    margin: 0; padding: 0;
    width: 100%; list-style: none;

    -webkit-transition: opacity 1s;
       -moz-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;
}


/** 35. Testimonials
 **************************************************************** **/
.testimonial {
    margin-bottom:20px;
}

/* carousel style */
.testimonial.white p,
.testimonial.white cite {
    background-color:#fff;
}
.testimonial cite {
    background:#ddd;
    display:inline-block;
    padding:0 10px 6px 10px;

    -webkit-border-bottom-right-radius: 6px;
     -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
         -moz-border-radius-bottomleft: 6px;
            border-bottom-right-radius: 6px;
             border-bottom-left-radius: 6px;
}
.testimonial p {
    color:#000;
    background:#ddd;
    padding:20px;
    font-size:14px;
    margin-bottom:0;
    font-style:italic;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.cover .testimonial p,
.cover .testimonial cite {
    background:none !important;
    color:#fff;
    font-size:24px;
}

/* single style */
.testimonial.classic p {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;

    -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
}

.testimonial.male p,
.testimonial.female p {
    padding-left:52px;
    background-image:url('../images/female.png');
    background-repeat:no-repeat;
    background-position:16px 25px;
}
.testimonial.male p {
    background-image:url('../images/male.png');
}

.clients {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}
.clients div {
    display: table-cell;
    border: 1px solid #eee;
    border-top: none;
    border-right: none;
    text-align: center;
}

/**    --. Printable Div
    If want to dismiss these rules, 
    add to body: class="printable"
    Or simply delete custom rules!
*************************************************** **/
@media print {
    /* 
        @CUSTOM RULES 
    */
    body * {
        visibility: hidden;
        margin:0; padding:0;
    }
    .printable * { 
        visibility: visible;
    }

    /* print resets */
    #wrapper {
        margin:0 !important;
        padding:20px 0 0 0 !important;
    }

    /* display none for all other elements - remove whitespaces */
    #topNav, #header_shadow, #footer,
    #page-title, .btn { display:none; }


    /* 
        @REQUIRED RULES
    */
    .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.66666666666666%; }
    .col-sm-10     { width: 83.33333333333334%; }
    .col-sm-9     { width: 75%; }
    .col-sm-8     { width: 66.66666666666666%; }
    .col-sm-7     { width: 58.333333333333336%; }
    .col-sm-6     { width: 50%; }
    .col-sm-5     { width: 41.66666666666667%; }
    .col-sm-4     { width: 33.33333333333333%; }
    .col-sm-3     { width: 25%; }
    .col-sm-2     { width: 16.666666666666664%; }
    .col-sm-1     { width: 8.333333333333332%; }
}