/*
* Author: Łukasz Holeczek
* Template: Undecimo Bootstrap Theme
* Version: 1.0.3
* Bootstrap version: 2.3.1
* Copyright 2013 creativeLabs
* www: http://bootstrapmaster.com
* mail: lukasz@bootstrapmaster.com
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/undecimo-bootstrap-theme-WB09N3730
* You can find our other themes on: https://bootstrapmaster.com
*/


/* Import Section
=================================================================== 
@import url("social-icons.css");			
@import url("fancybox.css");				
@import url("font-awesome.min.css");		
@import url("font-awesome-ie7.min.css");	
@import url("glyphicons.css");				
@import url("halflings.css");				
*/
html { -webkit-font-smoothing: antialiased; }

body {
    font-family: 'Microsoft yahei', sans-serif;
    font-weight: 400;
    background: url(../img/bg.jpg) repeat;
    /* color: #848484; */
    font-size: 14px;
	line-height:24px;
}

.noMargin {
    margin-left: 0px ;
}

a {
    color: #242424;
}

a:hover {
    color: #121212;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft yahei" ;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.clear{clear:both;}
dl.gallery-item {
    float:left;
    display: block;
    margin-right:15px;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);
}


h1.headline {
    font-family: "Michroma";
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 60px;
}

h2.headline {
    font-family: "Michroma";
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 38px;
}

.headline {
    font-family: "Michroma";
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    color: #212121;
    font-weight: bold;
}

h2 {
    font-size: 20px;
    line-height: 40px;
    color: #212121;
    font-weight: bold;
}

h3 {
    font-size: 18px;
    line-height: 32px;
    color: #414141;
}

h4 {
    font-size: 15px;
    line-height: 30px;
    color: #616161;
}

h5 {
    font-size: 12px;
    line-height: 26px;
}

h6 {
    font-size: 11px;
    line-height: 24px;
}

hr {
    position: relative;
    margin: 20px 0;
    border: 0;
    border: none;
    height: 2px;
}

hr:before,
hr:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    top: 50%;
    left: 0;
}

hr:before {
    margin-top: -1px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(225,225,225,0) 0%, rgba(225,225,225,1) 10%, rgba(225,225,225,1) 90%, rgba(225,225,225,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,225,225,0)), color-stop(10%,rgba(225,225,225,1)), color-stop(90%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbbbbb', endColorstr='#00bbbbbb',GradientType=1 ); /* IE6-8 */

}

