@media (min-width:320px){.silverweb-custom-container{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}
.btn-read-more-2 {
position: relative;
border: 1px solid #777;
padding: 5px 10px;
font-weight: 500;
font-size: 12px;
transition: 0.1s;
color: #777;
letter-spacing: 1px;
}
.img-style {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
*,
*:before,
*:after {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

:focus {outline:none;}

body {
font-family: 'Kanit', sans-serif;
color: #666;
font-weight: 300;
}

p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}

h1, h2, h3, h4, h5, h6, .service-item a, .read-more, .read-more-dark {
color: #333;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}

h3, h4, h5, h6 {
letter-spacing: 0.3px;
}

p, li {
font-size: 1em;
line-height: 1.7em;

}

p {
margin: 0 0 20px 0;
}

h1 {
font-size: 2.2em;
}

h2 {
font-size: 1.8em;

}

h3 {
font-size: 1.5em;
}

h4 {
font-size: 1.3em;
}

h5 {
font-size: 1.15em;
}

h6 {
font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.67em;
}

a {
color: #555;
}

a:hover {
color: #333;
}

a:focus {
outline: none;
text-decoration: none;
}

a,
a:hover,
a:visited {
text-decoration: none;
}

img {
vertical-align: middle;
max-width: 100%;
}

section {
padding: 30px 0;
}

.fa {
color: #333;
}

ul li {
list-style: none;
}

hr {
margin: 15px 0;
}

strong {
font-weight: 400;
letter-spacing: 0.5px;
}

.just {
text-align: justify;
}

.service-item a, .read-more, .read-more-dark {
font-weight: 500;
}

.page-content p:first-child {
margin-top: 0;
}

.page-content img {
margin-bottom: 20px;
}

.page-content .notice-box {
margin: 40px 0;
}

.page-content ul,
.tab-content ul {
padding-left: 20px;
}

.page-content ul li:before,
.tab-content ul li:before {
content: '';
display: inline-block;
position: relative;
left: -20px;
bottom: 2px;
width: 7px;
height: 7px;
background: #B60000;
}

.tab-content ul li:before {
background: #999;
}

.page-content ul li,
.tab-content ul li {
line-height: 2em;
}

h4.box-heading {
font-size: 1em;
}

.btn-read-more {
font-size: .85em;
}

.btn-read-more {
text-decoration: none;
}

.section-title, .section-title-light {
margin: 16px 0;
}

.section-title-light {
color: #ddd;
}
.divider-sub {
height: 1px;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.divider-sub::before
{
content: "";
width: 90px;
height: 4px;
background: #B60000;
position: absolute;
top: 25px;

}

.divider-light,
.divider-dark {
height: 1px;
width: 100%;
position: relative;
margin-bottom: 30px;
}

.divider-light {
background: #ddd;
}

.divider-dark {
background: #555;
}

.divider-light::before,
.divider-dark::before {
content: "";
width: 70px;
height: 4px;
background: #B60000;
position: absolute;
top: -3px;

}

.divider-light-bot,
.divider-dark-bot {
width: 100%;
margin: 0 0 5px 0;
height: 1px;
}

.divider-dark-bot {
background: #555;
}

.divider-light-bot {
background: #ddd;
}

.section-footer {
margin: 30px 0;
text-align: right;
}

#wrapper {
width: 100%;
margin: 0 auto;
}

.wrap {
max-width: 1150px;
margin: 0 auto;
}

.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}

.mrg-btm {
margin-bottom: 20px;
}

.margin-top {
margin-top: 40px;
}

.spacer-small {
margin: 10px 0;
height: 1px;
}

.spacer {
margin: 20px 0;
height: 1px;
}

.spacer-big {
margin: 30px 0;
height: 1px;
}

.no-top-mrg {
margin-top: 0!important;
}

.mrg-mob {
margin: 40px 0px 5px 0px;
border: 2px solid  #ddd;
padding: 5px;
}

.btn {
min-width: 150px;
width: auto;
padding: 15px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
transition: 0.1s;
border-radius: 3px;
margin-top: 20px;
margin-right: 5px;
letter-spacing: 1px;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
/*background-color: #efad10;*/
background-color: #c8910f;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #c8910f;
color: #fff;
}

.btn-regular {
color: #999;
border: 3px solid #ddd;
}

.btn-slider {
border: 3px solid  #333;
margin-top: 30px;
}

.btn-regular:hover {
color: #777;
background: #f9f9f9;
border-color: #ccc;
}

.btn-primary {
background: #e9a607;
border: 3px solid #e9a607;
}

#slider-fullwidth .btn-regular {
color: #ddd;
border-color: rgba(255, 255, 255, 0.3);
}

#slider-fullwidth .btn-regular:hover {
border-color: rgba(255, 255, 255, 0.75);
background: none;
color: #fff;
}


/*******************************/
/* 2. Header */
/*******************************/

header {
top: -80px;
display: block;
height: 110px;
line-height: 110px;
background: #fff;
transition: all .4s ease-out;
transition: 0.2s top cubic-bezier(.4,.73,.4,.74);
-webkit-box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);
box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);
}

.subnav .container-fluid,
header .container-fluid {
max-width: 1140px;
}

ul.nav.nav-tabs {
padding: 0;
margin-bottom: -1px;
}

ul.nav.nav-tabs li:before {
content: none;
}

nav ul {
float: right;
margin: 0;
}

nav > a {
display: none;
}

nav ul li {
position: relative;
list-style: none;
display: inline-block;
}

#mainmenu ul {
display: block;
opacity: 0;
position: absolute;
width: 200px;
top: 100%;
padding-left: 0;
visibility: hidden;
z-index: 999;
margin-top: 20px;
transition: 0.2s;
left: 5px;
}

