/*
	Theme Name: HR News
	Theme URI: http://www.hiresponsive.com/hr-news/
	Author: Le Anh Dan
	Author URI: http://hiresponsvie.com/
	Version: 1.0
	Tags: blue, white, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
	Description: HR News is free Responsive Magazine, News theme for WordPress. It runs on WordPress 3.x with Hr News Theme backend customization config options. HR News using Bootstrap Twitter 3, Google Font, Font Awesome Icon 4. you can easily management with HR News Theme Options, custom templates and Config layout template. Do check each and every page of the demo site, Hr News is more than just a theme.
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: HR News
	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
	Copyright: (c) 2014 Hi Responsive.
	license: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/

/*---------------------------------------------------------------------------------*/
/* RESET */
.row{margin-left: -10px; margin-right: -10px}
.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: 10px; padding-right: 10px
}
/*---------------------------------------------------------------------------------*/

/*Special for upload to wordpress*/
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignleft{text-align: left}
.alignright{text-align: right}
.aligncenter {text-align: center}


body {
    background: #FFF;
    color: #666;
    font: 14px/1.6 'Roboto',Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.5; margin-top: 0; margin-bottom: 10px; font-weight: 400}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
    border: 1px solid #E5E5E5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 6px 12px;
    width: 100%;
}

a{color: #0060af}
a:hover{text-decoration: none; color: #555}
h1 {font-size: 26px}
ul, ol{margin: 0; padding: 0}
ul li{list-style: none;}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 9px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #686a6f;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default {
    background-color: #f6f8fa;
    border-color: #d5dfe8;
    color: #686a6f;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #dce4eb;
    border-color: #aec0d2;
    color: #686a6f;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #f6f8fa;
    border-color: #d5dfe8;
}

#wrapper {
    /*background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);*/
    margin: 0 auto;
}

#content{margin-bottom: 25px}

#topbar{background: #0792d2;}

/*TOP MENU*/
ul.top-menu li{display: inline; float: left;padding: 5px 15px 5px 0;}
ul.top-menu li a{ color: #EEE}
.sticker {
    padding: 5px 0; color: #999; margin-bottom: 15px
}
ul#ticker {
    font-size: 13px;
    height: 20px;
    overflow: hidden;
}
ul#ticker strong {
    color: #FFF;
    font-size: 12px;
    padding-right: 5px; font-weight: 400;
    text-transform: uppercase; background: red; padding: 3px 5px; margin-right: 10px
}
ul#ticker .meta-date {
    padding-left: 5px;
}
ul#ticker a {
    color: #999;
}
ul#ticker .meta-comments a:hover {
    color: #666;
}
header{}
.header{height: 100px}
.header .logo{margin: 10px 0}
.top-ads{margin: 20px 0}
.navbar{border: none; border-radius: 0px; margin-bottom: 0;}
.navbar-default{background: none;}
.navbar-default .navbar-nav > li > a{color: #0060af; font-size: 14px; padding: 10px 12px}
.navbar-default .navbar-nav > li > a:hover{color: #333}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:#0060af; color: #FFF}
.navbar-default .navbar-collapse{border-bottom: 3px solid; border-right: none; border-color: #029fda; border-left: none; border-top: 1px solid; border-top-color: #EEE}
.dropdown:hover .dropdown-menu {display: block;}

.logoBox{text-align: center;}
.logoBox h1{font-size: 18px; line-height: 1.6; margin: 10px 0 5px}
.navbar-brand a{display: block;}

#search input {
    border: 1px solid #eee;
    color: #999;
    float: left;
    font-size: 13px;
    line-height: 11px;
    padding: 9px;
}
#search input:focus {
    background: none repeat scroll 0 0 #fffff0;
    border: 1px solid #ddd;
}
#search input.btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 6px 0 0 -24px;
    padding: 0;
    width: auto;
}

.navbar-form{margin: 5px 0}
.form-control{height: 30px;}

/* Flexslider */
#featured-slider h2.entry-title{font-weight: 400; font-size: 18px}
#featured-slider .entry-meta{color: #999; margin-top: 5px}
#featured-slider .entry-date {width:40px ;position: absolute; text-align: center; right: 0; top: 0;  background: none repeat scroll 0 0 #333; color: #FFF; font-weight: 400; height: 60px;}
span.entry-month {
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    top: 3px;
}
span.entry-day {
    font-size: 22px;
    position: relative;
    top: -1px;
}
.flexslider { margin: 0; padding: 0; }
.flexslider .description{
    bottom: 0;
    color: #666;
    opacity: 0.8;
    padding: 10px 0;
    }
