/*Blue	- #173757
	Red	  - #a81616
	Dark	- #090c0e */

/* MAIN MENU STYLES */
#block-system-main-menu {
  margin-top: 15px;
}
#toj-mainmenu #block-system-main-menu .content ul li {
  float: left;
}
#toj-mainmenu #block-system-main-menu .content ul li.last {
  margin-right: 0;
  padding-right: 0;
}
#toj-mainmenu #block-system-main-menu .navbar-nav>li>a {
  padding: 5px 9px;
  color: #FFF;
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background .25s ease-in, box-shadow .25s ease-in;
  -moz-transition: background .25s ease-in, box-shadow .25s ease-in;
  -ms-transition: background .25s ease-in, box-shadow .25s ease-in;
  -o-transition: background .25s ease-in, box-shadow .25s ease-in;
  transition: background .25s ease-in, box-shadow .25s ease-in;
}
#toj-mainmenu #block-system-main-menu .content ul li a:hover {
  background: #2b5177;
  box-shadow: 0px 0px 10px #2B5177;
}
#block-system-main-menu ul.menu li ul { /* DropDown Magic */
	position: absolute;
	left: -9999px;
  opacity: 0;
	width: inherit;
  background: #2B5177;
  box-shadow: 1px 3px 3px #222;
	z-index: 500;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -ms-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}
#block-system-main-menu ul.menu li:hover ul {
	left: 0;
  opacity: 1;
}
#block-system-main-menu ul.menu li ul li {
	width: 100%;
}
/*----------------------------------*/

/* TOP AND BOTTOM MENU STYLES */
#block-menu-menu-top-menu {
  margin-left: 211px;
}
.region-toj-header-top .block-menu .content ul li,
.region-toj-header-bottom .block-menu .content ul li,
#block-menu-menu-services-menu .content ul li {
  float: left;
  font-size: .85em;
  font-weight: bold;
  list-style: none;
}
.region-toj-header-top .block-menu .content ul li.last,
.region-toj-header-bottom .block-menu .content ul li.last,
#block-menu-menu-services-menu .content ul li.last {
  margin-right: 0;
  padding-right: 0;
}
.region-toj-header-top .navbar {
  min-height: 28px;
}
.region-toj-header-top .navbar-nav,
.region-toj-header-bottom .navbar-nav,
#block-menu-menu-services-menu .navbar-nav {
  margin: 0;
}
.region-toj-header-top .navbar-nav>li.first a,
.region-toj-header-bottom .navbar-nav>li.first a {
  padding-left: 0;
}
.region-toj-header-top .navbar-nav>li>a {
  padding: 4px 12px;
}
.region-toj-header-bottom .navbar-nav>li>a,
#block-menu-menu-services-menu .navbar-nav>li>a {
  padding: 6px 10px;
  color: #BFBFBF;
}
.region-toj-header-top .navbar-nav>li>a:hover,
.region-toj-header-bottom .navbar-nav>li>a:hover,
#block-menu-menu-services-menu .navbar-nav>li>a:hover {
  color: #FFF;
}
.region-toj-header-top .navbar-nav>li>a {
  color: #acc0d5;
}
.region-toj-header-top .navbar-nav>li>a:hover {
  color: #FFF;
}
#block-menu-menu-services-menu {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #383838;
}
.region-toj-header-bottom ul.menu li ul { /* DropDown Magic */
	position: absolute;
	left: -9999px;
  opacity: 0;
	width: inherit;
  font-size: 1.2em;
  background: #1E1E1E;
  box-shadow: 1px 3px 3px #222;
	z-index: 500;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -ms-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}
.region-toj-header-bottom ul.menu li ul li.first a {
	padding-left: 10px;
}
.region-toj-header-bottom ul.menu li:hover ul {
	left: 0;
  opacity: 1;
}
.region-toj-header-bottom ul.menu li ul li {
  padding: 0 10px;
	width: 220px;
}
/*----------------------------------*/

/* USERMENU STYLES */
.region-toj-usermenu .content ul li {
  display: inline;
  margin-right: 10px;
  font-size: .9em;
  font-weight: bold;
}
.region-toj-usermenu .content ul li.last {
  margin-right: 0;
  padding-right: 0;
}
.region-toj-usermenu .content ul li a {
  color: #FFF;
}
/*----------------------------------*/