#mainmenu li {
position: relative;
}

#mainmenu li:hover > ul {
visibility: visible;
margin-top: 0;
opacity: 1;
}

#mainmenu li ul li {
display: block;
background: #222;
border: 1px solid #000;
border-bottom: none;
}

#mainmenu li ul li a {
display: block;
width: 100%;
line-height: 14px;
font-size: 10px;
font-weight: 300;
color: #ccc;
letter-spacing: 1.5px;
}


/*******************************/
/* 2.1. Second level Nav */
/*******************************/

#mainmenu li ul li ul {
position: absolute;
left: 198px;
visibility: hidden;
top: -1px;
transition: 0.2s;
}

#mainmenu li ul li ul li a {
background-color: #151515;
}

#mainmenu li ul li ul li a:hover {
background: #000;
}

#mainmenu li ul li:hover ul {
display: block;
visibility: visible;
margin-left: 0;
}

#mainmenu a {
color: #000;
text-decoration: none;
padding: 16px 18px;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 80px;
}

#mainmenu li:last-child a {
padding-right: 0;
}

.navbar-collapse {
padding-right: 0;
}

#mainmenu > li:hover > a {
color: #B60000;
}

#mainmenu .menu-active {
color: #B60000;
}

#mainmenu ul li a:hover {
background: #111;
color: #fff;
transition: 0.15s;
}

li.has-children:hover:after {
color: #B60000;
}

li.has-children::after {
position: absolute;
right: 7px;
bottom: 28px;
content: "\f107";
font-family: "FontAwesome";
font-size: 12px;
color: #555;
font-weight: 800;
}

header #logo {
position: relative;
float: left;
display: inline-block;
height: 100%;
width: auto;
margin: 0;
z-index: 999;
}

#search {
margin-top: -10px;
float: right;
}

.affix {
top: 0;
z-index: 999;
width: 100%;
transition: all .4s ease-out;
transition: 0.2s top cubic-bezier(.4,.73,.4,.74);

}

.affix-top {
transition: all .4s ease-out;
transition: 0.2s top cubic-bezier(.4,.73,.4,.74);
}

.header-wrapper {
min-height: 80px;
position: relative;
z-index: 999;
}

/*******************************/
/*2.2. Header Light version */
/*******************************/

#header.header-light {
background: #fff;
}

#header.header-light #mainmenu > li > a,
#header.header-light #mainmenu > li.menu-item-has-children:after {
color: #555;
}

#header.header-light #mainmenu > li:hover > a,
#header.header-light #mainmenu > li.menu-item-has-children:hover:after {
color: #B60000;
}

/*******************************/
/*2.3. Subnav */
/*******************************/

.subnav {
text-align: right;
background: #000;
}

.subnav-item {
display: inline-block;
margin-left: 30px;
}

.subnav-item p, .subnav-item a {
color: #888;
letter-spacing: 0.3px;
font-size: 11px;
margin: 10px 0;
transition: 0.15s;
}

.subnav-item a {
text-decoration: none;
}

.subnav-item p span {
font-weight: 400;
color: #555;
}

.subnav-item:hover p, .subnav-item:hover a {
color: #eee;
}

.subnav-item i {
color: #555;
font-size: 16px;
vertical-align: middle;
margin-right: 10px;
line-height: 1.7em;
}

.subnav-header-light {
background: #222;
}

/*******************************/
/*2.4. Subnav Light version */
/*******************************/

.subnav.subnav-light {
background: #f9f9f9;
}

.subnav-light .subnav-item p,
.subnav-light .subnav-item a,
.subnav-light .subnav-item i,
.subnav-light .subnav-item p span {
color: #777;
}

.subnav-light .social i {
background: #ddd;
}

.subnav-light .subnav-item:hover p,
.subnav-light .subnav-item:hover a {
color: #333;
}


/*******************************/
/*3. Sidebar */
/*******************************/

.sidebar-nav {
width: 100%;
margin-bottom: 20px;
text-transform: capitalize;
}

.sidebar-heading {
font-size: 13px;
text-transform: uppercase;
border: 1px solid #ddd;
padding: 15px;
margin: 0;
}

.sidebar-nav ul {
font-size: 13px;
list-style: none;
padding: 0;
}

.sidebar-nav ul li {
border: 1px solid #ddd;
list-style: none;
border-top: none;
position: relative;
}

.hovered {
background: #e5e5e5!important;
transition: 0.2s;
color: #333;
}

.sidebar-nav ul li a {
font-weight: 300;
display: block;
padding: 12px 15px;
text-decoration: none;
color: #777;
}

.sidebar-nav ul,
.sidebar-nav ul ul {
margin: 0;
}

.sidebar-nav ul ul li {
padding-left: 20px;
font-size: 11px;
}

.sidebar-nav ul ul li {
background-color: #f8f8f8;
}

.sidebar-expanded li:before {
content: '-';
position: absolute;
top: 12px;
color: #ccc;
}

.sidebar-nav ul ul li {
border-right: none;
border-left: none;
}

.sidebar-nav ul ul li:last-child {
border-bottom: none;
}

.sidebar-nav ul ul li:first-child {
border-top: 1px solid #ddd;
}

/*******************************/
/* 4. Footer */
/*******************************/

#footer {
padding: 0;
margin: 0;
background: #222;
color: #fff;
border-top: 10px solid #000;
}

#footer h4 {
font-size: 1.2em;
letter-spacing: 1px;
color: #fff;
font-weight: 300;
}

#footer ul {
list-style: none;
padding: 0;
}

#footer ul li a {
color: #ddd;
}

#footer ul li a:hover {
color: #fff;
}

#footer ul li,
#footer p {
font-size: 14px;
}