.flexslider .slides{margin: 0; padding: 0}
.flexslider .slides h2{margin: 0 0 10px}
.flexslider .slides h2 a{color: #0060af}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style: none;}
.flexslider .slides img { width: 100%; display: block; height: auto;}
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider {position: relative; zoom: 1; }
.flexslider:hover { background: #fbfbfb; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }
.flex-caption a:hover { text-decoration: none; }
.flexslider .entry-comment,
.flexslider .entry-comment a,
.flexslider .entry-comment a:visited { top: 7px; right: 5px; }

/* Direction Nav */
.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 10px 0; display: block; background: url(images/bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 45%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; top: 55%; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 13px; height: 13px; display: block; background: url(images/bg-control-nav.png) no-repeat; cursor: pointer; margin: 0 1px; text-indent: -9999em; }
.flex-control-paging li a:hover { background-position: 0 -13px; }
.flex-control-paging li a.flex-active { background-position: 0 -26px; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .active { opacity: 1; cursor: default; }

.ads-top{margin: 0 0 30px; text-align: center;}
.ads-home-midle{margin: 25px 0; text-align: center;}
#lastest-post ul li{margin-bottom: 10px; overflow: hidden; border-bottom: 1px dotted #EEE; padding-bottom: 10px}
#lastest-post ul li img{width: 80px; height: 60px; float: left; margin-right: 15px}
#lastest-post ul li:last-child
{
	margin-bottom: 0; border-bottom: none;
} 
#lastest-post h4{font-size: 14px; margin: 0 0 10px; font-weight: 400}
#lastest-post .entry-meta, .entry-meta{margin-bottom: 0; font-size: 12px; color: #999}
#lastest-post .module-title, .module-title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400 !important;
    margin: 0 0 20px;
    min-height: 36px;
    text-transform: uppercase; border-top: 3px solid #008cff;
    border-bottom: 1px solid #EEE;
}


/**/
.twocol ul li.catlist{overflow: hidden; border-bottom: 1px solid #EEE; margin-bottom: 10px; padding-bottom: 10px}
.twocol ul li.catlist img{float: left; width: 90px; height: 70px; margin-right: 15px} 

.module-title > span a{color: #FFF}
.catbox-feed a {
    display: inline-block;
    float: right;
    margin-top: 8px; margin-right: 8px;
    overflow: hidden;
}
.magazine-item-media{padding-right: 0; margin-bottom: 20px}
h2.entry-title{font-size: 20px}

.row-articles {
    margin-bottom: 20px;
}

#lastest-post .module-title > span, .module-title > span {
    background: none repeat scroll 0 0 #008cff;
    display: block;
    float: left;
    line-height: 32px;
    padding: 0 15px;
}

#slider {
    height: 100%;
    overflow: hidden;
}
#slider img {
}
.slider-info {
    height: 100%;
    margin-left: 90px;
    position: absolute;
    width: 75%;
    z-index: 10;
}
.callbacks_nav.prev {
    left: 0;
}
.callbacks_nav.next {
    right: 0;
}
.slider-info h1 {
    border-left: 1px solid #fff;
    color: #fff;
    display: inline-block;
    letter-spacing: -2px;
    padding: 10px 20px 10px 30px;
    position: relative;
    top: 40%;
}
.slider-info .text1 {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
}
.call-to-action .container {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: -20px;
}
.call-to-action .inner {
    padding: 10px 30px;
}
.call-to-action h1 {
    float: left;
    font-size: 28px;
    letter-spacing: -1px;
}
.call-to-action .btn {
    border: medium none;
    color: #fff;
    font-family: Roboto;
    margin-top: 8px;
    padding-left: 40px;
    padding-right: 40px;
    text-shadow: none;
    text-transform: uppercase;
}
.call-to-action .btn-blue {
    background: none repeat scroll 0 0 #62bbe6;
}
.call-to-action .btn-black {
    background: none repeat scroll 0 0 #333;
}
.call-to-action .container .span12 {
}
.call-to-action.bg-blue .container {
    background: none repeat scroll 0 0 #62bbe6;
    color: #fff;
}

.follow_icon {
    float: right;
    list-style: none outside none;
    margin: 5px 0;
    padding: 0;
}
.follow_icon li {
    float: left;
    margin-left: 15px;
}
.follow_icon a {
    color: #EEE;
    font-size: 16px;
    transition: all 0.35s ease 0s;
}
.follow_icon a:hover {
    color: #FFF;
    transition: all 0.35s ease 0s;
    text-decoration: none;
}
.follow_icon li:first-child {
    margin-left: 0;
}

/*Social icon and subscise*/
.hr_widget_social {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #EEE;
    margin: 0 0 20px;
}
.newsletter {
    padding: 10px;
}

.newsletter h3{font-size: 16px}
.newsletter .subscribe-form {
    margin: 6px 0 3px;
}
.newsletter .subscribe-form .submit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("images/alert-overlay.png") repeat-x scroll left center #f0f0f0;
    border-color: #dfdfdf #dfdfdf #cdcdcd;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 6px 5px;
    width: 60px;
    margin-left: 10px
}
.newsletter .subscribe-form .email {
    width: 160px;
}
.newsletter .widget-title {
    border: medium none !important;
    padding: 0 !important;
}
.newsletter .subscribe span {
    color: #999999;
    font-size: 11px;
}
.newsletter .subscribe p {
    color: #777777;
    font-size: 12px;
}
.social-icons {
    border-bottom: 1px solid #EEE;
    padding: 10px 0; overflow: hidden;
}
.social-icons li a {
    display: block;
    float: left;
    line-height: 1.3;
    margin: 0;
    padding: 38px 0 0;
    text-align: center;
    width: 70px;
}
.social-icons li a, .social-icons li a:visited {
    color: #777777;
    display: block;
    font-size: 11px;
}
.social-icons .icon-facebook a {
    background: url("images/ico-facebook.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.social-icons .icon-twitter a {
    background: url("images/ico-twitter.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.social-icons .icon-google a {
    background: url("images/ico-google.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.social-icons .icon-rss a {
    background: url("images/ico-rss.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

h3.navbar-brand_ {
    float: none;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
    height: 80px
}


.thumb-pad1 .thumbnail {border: none; padding: 0}
.thumb-pad1 .thumbnail figure {
    border: 1px solid #EEE;
    margin: 0 0 4px;
    padding: 10px;
}
.thumb-pad1 .thumbnail figure img {
    width: 100%; height: auto;
}

.thumb-pad2 .thumbnail figure {
    border: 1px solid #dcdada;
    margin: 0 0 18px;
    padding: 10px;
}

.thumb-pad2 .thumbnail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#main-content{padding-bottom: 30px; margin-bottom: 30px}

/*Widget*/

.widget{margin-bottom: 20px;}
.widget .widget-title {text-transform: uppercase; font-size: 16px; margin: 0 0 15px; font-weight: 400; border-bottom: 1px solid #E4E4E4; padding-bottom: 10px; color: #333}
.widget ul{margin: 0; padding: 0}
.widget.popular ul li img{float: left; width: 100px; height: auto; margin-right: 15px; border: 1px solid #EEE;}
.widget.popular ul li{overflow: hidden; border-bottom: 1px dotted #EEE; padding-bottom: 10px; margin-bottom: 10px}
.widget ul li{list-style: none; }
.widget ul li h4{margin: 0; font-size: 14px; font-weight: 400}
.widget .entry-summary{font-size: 13px}

.sidebar-left .widget ul li{border-bottom: 1px dotted #EEE; padding-bottom: 10px; margin-bottom: 10px}
.sidebar-left .widget{border: 1px solid #EEE; padding: 10px}
.sidebar-left .widget ul li:last-child, .widget ul li:last-child{border-bottom: none;padding-bottom: 0; margin-bottom: 0}
.ja-social-networks {
    padding: 0;
}
.ja-social-networks ul {
    list-style: none outside none;
    margin-bottom: 0;
    padding: 10px;
}
.ja-social-networks ul li {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
}
.ja-social-networks ul li img {
    opacity: 0.6;
}
.ja-social-networks ul li img:hover {
    opacity: 1;
}
.ja-social-networks ul li a:hover {
    text-decoration: none;
}
.ja-social-networks ul li a:hover .text-muted {
    color: #29739d;
}
.ja-social-networks ul li .text-muted {
    display: block;
    font-size: 80%;
}
.ja-social-networks .subscription-form {
    margin-bottom: 0;
    padding: 10px;
}
.ja-social-networks .subscription-form p {
    margin-bottom: 5px;
    text-align: center;
}
.ja-social-networks .subscription-form p input {
    display: inline;
}
.ja-social-networks .subscription-form p input.sub-inputbox {
    margin-right: 10px;
}
.ja-social-networks .subscription-form p input.sub-button {
    margin-bottom: 2px;
    padding: 7px 12px;
}

.list1 {
    list-style: none outside none;
    margin: 0 0 3px;
    padding: 0;
}
.list1 li {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px dotted #E4E4E4; padding-bottom: 10px
}
.list1 li figure {
    float: left;
    margin-right: 6px;
}
.list1 li figure img{width: 90px; height: 70px; margin-right: 10px; border: 1px solid #E4E4E4; padding: 2px}
.list1 li p {
    margin: 0;
}
.list1 li:last-child {
    margin-bottom: 0;
}
.list1 li a {
    transition: all 0.25s ease 0s;
}
.list1 li a:hover {
    color: #333232;
    transition: all 0.25s ease 0s;
}

.list6 {
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0;
}
.list6 li {
    font-size: 16px;
    line-height: 1.42857;
    margin-bottom: 23px;
}
.list6 li p {
    margin-bottom: 0;
}
.list6 li a {
    color: #fe736c;
    font: 300 16px 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    transition: all 0.25s ease 0s;
}
.list6 li a:hover {
    color: #333232;
    transition: all 0.25s ease 0s;
}
.list6 li .badge {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    box-shadow: none;
    color: #fe5d55;
    float: left;
    font: 30px 'Raleway';
    margin: -11px 11px 0 0;
    padding: 0;
    text-shadow: none;
}

.bottom-menu li{display: inline; float: left;}
.bottom-menu li a{padding: 0 15px}
.btn-default.btn1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: #72aeb4;
    display: inline-block;
    font: italic 300 12px 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: underline;
    text-shadow: none;
    transition: all 0.25s ease 0s;
}

/*Single content*/
.breadcrumb{background: none; padding: 5px 0; margin-bottom: 0}
#content ul{margin: 0; padding: 0 0 0 15px}
.pd-item-article .entry-content{margin: 0px 0;}
h1.entry-title{font-size: 24px; padding: 0}
.single-share{margin: 20px 0; overflow: hidden; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; padding: 15px 0}
.btn-share, .btn-like, .btn-tweet, .btn-plus {
    float: left;
    height: 25px;
    margin: 0;
    width: 100px;
}
.btn-share {width: 140px}
.entry-tags {
    border-bottom: 1px dotted #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.blog-item{border-bottom: 1px solid #EEE; padding-bottom: 15px; margin-bottom: 15px}
.blog-item .thumbnail{margin-bottom: 0}

/*Video Responsive*/
.video-container{
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
height: 100%;
left: 0;
position: absolute;
top: 0;width: 100%;
}


footer{background: #DDD; padding-top: 15px; padding-bottom: 15px; color: #666; font-size: 13px}

footer br {
    display: none;
}
footer section {
    background: none repeat scroll 0 0 #f9f9f6;
    padding: 27px 0 12px;
}
#botsl h3{font-size: 14px; text-transform: uppercase; color: #333}
#botsl{padding-top: 20px; padding-bottom: 20px; background: #EEE; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #CCC; font-size: 13px}
#botsl ul li{padding: 3px 0}
#botsl ul li a{color: #666}
#botsl ul li a:hover{color: #333; text-decoration: none;}
.bottom-menu{overflow: hidden;}
.backtotop {
    background: url("images/top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 45px;
    margin: 0;
    width: 45px; border: 1px solid #E4E4E4;
}

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
.fb-like-box {}
.facebook-like-box{border: 1px solid #EEE;}

@media (min-width: 768px) {
.container {
    width: 760px;
}
.img-responsive {
    display: inline-block;
    width: 100%; height: auto;
}
.navbar-toggle{float: none;}
}
@media (min-width: 980px) {
.container {
    width: 980px;
}
}
@media (min-width: 1280px) {
.container {
    width: 1280px;
}