/* SEARCH FORM STYLES */
#block-search-form {
  float: right;
	margin: 3px 0;
}
#block-search-form input[type="text"] {
	float: left;
  height: 25px;
	width: 150px;
	padding: 0 5px;
	color: #BFBFBF;
  font-size: .8em;
  font-style: italic;
  background-color: rgba(255, 255, 255, .2);
  border: none;
  outline: none;
  -webkit-transition: width .5s;
  -moz-transition: width .5s;
  -ms-transition: width .5s;
  -o-transition: width .5s;
  transition: width .5s;
}
#block-search-form input[type="text"]:focus {
	width: 180px;
  font-size: 1em;
  font-style: normal;
}
#block-search-form input[type="submit"] {
  height: 25px;
  padding: 0 13px;
  margin: 0;
  text-indent: -9999px;
  background-image: url('../images/icon-magnifier.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, .2);
  border: 1px solid #4C4C4C;
}
/* ---------------------------------- */

/* INCREASE/DECREASE TEXT STYLES */
.increase-text-buttons {
}
.increase-text-buttons a {
  opacity: .5;
  display: block;
  float: right;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  background-image: url('../images/sprite-increase.png');
  background-repeat: no-repeat;
}
.increase-text-buttons a:hover {
  opacity: 1;
}
.increase-text-buttons a.decrease-text {
  background-position: left top;
}
.increase-text-buttons a.increase-text {
  background-position: right top;
}
/* ---------------------------------- */

/* SOCIAL FOLLOW ICONS */
#social-follow-icons {
  float: right;
  margin-top: 3px;
}
#social-follow-icons .icon {
  float: left;
  margin-left: 20px;
}
#social-follow-icons .icon.first {
  margin-left: 0px;
}
#social-follow-icons .icon a {
  display: block;
  padding: 1px 35px;
  text-align: center;
  text-indent: -9999px;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25;
  -o-transition: background-color .25s;
  transition: background-color .25s;
}
#social-follow-icons .icon a.facebook {
  background-color: #3C599B;
  background-image: url('../images/facebook-solo.png');
  background-repeat: no-repeat;
  background-position: center center;
}
#social-follow-icons .icon a.facebook:hover {
  background-color: #507cd3;
}
#social-follow-icons .icon a.twitter {
  background-color: #54A0D3;
  background-image: url('../images/twitter-solo.png');
  background-repeat: no-repeat;
  background-position: center center;
}
#social-follow-icons .icon a.twitter:hover {
  background-color: #66C1FF;
}
#social-follow-icons .icon a.youtube {
  background-color: #D8271D;
  background-image: url('../images/youtube-solo.png');
  background-repeat: no-repeat;
  background-position: center center;
}
#social-follow-icons .icon a.youtube:hover {
  background-color: #FF554C;
}
#social-follow-icons .icon a.ok {
  background-color: #E07A31;
  background-image: url('../images/ok-solo.png');
  background-repeat: no-repeat;
  background-position: center center;
}
#social-follow-icons .icon a.ok:hover {
  background-color: #FF9B4F;
}
/* ---------------------------------- */

/* LANGUAGE SWITCHER BLOCK */
#block-locale-language, #block-block-8 {
  position: absolute;
  top: -10px;
  right: 15px;
}
#block-locale-language .content ul, #block-block-8 .content ul {
  margin-bottom: 5px;
  font-size: .8em;
}
#block-locale-language .content ul li, #block-block-8 .content ul li {
  float: left;
  margin-left: 10px;
  list-style: none;
}
#block-locale-language .content ul li .locale-untranslated,
#block-block-8 .content ul li .locale-untranslated {
  color: #758191;
  font-weight: normal;
  text-decoration: none;
}
#block-locale-language .content ul li a, #block-block-8 .content ul li a {
  color: #acc0d5;
}
#block-locale-language .content ul li a.active,
#block-block-8 .content ul li a.active {
  color: #fff;
}
#toj-mainmenu #block-locale-language .content ul li a:hover,
#toj-mainmenu #block-block-8 .content ul li a:hover {
  text-decoration: none;
  background: none;
  box-shadow: none;
}
/* ---------------------------------- */