#footer ul li {
padding: 5px 0;
}

#footer .contacts-list {
font-size: 1.1em;
}

.social {
display: inline-block;
margin: 0;
padding-left: 20px;
}

.social .fa {
color: #777;
}

.social li {
display: inline;
}

.bot-bg {
background: #000;
}

#footer ul {
margin-bottom: 40px;
}

ul.content-list a {
color: #ddd;
}

ul.content-list a:hover,
ul.content-list li:hover {
color: #fff;
}

#footer ul li:before {
content: "\f105";
font-family: "FontAwesome";
font-weight: 800;
color: #444;
padding-right: 12px;
transition: 0.15s;
}

#footer ul li:hover:before {
color: #ddd;
}

#footer .contacts-list li:before {
content: none;
}

#footer-bot {
background: #111;
line-height: 2em;
}

#footer-bot ul {
float: right;
border-top: none;
margin: 0;
}

#footer-bot ul li:before {
content: none;
}

.social i {
font-size: 13px;
color: #999;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 3px;
background: #222;
transition: 0.2s ease;
}

.social i:hover {
color: #333;
background: #B60000;
}

#footer-bot {
padding: 15px 0;
color: #fff;
font-size: 11px;
text-align: left;
}

#footer-bot {
clear: both;
}
#footer-bot a{
color:#fff;
}

/*******************************/
/* 5. Home Page elements
/* 5.1. Slider */
/*******************************/

#slider-fullwidth {
max-height: 625px;
height: auto;
padding: 0;
margin: 0;
background: #000;
overflow: hidden;
position: relative;
z-index: 0;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
text-align: center;
}


#slider-fullwidth .carousel-inner > .item > img {
display:block;
width: 100%;
height: 100%;
}

.carousel-content {
position: absolute;
top: 30%;
left: 0;
right: 0;
width: 100%;
animation-delay: 0.3s;
}

span.slim {
font-weight: 100;
}


.slide-title .divider-dark {
margin-bottom: 0;
background: #ddd;
}

.slide-content p,
.tagline p {
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
font-size: 22px;
margin: 0;
font-weight: 300;
line-height: 1.5;
}

.slide-content p {
color: #ddd;
}

.tagline .divider-dark {
margin: 10px 0;
width: 100px;
}

.tagline {
margin-bottom: 5px !important;
}

.tagline p {
font-size: 1em;
color: #B60000;
line-height: 1;
}

.slider-dark .divider-dark {
background: #999;
}

.slide-title h1 {
font-family: 'Kanit';
color: #333;
margin-bottom: 15px;
font-weight: 200;
font-size: 4em;
text-transform: uppercase;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.slider-dark .slide-title h1 {
color: #e5e5e5;
}

.slide-title h1 span {
background: transparent url("../img/ui/hero-lines.png") left 62% repeat-x;
}

.carousel-control {
font-size: 22px;
line-height: 46px;
height: 50px;
width: 50px;
top: 42%;
background: #111;
border-radius: 3px;
transition: 0.2s;
}

.carousel-control i {
font-size: 20px;
color: #999;
font-weight: 800;
vertical-align: middle;
}

.carousel-control:hover i {
color: #ddd;
}

.carousel-control.left {
left: 20px;
}

.carousel-control.left img {
transform: rotate(180deg);
position: relative;
}

.carousel-control.right {
right: 20px;
}


/*******************************/
/* 5.2. Top CTA section */
/*******************************/

#sections-wrapper {
background: #222;
width: 100%;
height: 130px;
margin: 0;
}

.sections {
background-color: #333;
padding: 0;
}

.wide-container {
max-width: 1140px;
width: 100%;
margin: 0 auto;
}

.section-item {
display: inline-block;
float: left;
width: 33.33333333%;
background: #222;
padding: 35px 3.5%;
transition: 0.1s;
border-right: 1px solid #333;
}

.section-item:hover {
background-color: #111;
-webkit-box-shadow: inset 0px 0px 0px 7px #090909;
-moz-box-shadow: inset 0px 0px 0px 7px #090909;
box-shadow: inset 0px 0px 0px 7px #090909;
}

.section-item:hover p {
color: #ccc;
}

.section-item h2 {
font-weight: 400;
left: 0;
font-size: 1.5em;
margin: 0;
transition: 0.15s;
}

.section-item h2:after {
content: "\f105";
transition: 0.2s;
position: absolute;
right: 5px;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
font-weight: 800;
opacity: 0.5;
}

.section-item h2,
.section-item p {
position: relative;
color: #ddd;
transition: 0.15s;
}

.section-item:hover > h2,
.section-item:hover > p,
.section-item:hover > .small-divider,
.section-item:hover > h2  {
left: 5px;
}

.section-item:hover > h2 {
color: #B60000;
}

.section-item .small-divider {
position: relative;
left: 0;
transition: 0.15s;
}

.section-item:hover > h2:after {
opacity: 1;
color: #B60000;
}

.section-item a:hover {
color: #222;
}

.section-item:nth-child(n+2) {
margin-left: 1px;
}

.section-item p {
position: relative;
left: 0;
font-size: .85em;
color: #777;
margin: 0;
line-height: 1.3em;
}

.small-divider {
height: 1px;
background: #333;
margin: 12px 0;
}


/*******************************/
/* 5.2.1. Top CTA section: Light version */
/*******************************/

.sections.tcta-light {
background: #e5e5e5;
padding: 0 0 1px 0;
}

.sections.tcta-light .section-item {
background: #f9f9f9;
border-right-color: #e5e5e5;
}

.sections.tcta-light .section-item > h2,
.sections.tcta-light .section-item > h2:after {
color: #555;
}

.sections.tcta-light .small-divider {
background: #ddd;
}

