@charset "utf-8";
/* Custom Styles for SuperYacht References website created by Monsters Edge */

/* FONTS */
a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; outline: none; color: #231f20; text-decoration: none;}
a:hover { text-decoration:none; color: #cfb687;}
a:focus { outline: none;}

/* SPACING CLASSES */
.pad30 { padding: 30px;}
.pad60 { padding: 60px;}
.pad90 { padding: 90px;}
.pad120 { padding: 120px;}
.padX30 { padding: 0 30px;}
.padX60 { padding: 0 60px;}
.padX90 { padding: 0 90px;}
.padX120 { padding: 0 120px;}
.padY30 { padding: 30px 0;}
.padY60 { padding: 60px 0;}
.padY90 { padding: 90px 0;}
.padY120 { padding: 120px 0;}
.padY150 { padding: 150px 0;}

/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6 { font-family: alda,serif; font-weight: 300; font-style: italic; margin: 0 0 25px 0; color: #303e48;}
.content h2, .content h3 { font-style: normal; font-family: semplicitapro,sans-serif; text-transform: uppercase;}
p { font-size: 0.95rem; margin: 0 0 25px 0;}
.gold { color: #cfb687;}
img.pull-left { position: relative; left: -60px;}
img.pull-right { position: relative; right: -60px;}
.text-highlight { color: #a28871; letter-spacing: 1px; font-size: 1.2rem;}
.grey-bg { background-color: #f3f3f3;}
.underlined  { font-family: semplicitapro,sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 30px 0; background: url("../images/title-underline.png") bottom center no-repeat; margin: 0 0 30px 0;}

/* GENERAL */
html,body { height: 100%; min-height: 100%; overflow-x: hidden;}
body { font-family: semplicitapro,sans-serif; font-weight: 300; position: relative;}

header { height: 100%; background: url("../images/header-bg.jpg") center center no-repeat; background-size: cover; position: relative;}
header.internal { background: #25303b; background-image: none; height: auto;}
#top-bar { background: url("../images/menu-bg.png") 0 0 repeat; border-bottom: 1px solid #cfb687; padding: 0;}
#links-bar { background: url("../images/header-links-bg.png") top center no-repeat; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 1px; color: #fff; padding: 17px 0; font-weight: 400;}
#links-bar a { color: #cfb687; text-decoration: none;}
#intro { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; width: 80%;}
#intro h1 { font-size: 5rem; color: #fff;}
#intro h2 { font-size: 3rem; font-style: normal; font-family: semplicitapro,sans-serif; color: #fff;}
#intro p { text-transform: uppercase; font-size: 1.1rem;}
#intro p span { margin: 0 15px;}
#down { position: absolute; bottom: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

#banner { position: relative;}
#banner h1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; font-size: 3.5rem; width: 90%; text-align: center; margin: 0;}
#banner h1 .icon { margin-bottom: 15px;}
#banner h1 span { display: block;}

#services { background: url("../images/services-carousel-bg.jpg") center center no-repeat; background-size: cover; position: relative;}
#carousel-services .carousel-item { padding: 150px 0; z-index: 100; position: relative; height: 610px;}
#carousel-services .carousel-item h3 { font-size: 2.75rem; margin: 0 0 50px 0;}
#carousel-services .carousel-item h4 { font-size: 1.8rem;}
#carousel-services .carousel-item p { max-width: 600px; margin: 0 auto 15px auto; font-size: 0.9rem;}
#carousel-services .carousel-item .icons { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#carousel-services .carousel-item a { text-decoration: none; color: #95775d; font-weight: 500; font-size: 0.9rem;}
#carousel-services .carousel-item a:hover { color: #303e48;}
#carousel-services .carousel-item a i { margin-right: 5px;}
#carousel-services ul#links { list-style: none; padding: 0; margin: 0;}
#carousel-services ul#links li { display: inline-block; text-align: center; margin: 0 25px;}
#carousel-services ul#links li a { text-decoration: none;}
#carousel-services ul#links li a img { max-height: 60px;}
#carousel-services ul#links li a span { display: block; padding: 25px 0; color: #aa9867; text-transform: uppercase; font-size: 0.6rem; font-weight: 400; letter-spacing: 1px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
#carousel-services ul#links li a:hover span { color: #303e48;}

#carousel-services .carousel-item ul.service-icons { list-style: none; padding: 0; margin: 0; width: 274px; height: 34px; background: url("../images/service-icons-bg-lines.png") 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: left;}
#carousel-services .carousel-item ul.service-icons li { display: inline-block; margin-right: 22px;}
#carousel-services .carousel-item ul.service-icons li:last-child { margin: 0;}

.carousel-indicators { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; top: 0; left: 0; margin: 0; width: 12px; z-index: 120;}
.carousel-indicators [data-bs-target] { height: 4px; width: 4px; opacity: 1; background-color: #cfb687; border: 1px solid transparent; border-radius: 50%; margin-bottom: 30px;}
.carousel-indicators .active { background-color: #a09167; border: 1px solid #a09167;}
.carousel-indicators [data-bs-target]:hover { background-color: #a09167;}
.controls { width: 100px; position: relative; margin: 0 auto;}
.carousel-control-next, .carousel-control-prev { top: inherit; bottom: 0; width: auto; opacity: 1; z-index: 110;}
.carousel-item { -webkit-transition: -webkit-transform 1s ease-in-out; transition: -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out; transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;}
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end { -webkit-transition: opacity 1s; transition: opacity 1s;}

#overview h5 { font-family: semplicitapro,sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
#overview a:hover h5 { color: #cfb687;}
#overview a { color: #95775d; font-weight: 500;}
#overview a:hover { color: #303e48;}
#overview a i { margin-right: 5px;}

ul#partners { list-style: none; padding: 0; margin: 0; text-align: center;}
ul#partners li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 180px; margin: 0 30px;}
ul#partners li a img { margin-bottom: 15px;}
ul#partners li a span { display: block; color: #aa9867; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
ul#partners li a:hover span { color: #303e48;}

#services-overview { border-top: 10px solid #aa9867; color: #fff; background: url("../images/services-bg.jpg") center center no-repeat; background-size: cover;}
#services-overview h2 { color: #fff; font-size: 2.75rem; font-weight: 100; margin: 0 0 50px 0;}
#services-overview ul#links { list-style: none; padding: 0; margin: 0;}
#services-overview ul#links li { display: inline-block; text-align: center; margin: 0 25px;}
#services-overview ul#links li a { text-decoration: none;}
#services-overview ul#links li a img { max-height: 52px;}
#services-overview ul#links li a span { display: block; padding: 25px 0; color: #fff; text-transform: uppercase; font-size: 0.6rem; font-weight: 500; letter-spacing: 1px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
#services-overview ul#links li a:hover span { color: #cfb687;}

.service, .contact { background-color: #f3f3f3;}
.service h2, .contact h2 { font-family: semplicitapro,sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 30px 0; background: url("../images/title-underline.png") bottom center no-repeat; margin: 0 0 30px 0; font-size: 1.6rem;}
.service ul.styled-list { list-style: none; margin: 0; padding: 0;}
.service ul.styled-list li { width: 100%; background-color: #fff; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 1px; display: block; padding: 5px; margin-bottom: 10px;}
.service ul.styled-list li::before { content: " ";}
.service ul { list-style: none; padding: 0; margin: 0 0 25px 0;}
.service ul li { padding-left: 1em; text-indent: -.7em; margin-bottom: 8px;}
.service ul li::before { content: "• "; color: #aa9867;}

.contact a { border-bottom: 1px solid #c6c6c8;}
#global-representatives-outer { border: 1px solid #fff; padding: 20px;}
#global-representatives { background: url("../images/gloabl-bg.jpg") top center no-repeat; background-size: cover; color: #fff; -webkit-box-shadow: 0 40px 20px -20px #ccc; box-shadow: 0 40px 20px -20px #ccc;}
#global-representatives h3 { font-family: semplicitapro,sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 30px 0; background: url("../images/title-underline.png") bottom center no-repeat; margin: 0 0 30px 0; font-size: 1.6rem; color: #fff;}
ul#countries { list-style: none; padding: 0; margin: 0;}
ul#countries li { display: inline-block; font-weight: 500; margin: 0 30px; vertical-align: top; text-align: center;}
ul#countries li span { display: block; font-size: 0.9rem; text-transform: uppercase; line-height: 1.5rem;}
ul#countries li a { color: #fff; text-decoration: none;}
ul#countries li a:hover { color: #cfb687;}

ul.nav-tabs { border: none;}
ul.nav-tabs li { background-color: transparent; margin: 0 30px 0 0;}
ul.nav-tabs li:last-child { margin: 0;}
ul.nav-tabs li a { color: #7b848b; background-color: #dddee1 !important; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; font-size: 1.1rem; padding: 15px; border-radius: 0 !important; border: none !important;}
ul.nav-tabs li a.active, ul.nav-tabs li a:hover { color: #fff !important; background-color: #a09167 !important;}
#service-tabs-content a { text-decoration: none; color: #95775d; font-weight: 500; font-size: 0.9rem;}
#service-tabs-content a:hover { color: #303e48;}
#service-tabs-content a i { margin-right: 5px;}
#service-tabs-content .tab-pane h5 { font-weight: 600; color: #aa9867; font-family: semplicitapro,sans-serif; font-style: normal; font-size: 1.1rem; letter-spacing: 1px;}
#service-tabs-content .tab-pane ul { margin: 0 0 25px 0; font-size: 0.9rem; list-style: none; padding: 0;}
#service-tabs-content .tab-pane ul li { padding-left: 1em; text-indent: -.7em; margin-bottom: 8px;}
#service-tabs-content .tab-pane ul li::before { content: "• "; color: #aa9867;}
#service-tabs-content .text-tab { max-width: 640px;}
#service-tabs-content .tab-image { padding-right: 60px;}

#support-panel { color: #fff; background: url("../images/support-panel-bg.jpg") center center no-repeat; background-size: cover;}
#support-panel.what { color: #fff; background: url("../images/support-panel-bg-2.jpg") center center no-repeat; background-size: cover;}

.stage-box { margin-bottom: 30px;}
.stage-title { background-color: #303e48; color: #cfb687; font-family: alda,serif; font-weight: 300; font-style: italic; padding: 15px; font-size: 2.4rem; line-height: 2.4rem;}
.stage-title span { display: block; font-family: semplicitapro,sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; font-size: 0.8rem;}
.stage-text { background-color: #5f6972; color: #fff; padding: 30px 50px; min-height: 350px;}

#company-overview { background-color: #233746; color: #fff; font-size: 0.9rem;}

.partner-association .link { display: block; position: relative;}
.partner-association .link span { background-color: #a09167; color: #fff; display: block; padding: 15px; text-align: center; font-size: 0.9rem; font-weight: 500; position: absolute; bottom: -24px; left: 50%; width: 90%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 20px 15px -15px #ccc; box-shadow: 0 20px 15px -15px #ccc;}
.partner-association hr { border-color: #fff; opacity: 1; margin: 80px 0 60px 0;}
.partner-association h5 { font-family: semplicitapro,sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: 1px; color: #aa9867; margin: 15px 0;}

.dotted-line { border-right: 1px dotted #ccc;}
.column-title { background-color: #303e48; color: #fff;}
.column-title h3 { color: #fff; font-family: alda,serif; font-weight: 300; font-style: italic; text-transform: none; font-size: 1.9rem; padding: 10px 15px 15px 15px; text-align: center;}
ul.categories { list-style: none; padding: 0; margin: 0;}
ul.categories li { padding: 15px 0; border-bottom: 1px solid #bcbdc0;}
ul.categories li a { color: #3f5364; font-size: 1.2rem;}
ul.categories li a:hover { color: #aa9867;}
.article-summary { padding-bottom: 25px;}
.article-summary h5 { color: #000; font-family: semplicitapro,sans-serif; font-style: normal;}
.article-summary .date { background-color: #3f5364; color: #fff; display: inline-block; text-transform: uppercase; font-size: 0.7rem; padding: 5px 15px; margin-bottom: 25px;}
.article-summary p a { color: #aa9867; font-weight: 500;}
.article-summary p a:hover { color: #3f5364;}
.pagination { color: #808080; font-size: 0.9rem;}
ul.pages { list-style: none; padding: 0; margin: 0;}
ul.pages li { padding: 0 15px 0 0; display: inline-block;}
ul.pages li a { color: #808080;}
ul.pages li a:hover { color: #000;}
.article-detail h2 { color: #000; font-family: semplicitapro,sans-serif; font-style: normal; text-transform: none; font-size: 1.8rem;}
.article-detail .date { background-color: #3f5364; color: #fff; display: inline-block; text-transform: uppercase; font-size: 0.7rem; padding: 8px 15px; margin-bottom: 40px; font-weight: 500;}
.article-detail .link { background-color: #a09167; color: #fff; display: inline-block; font-size: 0.9rem; padding: 12px 60px; font-weight: 500;}
.article-detail .link:hover { background-color: #3f5364;}
.article-detail h6 { font-family: semplicitapro,sans-serif; font-style: normal; text-transform: uppercase; font-size: 0.7rem; font-weight: 500;}
ul.category-tags { list-style: none; padding: 0; margin: 0 0 25px 0;}
ul.category-tags li { display: inline-block; margin-right: 5px;}
ul.category-tags li a { color: #3f5364; background-color: #fff; font-size: 1rem; display: block; padding: 5px 12px;}
ul.category-tags li a:hover { background-color: #3f5364; color: #fff;}

footer { background-color: #3f5364; color: #fff;}
footer h6 { color: #fff; margin: 0 0 5px 0; font-family: semplicitapro,sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem;}
footer ul { list-style: none; padding: 0; margin: 0;}
footer ul li { margin: 0 0 5px 0;}
footer ul li a { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem;}
footer .divider-line { background: url("../images/wave-divider.png") 0 0 no-repeat;}
footer p { font-size: 0.85rem; line-height: 1.6rem;}
footer a { color: #fff;}
ul.social { list-style: none; padding: 0; margin: 0;}
ul.social li { display: inline-block; margin: 0 15px;}
ul.social li a { color: #8c98a2; font-size: 1.5rem;}
ul.social li a:hover { color: #fff;}

#copyright { background-color: #303e48; color: #fff; padding: 30px 0; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem;}
#footer-links { padding: 30px 0;}
#footer-links a { display: inline-block; margin: 0 10px; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem;}

/* NAVIGATION */
.navbar, .navbar-brand { padding: 0;}
.navbar .nav-item { margin: 0 15px;}
.navbar .nav-item .nav-link { font-weight: 500; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; padding: 45px 0px; border-bottom: 2px solid transparent; color: #fff;}
.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link.show { border-bottom: 2px solid #cfb687;}
.navbar-nav .dropdown-menu { top: 110px; left: -30px; width: 270px; min-width: 150px; text-align: center; border: 0; background-color: rgba(0,0,0,0.75); border-radius: 0; border-bottom: 1px solid #cfb687; padding: 15px 0;}
.navbar-nav .dropdown-menu .dropdown-item, .navbar-nav .dropdown-menu .nav-item .nav-link { color: #fff; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; padding: 8px 0;}
.navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .nav-item .nav-link:hover { background-color: transparent; color: #cfb687;}
.navbar-nav .has-megamenu .dropdown-menu { top: 112px; padding: 0;}
.megamenu ul { list-style: none; padding: 0; margin: 0; font-size: 0;}
.megamenu ul li { width: 20%; position: relative; display: inline-block; margin: 0; padding: 0;}
.megamenu ul li a span { position: absolute; bottom: 0; left: 0; width: 100%; display: block; color: #fff; background-color: rgba(0,0,0,0.5); padding: 15px; text-transform: uppercase; font-size: 0.85rem; font-weight: 500; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.megamenu ul li a:hover span { color: #cfb687;}

@media all and (min-width: 992px) {
  .navbar .has-megamenu { position: static !important;}
  .navbar .megamenu { left: 0; right: 0; width: 100%; margin-top: 0;}
}	
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { overflow-y: auto; max-height: 90vh; margin-top: 10px;}
}

/* BUTTONS */
.btn { text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; padding: 10px 30px; font-weight: 500; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.btn-primary { border-radius: 20px; background-color: #d7a360; border-color: #d7a360; color: #fff;}
.btn-primary:hover { background-color: transparent; border-color: #cfb687; color: #cfb687;}

/* FORMS */
.form-control, .form-select { border-radius: 0; border-color: #fff; background-color: #f3f3f3; padding: 10px 15px; height: auto; font-size: 0.9rem;}
.form-check-label { font-size: 0.8rem;}
.form-check-input { border-radius: 0 !important; border-color: #333; background-color: #f3f3f3;}

/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
    img.pull-right { right: 0px;}
    ul#partners li { margin: 0 15px;}
    .stage-text { min-height: 360px;}
    ul#countries li { margin: 0 20px;}
    #service-tabs-content .text-tab { max-width: 460px;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    img.pull-right { right: 0px;}
    ul#partners li { margin: 0 5px;}
    .stage-text { min-height: 290px;}
    ul#countries li { margin: 0 10px;}
}

/* #Mobile Devices
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 959px) {
    .container { max-width: 100%;}
    img.pull-left { left: 0px;}
    img.pull-right { right: 0px;}
    header, header .col-12 { padding: 0 !important;}
    .navbar-brand { padding: 15px 30px; z-index: 130;}
    .navbar-toggler { border: none; font-size: 2rem; color: #fff; z-index: 130; margin-right: 15px;}
    .navbar-toggler:focus { -webkit-box-shadow: none; box-shadow: none;}
    .navbar-toggler span { display: block; background-color: #fff; height: 2px; width: 25px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform-origin: center left; transform-origin: center left;}
    .navbar-toggler span:nth-child(1) { margin-top: 0.3em;}
    .navbar-toggler:not(.collapsed) span:nth-child(1) { -webkit-transform: translate(10%, 0%) rotate(45deg); transform: translate(10%, 0%) rotate(45deg);}
    .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0;}
    .navbar-toggler:not(.collapsed) span:nth-child(3) { -webkit-transform: translate(10%, 200%) rotate(-45deg); transform: translate(10%, 200%) rotate(-45deg); width: 25px; margin-left: 0;}
    .navbar-toggler span:nth-child(1) { -webkit-transform: translate(0%, 0%) rotate(0deg); transform: translate(0%, 0%) rotate(0deg);}
    .navbar-toggler span:nth-child(2) { opacity: 1;}
    .navbar-toggler span:nth-child(3) { -webkit-transform: translate(0%, 0%) rotate(0deg); transform: translate(0%, 0%) rotate(0deg);}
    .navbar-nav { background-color: #303e48; padding: 80px 0 15px 0; height: 100vh !important; position: absolute; top: 0px; left: 0; width: 100% !important; z-index: 120;}
    .navbar .nav-item { margin: 0;}
    .navbar .nav-item:first-child .nav-link { border-top: 1px solid #1d282f;}
    .navbar .nav-item .nav-link { font-size: 1rem; padding: 15px 30px; border-bottom: 1px solid #1d282f; background-color: #303e48;}
    .navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link.show { border-bottom: 1px solid #1d282f;}
    .navbar-nav .dropdown-menu { width: 100%; text-align: left; background-color: transparent; padding: 0px; border: none;}
    .navbar-nav .dropdown-menu .dropdown-item { border-bottom: 1px solid #a38f69;}
    .navbar-nav .dropdown-menu li:last-child .dropdown-item { border-bottom: 1px solid #1d282f;}
    .navbar-nav .dropdown-menu .dropdown-item, .navbar-nav .dropdown-menu .nav-item .nav-link { color: #cfb687; font-size: 0.8rem; padding: 15px 30px;}
    .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .nav-item .nav-link:hover { background-color: transparent; color: #fff;}
    .navbar .nav-link.dropdown-toggle { background: url("../images/icon-plus.png") 92% 17px no-repeat;}
    .navbar .nav-link.dropdown-toggle.show { background: url("../images/icon-minus.png") 92% 17px no-repeat;}
    .navbar .nav-link.dropdown-toggle::after { display: none;}
    .megamenu ul li { width: 100%; position: relative; display: block; border-bottom: 1px solid #a38f69;}
    .megamenu ul li:last-child { border-bottom: 1px solid #1d282f;}
    .megamenu ul li a img { display: none;}
    .megamenu ul li a span { position: static; bottom: 0; left: 0; width: 100%; display: block; color: #cfb687; background-color: transparent; padding: 15px 30px; font-size: 0.8rem;}
    .megamenu ul li a:hover span { color: #fff;}
    .navbar { height: 100%;}
/*    .mob-links { position: absolute; bottom: 90px; left: 0; width: 100%; text-align: center; z-index: 100;} */
    .mob-links { position: absolute; bottom: inherit; left: inherit; width: 100%; text-align: right; z-index: 100; top: 30px; padding-right: 80px; display: none !important; }
    #service-tabs-content .text-tab { max-width: auto; padding-right: 30px;}
    #service-tabs-content .tab-image { padding-right: 0px;}
    .carousel-indicators { display: none;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 926px) {
    #intro h1 { font-size: 4rem;}
    #intro h2 { font-size: 2rem;}
    .mob-links { bottom: inherit; left: inherit; top: 30px; text-align: right; padding-right: 80px;}
    .navbar-nav { padding: 100px 0 30px 0;}
    .navbar .nav-link.dropdown-toggle { background: url("../images/icon-plus.png") 96% 17px no-repeat;}
    .navbar .nav-link.dropdown-toggle.show { background: url("../images/icon-minus.png") 96% 17px no-repeat;}
}

@media only screen and (min-width: 480px) and (max-width: 926px) and (max-height: 926px) {
    #intro { top: 90%; -webkit-transform: translate(-50%,-90%); transform: translate(-50%,-90%); width: 90%;}
    #intro h1 { font-size: 3rem; margin: 0 0 15px 0;}
    #intro h2 { font-size: 1.6rem; margin: 0 0 15px 0;}
    #intro p { font-size: 1rem;}
    #down { display: none;}
}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .padY30,.padY60,.padY90,.padY120,.padY150 { padding: 30px 0;}
    .navbar-brand img { max-width: 220px;}
    .mob-links { bottom: 15px;}
    #links-bar { font-size: 0.6rem; padding: 12px 0 11px 0;}
    #links-bar a { color: #cfb687; text-decoration: none;}
    #intro h1 { font-size: 4rem;}
    #intro h2 { font-size: 2rem;}
    #banner h1 { font-size: 2rem;}
    #carousel-services .carousel-item { padding: 80px 0; height: 580px;}
    #carousel-services .carousel-item h3, #services-overview h2 { font-size: 2rem; margin: 0 0 30px 0;}
    #carousel-services ul#links li, #services-overview ul#links li { margin: 0 10px;}
    #overview .mob-pad { padding: 0 30px 40px 30px;}
    #support-panel { padding: 200px 30px 30px 30px;}
    ul.nav-tabs li { width: 45%;}
    ul.nav-tabs li a { font-size: 0.8rem; letter-spacing: 1px;}
    #service-tabs-content .tab-pane .pull-left { margin-top: 25px;}
    .stage-text { min-height: inherit;}
    #global-representatives { background: #000516 url("../images/gloabl-bg-mob.jpg") top center no-repeat;}
    #service-tabs-content .text-tab { padding: 0 30px 30px 30px;}
    footer .divider-line { background: url("../images/wave-divider-horizontal.png") top center no-repeat; padding-top: 30px;}
    .partner-association .logo { margin-top: 45px;}
    .partner-association hr { margin: 5px 0 30px 0;}
    .partner-association .link { padding-top: 30px;}
    .partner-association .link span { bottom: inherit; top: 3px; -webkit-box-shadow: 0 20px 15px -15px #333; box-shadow: 0 20px 15px -15px #333;}
    .article-summary { padding-bottom: 0px;}
    .article-summary { border-bottom: 1px solid #fff; margin-bottom: 25px;}
    ul.categories { margin: 0 0 50px 0;}
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.service, .contact, .interest { background-color: #f3f3f3; }
.service h2, .contact h2, .interest h2 { font-family: semplicitapro, sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 30px 0; background: url("../images/title-underline.png") bottom center no-repeat; margin: 0 0 30px 0; font-size: 1.6rem; }
.btn-primary.square { border-radius: 0px; background-color: transparent; border-color: #a28871; color: #a28871; text-transform: none; font-size: 0.9rem; padding: 15px 60px; }
.btn-primary.square:hover { background-color: #a28871; border-color: #a28871; color: #fff; }
.m-btn { padding: 8px 15px; font-size: 0.6rem; z-index: 150; }