hr:after {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(245,245,245,0) 0%, rgba(245,245,245,1) 10%, rgba(245,245,245,1) 90%, rgba(245,245,245,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,0)), color-stop(10%,rgba(245,245,245,1)), color-stop(90%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 10%,rgba(245,245,245,1) 90%,rgba(245,245,245,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 10%,rgba(245,245,245,1) 90%,rgba(245,245,245,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 10%,rgba(245,245,245,1) 90%,rgba(245,245,245,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(245,245,245,0) 0%,rgba(245,245,245,1) 10%,rgba(245,245,245,1) 90%,rgba(245,245,245,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#00dddddd',GradientType=1 ); /* IE6-8 */

}

hr.clean {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

img.border {
    border: 1px solid #eee;
    padding: 4px;
}

img.left {
    border: 1px solid #eee;
    padding: 4px;
    float: left;
    margin: 5px 10px 10px 0px !important;
}

img.right {
    border: 1px solid #eee;
    padding: 4px;
    float: left;
    margin: 5px 0px 10px 10px;
}

/* Lists
=================================================================== */
ul, ol { margin: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul {}
ul ul li, ul ol li,
ol ol li, ol ul li {}


/* Header
=================================================================== */

header {
    width: 100%;
    border-top: 4px solid #eaeaea;
    border-bottom: 4px solid #fafafa;
    background: #fff; /* Old browsers */
    filter: none;
    -webkit-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px 1px 1px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px 1px 1px rgba(0,0,0,.15);
    box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px 1px 1px rgba(0,0,0,.025);
}

.navbar .brand {
    position: relative;	
    color: #a3a3a3;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar .brand:hover {
    color: #bfbfbf;
    text-decoration: none;
}

.navbar .brand img {
   height: 70px;
	
}

.navbar .brand-small img {
    height: 35px;
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background: #a3a3a3 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.nav-collapse.collapse {
    height: auto \9 !important;
    overflow: visible \9 !important;
    position: relative;
    z-index: 9999;

}

.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
    background: transparent !important;
    filter: none !important;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    margin: 0;
}

.navbar-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar .nav > li > a {
    text-align: center;
    display: block;
    color: #616161;
    text-shadow: 0 1px 0 #ffffff;
    margin-top: -4px;
   
    font-size: 16px;
    padding: 35px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.navbar .nav > li > a > span{
    display: block;
    font-size: 9px;
    color: #a3a3a3;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
   
    background: #fafafa !important;		
    color: #bfbfbf;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
    border-top:4px solid #eb4008;
    background: #fafafa !important;	
    color: #bfbfbf;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav > .active > a:hover {
    background: transparent !important;
    color: #666 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav .active a:hover > .caret {
    border-top-color: #fff !important;	
    border-bottom-color: #fff !important;	
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #fff;
    background: #eb4008 !important;	
}

.dropdown-menu .active > a {
    color: #eb4008 !important;
    background: transparent !important;
}
.dropdown-menu .active > a:hover {
    color: #666 !important;
    background: transparent !important;
}

.navbar .btn-navbar {
    position: relative;	
    background: transparent;
    text-shadow: 0 1px 0px #fff;
    color: #a3a3a3;
    border: none;
    border-left: 1px solid #eaeaea;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 19px 15px 18px 15px;
    margin-top: 0px;
    margin-right: 0px;
}

.navbar .btn-navbar:after,
.navbar .btn-navbar:before {
    content: "";
    height: 100%;
    position: absolute;	
    display: block;
    font-size: 20px;
    font-weight: 200;
    border-right: 1px solid #fafafa;
    left: 0px;
    top: 0px;
}

.navbar .btn-navbar:before {
    left: -2px;
}

.navbar .btn-navbar:hover {
    background: transparent;
    color: #bfbfbf;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #eb4008 !important;	
    border-bottom-color: #eb4008 !important;	
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #bfbfbf;
    background-color: #fafafa;
}

/* Wrapper
=================================================================== */

#wrapper {
    padding: 20px 0px;
    margin-bottom: 4px;
    background: #fff;
    border-top: 4px solid #fafafa;
    -webkit-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
}

#wrapper.transparent {
    padding: 20px 0px;
    margin-bottom: 4px;
    background: transparent;
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#wrapper.full {
    border: 1px solid #fafafa;
    border-top: 2px solid #fafafa;
    background: #f6f6f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f6f6 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
    padding: 20px;
    text-shadow: 0px 1px 0px #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.15), 0px 2px 1px rgba(0,0,0,.10), 0px 3px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.15), 0px 2px 1px rgba(0,0,0,.10), 0px 3px 1px rgba(0,0,0,.05);
    box-shadow: 0px 1px 1px rgba(0,0,0,.15), 0px 2px 1px rgba(0,0,0,.10), 0px 3px 1px rgba(0,0,0,.05);
}

/* Hero Unit
=================================================================== */

.hero-unit {
    background: #fff;
    filter: none;
    text-align: center;
    padding: 10px;
    margin: 0px;
}

.hero-unit h2 {
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 28px !important;
}

.hero-unit h3 {
    font-size: 14px !important;
    line-height: 24px !important;
}

/* Box & Box Alternative
=================================================================== */

.box {

}

.box i {
    font-size: 40px;
    width: 40px;
    padding: 0px 5px;
    text-align: center;
    float: left;
}

.box h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold !important;
}

.box h4 {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

.box p {
    clear: both;
    padding-top: 10px;
    float: none;
    display: block;
}

.box a {
    float: right;
}

.box-alt {
    text-align: center;
}

.box-alt i {
    font-size: 60px;
    padding: 0px 5px;
    color: #eb4008;
}

.box-alt h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold !important;
}

.box-alt h4 {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

.box-alt p {
    clear: both;
    padding-top: 10px;
    float: none;
    display: block;
}

.box-alt a {
}

/* Box
=================================================================== */

.project {
    text-align: center;
}

.project .picture {
    position: relative;
    border: 1px solid #eee;
    padding: 4px;
}

.project .picture .overlay {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,.8);
    overflow: hidden;
    display: none;
}

.project .picture .overlay .actions {
    text-align: center;
    position: relative;
    width: 100% !important;
    height: 100% !important;
}

.project .picture .overlay .actions a {
    font-size: 22px;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.project .picture .overlay .actions a:hover {
    color: #fff;
}

.project .picture .overlay .actions a.search {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: -40px;
    float: left;
}

.project .picture .overlay .actions a.link {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: -40px;
    float: right;
}

.project .picture img {
    width: 100%; 
    height: auto;
    z-index: 1;
}

.project h3 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold !important;
}

.project h4 {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

.project .tags {
    font-size: 10px;
    color: #bbb;
}

/* Call To Action
=================================================================== */

.call-to-action {
    border: 1px solid #eee;
    margin: 20px 0px;
    padding: 14px 14px 12px 14px;
}

.call-to-action h3 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold !important;
}

.call-to-action h4 {
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
}

.call-to-action .btn-cta {
    float: right;
}

/* Clients
=================================================================== */

ul.clients {
    list-style: none;
}

ul.clients li {
    width: 10%;
    margin-right: 2%;
    float: left;
    text-align: center;
    position: relative;
}

ul.clients li:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    border: 1px solid #eee;
}

ul.clients li:first-child {
    margin-left: 0%;
}

ul.clients li:last-child {
    margin-right: 0%;
}

/* Login & Register
=================================================================== */

#login-box,
#register-box {
    padding: 20px 20px;
    margin-bottom: 40px;
    background: #fff;
    border: 4px solid #fafafa;
    -webkit-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
}

/* Wall & Porfolio
=================================================================== */

#wall {
    margin: 40px 0px;
    padding: 4px;
}

#wall .item {
    padding: 4px;
    background: #fff;
    border: 4px solid #fafafa;
    -webkit-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
}

#wrapper #wall .item {
    padding: 4px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#portfolio .item {
    border: 1px solid #eee;
    background: #fff; 
    padding: 4px;
    margin-bottom: 10px;
}

#wall .item {
    margin: 0px;
    margin-bottom: 30px;
}

#wall .item .meta {
    margin-top: 10px;
}

#wall .item .meta span {
    font-size: 12px !important;
    line-height: 16px !important;
    margin-right:5px;
}

#wall .item .meta span i {
    font-size: 16px;
    margin: 0px 2px 0px 0px !important;
    padding-top: 4px !important;
}

#wall .item .meta span a {
    color: #000;
}

#wall .item .picture,
#portfolio .item .picture {
    display: block;
    position: relative;
    z-index:5;
}

#wall .item .picture a.image,
#portfolio .item .picture a.image {
    width: 100%; 
    height: auto;
    display: block;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.15);
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.15);
}

#wall .item .picture img,
#portfolio .item .picture img {
    width: 100%; 
    height: auto; 
    position: relative;
    z-index: -1;
}
#wall .item .picture .description {
    margin-top: 10px;
}


#wall .item .quotes {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.35);
    -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.35);
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.35);
    font-family: "Boogaloo";
    overflow: hidden;

}

#wall .item .quote, 
#wall .item .author {
    line-height: 22px;
    font-size: 18px;
    padding: 15px;
    color: #fff;
    font-family: "Boogaloo";
    background: #eb4008;
}

#wall .item .author {
    font-size: 14px;
    text-align: center;
}

#wall .item .flex-video {
    position: relative;
    /*padding-top: 25px; */
    padding-bottom: 67.5%;
    height: 0;
    overflow: hidden;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    border: 2px solid #000;		
}

#wall .item .flex-video.widescreen { padding-bottom: 57.25%; }
#wall .item .flex-video.vimeo { padding-top: 0; }