.sections.tcta-light .section-item:hover {
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.sections.tcta-light .section-item:hover p {
color: #777;
}


/*******************************/
/* 5.3. Services section */
/*******************************/

.gray-border {
width: 100%;
border-top: 10px solid #e5e5e5;
border-bottom: 10px solid #e5e5e5;
}

.gray-border-no-top {
width: 100%;
border-top: none;
border-bottom: 10px solid #e5e5e5;
}

.gray-section {
background: #f9f9f9;
border-top: 1px solid #ddd;
}

.content-box,
.content-box-dark-bg {
border: 7px solid #e5e5e5;
transition: 0.1s;
}

.content-box {
position: relative;
background: #fff;
margin-bottom: 30px;
}

.content-box:hover,
.content-box-dark-bg:hover {
border: 7px solid #d9d9d9;
background: #fff;
}

.content-box h4,
.content-box a,
.read-more,
.read-more-dark {
text-decoration: none;
color: #000;
font-weight: 400;
font-size: 1.1em;
}

.content-box-info {
padding: 5px 10px 0 5px;
}

.content-box-info h4 {
font-size: 1.1em;
}

span.btn {
display: block;
width: 200px;
padding: 16px;
color: #333;
background-color: yellow;
font-size: 12px;
font-weight: 500;
margin: 20px auto 0;
}

.btn-read-more {
position: relative;
padding: 18px;
font-weight: 500;
background-color: #f9f9f9;
font-size: 12px;
transition: 0.1s;
color: #777;
text-transform: uppercase;
letter-spacing: 1px;
}

.btn-read-more:hover {
color: #333;
}

.btn-read-more::after {
content: "\f105";
position: absolute;
right: 20px;
top: 15px;
font-family: "FontAwesome";
font-size: 15px;
color: #999;
font-weight: 800;
transition: 0.2s;

}

.btn-read-more:hover:after {
right: 15px;
color: #333;
}

.read-more-dark::before {
content: "";
width: 7px;
height: 7px;
position: absolute;
margin: 5px 0 0 -15px;
background: #B60000;
}

a.read-more,
a.read-more-dark {
float: right;
position: relative;
font-size: 0.9em;
padding: 10px 0 10px 10px;
transition: 0.1s;
}

a.read-more:hover {
color: #000;
}

.btn-read-more:hover {
background: #fff;
}

a.read-more {
color: #999;
}

a.read-more-dark {
color: #777;
}

a.read-more-dark:hover {
color: #ddd;
}

.read-more::before {
content: "";
width: 7px;
height: 7px;
position: absolute;
top: 9px;
left: 10px;
margin: 6px 0 0 -15px;
background: #B60000;
}

.light {
background-color: #ddd;
height: 1px;
}

.dark {
background-color: #555;
height: 1px;
}

.content-box-info p {
color: #777;
font-size: 13px;
margin: 10px 0;
}

.content-box img,
.content-box-dark-bg img {
width: 100%;
}

.clear {
clear: both;
}

.footer-btn {
color: #fff;
width: 100%;
display: block;
border: 3px solid #555;
background: #333;
}

.footer a {
color: #ddd;
}


/*******************************/
/* 5.4. Feature Boxes */
/*******************************/

#features {
margin-bottom: 40px;
}
#features-1 {
margin-bottom: 40px;
}

.feature-box {
margin-bottom: 30px;
padding: 30px 20px;
border: 1px solid #ddd;
transition: 0.2s;
}

.feature-box a {
color: #333;
}

.feature-box:hover {
background: #f9f9f9;
-webkit-box-shadow: inset 0px 0px 0px 7px #e5e5e5;
-moz-box-shadow: inset 0px 0px 0px 7px #e5e5e5;
box-shadow: inset 0px 0px 0px 7px #e5e5e5;
}

.feature-box:hover > h3.feature-title,
.feature-box:hover > .feature-text,
.feature-box:hover > i {
left: 5px;
}


.feature-box .feature-title,
.feature-box .feature-text {
padding: 0 10px 0 50px;
position: relative;
left: 0;
transition: 0.2s;
}

.feature-box h3.feature-title {
font-size: 1.1em;
color: #000;
}

.feature-box p.feature-text {
margin: 0;
font-size: 13px;
line-height: 1.5em;
color: #777;
}

.feature-box i {
display: inline-block;
position: relative;
float: left;
text-align: center;
background: #ddd;
border-radius: 3px;
width: 34px;
height: 34px;
line-height: 34px;
vertical-align: middle;
left: 0;
transition: 0.2s;
}

.feature-box:hover > i {
background: #B60000;
}

#map {
height: 300px;
width: 100%;
border-top: 10px solid #e5e5e5;
}


/*******************************/
/* 5.5. Projects Gallery */
/*******************************/

.latest-projects .gallery-categories {
margin: 30px 0;
text-align: center;
}

.gallery-categories ul {
padding: 0;
margin: 0;
}

.dark {
background: #333;
width: 100%;
height: auto;
}

.gallery .item {
width: 33.33333%;
float: left;
overflow: hidden;
}

.gal-col-2 .item {
width: 49.99999%;
}

.gal-col-4 .item {
width: 24.99999%;
}

.gallery-categories ul {
list-style: none;
}

.gallery-categories ul li {
display: inline-block;
margin: 12px 0;
}

.gallery-categories ul li a {
font-size: 12px;
padding: 10px 15px;
color: #888;
background: #222;
text-decoration: none;
border-radius: 3px;
transition: 0.1s;
}

.gallery-categories ul li a:hover {
background: #000;
}

.gallery-categories ul li a.selected {
background-color: #B60000;
color: #000;
}

.gallery-categories {
width: auto;
text-align: right;
}

