/* ===================================
1. color
==================================== */

a, a:hover,a:focus,a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link, 
ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.related-post li h4 a:hover, span.highlight,article .post-heading h3 a:hover,
.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > li > a:hover,.navbar .nav > li > a:focus,.navbar .nav > .active > a:focus, .validation  { 
	color:#ff0000;
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a{
	color:#000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color:#000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color:#000;
}	
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color:#000;
}

/* ===================================
2. background color
==================================== */

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background:#f0eee9;
}

.custom-carousel-nav.right:hover, .custom-carousel-nav.left:hover, 
.dropdown-menu li:hover,
.dropdown-menu li a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a, 
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.pagination ul > .active > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.flex-control-nav li a:hover, 
.flex-control-nav li a.active {
background-color: #e33334;


}

/* ===================================
3. General
==================================== */

body { font-size:12px; font-weight:300; line-height:1.6em; color:#34343a; }
a:active { outline:0; }
h1,h2, h3, h4, h5, h6 { font-weight:700; line-height:1.1em; color:#27272a; margin-bottom: 20px; }
.clear { clear:both; }
.badge { font-family: 'Helvetica'; font-size:10px; background-color:#e33334; border:3px solid #fff; padding:2px 4px; }
.thumbnail { border-radius:0px; margin-bottom:0px; padding:0px; border:0px; }
a.thumbnail:hover, a.thumbnail:focus { border:0px; }
.tooltip.left .tooltip-arrow { border-left-color:#212227; }
.tooltip.right .tooltip-arrow { border-right-color:#212227; }
.tooltip.top .tooltip-arrow { border-top-color:#212227; }
.tooltip.bottom .tooltip-arrow { border-bottom-color:#212227; }
.tooltip-inner { color:#fff; background:#212227; border:0px; border-radius:0; padding:8px; }

.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 {  
	padding-left:5px; padding-right:5px;
}

/* ===================================
4. layout
==================================== */

#wrapper{ width:100%; margin:0;	padding:0; border-left:0px; border-right:0px; overflow:hidden; }
.container { padding:0 20px 0 20px; }
.row,.row-fluid { margin-bottom:0px; }
.row .row,.row-fluid .row-fluid{ margin-bottom:0px; }
.row.nomargin,.row-fluid.nomargin { margin-bottom:0px; }

.fancybox-skin { background:#fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding:20px; }

/* =============================
5. Position & alignment
============================= */

.absolute{ position:absolute; }
.relative{ position:relative; }
.aligncenter{ text-align:center; }
.aligncenter span{ margin-left:0; }
.floatright { float:right; }
.floatleft { float:left; }
.floatnone { float:none; }
.aligncenter { text-align:center; }

/* ===============================
6. Divider, Line & Misc
================================ */

.solidline { border-top:1px solid #cacaca; margin:30px 0 50px; }
.dottedline { border-top:1px dotted #cacaca; margin:0 0 30px; }
.dashedline { border-top:1px dashed #cacaca; margin:0 0 30px; }
.blankline { height:1px; margin:0 0 30px; }
.marginbottom { margin-bottom: 30px; }
.marginside { margin-right:10px; }

.quick-button-up { z-index:999; background:#212227; width:30px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position:fixed; bottom:60px; right:20px; cursor:pointer; display:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:.7; }
.quick-button-up:hover { color:#ff0000; }
.quick-button-down { z-index:999; background:#212227; width:30px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position:fixed; bottom:20px; right:20px; cursor:pointer; display:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:.7; }
.quick-button-down :hover { color:#ff0000; }

/* ===================================
7. keyframes
==================================== */

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}