/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

.color_pink{
    color:#FF6500;
}

html, body {
    height: 100%;
}

.nav{
    height:70px;
}

.navbar-brand{
    /*margin-top: -20px;*/
    padding-top: 6px;
}

.icon-r{
    padding-right: 12px;
}

.navbar-nav>li>a {
    font-size:18px;
    padding-top:25px;
    padding-bottom:20px;
}

.word-ex{
    padding-top:35px;
}
.yewu_panel{
    background: url(../images/yewu_bk.png) rgba(0,0,0,0.8) no-repeat center;
    padding-top:20px;
    padding-bottom:20px;
    color:white;
}

.yewu2{
    padding-top:35px;
}

.yewu h3{
    margin-top:20px;
}

.about_cotent{
    font-size: 15px;
}

.fxr {
	position: fixed;
	top: 30%;
	right: 20px;
	z-index:10;
	box-shadow: 0 0 10px #ccc;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-o-border-radius: 5px;
	opacity:0.8;
}
.fxra {
	border-bottom: 1px solid #2ab8ca;
	padding: 5px 10px;
	display: block;
	background: #fff;
	position: relative;
}
.fxra:first-child {
	border-radius: 5px 5px 0 0;
}
.fxra.last {
	border-bottom: none;
	border-radius: 0 0 5px 5px;
}
.fxra:hover {
	background: #2ab8ca;
	color: #fff;
}
.fxra:hover i {
	color: #fff;
}
.fxra i {
	color: #2ab8ca;
	font-size: 30px;
	height: 35px;
	line-height: 35px;
	display: block;
}
.fxra span {
	text-align: center;
	display: block;
	margin-bottom: 5px;
}
.fxr-s {
	position: absolute;
	top: -1px;
	right: 76px;
	background: #2ab8ca;
	padding: 10px;
	display: none;
}
.fxr-s img {
	display: block;
}
.fxr-p {
	width: 170px;
	padding: 5px 0;
}
.fxr-s p {
	text-align: left;
	color: #fff;
	height: 21.5px;
	line-height: 21.5px;
}
.fxr-s p em {
	font-style: normal;
	display: block;
}
.fxra:hover .fxr-s {
	display: block;
}

body {
    padding-top: 70px;
    padding-bottom: 20px;
}

.dropdown {
    cursor: pointer;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
    margin-bottom: 30px;
}

.tab-pane {
    margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
    padding: 35px 0;
}

.section-colored {
    background-color: #e1e1e1;
    /* change this to change the background color of a colored section */
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
    height: 50%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
    margin-bottom: 45px;
}

.tooltip-social a {
    text-decoration: none;
    color: inherit;
}

.facebook-link a:hover {
    color: #3b5998;
}

.linkedin-link a:hover {
    color: #007fb1;
}

.twitter-link a:hover {
    color: #39a9e0;
}

.google-plus-link a:hover {
    color: #d14836;
}

/* Service Page Styles */
.service-icon {
    font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

/* Pricing Page Styles */
.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}

/* Footer Styles */
footer {
    display:block;
}

h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.main-footer {
    background: #202020;
    padding: 35px 0 0;
    color: #959595;
}

.widget .title {
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;
}

.widget .friend-links a:hover {
    color: #fff;
    text-decoration: none;
}

.widget .friend-links a {
    display: block;
    border-bottom: 1px dashed #303030;
    padding-bottom: 14px;
    margin-bottom: 14px;
    color: #959595;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.main-footer .widget .tag-cloud a:hover {
    border: 1px solid #337ab7;
}
.main-footer .widget .tag-cloud a {
    border: 1px solid #303030;
}
.widget .tag-cloud a:hover {
    color: #fff;
    background: #337ab7;
    border: 1px solid #337ab7;
    text-decoration: none;
}
.widget .tag-cloud a {
    border: 1px solid #ebebeb;
    padding: 2px 7px;
    color: #959595;
    line-height: 1.5em;
    display: inline-block;
    margin: 0 7px 7px 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.copyright {
    background: #111;
    font-size: 13px;
    text-align: center;
    color: #555;
    padding-top: 14px;
    padding-bottom: 20px;
    border-top: 1px solid #303030;
}

/* Responsive Styles */
@media (max-width: 767px) {

    .carousel {
        height: 70%;
        /* increases the carousel height so it looks good on phones */
    }
}