.section-gallery {
padding: 0;
background: #333;
}

.dark-wrap {
width: 100%;
background: #333;
}

.dark-border {
border-top: 10px solid #292929;
}

.btn-all-projects {
text-transform: uppercase;
font-weight: 500;
padding: 30px;
color: #B60000;
display: block;
width: 100%;
text-align: center;
background: #222;
text-decoration: none;
transition: 0.2s;
letter-spacing: 1px;
}

.btn-all-projects:hover {
background: #000;
color: #B60000;
}

.btn-all-projects::after {
content: "\f105";
font-family: "FontAwesome";
font-size: 18px;
color: #B60000;
position: relative;
top: 1px;
margin-left: 15px;
font-weight: 800;
transition: 0.2s;
}

.btn-all-projects:hover:after {
margin-left: 30px;
}

.p-text.p-text {
display: none;
}

.project-details {
position: relative;
top: 15%;
color: #ddd;
padding: 0 80px;
}

.project-name {
font-size: 1.2em;
display: block;
font-weight: 500;
color: #fff;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}

.project-category {
text-transform: uppercase;
font-size: 11px;
color: #B60000;
letter-spacing: 8px;
margin-bottom: 5px;
}

.project-description {
font-size: 13px;
}

.portfolio-box:hover .portfolio-box-caption {
opacity: 1;
}

.portfolio-box img {
transition: 0.5s;
width: 100%;
}

#gallery .item {
overflow: hidden;
}

.portfolio-box:hover img {
transform: scale(1.05);
}

.portfolio-box .portfolio-box-caption {
color: white;
opacity: 0;
display: block;
background: rgba(10, 10, 10, 0.8);
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
}


/*******************************/
/* 5.6. Latest News */
/*******************************/

article {
background: #fff;
border: 7px solid #ddd;
width: 100%;
display: inline-block;
}

.blog-date {
position: absolute;
margin: 0 0 0 20px;
text-align: center;
background-color: #333;
padding: 10px;
width: 50px;
font-size: .9em;
color: #fff;
}

.blog-date p span {
font-size: 1em;
}

.read-more-dark a {
color: #ddd;
}

.on-dark {
background-color: #fff;
}


/*******************************/
/* 5.7. Testimonials */
/*******************************/

ul.comments {
padding: 0;
}

ul.comments .testimonial {
margin-bottom: 40px;
}

ul.comments li:before {
content: none;
}

ul.comment-nested {
padding: 0;
margin-left: 130px;
}

.testimonials .testimonial .content-box {
margin-bottom: 80px;
}

.testimonial .content-box::before,
.comments .content-box:before {
content: "";
display: block;
position: absolute;
top: 30px;
left: -17px;
width: 5px;
height: 5px;
background: #fff;
border-right: 10px solid #e5e5e5;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
}

.testimonial .content-box,
ul.comments .content-box {
margin-left: 135px;
background: #f9f9f9;
}

.profile {
display: inline-block;
font-size: .85em;
text-align: center;
float: left;
width: 120px;
}

.testimonial .profile img {
text-align: center;
margin: 15px auto 0;
width: 72px;
height: 72px;
border-radius: 50%;
}

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

.profile p.name {
font-size: 13px;
font-weight: 400;
margin: 10px 0 0 0;
line-height: 1.36em;
}

.profile p.company {
font-size: 11px;
color: #999;
margin: 0;
}


/*******************************/
/* 5.8. CTA Footer */
/*******************************/

a.cta-footer {
position: relative;
display: block;
text-align: center;
background: #880000;
margin: 0;
padding: 20px;
text-decoration: none;
transition: 0.1s;
margin-top:-10px;
border-top: 1px solid #ddd;
}

a.cta-footer:hover {
background: #B60000;
border-top: 1px solid #B60000;
}

a.cta-footer h2 {
margin: 0;
font-size: 1.5em;
font-weight: 500;
color: #fff !important;
}

a.cta-footer h2:after {
content: "\f105";
font-family: "FontAwesome";
font-size: 22px;
color: #fff;
position: relative;
top: 1px;
margin-left: 20px;
font-weight: 800;
transition: 0.2s;
}

a.cta-footer:hover h2:after {
margin-left: 30px;
color: #fff;
}


/************************************/
/* 6. About us page */
/************************************/

#top-content-area {
background: url(../img/about/about-main-full.jpg) 50% 0 repeat fixed;
padding: 80px 0;
position: relative;
z-index: 0;
}

a.page-title {
position: relative;
left: 9px;
display: inline-block;
font-size: 1.3em;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: #B60000;
width: auto;
text-decoration: none;
padding: 8px 20px;
z-index: 99;
-ms-transform: skewX(-20deg); /* IE 9 */
-webkit-transform: skewX(-20deg); /* Safari */
transform: skewX(-20deg);
}

a.page-title span {
display: block;
-ms-transform: skewX(20deg); /* IE 9 */
-webkit-transform: skewX(20deg); /* Safari */
transform: skewX(20deg);
}

.title-content {
position: relative;
color: #fff!important;
z-index: 1;
text-align: center;
padding: 60px;
background: rgba(0,0,0,0.5);
}

.title-content h2 {
color: #fff;
font-size: 2.5em;
font-weight: 100;
}

.title-content p {
font-size: 1.3em;
font-weight: 200;
}

h1.section-title {
margin-top: 0;
}

.page-content .section-title {
margin-top: 30px;
}

.position {
position: relative;
text-decoration: none;
color: #333;
display: block;
width: 100%;
padding: 25px;
background: #f9f9f9;
margin-bottom: 20px;
transition: 0.2s;
-webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
-moz-box-shadow: inset 0px 0px 0px 1px #ddd;
box-shadow:  inset 0px 0px 0px 1px #ddd
}

