/* Generated by less 2.5.1 */
/*// main: ../compiled-bootstrap.less*/
/* General Reset */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 550px;
}
/* Margin bottom by footer height */
a:focus {
  outline: none;
}
a img {
  border: none;
}
/* Allow only vertical resizing of textareas */
textarea {
  resize: vertical;
}
/* Structure */
.container-fluid {
  min-width: 280px;
  max-width: 1920px;
  position: relative;
}
#page-content {
  margin-top: 120px;
}
#header {
  margin-bottom: 20px;
  margin-top: 80px;
}
#logo {
  display: block;
  color: #BA7F00;
  text-align: center;
  padding: 0.75em 0;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 550px;
  text-align: center;
  line-height: 2em;
}
/* Set the fixed height of the footer here */
#footer .row,
.row.no-margin {
  margin-bottom: 0;
}
#footer #copyrights {
  color: gray;
}
.bg-aqua-top a:link,
.bg-aqua-top a:visited,
.bg-aqua-top .btn-default {
  color: #ffffff;
  border-color: #ffffff;
}
.bg-aqua-bottom {
  background: url(../images/Pyramids-Eyes_05.png) no-repeat top center;
  margin-top: -5em;
  height: 259px;
  color: #fff;
  padding-top: 40px;
}
.bg-aqua-top {
  background: #2693c6 url(../images/Pyramids-Eyes_21.png) no-repeat top center;
  color: #fff;
  padding-top: 7em;
  padding-bottom: 2em;
}
.bg-gray-bottom {
  background: url(../images/Pyramids-Eyes_17.png) no-repeat top center;
  margin-top: -5em;
  height: 684px;
  padding-top: 6em;
}
#whyUs h1 {
  margin-bottom: 2em;
}
#whyUs li {
  line-height: 2em;
  list-style-image: url(../images/bullet.png);
}
/* Bread Crumb */
.breadcrumb a.home {
  background: url(../images/drk-20-home.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}
/* News Ticker */
#newsTicker {
  background: #EFEFEF;
  text-align: center;
  height: 40px;
  margin-bottom: 10px;
}
#newsTicker ul {
  height: 100%;
  padding-top: 10px;
}
#newsTicker li {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
/* Date Picker */
.datepicker {
  width: 215px !important;
}
/*
.datepicker{background:#804871 !important;color:#dfb9ae}
.datepicker.dropdown-menu{color:#dfb9ae}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover {background:#56234C}
.datepicker table tr td.day:hover,.datepicker table tr td.day.focused {background:#A06D91}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {background: none;color:#A06D91;cursor: default}
.datepicker-dropdown:before,.datepicker-dropdown:after {display:none}
*/
/* Sliders */
.slider ul {
  position: relative;
  list-style: none;
}
.slider ul.view li {
  position: absolute;
}
.slider,
.slider ul.items li a {
  overflow: hidden;
}
.wide-slider ul.items {
  background: url(../images/drk-10.png);
}
.wide-slider ul.items li {
  max-width: 100px;
  display: inline-block;
}
.wide-slider ul.items li img {
  display: inline-block;
}
.wide-slider ul.view,
.wide-slider ul.view li,
.wide-slider ul.view li img {
  width: 100%;
  height: 400px;
  left: 0;
}
.wide-slider .view li p {
  position: relative;
  background: url(../images/drk-70.png);
  white-space: normal;
  color: #fff;
  height: 60px;
  overflow: hidden;
  margin-top: -60px;
  padding: 10px 10px 10px 150px;
}
.wide-slider .view li a {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 20px 9px;
  text-decoration: none;
  font-size: 1.5em;
  z-index: 2;
}
.wide-slider .view li a:hover {
  background-color: #ff8a00;
}
.news-slider {
  min-width: 245px;
  height: 370px;
}
.news-slider ul.items li {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 5px;
}
.news-slider ul.items li a {
  display: block;
  padding-left: 10px;
}
.news-slider ul.items li img {
  border: 0;
  vertical-align: middle;
  width: 100px;
  height: 75px;
  float: right;
  margin-left: 10px;
}
.news-slider ul.items li a.current {
  background: url(../images/drk-10.png);
  color: #ba7f00;
}
.news-slider ul.view li img {
  padding: 5px;
  background: url(../images/drk-10.png);
  width: 100%;
  height: 320px;
}
.news-slider .more-news {
  position: absolute;
  bottom: 20px;
  right: 45%;
  padding: 10px;
}
/* Menus */
ul.menu {
  list-style: none;
}
/*ul.menu li a {
  display: list-item;
  list-style: inside url(../images/shape.png);
  padding: 10px 0 5px;
}
*/
ul.menu li a:hover {
  background-color: #fff;
  padding-right: 1px;
}
/* SlideOut Menu */
.subMenu li {
  list-style: none;
  position: relative;
  white-space: nowrap;
}
.subMenu > li > a {
  position: relative;
  z-index: 2;
}
.subMenu li a {
  background-color: #F8F8F8;
  border-bottom: 1px solid #eeeeee;
}
.subMenu ul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border: 1px solid #eee;
  border-bottom: 0;
}
.subMenu ul li a {
  padding: 5px 20px;
}
/* Items Count Menu */
ul.menu.itemsCount li a span {
  float: left;
  color: #aaaaaa;
}
ul.menu.itemsCount li a:hover span {
  color: #ff8a00;
}
/* Tabs */
.tabs {
  margin: 0;
  padding: 0;
}
.tabs li {
  display: inline-block;
  margin-left: 20px;
}
.tabs li img {
  margin-left: 10px;
}
.tabs li.active a {
  color: #ba7f00;
}
/*.tabs li:first-child {}*/
.tab-content {
  padding-bottom: 20px;
  margin-left: 15px;
}
/* Tab Content Styling */
.tab-content ul {
  margin: 0;
  padding: 0;
}
.tab-content ul li {
  list-style: none;
}
.tab-content ul li a {
  display: block;
  margin-top: 1em;
}
.tab-content ul li a img {
  float: right;
  margin-left: 10px;
}
/* Tag Cloud */
ul.tagCloud {
  list-style: none;
  text-align: center;
}
ul.tagCloud li {
  display: inline-block;
  vertical-align: middle;
}
ul.tagCloud li a {
  display: block;
  padding: 0 5px 2px;
}
ul.tagCloud a.tag1 {
  font-size: 0.7em;
  font-weight: 100;
}
ul.tagCloud a.tag2 {
  font-size: 0.8em;
  font-weight: 200;
}
ul.tagCloud a.tag3 {
  font-size: 0.9em;
  font-weight: 300;
}
ul.tagCloud a.tag4 {
  font-size: 1.0em;
  font-weight: 400;
}
ul.tagCloud a.tag5 {
  font-size: 1.2em;
  font-weight: 500;
}
ul.tagCloud a.tag6 {
  font-size: 1.4em;
  font-weight: 600;
}
ul.tagCloud a.tag7 {
  font-size: 1.6em;
  font-weight: 700;
}
ul.tagCloud a.tag8 {
  font-size: 1.8em;
  font-weight: 800;
}
ul.tagCloud a.tag9 {
  font-size: 2.2em;
  font-weight: 900;
}
ul.tagCloud a.tag10 {
  font-size: 2.5em;
  font-weight: 900;
}
/* Notifications */
.notices {
  display: block;
  margin: 10px 0;
  padding: 10px 3px 5px;
}
.errorimg:before {
  content: url(../images/error.png);
}
.informationimg:before {
  content: url(../images/information.png);
}
.attentionimg:before {
  content: url(../images/attention.png);
}
.succeedimg:before {
  content: url(../images/succeed.png);
}
.notices:before {
  margin: 3px 3px 0 6px;
  display: inline-block;
  vertical-align: middle;
}
/* Gallery */
.gallery {
  list-style: none;
  text-align: center;
}
.gallery li {
  text-align: center;
  display: inline-block;
  margin: 5px;
  min-width: 200px;
}
.gallery li img {
  width: 200px;
  height: 200px;
}
.gallery li a:link,
.gallery li a:visited {
  display: block;
  transition: 0.6s;
  -webkit-transition: 0.8s;
}
.gallery li a:hover {
  opacity: 0.5;
}
/* Pretty Photo Styling */
.pp_content_container {
  direction: ltr;
  overflow: hidden;
}
div.pp_default .pp_description {
  direction: rtl;
  text-align: right;
  font-size: .65em;
  font-weight: normal;
}
div.pp_default .pp_content_container .pp_details {
  margin-top: 0;
}
div.ppt {
  text-align: center;
}
/* Comments */
.comment {
  margin-bottom: 20px;
  padding: 5px;
}
.commentDetails {
  height: 40px;
}
.commentDetails * {
  display: block;
}
.commentDetails .thumb {
  float: right;
  padding: 0 0 5px;
  margin-left: 10px;
}
.commentDetails .thumb img {
  width: 31px;
  height: 31px;
  background: url(../images/drk-20-person.png) no-repeat;
}
.commentDetails .date {
  font-size: .7em;
  color: #969da5;
}
.comment .quote {
  position: relative;
  background-color: #EAEAEA;
  padding: 10px;
  margin-top: 10px;
}
.comment .quote:before {
  content: "\00a0";
  position: absolute;
  top: -25px;
  right: 35px;
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-bottom-color: #eaeaea;
}
.comment.odd .quote {
  background-color: #fff;
  color: #969da5;
}
.comment.odd .quote:before {
  border-bottom-color: #ffffff;
}
/* Title Tooltip */
.titleTooltip {
  display: none;
  background: url(../images/drk-70.png);
  position: absolute;
  bottom: -65px;
  left: 0px;
  z-index: 2;
  white-space: nowrap;
  padding: 10px;
}
.titleTooltip:before {
  content: "\00a0";
  display: block;
  position: absolute;
  top: -12px;
  left: 16px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #000000;
}
.titleTooltip:after {
  content: "\00a0";
  display: block;
  position: absolute;
  top: -10px;
  left: 17px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #000000;
}
/* Social icons rotate on hover. From:http://bootsnipp.com/snippets/featured/spinning-social-icons */
.social-links {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}
.social-links li {
  display: inline;
  margin: 0 5px;
}
.social-links li a {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 20px;
  background-color: #D3D3D3;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.social-links a.facebook-ico:hover {
  background-color: #3b5998;
}
.social-links a.twitter-ico:hover {
  background-color: #2cb0dd;
}
.social-links a.instagram-ico:hover {
  background-color: #956c35;
}
.social-links a.google-ico:hover {
  background-color: #bd3518;
}
.social-links li a i {
  margin: 0;
  line-height: 50px;
  text-align: center;
}
/* Addthis Components */
.services {
  margin-right: 20px;
  margin-bottom: 10px;
}
.services a img {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  cursor: pointer;
}
.services a img:hover {
  opacity: 0.9;
}
/* Preloading */
#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  background: #f0f0f0;
  padding-top: 10%;
  text-align: center;
}
#loading h1 {
  font-size: 5em;
  color: #dddddd;
}
/* New Components */
/*================*/
/* Callouts */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-right-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-right-color: #777777;
}
.bs-callout-default h4 {
  color: #777777;
}
.bs-callout-primary {
  border-right-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-right-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-right-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-right-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-right-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
/* Add Class ".btn-3d" for any bootstrap button to make beautiful 3D pressable effect From:http://codepen.io/cheeriottis/pen/inluv */
.btn-3d {
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
  padding: 10px 40px;
  border-radius: 10px;
  font-size: 1.1em;
  outline-width: 0 !important;
}
.btn-3d.btn-info {
  background-color: #3498DB;
  border-bottom: 5px solid #2980B9;
  text-shadow: 0px -2px #2980b9;
}
.btn-3d.btn-danger {
  background-color: #E74C3C;
  border-bottom: 5px solid #BD3E31;
  text-shadow: 0px -2px #bd3e31;
}
.btn-3d.btn-success {
  background-color: #82BF56;
  border-bottom: 5px solid #669644;
  text-shadow: 0px -2px #669644;
}
.btn-3d.btn-warning {
  background-color: #F2CF66;
  border-bottom: 5px solid #D1B358;
  text-shadow: 0px -2px #d1b358;
}
.btn-3d:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  border-bottom: 1px solid transparent;
}
/* Material Design style input, textarea */
.material input.form-control,
.material textarea.form-control,
.material select.form-control {
  box-shadow: none;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #cccccc;
  outline: none;
  margin: 0px;
  background: none;
  padding: 0;
}
.material input.form-control:focus,
.material textarea.form-control:focus,
.material select.form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom-width: 2px;
  border-bottom-color: #cccccc;
}
.material .form-group {
  margin-bottom: 30px;
}
.thumbnail.material {
  padding: 0;
}
/* Effects */
/*=========*/
/* Search Keyword Highlight Styling */
span.highlight {
  background-color: #F2D863;
  border: 1px solid #ddc03d;
  padding: 0 5px;
  border-radius: 3px;
  color: #8b4e07;
}
/* Add Class "img-zoom" to any img to zoom it on hover. From:http://bootsnipp.com/snippets/featured/smooth-animated-thumbnails */
.img-zoom {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  /* Safari */
}
.img-zoom:hover {
  cursor: pointer;
  box-shadow: 10px 10px 5px #888888;
  z-index: 1;
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  /* Safari */
}
/* Add Class ".animate-bg" to any componant to animate bg. From:http://bootsnipp.com/snippets/featured/animation-loading-state */
.animate-bg,
.animate-bg > td,
.animate-bg > th,
.nav li.animate-bg.active > a,
.pagination li.animate-bg,
.pagination > li.active.animate-bg > a,
.pager > li.animate-bg > a {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px;
  animation: 2s linear 0s normal none infinite progress-bar-stripes;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
}
.btn.btn-default.animate-bg,
input[type="text"].animate-bg,
select.animate-bg,
textarea.animate-bg,
.well.animate-bg,
.list-group-item.animate-bg,
.pagination > li.active.animate-bg > a,
.pager > li.animate-bg > a {
  background-image: linear-gradient(45deg, rgba(235, 235, 235, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(235, 235, 235, 0.15) 50%, rgba(235, 235, 235, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
/* Add Class ".animate-content" to animate first child level content. From:http://bootsnipp.com/snippets/featured/box-of-featured */
.animate-content {
  padding: 20px 0;
  text-align: center;
}
.animate-content > * {
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: 0.2s;
}
.animate-content > *:hover {
  margin-top: -10px;
  transition: 0.5s;
}
/* Boxed adds border, shadow, bg to the child */
.animate-content.boxed > *:hover {
  border: 1px solid #c8c8c8;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
  background: rgba(200, 200, 200, 0.1);
}
/* Rotate this item On Hover */
.rotate-me {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.rotate-me:hover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  -ms-transition: all 1.5s;
  transition: all 1.5s;
}
/* Set a smooth transition on hover a link */
a {
  transition: 0.6s;
  -webkit-transition: 0.6s;
}
/* General Classes */
/*=================*/
.bg-drk-5 {
  background-image: url(../images/drk-5.png);
  background-repeat: repeat;
}
.bg-drk-10 {
  background-image: url(../images/drk-10.png);
  background-repeat: repeat;
}
.bg-drk-20 {
  background-image: url(../images/drk-20.png);
  background-repeat: repeat;
}
.bg-drk-30 {
  background-image: url(../images/drk-30.png);
  background-repeat: repeat;
}
.bg-drk-40 {
  background-image: url(../images/drk-40.png);
  background-repeat: repeat;
}
.bg-drk-50 {
  background-image: url(../images/drk-50.png);
  background-repeat: repeat;
}
.bg-drk-60 {
  background-image: url(../images/drk-60.png);
  background-repeat: repeat;
}
.bg-drk-70 {
  background-image: url(../images/drk-70.png);
  background-repeat: repeat;
}
.bg-drk-80 {
  background-image: url(../images/drk-80.png);
  background-repeat: repeat;
}
.bg-drk-90 {
  background-image: url(../images/drk-90.png);
  background-repeat: repeat;
}
.bg-light-5 {
  background-image: url(../images/light-5.png);
  background-repeat: repeat;
}
.bg-light-10 {
  background-image: url(../images/light-10.png);
  background-repeat: repeat;
}
.bg-light-20 {
  background-image: url(../images/light-20.png);
  background-repeat: repeat;
}
.bg-light-30 {
  background-image: url(../images/light-30.png);
  background-repeat: repeat;
}
.bg-light-40 {
  background-image: url(../images/light-40.png);
  background-repeat: repeat;
}
.bg-light-50 {
  background-image: url(../images/light-50.png);
  background-repeat: repeat;
}
.bg-light-60 {
  background-image: url(../images/light-60.png);
  background-repeat: repeat;
}
.bg-light-70 {
  background-image: url(../images/light-70.png);
  background-repeat: repeat;
}
.bg-light-80 {
  background-image: url(../images/light-80.png);
  background-repeat: repeat;
}
.bg-light-90 {
  background-image: url(../images/light-90.png);
  background-repeat: repeat;
}
/* Add Class ".bg-pattern" to apply a default site pattern background */
.bg-pattern {
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
}
.bg-transparent {
  background-color: transparent !important;
  background-image: none !important;
}
.bg-default {
  background-color: #ffffff;
}
/* Add Class ".bg-responsive" to make background image responsive */
.bg-responsive {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /*cover*/
}
.bg-img-1 {
  background: url(../data/Pyramids-Eyes_01.jpg) no-repeat 50%;
}
.bg-img-2 {
  background: url(../data/Pyramids-Eyes_02.jpg) no-repeat 50%;
}
.bg-img-3 {
  background: url(../data/Pyramids-Eyes_03.jpg) no-repeat 50%;
}
.bg-img-4 {
  background: url(../data/Pyramids-Eyes_04.jpg) no-repeat 50%;
}
.bg-img-5 {
  background: url(../data/Pyramids-Eyes_05.jpg) no-repeat 50%;
}
.bg-img-6 {
  background: url(../data/Pyramids-Eyes_06.jpg) no-repeat 50%;
}
.bg-img-7 {
  background: url(../data/Pyramids-Eyes_07.jpg) no-repeat 50%;
}
.bg-img-8 {
  background: url(../data/Pyramids-Eyes_08.jpg) no-repeat 50%;
}
.bg-img-9 {
  background: url(../data/Pyramids-Eyes_09.jpg) no-repeat 50%;
}
.text-shadow-drk-1 {
  text-shadow: 1px 1px #000000;
}
.text-shadow-drk-2 {
  text-shadow: 0 2px 0 #ffffff, 0 4px 0 rgba(0, 0, 0, 0.5);
}
.text-shadow-light {
  text-shadow: 1px 1px #ffffff;
}
.text-white {
  color: #ffffff;
}
.lighten-hover {
  position: relative;
  background-color: rgba(0, 62, 91, 0.7);
  transition: background-color 1s;
  height: 30em;
  text-align: center;
}
#orderNow:hover .lighten-hover {
  background-color: rgba(0, 62, 91, 0.3);
}
.lighten-hover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: inherit;
  content: ' ';
  display: block;
}
#orderNow {
  position: relative;
  background: red;
  margin-bottom: 0;
  margin-top: -4em;
}
#orderNow .content {
  margin-top: -22em;
  position: absolute;
  z-index: 1000;
  text-align: center;
  width: 100%;
  color: #ffffff;
}
/* Add Class ".inline-block" to display items inline */
.inline-block {
  display: inline-block;
}
/* Add Class ".no-padding" to remove padding form an element */
.no-padding {
  padding: 0 !important;
}
/* Add Class ".inline-img" */
.img-inline {
  float: right;
  vertical-align: text-top;
  background: #E4E4E4;
  margin: 0 0 10px 10px;
  padding: 3px;
  max-width: 250px;
}
.article-img {
  float: none;
  display: block;
  margin: 0 auto 10px;
}
.panel-information {
  background-image: url(../images/drk-10.png);
  font-size: 0.9em;
  padding: 5px 15px;
}
/* Affix Menu styling */
.affix-example.affix {
  top: 80px;
  position: fixed;
}
/* Make vertical divider between columns */
.row.vertical-divider {
  overflow: hidden;
}
.row.vertical-divider > div[class^="col-"] {
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
row.vertical-divider div[class^="col-"] + div[class^="col-"] {
  text-align: center;
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-left: 3px solid #0396D1;
}
/* #logo:target {} /* style applied to #logo when a link of 'href="#logo"' clicked */
/* .button:focus {} /* style applied when element get focus */
/* .button:active {} /* style applied when button down */
/* [href] {} /* style applied to all elements has "href" attribute */
/* img[alt] {} /* style applied to all "img" has "alt" attribute */
/* input[type="text"] {} /* style applied to all "input" has "type=text" */
/* input:disabled {} /* Style applied to all disabled inputs */
/* input:enabled {} /* Style applied to all enabled inputs */
/* input:checked {} /* Style applied to checkboxes that checked */
/* input:indeterminate {} /* Style applied to radio buttons that not chosen nither unchosen */
/* .text:after {content:"..."} /* add the "..." after the content of ".text" */
/* h1:before {content:url(icon.gif)} /* add "icon.gif" before content of "h1" */
/* img:after {content:attr(alt)} /* set "alt" value after img tag */
/** {margin:0;padding:0}*/
/*.row :nth-child(odd){background-color:red} /* odd, even .. Style for 'odd' childs of .row*/
/* Content Animation */
.os-animation {
  opacity: 0;
}
.os-animation.animated {
  opacity: 1;
}