/* POPUPS */
.logo-popup {position: absolute; top: -45px; left: -25px; background: #fff; box-shadow: 1px 1px 80px #333;}
.logo-popup .title {font-size: 18px; font-weight: bold; text-align: center; padding: 7px 15px;}
.logo-popup .body {text-align: center; padding: 0px 15px 7px;}
/* ---------------------------------- */

/* FLIPPING ITEMS */
.bg-red {
 background-color: #C93A3A;
}
.bg-blue {
 background-color: #286483;
}
.bg-cyan {
 background-color: #42c0fb;
}
.bg-yellow {
 background-color: #c51222;
}
.bg-green {
 background-color: #5EA07F;
}
.bg-youtube {
  background-image: url('../images/youtube_logo.png');
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-vimeo {
  background-image: url('../images/vimeo_logo.png');
  background-repeat: no-repeat;
  background-position: center center;
}
.uppercase {
	text-transform: uppercase;
}
.flip-wrapper .item-holder {
	display: block;
	position: relative;
	float: left;
	width: 50%;
	height: 170px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}
.flip-wrapper .item-holder .glyphicon {
	font-size: 2em;
}
.flip-wrapper .item-holder .item {
	display: block;
	width: 100%;
	height: 100%;
  color: #fff;
}
.flip-wrapper .item-holder .front, .item-holder .back {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 35px 15px;
  text-align: center;
}
.flip-wrapper .item-holder .item {
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -ms-transition: -ms-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip-wrapper .item-holder .back, .item-holder .doFlip {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flip-wrapper .item-holder .front, .item-holder .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ---------------------------------- */

/* TABLES STYLES */
table.pricelist-table {
  margin: 20px 0 10px;
}
table.pricelist-table tr {
  border-bottom: 1px solid #ccc;
}
table.pricelist-table th, table.pricelist-table td {
  padding: 5px;
}
table.pricelist-table th {
  color: #fff;
  background: #173757;
}
/* ---------------------------------- */

/* ADMIN TABS STYLES */
ul.tabs.primary {
  margin: 10px 0;
  padding-left: 0;
  border-bottom: none;
}
ul.tabs.primary li a {
  padding: 5px 8px;
  color: #EEE;
  font-size: 12px;
  text-decoration: none;
  background: #424242;
  border: none;
}
ul.tabs.primary li a.active, ul.tabs.primary li a:hover {
  background: #0F0F0F;
}
div.status, table tr.ok {
  background-color: #F0FFE0;
}
div.status, div.warning {
  border-color: transparent;
  border-radius: 3px;
}
div.messages {
  width: 500px;
  margin: 0 auto;
  box-shadow: 1px 1px 3px #333;
}
#console {
  display: none;
  position: absolute;
  width: 500px;
  z-index: 101;
}
#toolbar {
  margin: 0;
  padding: 0;
  z-index: 1003;
  box-shadow: none;
  border-bottom: 1px solid #222222;
}
@media (max-width: 1200px) {
  #toolbar-user .account {
    display: none;
  }
}
@media (max-width: 992px) {
  #toolbar-user .account {
    display: none;
  }
  #toolbar-menu li a {
    width: 15px;
    margin: 0 5px;
  }
  div#toolbar div.toolbar-shortcuts ul {
    overflow: hidden;
    padding-bottom: 30px;
    font-size: .9em;
  }
  div#toolbar div.toolbar-shortcuts ul li a {
    margin-right: 0;
  }
  #edit-shortcuts {
    display: none;
  }
  #toolbar-menu a#toolbar-link-admin-dashboard {
    text-indent: -9999px;
    background: url('../images/icon-dashboard.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-content {
    text-indent: -9999px;
    background: url('../images/icon-content.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-structure {
    text-indent: -9999px;
    background: url('../images/icon-structure.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-appearance {
    text-indent: -9999px;
    background: url('../images/icon-appearance.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-people {
    text-indent: -9999px;
    background: url('../images/icon-people.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-modules {
    text-indent: -9999px;
    background: url('../images/icon-modules.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-config {
    text-indent: -9999px;
    background: url('../images/icon-config.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-reports {
    text-indent: -9999px;
    background: url('../images/icon-reports.png') no-repeat center center;
  }
  #toolbar-menu a#toolbar-link-admin-help {
    text-indent: -9999px;
    background: url('../images/icon-help.png') no-repeat center center;
  }
}
body.maint {
	background: #fff;
}
#page-maint {
	margin: 100px auto 0;
	width: 500px;
}
#page-maint #logo-title {
  width: 380px;
	margin: 0 auto;
}
#page-maint #name-and-slogan {
  width: 300px;
  padding-top: 10px;
  font-size: 14px;
}
h1#page-maint-title {
  color: #333;
  font-family: Gergia, Times, Times New Roman, sans-serif;
  font-size: 18px;
  text-align: center;
}
img#logo {
  margin-left: 45px;
}
/*---------------------------------------- */