.position:hover {
text-decoration: none;
color: #333;
}

.position::after {
content: "\f105";
font-family: "FontAwesome";
font-size: 22px;
color: #555;
font-weight: 800;
position: absolute;
bottom: 21px;
right: 30px;
transition: 0.2s;
}

.position:hover:after {
right: 25px;
}

.position-title {
position: relative;
left: 0;
font-weight: 400;
font-size: 1.2em;
transition: 0.2s;
}

.position:hover > .position-title {
left: 5px;
}


/*******************************/
/* 7. Project detail page */
/*******************************/

.project-photos img {
margin-bottom: 40px;
width: 100%;
}


/*******************************/
/* 8. Contact us page */
/*******************************/

.contact-detail {
font-size: 16px;
padding: 10px 0;
}


#map {
width: 100%;
height: 350px;
background-color: #CCC;
}


/*******************************/
/* 9. Blog */
/*******************************/

.blog-post {
margin-bottom: 40px;
}

.blog-post .post-title {
margin-bottom: 20px;
}

.blog-date span {
font-weight: 500;
font-size: 15px;
}

.blog-date {
line-height: 1.5em;
}

.post-info {
font-size: 11px;
margin-bottom: 10px;
color: #aaa;
}

.pagination {
margin-top: 60px;
border: 1px solid #ddd;
width: 100%;
background: #ddd;
}

.post-content .content-box {
float: none;
margin-bottom: 20px;
}

.post-content .post-info {
margin-top: 10px;
}

.testimonial .content-box-info p,
.comment .content-box-info p {
margin-top: 0;
font-style: italic;
font-size: 1em;
}

.reply {
text-transform: uppercase;
font-weight: 500!important;
font-size: 12px !important;
letter-spacing: 1px;
transition: 0.15s;
color: #999!important;
}

.reply:hover {
color: #000!important;
}

.comment {
margin-bottom: 40px;
}

.nested {
padding-left: 200px;
}

.nested-2 {
padding-left: 360px;
}

.service {
margin-bottom: 40px;
float: none;
}

.job-title {
font-size: 0.9em;
}

.team-member {
text-align: center;
}

.team-member h4 {
margin-bottom: 0;
}

.notice-box {
padding: 40px;
background: #f9f9f9;
margin-bottom: 20px;
transition: 0.15s;
border: 1px solid #ddd;
}

.notice {
font-weight: 400;
}

.notice-box h2 {
margin-bottom: 20px;
line-height: 1.2em;
}

.notice-box a:hover {
text-decoration: none;
}

.cta-link {
display: block;
border: none;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #999;
letter-spacing: 1px;
}

.cta-link:after {
content: "\f105";
font-family: "FontAwesome";
font-size: 18px;
color: #999;
font-weight: 800;
position: relative;
left: 10px;
top: 2px;
transition: 0.2s;
}


.notice-box:hover > .cta-link:after {
left: 15px;
}

.notice-box:hover,
.position:hover {
-webkit-box-shadow: inset 0px 0px 0px 7px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(0,0,0, 0.1);
box-shadow: inset 0px 0px 0px 7px rgba(0,0,0,0.1);
}

.notice-box:hover > h2,
.notice-box:hover > .cta-link:after,
.notice-box:hover > .cta-link {
color: #000;
}



/*******************************/
/* 10. Shop page */
/*******************************/


.shop-item .content-box {
display: table;
position: relative;
margin-bottom: 20px;
}

.shop-item .img-container {
width: 100%;
background: #fff;
min-height: 220px;
}

.img-inner-container {
height: 250px;
vertical-align: middle;
}

.shop-item img {
background: #fff;
position: relative;
top: 1%;
vertical-align: middle;
}

.navbar-toggle {
position: relative;
top: 15px;
background-color: #ddd;
z-index: 999;
}

.shop-item {
margin-bottom: 50px;
text-align: center;
}

.shop-item h5 {
margin-bottom: 0.2em;
}

/*******************************/
/* 11.1 Form */
/*******************************/

input, textarea {
display: block;
width: 100%;
margin-bottom: 20px;
background: #f9f9f9;
border: 1px solid #ddd;
transition: 0.2s;
}

input:focus,
textarea:focus {
background: #fff;
-webkit-box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.05) !important;
-moz-box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.05) !important;
box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.05) !important;
}

input[placeholder], input[type=submit] {
color: #333;
font-weight: 00;
letter-spacing: 0.5px;

}

textarea {
padding: 15px;
min-height: 121px;
height: auto;
font-weight: 300;
text-transform: none;
letter-spacing: 0.5px;
}

input[type=text] {
padding: 15px;
font-size: 13px;
}

input[type=submit] {
text-align: center;
position: relative;
background: #B60000;
min-width: 250px;
min-height: 50px;
width: auto;
padding: 15px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
color: #fff;
transition: 0.1s;
border-radius: 3px;
border: none;
}

input[type=submit]:hover {
background: #B61100;
}

label {
font-weight: 300;
}

.error {
padding:20px;
border:none;
display: none;
color: #d9534f;
border:solid 1px #d9534f;
font-size: 12px;
}

.error_input{
-webkit-box-shadow: inset 0px 0px 0px 3px #bbb !important;
-moz-box-shadow: inset 0px 0px 0px 3px #bbb !important;
box-shadow: inset 0px 0px 0px 3px #bbb !important;
}

.success {
padding:20px;
display: none;
color: #5cb85c;
border:solid 1px #5cb85c;
margin-bottom: 20px;
}


/*******************************/
/* 11.2. Checkbox */
/*******************************/

input[type=checkbox], input[type="radio"] {
position: absolute;
visibility: hidden;
margin: 0;
}