#wall .item .flex-video iframe,
#wall .item .flex-video object,
#wall .item .flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    #wall .item .flex-video { padding-top: 0; }
}


/* Page Title
=================================================================== */

#page-title {
    position: relative;
    padding: 5px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#page-title h2 {
    display: inline-block;
    padding: 0px 15px;
    margin: 0 auto;
    font-family: 'Economica', Arial, sans-serif !important;
    color:#414141;
    text-shadow: 0px 1px 0px rgba(255,255,255,.4), 0 0 0px rgba(0,0,0,.2);
    font-size: 18px;
}

/* Page Title Small
=================================================================== */

.page-title-small {
    position: relative;
    padding: 5px 0px;
    text-align: center;
    z-index: 10;
}

.page-title-small h3 {
    display: inline-block;
    padding: 0px 15px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Economica', Arial, sans-serif !important;
    color: rgba(180,180,180,.8);
    text-shadow: 0px 1px 0px rgba(255,255,255,.4), 0 0 0px rgba(0,0,0,.2);
    font-size: 20px;
}

.page-title-small:before,
.page-title-small:after {
    content: "";
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 1px;
    top: 50%;
    left: 0;
}

.page-title-small:before {
    margin-top: -1px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(225,225,225,0) 0%, rgba(225,225,225,1) 10%, rgba(225,225,225,1) 90%, rgba(225,225,225,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,225,225,0)), color-stop(10%,rgba(225,225,225,1)), color-stop(90%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(225,225,225,0) 0%,rgba(225,225,225,1) 10%,rgba(225,225,225,1) 90%,rgba(225,225,225,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbbbbb', endColorstr='#00bbbbbb',GradientType=1 ); /* IE6-8 */

}

.page-title-small:after {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}

/* Blog
=================================================================== */

.posts,
.single-post,
.sidebar {

}

.post-title h2 {
    line-height: 1.1em;
}

.posts .post {
    clear: both;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.posts .post .btn {
    float: right;
}

.posts .post .picture img {
    padding: 4px;
    border: 1px solid #eee;
}

.posts .post .flex-video,
.sidebar .widget .flex-video {
    border: 4px solid #fff;
    outline: 1px solid #eee;
}

.sidebar .widget {
    margin-bottom: 20px;
}

.sidebar .widget.first {
    border-top: none;
}

.sidebar .widget.last {
    border-bottom: none;
}

/* Tags */
.sidebar .widget .tags a {
    padding: 5px 10px;
    border: 1px solid #eee;
    display: inline-block;
    color: #666;
    background: #fff;
    margin: 0 3px 6px 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.sidebar .widget .tags a:last-child {margin-right:0;}

.sidebar .widget .tags a:hover {
    background: #eb4008;
    border: 1px solid #eb4008;
    color: #fff;
}

/* Gallery
=================================================================== */
.gallery .gallery-icon {
    float: left;
}

/* Posts
=================================================================== */
.post {}

.post.post-page {border: 0px; margin-bottom: 0;}

.post-content {
    border: none;
    padding: 0px 10px;
    margin: 0;
}

.post .info {
    width: 100px;
    float: left;
    margin-top: 0px;
}

.post .post-date {
    display: block;
    background: transparent;
    color: #eb4008;
    width: 80px;
    height: 40px;
    text-align: center;
    padding: 10px 0px;
    margin: 10px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.post .post-date .day{
    display: block;
    font-size: 24px;
}

.post .post-date .month-year{
    display: block;
    font-size: 10px;
}

.post .post-icon {
    display: block;
    width: 80px;
    height: 60px;
    font-size: 40px;
    line-height: 65px;
    color: #eb4008;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.post .post-meta {
    color: #666;
    margin: -10px 0px 0px 90px;
    padding: 10px 0px;	
}

.post .post-meta a {
    text-decoration: none;
}

.post .post-meta a:hover {
}

.post .post-meta i {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    margin-right: 5px;
    zoom: 1;
}

.post .post-meta span {
    margin-right: 10px;
}

/* Icons
=================================================================== */

.icons {}

.icons p {
    width: 25%;
    float: left;
}

.icons p i {
    margin: 0px 5px;
}

.icons a {
    width: 21%;
    float: left;
    margin: 10px 0px;
}

.icons.pro p {
    width: 25%;
    float: left;
    line-height: 48px;
}

.fa-icons li {
    margin: 20px 0px;
    line-height: 24px;
}

.fa-icons li i {
    font-size: 24px;
}

/* Video
=================================================================== */

.flex-video {
    position: relative;
    /*padding-top: 25px; */
    padding-bottom: 67.5%;
    height: 0;
    overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}		

/* Flexslider
=================================================================== */

/* Browser Resets
=================================================================== */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* Necessary Styles
=================================================================== */
.flexslider {margin: 0;  border: 1px solid #eee; padding: 4px;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider {position: relative;  zoom: 1; z-index: 50;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* Default Styles
=================================================================== */
.flexslider {
    background: #fff;
    zoom: 1;
}

.ie7 .flexslider {margin-bottom: -30px;}

.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


/* Direction Nav
=================================================================== */

.flex-direction-nav a {
    width: 35px;
    height: 35px;
    display: block;
    background-color: #555;
    top: 20px;
    right: 20px;
    float: none;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.65);
    *bottom: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.flex-direction-nav .flex-next {
    background-image: url(../img/slider-control-right.png);
    background-repeat: no-repeat;
    background-position: 52% 50%;
}

.flex-direction-nav .flex-prev {
    margin-right: 36px;
    background-image: url(../img/slider-control-left.png);
    background-repeat: no-repeat;
    background-position: 48% 50%;
}

.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
    background-color:#eb4008;
    opacity: 1;
}

.subpage .flex-direction-nav a {bottom: 0px; right: 0px; *bottom: 30px;}


/* Control Nav
=================================================================== */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 3px 0 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 14px;
    height: 14px;
    display: block;
    background: #c8c8c8;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    background: #505050;
}

.flex-control-paging li a.flex-active {
    cursor: default;
}


/* Caption
=================================================================== */
.slide-caption {
    width: auto;
    max-width: 30%;
    padding: 10px 20px;
    margin: 0 0 0px 0px;
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.7);
    text-shadow: none;
}

.slide-caption.n {background-color: #222; background: rgba(0, 0, 0, 0.6);}

.slide-caption h3 {
    color: #fff;
    font-size: 18px;
    margin:0;
    line-height: 33px;
}

.slide-caption p {
    margin:0;
    line-height: 19px;
    color: #bbb;
}

/* About
=================================================================== */

#team .name {
    clear:both;
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
    font-family: "Microsoft yahei";
    font-size: 18px;
    text-align: center;

}

#team .name span {
    font-size: 12px;
    font-weight: normal;
    color: #888;
}

#team p {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

/* Shortcodes
====================================================================== */

/* Custom Buttons
=================================================================== */
.button,
input[type="button"] {
    padding: 9px 12px;
    display: inline-block;
    border: 0px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    width: auto;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

input[type="button"] {float: left;}

.button.medium {padding: 11px 17px; font-size: 14px;}

.button.gray {color: #fff;background: #444;}
.button.gray:hover {background:#72b626; text-decoration:none}

.button.light {color:#fff; background:#aaa;}
.button.light:hover {background:#72b626; text-decoration:none}

.button.color {color:#fff; background:#72b626;}
.button.color:hover {background:#aaa; text-decoration:none}

/* Input Button */
input[type="button"] {color:#fff; background:#72b626;}
input[type="button"]:hover {background:#aaa; text-decoration:none}

.button.gray:hover, 
.button.light:hover, 
.button.color {
    background: #555;
}

.button.color {color:#fff; background:#eb4008;}
.button.color:hover {background:#aaa;}

input[type="button"] {
    background: #eb4008;
    color: #fff;
}

/* Alert Boxes
=================================================================== */
.alert {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 14px 40px 14px 18px;
    -webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

.alert.alert-success {
    background-color: #edf6e5 !important;
    color: #7a9659 !important;
    border: 1px solid #9fc76f !important;
}

.alert.alert-error {
    background-color: #fdeaea !important;
    color: #ca6f74 !important;
    border: 1px solid #f27b81 !important;
}

.alert {
    background-color: #fffee1 !important;
    color: #daac50 !important;
    border: 1px solid #f5c056 !important;
}

.alert.alert-info {
    background-color: #e9f8ff !important;
    color: #5d9fa9 !important;
    border: 1px solid #75c7d3 !important;
}


/* Testimonial's Carousel
=================================================================== */
.testimonial-container {
    position: relative;
}

.testimonials {
    background: #fff;
    padding: 20px;
    line-height: 21px;
    margin: 0px 1px;
    border: 1px solid #eee;
}

.testimonials-bg {
    background: url(../img/testimonials-bg.png) no-repeat;
    margin-top: -1px;
    display: block;
    width: 200px;
    height: 30px;
}	

.testimonials-author {
    color: #666;
    float: left;
    display: block;
    margin-left: 60px;
    margin-top: -26px;
    margin-bottom: 20px;
}

.testimonials-author span {
    color:#a0a0a0
}

/* Accordions
=================================================================== */

.accordion {
    margin-bottom: 20px;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.accordion-heading {
    border-bottom: 0;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
}

.accordion-heading .accordion-toggle i {
    margin-right: 10px;
}

.accordion-heading .active{
    background: #eb4008;
    color: #fff;
}


.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #eee;
}


/* Carousel
=================================================================== */

.carousel-disabled,
.mr-rotato-disabled,
.mr-rotato-next, 
.mr-rotato-prev {
    border: 1px solid #eee;
    display: inline-block;
    margin-right: 1px;
    height: 21px;
    width: 21px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: block;
    position: absolute;
    margin-top: -30px;
}

.mr-rotato-next {
    background: url(../img/testimonials-right-01.png) no-repeat 50%;
    background-color: #fff;
    right: 1px;
    z-index: 6;
}

.mr-rotato-prev {
    background: url(../img/testimonials-left-01.png) no-repeat 50%;
    background-color: #fff;
    right: 25px;
    z-index: 5;
}

.mr-rotato-next:hover {
    background: url(../img/testimonials-right-02.png) no-repeat 50%;
}

.mr-rotato-prev:hover {
    background: url(../img/testimonials-left-02.png) no-repeat 50%;
}

.mr-rotato-prev:hover,
.mr-rotato-next:hover {
    background-color: #eb4008;
    border-color: #eb4008;
}

/* Tabs
=================================================================== */

.nav-tabs {
    border-bottom: 1px solid #eee !important;

}

.nav-tabs > li {
    margin-bottom: -2px;
}

.nav-tabs > li > a {
    position: relative;
    z-index: 1;
    margin: 0;
    background: #f6f6f6;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: none;
    border-top: 1px solid #eeeeee !important;
    -webkit-box-shadow: inset 0 -3px 1px -2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 -3px 1px -2px rgba(0,0,0,.1);
    box-shadow: inset 0 -3px 1px -2px rgba(0,0,0,.1);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;		
}

.nav-tabs > li:first-child > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border-left: 1px solid #eeeeee;
}

.nav-tabs > li:last-child > a {
    border-right: 1px solid #eeeeee;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
}

.nav-tabs > li > a:hover {
    background: #fff;
    border-color: #eeeeee #eeeeee #eeeeee;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    position: relative;
    z-index: 4;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tab-content {
    padding: 20px;
    position: relative;
    z-index: 3;
    background: #fff;
    border: 1px solid #eee;
}


/* Progress Bar
=================================================================== */
.progress-bar h5 {
    margin-bottom:6px;
}

.progress-bar li {
    margin-bottom:12px;
    list-style: none;
}

.meter { 
    background: rgb(252,252,252); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(250,250,250,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
    border-top: 1px solid #dededc;
    border-bottom: 1px solid #eee;
    border-left: none;
    border-right: none;
    height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.1) 0px 1px 1px !important;
    -moz-box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.1) 0px 1px 1px !important;
    box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.1) 0px 1px 1px !important;
    position: relative;
    margin-top: -2px;
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    -webkit-box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.1) 0px 1px 1px !important;
    -moz-box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.1) 0px 1px 1px !important;
    box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.1) 0px 1px 1px !important;
}

.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
    overflow: hidden;
}

.meter > span:after, 
.animate > span > spans li.current {
    background: #eb4008;
    -webkit-box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.4) 0px 1px 1px !important;
    -moz-box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.4) 0px 1px 1px !important;
    box-shadow: 0 1px 0 #ffffff, inset rgba(0,0,0,0.4) 0px 1px 1px !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* Dropcaps
=================================================================== */
.dropcap {
    background: #fcfcfc;
    color: #666;
    display: inline-block;
    float: left;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px;
    border: 1px solid #f6f6f6;
}

.dropcap.dark {
    background: #3a3a3a;
    color: #fff;
}

.dropcap.color {
    background: #eb4008;
    color: #fff;
}


/* Blog Post
=================================================================== */

/* Comments
=================================================================== */
.comments-sec {
    float:left;
    width:100%;
    line-height: 20px;
}

ol.commentlist {
    float:left; 
    width:100%;
    margin: 0;
}

ol.commentlist li {
    float:left;
    border-top: 1px solid #e7e7e7;
    padding: 25px 15px 20px 15px;
}

ol.commentlist li:first-child {
    border:none;
    padding: 25px 15px 0px 15px;
}

ol.commentlist li {list-style: none;}

ol li ol.childlist{
    float:right;
    width:89%;
    margin:0px;
}

ol.commentlist li ol.childlist li:first-child {
    border-top: 1px solid #e9e9e9;
    padding: 25px 0 0 0;
    font-size: 12px;
}

ol.commentlist li ol.childlist li {
    border-top: 1px solid #e9e9e9;
    margin:25px 0 15px 0;
    font-size: 12px;
}

.comments {
    float:left;
    width:100%;
}

.comments-amount {color: #888;}

ol li ol.childlist .comment-des {
    float:right;
    width:89%;
}

.avatar {float:left}

.comment-des{
    float:right;
    width:90%;
}

.comment-des strong {
    float:left;
    padding-right:5px;
    font-size:12px;
}
.comment-des span {
    float:left;
    color:#888;
}

.comment-by {
    float:left;
    width:100%;
    padding-bottom:8px;
    padding-top:5px;
    color: #000;
}

.ie7 .comment-by span.reply span {display: none;}

.comment-by span.reply {
    color:#888; 
    float:right;	display: inline;
}

.comment-by span.reply a {
    float: right;
    height: 17px;
    margin-left: 5px;
    font-weight: normal;
    float:right;

}

.comment-by span.date {
    color:#888;
    padding-right: 7px; 
    float: right;
}

.ie7 .comment-by .date {display: none;}


/* Contact Form
=================================================================== */

#contact-form textarea {
    margin-bottom: 15px;
}

#contact-form input {
    margin-bottom: 15px;
}

.validation-error, 
.validation-error:focus {
    border:1px solid #f2c4c2 !important;
    background: #ffeceb !important;
}

/* Login Form
=================================================================== */

.facebook_connect {
    margin: 5px 0px 5px -1px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display:block;
    overflow:hidden;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #00549f;
    text-shadow: 0px 1px 1px #03327b;
    background: rgb(13,119,190); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkNzdiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDYzYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(13,119,190,1) 0%, rgba(13,99,170,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,119,190,1)), color-stop(100%,rgba(13,99,170,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(13,119,190,1) 0%,rgba(13,99,170,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(13,119,190,1) 0%,rgba(13,99,170,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(13,119,190,1) 0%,rgba(13,99,170,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(13,119,190,1) 0%,rgba(13,99,170,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d77be', endColorstr='#0d63aa',GradientType=0 ); /* IE6-8 */	
}

.facebook_connect:hover {
    color: #f0f0f0;
    text-decoration: none;
    text-shadow: 0px 0px 1px #03327b;	
}

.facebook_connect .img {
    display: block;
    float: left;
    border-right: 1px solid rgba(0,0,0,.1);
    width: 50px;
    font-size: 26px;
    text-align: center;
}

.facebook_connect .text {
    border-left: 1px solid rgba(255,255,255,.1);
    text-align: center;
    display: block;
    margin-left: 51px;
}

.twitter_connect {
    margin: 5px 0px 5px -1px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display:block;
    overflow:hidden;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #1b94bc;
    text-shadow: 0px 1px 1px #0a8ad2;
    background: rgb(86,212,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzU2ZDRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYmIwZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(86,212,255,1) 1%, rgba(27,176,226,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(86,212,255,1)), color-stop(100%,rgba(27,176,226,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(86,212,255,1) 1%,rgba(27,176,226,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(86,212,255,1) 1%,rgba(27,176,226,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(86,212,255,1) 1%,rgba(27,176,226,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(86,212,255,1) 1%,rgba(27,176,226,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56d4ff', endColorstr='#1bb0e2',GradientType=0 ); /* IE6-8 */	
}

.twitter_connect:hover {
    color: #f0f0f0;
    text-decoration: none;
    text-shadow: 0px 0px 1px #0a8ad2;	
}

.twitter_connect .img {
    display: block;
    float: left;
    border-right: 1px solid rgba(0,0,0,.1);
    width: 50px;
    font-size: 26px;
    text-align: center;
}

.twitter_connect .text {
    border-left: 1px solid rgba(255,255,255,.1);
    text-align: center;
    display: block;
    margin-left: 51px;
}

#login-form input[type="text"] {
    margin-bottom: 8px;
    font-size: 16px;
    height: 40px;
}

#login-form input[type="checkbox"] {
    margin-top: -4px;
}

#login-form .remember{
    width: 45%;
    float: left;
    text-align:left;
    line-height: 30px;
    height: 40px;
}

#login-form .forgot {
    width: 45%;
    float: right;
    text-align:right;
    font-weight: bold;
    line-height: 30px;
    height: 40px;
}

/* Pricing Tables
=================================================================== */
.five-tables .pricing-table {
    width: 100%;
}

.four-tables .pricing-table {
    width: 100%;	
}

.three-tables .pricing-table {
    width: 100%;
}

.two-tables .pricing-table {
    width: 100%;
}

.pricing-table {
    float: left;
    padding: 4px;
    background: #fff;
    border: 4px solid #fafafa;
    -webkit-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
}

.pricing-table h3 {
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    margin: 0;
}

.pricing-table ul {
    border: 1px solid #fafafa;
}

.pricing-table li {
    color: #888;
    background: #fff;
    text-align: center;
    padding: 11px 0;
    border-bottom: 1px solid #fff;
}

.pricing-table li:nth-child(2n) {
    background: #fafafa;
}

.pricing-table h4 {
    padding:0 0 10px;
    background: #fafafa;

}

a.buy {
    text-align: center;
    display: block;
    color: #fff;
    padding: 12px 0;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

a.buy:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.pricing-table h3 {
    color: #fff;
    margin: 0;
}

.pricing-table h4 {
    padding: 15px 0;
}

.price,
.time {
    display: block;
    text-align: center;
    line-height: 24px;
}

.price {
    font-size: 24px;
    font-weight: normal;
}

.time {
    font-size: 12px;
    font-weight: normal;
}

/* Color - 1 */
.pricing-table .color-cccddd h3, .color-cccddd .buy {background-color: #ccc;}

/* Color - 2 */
.pricing-table .color-666777 h3, .color-666777 .buy {background-color: #666;}

/* Color - 3 */
.pricing-table .color-custom h3, .color-custom .buy {background-color: #111;}

.pricing-table {
    position: relative !important;
    z-index: 5 !important;
    margin: 60px 0px;
}

.pricing-table .color-custom h3, .color-custom .buy {background-color: #eb4008;}


/* Google Map
=================================================================== */

#googlemaps {
    height: 275px;
    text-shadow: 0px 1px 0px #fff;
    position: relative;
    z-index: -1;
}

#map {
    height: 400px;
    width: 100%;	
}

/* Filters
=================================================================== */
#filters {
    text-align: center;
    right: 0;
    margin: 0px 0px 10px 0px;
    position: relative;
    z-index: 3;
}

#filters ul li {
    display: inline;
}

#filters a {
    padding: 5px 10px;
    display: inline-block;
    margin: 0 5px 10px 0;
    border: 1px solid #eee;
    color: #eee;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#filters a:hover,
.selected {
    color: #eb4008 !important;
    border: 1px solid #eb4008 !important;
    text-decoration: none;
}

/* Portfolio Info
=================================================================== */
.project-info {
    margin-bottom: 15px;
}

.project-info .button {
    margin-bottom: 30px !important;
}

.project-info strong {
    color: #eb4008;
}

.launch {
    margin-bottom: 30px;
    text-shadow: none;
}

.project-tags {
    margin-top: 15px;
}

.project-tags strong {
    float: left;
    margin: 5px 10px 20px 0;
}

/* Pagination
=================================================================== */
.pagination {
    text-align: center;
}

.pagination li {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    border: 1px solid #eee;
}

.pagination li:hover {
    border: 1px solid #eb4008;
}

.pagination li.current {
    border: 1px solid #eb4008;
    background: #eb4008;
    color: #fff;
}

/* Isotope Filtering
=================================================================== */

.isotope-item {
    z-index: 2;
}

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

/* 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:         top, left, 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;
}

/* Disable CSS transitions for containers with infinite scrolling
====================================*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/* List Styles
=================================================================== */
.check_list li,
.plus_list li,
.minus_list li,
.star_list li,
.arrow_list li,
.square_list li,
.circle_list li,
.cross_list li {
    list-style: none;
    margin: 5px 0;
}

.check_list li {background: url(../img/icons/list/orange/list_check.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.plus_list  li {background: url(../img/icons/list/orange/list_plus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.minus_list  li {background: url(../img/icons/list/orange/list_minus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.star_list  li {background: url(../img/icons/list/orange/list_star.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.arrow_list  li, #content ul li {background: url(../img/icons/list/orange/list_arrow.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.square_list  li {background: url(../img/icons/list/orange/list_square.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.circle_list  li {background: url(../img/icons/list/orange/list_circle.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.cross_list  li {background: url(../img/icons/list/orange/list_cross.png) no-repeat 0% 50%; padding: 0 0 0 16px;}


/* Footer
====================================================================== */

#footer {
    background: #212121;
    padding: 20px 30px;
    text-shadow: 0px 0px 0px #fff; 
}

#footer, 
#footer p, 
#footer a{
    /* color: #000 !important; */
}

#footer p i {
    color: #e1e1e1;
    font-size: 15px;
    display: inline-block;
    width: 15px;
    text-align: center
}

#footer a:hover {
    color: #000; 
}

#footer h3 {
    padding: 2px 0px !important;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 0px -1px 1px #fff; 
}
#footer p {

    color: #fff;

}
#footer a{

    color: #fff;

}
#under-footer {
    padding: 0px 20px;
    min-height: 50px;
    background: #313131;
     color: #fff; 
}

#under-footer-logo  {
    height: 46px;
}

#under-footer-logo a{
    /* color: #e1e1e1; */
    text-decoration: none;
    font-size: 20px;
    line-height: 48px;
    margin-left: 5px;
}

#under-footer-logo span {

}

#under-footer-copyright {
    margin: 17px 0px 0px 0px;
    text-align: center;
}

#under-footer-copyright a {
    color: #eee;
}

#under-footer-copyright img{
    width: 43px;
    height: 17px;
}

#under-footer-back-to-top {
    margin: 10px;
    z-index: 999;
}

#under-footer-back-to-top a {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background-color: #b0b0b0;
    background-image: url(../img/scroll-top-top.png);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#under-footer-back-to-top a:hover {background-color: #aaa;}

/* Buttons
=================================================================== */


.btn-primary {
    background-color: #006dcc;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: -ms-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67c2ef), to(#2FABE9));
    background-image: -webkit-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: -o-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: linear-gradient(top, #67c2ef, #2FABE9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'67c2ef, endColorstr='#'2FABE9, GradientType=0);
    border-color: #1598d9 #1598d9 #007bb8 #1598d9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #2FABE9;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #2FABE9 \9;
}

.btn-warning {
    background-color: #faa732;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fabb3d, #F4A506);
    background-image: -ms-linear-gradient(top, #fabb3d, #F4A506);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fabb3d), to(#F4A506));
    background-image: -webkit-linear-gradient(top, #fabb3d, #F4A506);
    background-image: -o-linear-gradient(top, #fabb3d, #F4A506);
    background-image: linear-gradient(top, #fabb3d, #F4A506);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fabb3d, endColorstr='#'F4A506, GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #F4A506;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #F4A506 \9;
}

.btn-danger {
    background-color: #da4f49;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fa603d, #f1360a);
    background-image: -ms-linear-gradient(top, #fa603d, #f1360a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa603d), to(#f1360a));
    background-image: -webkit-linear-gradient(top, #fa603d, #f1360a);
    background-image: -o-linear-gradient(top, #fa603d, #f1360a);
    background-image: linear-gradient(top, #fa603d, #f1360a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fa603d, endColorstr='#'f1360a, GradientType=0);
    border-color: #f1360a #f1360a #f1360a;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #f1360a
}

.btn-danger:active,
.btn-danger.active {
    background-color: #f1360a \9;
}

.btn-success {
    background-color: #5bb75b;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #78cd51, #5AAD34);
    background-image: -ms-linear-gradient(top, #78cd51, #5AAD34);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78cd51), to(#5AAD34));
    background-image: -webkit-linear-gradient(top, #78cd51, #5AAD34);
    background-image: -o-linear-gradient(top, #78cd51, #5AAD34);
    background-image: linear-gradient(top, #78cd51, #5AAD34);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'78cd51, endColorstr='#'5AAD34, GradientType=0);
    border-color: #5AAD34 #5AAD34 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #5AAD34;
}

.btn-success:active,
.btn-success.active {
    background-color: #5AAD34 \9;
}

.btn-info {
    background-color: #49afcd;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5bc0de, endColorstr='#'2f96b4, GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #2f96b4;
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9;
}

.btn-inverse {
    color: #ffffff;
    background-color: #363636;
    *background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #eb4008 \9;
}



/* Links List
=================================================================== */
.links-list li a {

}

.links-list-alt li a {
    font-size: 14px;
    color: #666;
    display: block;
    padding: 6px 12px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    margin: 5px 0px;
}

.links-list li a:hover {color: #efe9d8}
.links-list-alt li a:hover {
    color: #888;
    background: #fcfcfc;
    border: 1px solid #f6f6f6;
    text-decoration: none;
}

.links-list li:first-child a,
.links-list-alt li:first-child a {
    margin: -3px 0 0 0;
}

/* Photo Stream
=================================================================== */
.flickr-widget {margin-top: 15px; overflow: hidden;}
.flickr-widget img {display: block; width: 100%;}
.flickr-widget a:hover {border-color: #eb4008;}

.flickr-widget a {
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 0px;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 4px;
    border: 1px solid #eee;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    overflow: hidden;
}

#footer .flickr-widget a {
    border: 1px solid #191919;
    padding: 2px;
}

#footer .flickr-widget a:hover {border-color: #eb4008;}

.ie7 .flickr-widget a {width: 54px; height: 54px;}
/* Twitter Widget
=================================================================== */
#twitter {
    font-size: 12px;
    float: left;
    display: block;
}

#twitter b a, 
#twitter b a:hover {color: #666; font-weight:bold}
#twitter li {
    background: url(../img/icons/twitter.png) no-repeat 0% 50%;
    padding-left: 40px;
    line-height: 18px; margin: 2px 0 12px 0;
}
#twitter li:last-child {padding-left: 40px; margin: 0;}


/* Higher than 1200 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {

    .nav-collapse.collapse {
	float: right;
    }

    .navbar-inner > .btn-overlay {
	display: none !important;
    }

}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px){

    .nav-collapse.collapse {
	float: right;
    }

    .navbar-inner > .btn-overlay {
	display: none !important;
    }

    .navbar .nav > li > a {
	padding: 35px 13px;
	padding: 25px 13px \9;
    }

    .search input:focus{
	width: 120px;

    }

    #wall .item {
	margin-bottom: 14px;
    }

}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 979px) {

    .navbar .brand {
	padding: 10px 20px;
    }

    .navbar, 
    .navbar-inner, 
    .nav,
    .navbar-inverse {
	float: none !important;
    }

    .navbar .nav > li > a,
    .navbar .nav > li > a:hover,
    .navbar .nav > .active > a,
    .navbar .nav > .active > a:focus {
	border-top: 4px solid transparent;
    }

    .navbar .nav > li:first-child > a  {
	position: relative;
	margin-top: 0px;
	border-top: 1px solid #eaeaea;
	padding: 15px 20px 5px 20px;
    }

    .navbar .nav > li > a {
	padding: 5px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    }

    .dropdown-menu li {
	text-align: center;
    }

    #wall .item {
	margin-bottom: 12px;
    }

}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {

    .navbar .brand {
	padding: 10px 20px;
    }

    .navbar .nav > li > a {
	border-top: 4px solid transparent;
	text-shadow: none;
	font-size: 12px;
	padding: 5px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

    }

    .navbar .nav > li > a:hover,
    .navbar .nav > .active > a,
    .navbar .nav > .active > a:focus {
	border-top: 4px solid transparent;
    }

    .navbar .nav > li:first-child > a  {
	position: relative;
	margin-top: 0px;
	border-top: 1px solid #eaeaea;
	padding: 15px 20px 5px 20px;
    }

    .dropdown-menu li {
	text-align: center;
    }

    #wrapper {
	margin: 0px 4px 4px 4px;
	padding: 20px 10px;
    }

    #login-box,
    #register-box {
	margin: 0px 4px 4px 4px;
    }

    #contact-details {
	text-align: center;
	float: left;
    }

    #filters,
    #portfolio-navi {
	position: relative;
	text-align: left;
	display: block;
	margin: 0 0 23px 0;
    }

    #portfolio-navi {
	margin: -5px 0 25px 0;
    }

    .portfolio-item {
	margin: 5px 0 25px 0 !important;
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
	padding: 0px;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {

    body {
	padding: 0px;
    }

}

/* Retina Display Hack
=================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    body {
	background: url(../img/bg.jpg) repeat;
	background-size: 320px 160px;	
    }

    .testimonials-bg {
	background: url(../img/testimonials-bg@2x.png) no-repeat;
	background-size: 65px 22px;
    }

    #twitter li {
	background: url(../img/icons/twitter@2x.png) no-repeat 0% 50%;
	background-size: 32px 32px;	
    }

    #login-form .remember{
	margin-top: -0px !important;
    }

}	


#frontpageblurbs p {
    min-height:225px !important;
}

.footer_logo_container {
    text-align: center;
}

.footer_logo {
    height:40px;
}

#layerslider-container h1,
#layerslider-container h2,
#layerslider-container h3,
#layerslider-container h4,
#layerslider-container h5 {
    text-shadow: 0px 1px 1px #f8f8f8;
}

.ls-layer,
.ls-layer * {
    font-family:"Microsoft yahei" ;
  
    font-weight: normal;
}



.l1-s2b {
    color: #fff;
    text-shadow: 0px 0px 10px #fff;
    font-size: 90px;
}

.l1-s3 {
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    color: white;
    text-shadow: none;
    font-size: 28px;
    text-shadow: 0px 1px 0px #fff;
}

.l1-s4 {
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 4px 10px -5px black;
    color: white;
    text-shadow: none;
    font-size: 28px;
    color: #4f6716;
    background: white;
}

.l2-s1 {
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    color: white;
    text-shadow: none;
    font-size: 25px;
    background: #98b3c7;
    background: -moz-linear-gradient(left,  #98b3c7 0%, #77b8e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#98b3c7), color-stop(100%,#77b8e9));
    background: -webkit-linear-gradient(left,  #98b3c7 0%,#77b8e9 100%);
    background: -o-linear-gradient(left,  #98b3c7 0%,#77b8e9 100%);
    background: -ms-linear-gradient(left,  #98b3c7 0%,#77b8e9 100%);
    background: linear-gradient(to right,  #98b3c7 0%,#77b8e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b3c7', endColorstr='#77b8e9',GradientType=1 );
}

.l2-s2 {
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    color: white;
    text-shadow: none;
    font-size: 25px;
    background: #cd9084;
    background: -moz-linear-gradient(left,  #cd9084 0%, #ce533d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cd9084), color-stop(100%,#ce533d));
    background: -webkit-linear-gradient(left,  #cd9084 0%,#ce533d 100%);
    background: -o-linear-gradient(left,  #cd9084 0%,#ce533d 100%);
    background: -ms-linear-gradient(left,  #cd9084 0%,#ce533d 100%);
    background: linear-gradient(to right,  #cd9084 0%,#ce533d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd9084', endColorstr='#ce533d',GradientType=1 );
}

.l4-s1 {
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    color: white;
    text-shadow: none;
    font-size: 25px;
    background: #036d99;
}

.l4-s2 {
    background: #5a96b4;
}

.l5-s1 {
    padding: 15px;
    background: #ff9933;
    color: white;
    text-shadow: 0px -1px 0px #985a1d;
    font-size: 16px;
    font-weight: bold;
    line-height: auto;
    box-shadow: 0px 3px 10px -2px black;
}

.layer2 p {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-shadow: none;
    color: white;
}



.l3-s1 {
    color: #f8dfcf;
    background: #b0734d;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 2px 20px -3px black;
    padding: 0px 20px;
    text-shadow: none;
}

img.alignleft {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
}

img.alignright {
    float: right;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

img.featuredimage.alignright {
    margin-top:0;
}
#frontpageblurbs p{min-height:120px !important;}
[class^="social-"],
[class*="social-"] {
	display: inline-block;
	width: 40px;
	height: 40px;
	*margin-right: .3em;
	line-height: 40px;
	vertical-align: text-top;
	background-image: url("../img/social-icons-set.png");
	background-position: 40px 40px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-facebook {
	background-position: -200px -0px;
}

.social-facebook:hover {
	background-position: -200px -40px;
	background-color: #3b5998;
}

.social-youtube {
	background-position: -280px -80px;
}

.social-youtube:hover {
	background-position: -280px -120px;
	background-color: #f45750;
}
.language {padding-bottom:5px;}
.language ul{float:right;}
.language ul li{float:left;}
.language ul li a{float:left;padding:0 10px;}
.language ul li a:hover{color:#eb4008;}
.nav-collapse.collapse {
float: right;
}
.ls-container .ls-nav-prev,
.ls-container .ls-nav-next {
	width: 40px;
	height: 40px;
	z-index: 10000;
	top: 50%;
	margin-top: -20px;	
	position: absolute;background-image: url(skin.png);
}

.ls-container .ls-nav-prev {
	left: 10px;	
}

.ls-container .ls-nav-next {
	right: 10px;	
}

.ls-container .ls-nav-prev {
	background-position: 0px 0px;
}

.ls-container .ls-nav-prev:hover {
	background-position: 0px -75px;
}

.ls-container .ls-nav-next {
	background-position: -150px 0px;
}

.ls-container .ls-nav-next:hover {
	background-position: -150px -75px;
}
/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px){

    .nav-collapse.collapse {
	float: right;
    }

    .navbar-inner > .btn-overlay {
	display: none !important;
    }

    .navbar .nav > li > a {
	padding: 35px 13px;
	padding: 25px 13px \9;
    }

    .search input:focus{
	width: 120px;

    }

    #wall .item {
	margin-bottom: 14px;
    }

}
.colorred{
color:#000;font-weight:bold;
}
.yangben{
float:right;    margin-right: 100px;
}