/* SOME UI TWEAKS */
a.contextual-links-trigger {
  margin-top: 1px;
}
.at-share-tbx-element a:first-child {
  margin-left: 0;
}
.addthis_button_pinterest_pinit {
  width: 55px;
}
.addthis_button_tweet {
  width: 85px;
}
.node-type-news .social-sharing {
  display: block;
}
.social-sharing {
  display: none;
}
/*----------------------------------*/

/* OVERRIDING DRUPALS */
ul.menu li {
  margin: 0;
}
li.expanded, li.collapsed, li.leaf {
  padding: 0;
}
/*----------------------------------*/

/* BOOTSTRAP TWEAKS */
@media (max-width: 1200px) {
  #social-follow-icons .icon {
    margin-left: 10px;
  }
  #social-follow-icons .icon a {
    padding: 1px 22px;
  }
  #block-system-main-menu {
    margin-top: 0px;
    margin-left: 20px;
  }
  #toj-mainmenu #block-system-main-menu .navbar-nav>li>a {
    padding: 5px 10px;
    font-weight: bold;
  }
  #block-locale-language {
    top: 35px;
    right: 15px;
    z-index: 5;
  }
  .region-toj-header-bottom .navbar-nav>li>a {
    padding: 5px 7px;
  }
  .flip-wrapper .item-holder {
    height: 140px;
  }
  #block-menu-menu-top-menu {
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  #block-menu-menu-top-menu {
    margin-left: 0;
  }
  #block-system-main-menu {
    margin-left: 0;
  }
  #block-locale-language {
    top: -15px;
    right: 15px;
    z-index: 10;
  }
  #social-follow-icons .icon a {
    padding: 1px 15px;
  }
  #block-system-main-menu .content ul {
    margin-left: 0px;
  }
  #block-system-main-menu .content ul li a {
    padding: 5px 15px 5px;
  }
  .block-float-left {
    width: 50%;
    height: 350px;
  }
}
@media (max-width: 768px) {
  #block-system-main-menu .content ul li {
    border-bottom: 1px solid #1e3f60;
  }
  #toj-mainmenu #block-system-main-menu .content ul li {
    float: none;
  }
  #block-locale-language {
    top: 5px;
    right: 75px;
    z-index: 10;
  }
  .block-float-left {
    height: 350px;
  }
}
@media (max-width: 420px) {
  .block-float-left {
    width: 100%;
  }
  .row-float-left .views-row {
    width: 100%;
  }
  #toj-logo img {
    width: 100px;
  }
  #block-locale-language {
    top: -5px;
    right: 72px;
  }
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.navbar {
  border-radius: 0;
  min-height: 30px;
  margin-bottom: 0;
}
.navbar-nav {
  margin-top: 0;
}
.nav>li>a {
}
.navbar-collapse {
  padding-left: 0;
}
.navbar-default {
  background: none;
  border: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #111;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-toggle {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 10px 10px;
}
.front #toj-first .img-responsive, .front #toj-second .img-responsive, .front #toj-mass .img-responsive {
  width: 100%;
}
.pager li>a, .pager li>span {
  border: none;
  border-radius: 0;
}
/*----------------------------------*/