input[type=checkbox] + label, input[type="radio"] + label {
cursor: pointer;
}

input[type=checkbox] + label, input[type="radio"] + label {
display: block;
font-size: 12px;
padding-left: 30px;
color: #999;
font-weight: 300;
}

input[type=checkbox] + label:after, input[type="radio"] + label:after {
content: '';
width: 1px;
display: block;
margin-bottom: 7px;
}

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
color: #555;
}

input[type="checkbox"] + label:before {
left: 15px;
content: url(../img/ui/checkbox-1.png);
position: absolute;
width: 18px;
overflow: hidden;

}

input[type="checkbox"]:checked + label:before {
content: url(../img/ui/checkbox-2.png);
}


/*******************************/
/* 11.3. Radio buttons */
/*******************************/

input[type="radio"] + label:before {
left: 15px;
content: url(../img/ui/radio-1.png);
position: absolute;
width: 18px;
overflow: hidden;
}

input[type="radio"] {
width: auto;
}

input[type="radio"]:checked + label:before {
content: url(../img/ui/radio-2.png);
}

fieldset {
border: none;
margin: 0;
padding: 0;
}

legend {
font-size: 13px;
margin: 20px 0 10px 0;
}


/*******************************/
/* 11.4. Table */
/*******************************/

table {
border: 1px solid #d9d9d9;
font-size: 0.9em;
width: 100%;
text-align: left;
margin: 30px 0;
}

th {
text-transform: uppercase;
font-weight: 500;
background: #fff;
letter-spacing: 1px;
}

tr {
background: #f9f9f9;
border-top: 1px solid #ddd;
transition: 0.07s;
}

tr:hover {
background: #fff;
}

th,
td {
padding: 15px;
}

.no-top-mrg {
margin-top: 0;
}


/*******************************/
/* 11.5. Accordion */
/*******************************/

a.accordion-toggle {
display: block;
padding: 20px;
font-size: 1em;
border: 1px solid #ccc;
background: #f9f9f9;
color: #999;
}

.accordion-toggle[aria-expanded="true"] {
text-decoration: none;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
background: #fff;
color: rgb(51, 51, 51);
}

.panel-title {
font-size: 1.1em;
font-weight: 300;
}

.panel-heading {
padding: 0;
}

.panel-group .panel + .panel {
margin-top: -2px;
}

.panel-body {
color: #777;
background: #e5e5e5;
border: 1px solid #ccc;
border-top: 0;
font-size: 0.9em;
padding: 25px 20px;
}

.panel-body p:first-child {
margin-top: 0;
}

.panel-body p:last-child {
margin-bottom: 0;
}

.panel {
border: none;
}


/*******************************/
/* 11.6. Tabs */
/*******************************/

.nav-tabs > li a {
border: 1px solid #ccc;
margin-right: -1px;
background: #f9f9f9;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a {
color: #999;
padding: 20px 30px;
font-size: 1.1em;
font-weight: 300;
border-radius: 0;
margin-right: -1px;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: rgb(51, 51, 51);
border: 1px solid #ccc;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
background: none;
}

.nav-tabs > li.active > a {
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
}

.tab-content {
color: #777;
background: #f9f9f9;
border: 1px solid #ccc;
padding: 30px;
font-size: 0.9em;
}

.tab-content p:first-child {
margin-top: 0;
}


/*******************************/
/* 11.7. Mobile menu button */
/*******************************/

.navbar-toggle .icon-bar {
background: #ddd;

}

.navbar-toggle {
background-color: #000;
border: 1px solid #333;
}

.toggled {
background: #B60000;
border-color: #B60000;
}

.toggled .icon-bar {
background: #333
}


/*******************************/
/* 11.8. Slick slider */
/*******************************/

.slick-slider {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
margin: 20px 0;
}

/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
display: inline-block;
position: absolute;
top: -100px;
width: 50px;
height: 50px;
background: #f9f9f9;
border: 1px solid #ddd;
transition: 0.2s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
color: transparent;
outline: none;
}

.dark-wrap .slick-prev,
.dark-wrap .slick-next {
background: #393939;
border: 1px solid #555;
}

.dark-wrap .slick-prev:hover,
.dark-wrap .slick-next:hover {
background: #333;
border: 1px solid #555;
}

.slick-prev {
right: 64px;
}

.slick-prev:before {
content: "\f104";
right: 0px;
bottom: 1px;
font-family: "FontAwesome";
font-size: 22px;
color: #555;
font-weight: 800;
}

.slick-next:before {
content: "\f105";
right: 7px;
bottom: 1px;
font-family: "FontAwesome";
font-size: 22px;
color: #555;
font-weight: 800;
}

.slick-prev:before,
.slick-next:before {
position: relative;
left: 0;
font-family: "FontAwesome";
font-size: 22px;
color: #555;
font-weight: 800;
transition: 0.2s;
opacity: 0.2;
}

.slick-next {
right: 15px;
}

.dark-wrap .slick-next:before,
.dark-wrap .slick-prev:before {
color: #ddd;
}

.slick-prev:hover,
.slick-next:hover {
background: #fff;
}

.slick-prev:hover:before {
left: -4px;
}

.slick-next:hover:before {
left: 4px;
}

.slick-prev:hover:before,
.slick-next:hover:before {
opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}

#clients-carousel .item {
display: table;
}

#clients-carousel .item {
display: table-cell;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}

#clients-carousel .item img {
width: auto;
margin: 0 auto;
}
/*******************************/
/* 12. Media queries */
/*******************************/
/* Fix mobile menu position */
@media (max-width: 991px) {
#mainmenu.collapse.in,
#mainmenu.collapse.show {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 9999;
color: #fff !important;
margin-top: 0 !important;
}
.header-wrapper {
position: relative;
}
#mainmenu > li > a{
color: #fff !important;
}
}
/* Hide submenu by default on mobile */
@media (max-width: 991px) {
  ul.submenu {
    display: none;
    position: static;
    box-shadow: none;
  }
  li.has-children.open > ul.submenu {
    display: block;
  }
}
@media screen and (max-width: 1366px)  {
.carousel-content {
top: 25%;
}

#mainmenu li:last-child a {
padding-right: 20px;
}
}

@media screen and (max-width: 1300px)  {

}

@media screen and (max-width: 768px) {

#footer h4 {
margin-top: 25px;
}

.section-item h2 {
font-size: 20px;
}

.section-item {
display: block;
width: 100%;
margin-bottom: 1px;
padding: 25px 20px;
}
.small-divider {
display: none;
}

.gallery .item {
width: 100%;
}
}

@media (min-width: 1400px) {


}

@media (max-width: 1200px) {

.carousel-content h1 {
font-size: 3.5em;
}

.carousel-content p {
font-size: 1em;
}
}

@media (min-width: 768px) and (max-width: 1366px) {

#slider-fullwidth .carousel-inner > .item > img {
max-width: 120%;
width: 120%;
}
}

@media (min-width: 768px) and (max-width: 1200px) {

.notice-box {
padding: 30px;
}

.notice-box h2 {
font-size: 1.6em;
}
}

@media screen and (max-width: 990px) {

header {
min-height: 80px;
position: static!important;
line-height: 1.42857143;
}

.navbar-collapse {
box-shadow: none;
border-top: none;
}

header #logo {
margin-left: 10px;
}

#footer-bot,
#footer-bot ul {
float: none;
text-align: center;
margin-top: 20px;
}

#footer-logo {
margin: 20px;
}

.carousel-control {
position: static;
display: inline-block;
margin: 10px 20px;
}

#slider-fullwidth {
max-height: none;
}

.carousel-control.right {
float: right;
}

nav {
position: relative;
top: 25px;
padding-bottom: 50px;
}

nav ul {
float: none;
}

li.has-children::after {
content: '';
}

.carousel-content h1 {
font-size: 2.5em;
}

.gallery .item {
width: 49.99999%;
}

#slider-fullwidth {
position: static;
}

nav ul li {
width: 100%;
}

#mainmenu li ul li {
position: relative;
}

#mainmenu li ul li:before {
content: '-';
position: absolute;
left: 18px;
top: 15px;
color: #555;
}

ul#mainmenu {
width: 100%;
border-top: none;
}

#mainmenu a {
display: block;
line-height: normal;
}

#mainmenu li ul li ul {
position: static!important;
visibility: visible;
}

#mainmenu li ul li ul li a {
padding-left: 60px;
}

#mainmenu li ul li ul li:before {
left: 35px;
color: #353535;
}
#mainmenu li ul li {
background: #111;
}

#mainmenu li ul li ul li a {
background: #0c0c0c;
}

#mainmenu li ul li a {
padding-left: 40px;
}

#mainmenu li:before {
content: none;

}

#mainmenu > li > a {
background: #1a1a1a;
border: 1px solid #000;
border-bottom: none;
}

#mainmenu li a:hover {
background: #000!important;
}

.navbar-collapse {
padding: 0;
}

#mainmenu ul {
display: block;
width: 100%;
position: static;
visibility: visible;
opacity: 1;
margin-top: 0px;
}

.carousel-content h1 {
font-size: 2.5em;
}

.subnav-item {
display: block;
margin-left: 0;
border-bottom: 1px solid #191919;
}

.subnav-item p, .subnav-item a {
font-size: 12px;
}

.subnav .social {
margin: 20px 0;
}

.carousel-control.left {
float: left;
}

#slider-fullwidth {
position: relative;
}

.carousel-control {
position: absolute;
bottom: 25px;
top: auto;
margin: 0;
}
}

@media screen and (min-width: 769px) {

img.hide-on-desk {
display: none!important;
}
}


@media screen and (max-width: 768px) {

section {
padding: 60px 0;
}

body {
font-size: 12px;
}

img.hide-on-mobile {
display: none!important;
}

.btn {
min-width: 130px;
}

.title-content {
padding: 40px 30px;
}

.title-content h2 {
font-size: 2em;
}

.title-content p {
font-size: 1em;
}

#top-content-area {
padding: 70px 0;
}

.section-item h2 {
margin-bottom: 10px;
}

.feature-box {
margin-bottom: 20px;
}

.team-member .content-box-info {
padding: 20px 15px;
}

.team-member .content-box-info h4 {
font-size: 1em;
}

}

@media screen and (min-width: 480px) and (max-width: 768px) {

#slider-content {
margin: 0 10%;
padding: 15% 0 0 0;
}

#slider-content p {
font-size: 2em;
}

.carousel-content h1 {
font-size: 2.5em;
}
}

@media screen and (max-width: 680px) {

ul.comment-nested {
margin-left: 20px;
}

.nested-2 {
padding-left: 40px;
}

.testimonial .profile img {
width: 64px;
height: 64px
}

.testimonial .profile {
width: 90px
}

.testimonial .content-box {
margin-left: 100px!important;
}

.testimonial .content-box::before,
.comments .content-box:before {
top: 15px;
}
}

@media screen and (max-width: 480px) {

nav ul {
display: none;
}

#slider-content p {
font-size: 1.75em;
}

.carousel-content h1 {
font-size: 2em;
}

.carousel-content {
padding: 0 30px;
}

.carousel-content {
height: 60%;
}

.slide-title .divider-dark {
margin-bottom: 20px;
}
}