/* ==========================================================================
	Global Settings
========================================================================== */

@font-face { font-family: 'brooklyn'; src: url('../fonts/brooklynmedium.eot'); src: url('../fonts/brooklynmedium.eot') format('embedded-opentype'), url('../fonts/brooklynmedium.woff2') format('woff2'), url('../fonts/brooklynmedium.woff') format('woff'), url('../fonts/brooklynmedium.ttf') format('truetype'), url('../fonts/brooklynmedium.svg#brooklyn') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'brooklyn'; src: url('../fonts/brooklyn-bold-webfont.eot'); src: url('../fonts/brooklyn-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brooklyn-bold-webfont.woff2') format('woff2'), url('../fonts/brooklyn-bold-webfont.woff') format('woff'), url('../fonts/brooklyn-bold-webfont.ttf') format('truetype'), url('../fonts/brooklyn-bold-webfont.svg#brooklyn') format('svg'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'brooklyn'; src: url('../fonts/brooklyn-extrabold-webfont.eot'); src: url('../fonts/brooklyn-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brooklyn-extrabold-webfont.woff2') format('woff2'), url('../fonts/brooklyn-extrabold-webfont.woff') format('woff'), url('../fonts/brooklyn-extrabold-webfont.ttf') format('truetype'), url('../fonts/brooklyn-extrabold-webfont.svg#brooklyn') format('svg'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'brooklyn'; src: url('../fonts/brooklynbook.eot'); src: url('../fonts/brooklynbook.eot') format('embedded-opentype'), url('../fonts/brooklynbook.woff2') format('woff2'), url('fonts/brooklynbook.woff') format('woff'), url('../fonts/brooklynbook.ttf') format('truetype'), url('../fonts/brooklynbook.svg#brooklyn') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
* Body settings, change it as required
*/
body { font-size: 1em; line-height: 1.2; background: #000; }
#container { background: #fff; }
/*
* Headings
*/
h1, h2, h3, h4, h5, h6 { font-family: "brooklyn", sans-serif; text-transform: uppercase; font-weight: bold; text-rendering: optimizeLegibility; margin-top: 0px; }
/*
* Paragraphs
*/
p { font-weight: normal; margin-top: 0px; }
/*
* Links
*/
a, a:hover { color: inherit; text-decoration: none; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
* Remove the gap between images and the bottom of their containers.
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*
* Remove default fieldset styles.
*/
fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: vertical; }
/*
* Other
*/
*:focus { outline: none !important; }
/* ==========================================================================
	Helper classes
========================================================================== */
/*
* Image Alignment
*/
img.alignleft { float: left; margin: 0 10px 10px 0; display: block; }
img.alignright { float: right; margin: 0 0px 10px 10px; display: block; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden { display: none !important; visibility: hidden; }
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible { visibility: hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height: 1px; line-height: 1px; }
/*
* Other
*/

/* ==========================================================================
	Layout
========================================================================== */
/*
*Header
*/
#header { position: absolute; width: 100%; top: 31px; left: 0; z-index: 10000; }
.admin-bar #header { top:63px; }
.home #header .col-lg-4.col-md-3 { left: -50%; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.home #header .col-lg-8.col-md-9 { left: -100%; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; }
.home #header.fixed .col-lg-4.col-md-3 { left: 0%; transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.home #header.fixed .col-lg-8.col-md-9 { left: 0%; transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -webkit-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -moz-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -o-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; -ms-transition: left .5s cubic-bezier(0.19, 1, 0.22, 1) 1s; }
.home #header.without-animation .col-lg-4.col-md-3 ,.home #header.without-animation .col-lg-8.col-md-9 { transition:none !important; }
#header .container { max-width: 100%; padding: 0; }
#header .row { margin: 0; }
#header .col-sm-9 { background: rgba(51,51,51,1); }
#header .col-lg-4, #header .col-lg-8, #header .col-md-3, #header .col-md-9, #header .col-sm-3, #header .col-sm-9 { padding: 0; }
#header .logo { background: #000000; padding: 17px 1px 2px 0; z-index: 100; text-align: right; position: relative; min-height: 106px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header .logo img { left: -64px; position: relative; }
#header.scroll .logo { min-height: 76px; padding: 0px 1px 2px 0; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header .logo:after { background: url(../images/logo-after.png); position: absolute; content: ''; width: 108px; height: 106px; right: -108px; top: 0; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header.scroll .logo:after { height: 76px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header .logo a { color: transparent; background: rgba(0, 0, 0, 0) url("../images/new-logo-white.png") no-repeat scroll 0 0; background-size: cover; display: inline-block; height: 70px; width: 160px; text-decoration: none; }
.svg #header .logo a { background: rgba(0, 0, 0, 0) url("../images/logo-newest.svg") no-repeat scroll 0 0; width: 190px; }
.svg #header .logo a img { display: none; }
#header .logo a:hover { text-decoration: none; color: transparent; }
#header .wrapper { max-width: 903px; padding-left: 50px; z-index: 100; position: relative; padding-right: 25px; }
#header .currency { float:right; display: block; margin-top: 5px; }
#header .currency img { margin-right: 5px; }
#header .currency-dropdown { width: 75px; min-width: 75px; padding: 5px 0px 1px; }
#header .currency-dropdown p { margin-bottom: 0; }
#header .currency-dropdown img{ margin-right: 5px; }
@media (max-width:1200px) {
#header .logo img { left: auto; position: relative; }
}
@media (max-width:991px) {
#header { max-height:106px; }
#header .wrapper { padding-left: 75px; z-index: 10000; }
}
@media (max-width:767px) {
#header { max-height:inherit; overflow:visible; }
#header .col-lg-8.col-md-9, #header .col-lg-4.col-md-3 { left: 0 !important; }
#header .col-lg-8.col-md-9 { z-index: 1000000; }
#header .logo:after { display: none; }
#header .logo a { display: inline-block; }
#header .logo { padding: 15px; text-align: left; }
#header .col-sm-9 { background: rgba(0,0,0,1); }
}
/*
*topbar 
*/
.topbar { position: relative; padding-right:6px; }
.topbar .dropdown-wrapper, .topbar .search { float: right; padding-top: 7px; }
.topbar .dropdown-wrapper { float: right; padding-top: 7px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header.scroll .topbar .dropdown-wrapper { padding-top: 5px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.topbar .search { position: relative; }
.logout-btn:hover { color: #fff !important; }
.topbar .dropdown { display: none; }
.topbar .dropdown-wrapper.active .dropdown.login-dropdown { display: block; }
.topbar .dropdown-wrapper.forget-password-dropdown .forget-password-dropdown { display: block; }
.topbar .dropdown-wrapper.active.forget-password-dropdown .dropdown.login-dropdown { display: none; }
.topbar .dropdown-wrapper.active { display: block; position: absolute; right: 0; top: 0; width: 190px; }
.topbar .dropdown-wrapper a { text-transform: uppercase; font-size: 11px; color: #fff; font-weight: 700; font-family: "brooklyn" , "roboto", sans-serif; position: relative; display: inline-block; padding: 0 1px 10px 10px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.topbar .dropdown-wrapper a:hover { color: #ffc620; }
.xdubai-logo { float: right; margin-top: 12px; }
.dropdown-after { background: rgba(0, 0, 0, 0) url(../images/dropdown-arrow.png) no-repeat right center; display: inline-block; height: 5px; padding-left: 12px; vertical-align: middle; width: 7px; }
#header.scroll .topbar .dropdown-wrapper > a { padding: 0 16px 7px 10px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.topbar .dropdown-wrapper.on a { color: #ffcc00; }
.topbar .dropdown-wrapper a:hover .dropdown-after, .topbar .dropdown-wrapper.on a .dropdown-after { background-image: url(../images/dropdown-after.png); }
.topbar .dropdown-wrapper a.button7 { padding: 0; border: 1px solid #333; outline: 1px solid #f2bd21; }
.topbar .dropdown-wrapper.active a { background: #333; }
.topbar .dropdown-wrapper h2 a { color: #fff; font-size: 13px; font-weight: 700; line-height: 13px; }
.topbar .dropdown-wrapper.active a.button2 { background: #ffcc00; color: #000; }
.topbar .dropdown-wrapper .button7 { padding-top:6px; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/login-form-btn1.png); cursor:pointer; display: inline-block; width: 109px; height: 28px; color: #333333; font-family: brooklyn; font-weight: 700; text-transform: uppercase; border: 0; font-size: 13px; padding-left: 25px; font-weight: 300; text-align: left; line-height:1.2; vertical-align:middle; }
.topbar .dropdown-wrapper.active strong a { background: rgba(0,0,0,0); color: inherit; padding: 0; }
.topbar .dropdown li { line-height: 25px; }
.topbar .dropdown .button7 { line-height: 10px; }
.topbar .dropdown .button7:hover { color: #fff; }
.topbar .dropdown li.forgot-password { line-height: 9px; }

/*
*dropdown
*/
.dropdown.forget-password-dropdown h2 { margin-bottom: 5px; }
.dropdown.forget-password-dropdown p { text-align: left; }
.dropdown.forget-password-dropdown .button2 { min-width: 100%; }
.dropdown .login-register a.active { background:#333; }
.dropdown p, .page .dropdown p { font-size: 10px; margin-bottom: 5px; color: #fff; }
.dropdown label.error { line-height: 1; vertical-align: top; top: 5px; position: relative; font-size: 11px; color:#fff; }
.dropdown { background: #333333; padding: 0px 25px 25px; width: 260px; position: absolute; right: 0px; top: 37px; z-index: 100; }
#header.scroll .dropdown { top:32px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.dropdown h2 { color: #fff; font-size: 13px; line-height: 13px; margin-bottom: 20px; cursor: pointer; }
.dropdown-wrapper.active h2.active { color: #ffcc00; }
.dropdown ul { margin: 0; padding: 0; position:relative; }
.dropdown li { list-style: none; margin-bottom: 10px; }
.dropdown li.forgot-password { text-align: left; margin-bottom:0; }
.dropdown li.forgot-password a { color:#fff; font-size:12px; text-transform: none; padding-left:0; }
.dropdown li.checkbox { color:#fff; font-size:12px; font-family: brooklyn; font-weight: 300; margin-bottom: 0px; }
.dropdown li.checkbox input { margin-right:5px; vertical-align: middle; } 
.dropdown .dropdown-form a { padding: 0; color: #999999; font-size: 9px; font-weight: 300; }
.dropdown .dropdown-form strong a { padding-left: 5px; }
.dropdown .dropdown-form .login-register { margin:0 -25px; position:relative; background:#000; margin-bottom:22px; }
.dropdown .dropdown-form .login-register a { display: block; width: 50%; padding: 15px; text-align: center; font-size: 15px; color: #fff; font-weight: bold; }
/*
*dropdown-form
*/
.dropdown-form input[type="email"], .dropdown-form input[type="password"] { color: #999999; font-size: 14px; font-family: roboto; font-weight: 300; background: #ffffff; border: 1px solid #fff; width: 100%; min-height: 24px; padding: 9px; }
/* 
*Main Navigation
*/
#main-navigation ul { margin: 0; padding: 0 15px 0 0; float: right; }
#main-navigation li { font-family: brooklyn; font-weight: bold; list-style: none; font-size: 16px; text-transform: uppercase; display: inline-block; margin-right: 25px; position: relative; padding: 18px 0; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header.scroll #main-navigation #menu-main-menu > li { padding: 7px 0; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#main-navigation li a { color: #fff; }
#main-navigation li.active > a, #main-navigation li a:hover { color: #ffc620; }
@media screen and (min-width:768px) {
  #main-navigation li.parent ul { position: absolute; width: 170px; background: rgba(0,0,0,0.3); top: 70px; left: -10px; display: none; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
	#main-navigation li.parent:hover ul { display: block; z-index: 10; -moz-animation: fadeInUp .3s ease-in; -webkit-animation: fadeInUp .3s ease-in; animation: fadeInUp .3s ease-in; }
  #header.scroll #main-navigation li.parent ul { top: 35px; }
}
#main-navigation li.parent ul li { display: block; margin: 0; padding: 12px 10px; border-top: 1px solid #ffc620; }
#main-navigation li.parent ul li:last-child { border-bottom: 1px solid #ffc620; }
#main-navigation li.parent ul li a:hover { color: #ffc620; }
#main-navigation a { color: inherit; display: block; }
@media (max-width:1360px) {
#main-navigation li { margin-right: 11px; font-size: 15px; }
}
@media (max-width:1200px) {
#main-navigation li { margin-right: 20px; }
}
@media (max-width:991px) {
#main-navigation li.parent ul { top: 57px; }
#header.scroll #main-navigation li.parent ul { top: 31px; }
#main-navigation { padding-right: 5px; }
#header .logo { z-index: 1000; position: relative; min-width: 200px; }
#header .logo img { right: -10px; position: relative; z-index: 1000; }
#main-navigation li { padding: 20px 0; font-size: 13px; margin-right: 15px; }
}
@media (max-width:767px) {
#header .logo { z-index: 100; position: relative; }
#header .logo img { right: -10px; position: relative; z-index: 100; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header.scroll #header .logo img { right: -15px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#header .logo a { position: relative; top: -2px; }
#main-navigation { margin: 0; padding: 0; }
#main-navigation ul#menu-main-menu { left: -100%; max-width: 100%; width: 100%; position: fixed; top: 121px; height:100%; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; padding-bottom:5px; }
body.open-menu #main-navigation ul#menu-main-menu { background: rgba(0,0,0,0.7); left: 0%; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#main-navigation li { display: block; margin: 0; padding: 10px 0; text-align: center; }
#main-navigation li { font-size: 16px; }
}
/*
*Content 
*/
#content { padding: 60px 0; }
/*
*Footer
*/
#footer { background:#000; position:relative; overflow:hidden; }
#footer p { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 9px; float: left; margin-top: 8px; text-transform: uppercase; margin-bottom: 0; }
#footer ul { margin: 0; padding: 0; list-style: none; display: inline-block; }
#footer ul li { color: #fff; padding: 0 10px; font-family: 'Roboto Condensed', sans-serif; display: inline-block; font-size: 9px; text-transform: uppercase; border-right: 1px solid #fff; }
#footer ul li:last-child { border: 0; padding-right: 0; }
#footer ul li a:hover { color: #fec722; }
/*
*menu-btn
*/
.menu-btn { display: none; background: rgba(0,0,0,0); border: 0; float: right; }
.menu-btn .line { display: block; width: 24px; height: 3px; background: #fff; margin-bottom: 3px; }
@media (max-width:767px) {
.menu-btn { display: block; position: absolute; right: 0; top: 41px; overflow: hidden; }
}
@media screen and (max-width: 360px) {
#header .logo a {top: 7px; left: -7px; }
#header .logo a , .svg #header .logo a { width:115px; }
}
.search-icon { position: relative; background: url(../images/search-icon.png); display: inline-block; vertical-align: middle; width: 9px; height: 9px; z-index: 1000; }
/*
*subscribe
*/
.subscribe { background: #333333; }
.subscribe h2 { margin-bottom: 0px; font-size: 34px; padding-top: 5px; }
.subscribe h3 { font-size: 20px; line-height: 20px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #333; text-transform: uppercase; margin-bottom: 10px; }
.subscribe p { font-family: 'Roboto'; color: #333; font-size: 11px; line-height: 11px; margin: 0; }
.subscribe .heading { height: 100%; background: #fec722; padding: 25px 0 26px; position: relative; }
.subscribe .heading:after { background: url(../images/subscribe-heading-after.png); content: ''; display: inline-block; width: 95px; height: 100%; position: absolute; right: -95px; top: 0; z-index: 2; }
.subscribe .container { position: relative; }
.subscribe .container:before { background: #fec722; content: ""; display: inline-block; height: 100%; left: -69%; position: absolute; top: 0; width: 71%; }
.subscribe .form { background: #333333; padding: 28px 0 28px 130px; position: relative; }
.subscribe .form input[type="email"] { width: 100%; background: #fff; color: #a2a2a2; font-family: roboto; font-size: 14px; font-weight: 300; padding: 12px 15px 12px; border: 0; position: relative; border-right: 0; border-radius:0; }
.ie .subscribe .form input[type="email"] { padding: 12px 15px 12px; }
.subscribe .form .input { position: relative; display: inline-block; width: 70%; }
.subscribe .form .input:after { content: ''; display: inline-block; background: url(../images/input-after.png); width: 26px; height: 40px; position: absolute; right: -26px; top: 0px; }
.subscribe .form .subscribe-button { float: right; }
@media (max-width:1200px) {
.subscribe .form { padding: 28px 0 29px 70px; }
.subscribe .form .input { width: 67%; }
.container { min-width: 100%; }
}
@media (max-width:1024px) {
.subscribe .form .input { width: 60%; }
}
@media (max-width:991px) {
.subscribe .heading { padding-left: 15px; padding-right: 15px; }
.subscribe .heading::after { right: -60px; }
.subscribe .form .input { padding-left: 40px; }
.subscribe .form { padding-left: 0; margin: 0 -15px; }
.subscribe .inner-wrapper { padding: 0 15px; }
}
@media (max-width:840px) {
.subscribe .form .input { width: 60%; }
}
@media (max-width:767px) {
.subscribe .heading::after { display: none; }
.subscribe .col-sm-3 { padding: 0; }
.subscribe .form .input { padding-left: 0; }
.subscribe .form .input { width: 56%; }
}
@media (max-width:640px) {
.subscribe .form .input { width: 100%; border-right: 1px solid #7a7a7a; margin-bottom: 10px; }
.subscribe .form .input::after { display: none; }
.subscribe .form .subscribe-button { float: none; width: 100%; background: #fec722; }
}
.subscribe-button { font-family: 'brooklyn', sans-serif; font-weight: bold; border: 0; position: relative; background: url(../images/subcribe-button.png) no-repeat; min-width: 195px; background-size: cover; height: 40px; display: inline-block; color: #333; font-size: 14px; font-weight: 900; text-transform: uppercase; text-align: center; vertical-align: middle; line-height: 40px; background-size: contain; border-radius:0; cursor:pointer; }
.subscribe-button:hover { color: #000; }
/*
*Buttons
*/

.button3 { text-decoration:none !important; overflow: hidden; font-size: 14px; color: #f3ba1e; font-family: brooklyn; font-weight: 700; position: relative; padding: 0; display: inline-block; min-width: 165px; text-transform: uppercase; border: 2px solid rgba(0,0,0,0); outline: 1px solid #333333; }
.button3 span { background: #333333 url(../images/learn-more-after.jpg) no-repeat right center; padding: 8px 47px 8px 17px; display: block; position: relative; z-index: 100; }
.button3:before { top: 0; left: -100%; background: #f2bd21; width: 100%; height: 100%; position: absolute; content: ""; z-index:2; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.button3:after { top: 0; left:0; background: #333; width: 100%; height: 100%; position: absolute; content: ""; z-index:1; }
.button3:hover { color: #333333; border: 2px solid rgba(0,0,0,0); outline: 1px solid #f2bd21;  }
.button3:hover span { background:url(../images/learn-more-after.png) right center no-repeat;  }
.button3:hover:before { left: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }


.button4 { text-decoration:none !important; overflow: hidden; font-size: 14px; color: #333333; font-family: brooklyn; font-weight: 700; position: relative; padding: 0; display: inline-block; min-width: 165px; text-transform: uppercase; border: 2px solid rgba(0,0,0,0); outline: 1px solid #fed327; line-height: 1.6; }
.button4 span { background: #fed327 url(../images/learn-more-after.png) no-repeat right center; padding: 9px 47px 5px 17px; display: block; position: relative; z-index: 100; }
.button4:before { top: 0; left: -100%; background: #333; width: 100%; height: 100%; position: absolute; content: ""; z-index: 2; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.button4:after { top: 0; left: 0; background: #fed327; width: 100%; height: 100%; position: absolute; content: ""; z-index: 1; }
.button4:hover { color: #333333; border: 2px solid rgba(0,0,0,0); outline: 1px solid #333; }
.button4:hover span { color: #fed327; background: url(../images/learn-more-after.png) right center no-repeat; }
.button4:hover:before { left: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
/*
*products
*/
.products { margin-bottom: -60px; position: relative; }
.archive .products { margin-bottom:0; }
.archive #content { padding-bottom:30px; }
.products h2 { margin-bottom: 30px; }
.products .button { margin-top: 55px; }
.products h2.secondary-heading { font-weight: 500; }
.products figure { position: relative; margin: 0; }
.products figure .image { width: 100%; height: 200px; }
.home .products .product { border:0; border-radius: 0; }
.products .description { border: 1px solid #ebebeb; padding: 14px 13px 7px 7px; position: relative; }
.products .description img.right { width: auto; }
.products .description h2 { display: inline-block; font-weight: 800; font-size: 17px; line-height: 17px; margin-bottom: 6px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.products .description h2:hover { color: #fec722; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.products .description h6 { font-size: 10px; line-height: 13px; margin: 0; color: #8e8e8e; }
.products .sports { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f2bd21 transparent transparent #f2bd21; border-image: none; border-style: solid; border-width: 40px; top: 0; content: ""; left: 0; position: absolute; z-index: 1; }
.products .product-figure:hover .sports { display: none; }
.products .product-figure { position: relative; overflow: hidden; }
.products .rafting { position: absolute; left: -25px; top: -25px; }
.products .overlay:before { background: rgba(255,255,255,0.7); position: absolute; top: 0; left: -100%; width: 100%; height: 100%; z-index: 10; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content: ""; }
.products .product-figure:hover .overlay:before { left: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.products .overlay .content { display:table; padding: 12px 8px 9px; position: relative; opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 10; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.products .overlay .content p { display:table-cell; height:100%; vertical-align:bottom; }
.products .product-figure:hover .overlay .content { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .25s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .25s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .25s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .25s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .25s; }
.products .overlay .content .button1 { display: block; }
.products .overlay { color: #333333; font-size: 15px; line-height: 20px; }
.products .cloud { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent rgba(51,51,51,0.9) rgba(51,51,51,0.9) transparent; border-image: none; border-style: solid; border-width: 35px; bottom: 0; content: ""; right: 0; position: absolute; z-index: 1000; }
.products .cloud-icon { position: absolute; bottom: -25px; left: 0; }
.products ul, .page ul.grid { padding: 0; }
.archive .products ul, .archive .page ul.grid { display:block !important; flex-wrap: inherit; }
.products li, .page .grid li { list-style: none; width: 33.33%; padding: 0 15px; margin-bottom: 10px; float: left; }
.archive .products li { width:50%; }
.archive .products li:last-child { margin-bottom:0; }
.products li .product { min-height: 280px; }
.products li .product a:hover { color: inherit; }
.products li .product .button1 { display: block; }
.products li .button4 { min-width: 97px; font-size: 9px; float: right; }
.products li .button4 span { padding: 6px 18px 5px 15px; background: #fed327 url(../images/shop-now-btn.png) no-repeat right center; font-weight: 500; }
.products li .button4:hover span { background: url(../images/shop-now-btn.png) right center no-repeat; }
.products h3 { font-size: 14px; font-weight: 300; margin-bottom: 0; }
.products .price del { font-weight: 500; font-size:16px; color: #FF0000; display: inline-block; margin-right: 10px; font-family: "brooklyn", sans-serif; }
.products .single.button4 { position: relative; top: -10px; display:none; }
.products .price ins { font-weight: 300; font-size:16px; text-decoration: none; color: #000000; display: inline-block; font-family: "brooklyn", sans-serif; }
.products .price ins span { font-weight: 800; font-size: 24px; }
.products .price .amount ,.product .price .amount { font-weight: 800; font-size: 20px;  color: #000000; font-family: "brooklyn", sans-serif; }
.products .price .amount .woocommerce-Price-currencySymbol ,.product .price .amount .woocommerce-Price-currencySymbol { font-weight: 300; font-size:16px; text-decoration: none; color: #000000; display: inline-block; font-family: "brooklyn", sans-serif; margin-right: 5px; top: -1px; position: relative; }
@media (max-width:1200px) {
.products .overlay { margin-bottom: 0; }
}
@media (max-width:1024px) {
.products .overlay { font-size: 9px; }
}
@media (max-width:991px) {
.products figure .image { width: 100%; height: auto; }
.products li, .page .grid li { width: 50%; }
.products .overlay { font-size: 12px; line-height: 18px; }
.products li .product { min-height: 200px; }
}
@media (max-width:767px) {
.products .button { margin-top: 15px; }
.products .description { margin-bottom: 25px; }
.home .products figure .image { min-height:200px; }
.archive .products ul, .archive .page ul.grid { margin-bottom:0; }
}
@media (max-width:640px) {
.products li, .page .grid li, .archive .products li { width: 100%; margin-bottom: 20px; }
.products .col-xs-6, .events .col-xs-6 { width: 100%; }
}
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */
/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }
.post p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
.post h1 { font-size: 44px; }
.post h2 { font-size: 37px; }
.post h3 { font-size: 27px; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 17px; }
.post h6 { font-size: 14px; }
.post code { font-weight: bold; background: #ffff99; }
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; margin-left: 50px; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }
/*
* Banner
*/
#banner { position: relative; }
.home #banner:after { content: ''; position: absolute; background: url("../images/slider-bottom-shadow.png") no-repeat center top; height: 51px; width: 100%; bottom: -51px; left: 0; background-size: contain; }
#banner .banner-img { width: 100%; height: 520px; object-fit: cover; font-family: 'object-fit: cover;'; }
.home #banner .banner-img { height: 620px; }
#banner .slideshow { position: absolute; top: 145px; width: 1360px; left: 50%; margin-left: -680px; }
#banner .slideshow .slides { height: 475px; width: 100%; position: relative; }
#banner .slideshow .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block !important; opacity: 0; }
#banner .slideshow .slide img { height: 100%; object-fit: cover; width: 100%; font-family: 'object-fit: cover;'; }
#banner .slideshow .slide:first-child { opacity: 1; }
#banner .slideshow .description { position: absolute; padding: 30px 25px 30px 80px; right: 55px; bottom:50px; }
#banner h1, #banner h2 { color:#fff; font-size: 26px; font-weight: 800; text-transform: uppercase; line-height: 1.4; letter-spacing: 2px; margin-bottom: 0px; background: rgba(0,0,0,0.6); padding: 10px 10px 5px 10px; float:right; margin-bottom:15px; }
#banner h1 span, #banner h2 span { color:#fed327; }
#banner p { display:none; font-size: 12px; text-transform: uppercase; font-weight: 500; }
#banner .previous-arrow { z-index: 100; width: 52px; height: 52px; background: #000000; text-align: center; line-height: 60px; position: absolute; top: 50%; margin-top: -26px; left: 10px; }
#banner .next-arrow { z-index: 100; width: 52px; height: 52px; background: #000000; text-align: center; line-height: 60px; position: absolute; top: 50%; margin-top: -26px; right: 10px; }
#banner .previous-arrow i, #banner .next-arrow i { color: #fed327; font-size: 24px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#banner .previous-arrow:hover, #banner .next-arrow:hover { background: #fed327; }
#banner .previous-arrow:hover i, #banner .next-arrow:hover i { color: #000; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#banner .button4 { float:right; clear:both; max-width:110px; }
 @media screen and (max-width:1440px) {
#banner .slideshow { top: 175px; width: 1170px; margin-left: -585px; }
#banner:after { background-size: 100% 51px; width: 100%; }
.home #banner .banner-img { height: 584px; }
#banner .previous-arrow, #banner .next-arrow { height: 40px; width: 40px; line-height: 45px; margin-top: -20px; }
#banner .previous-arrow i, #banner .next-arrow i { font-size: 20px; }
#banner .slideshow .slides { height: 409px; }
}
@media screen and (max-width:1200px) {
#banner .slideshow { width: 900px; margin-left: -450px; }
#banner .banner-img , .home #banner .banner-img { height: 489px; }
.subscribe .heading { padding: 27px 0; }
#banner .slideshow .slides { height: 315px; }
}
@media screen and (max-width:991px) {
#banner .slideshow { top: 155px; width: 700px; margin-left: -350px; }
.home #banner:after { bottom:-31px; }
#banner .banner-img , .home #banner .banner-img{ height: 418px; }
#banner h1, #banner h2 { font-size: 20px; }
#banner .slideshow .description { bottom:-10px; }
.subscribe { height: 95px; overflow: hidden; }
.subscribe .container:before { left: -60%; }
.xdubai-logo { width: 12%; margin-top: 14px; }
.products .description h2 { font-size: 14px; }
#banner .slideshow .slides { height: 243px; }
}
@media screen and (max-width:767px) {
.col-sm-1 , .col-sm-2 , .col-sm-3 , .col-sm-4 , .col-sm-5 , .col-sm-6 , .col-sm-7 , .col-sm-8, .col-sm-9 , .col-sm-10 , .col-sm-11 , .col-sm-12  { flex: 0 0 100%; max-width: 100%; }
#header { position: relative; top:0; }
.home #banner:after { display: none; }
.dropdown { right:10px; }
#header .logo { min-height: 88px; padding-bottom: 1px; }
#header .topbar { position: absolute; top: -0; width: 100%; right: 95px; }
#banner .slideshow { top: -1px; width: 100%; margin-left: 0px; left: 0; padding: 0px; }
.xdubai-logo { width: 22%; position: absolute; top: -8px; right: 0; text-align:right; }
.topbar .search { padding-right: 5px; }
#banner .slideshow .slides , .home #banner .banner-img{ height: 150px; }
#banner .slideshow .slides img { height: auto; object-fit: cover; font-family: 'object-fit: cover;'; }
#banner .previous-arrow { top: auto; bottom: -65px; left: 50%; margin-left: -50px; }
#banner .next-arrow { top: auto; bottom: -65px; right: 50%; margin-right: -50px; }
#banner .slideshow .description { right: 20px; width: calc(100% - 40px); bottom: 20px; padding:0; }
#banner .slideshow .description .button4 { min-width: 120px; font-size: 11px; }
#banner .slideshow .description .button4 span  { padding: 4px 47px 2px 17px; }
#footer p { float: none; text-align: center; }
.subscribe { height: auto; display:none; }
.subscribe h2 { text-align: center; }
#banner .banner-img { height: 300px; }
#banner .slideshow .slides { height: 300px; }
.products .description h2 { font-size: 11px; }
.products li .product { min-height: 150px; }
  #banner { overflow:hidden; margin-bottom:30px; }
}
@media screen and (max-width:640px) {
.products .description h2 { font-size: 17px; }
}
@media screen and (max-width:767px) {
	.xdubai-logo { top:-105px; right: 8px; }
	.menu-btn { top: -53px; right:5px; }
	#header .topbar { top: -98px; right: 20%; }
	body.open-menu #main-navigation ul { left: 0; }
  .topbar .dropdown-wrapper { padding-top: 10px; }
  #footer .container.clearfix { text-align:center; }
}
@media screen and (max-width:400px) {
	#footer ul { float: none !important; text-align: center; width: 100%; margin-bottom: 5px; }
	.xdubai-logo { width: 30%; text-align: right; }
	#header .topbar { right: 22%; }
  #footer .container.clearfix  ul li { padding: 0 8px 0 3px; }
}
#breadcrumbs { margin-bottom: 50px; }
#breadcrumbs p { margin-bottom: 0; font-size: 20px; font-weight:800; color: #000; text-transform: uppercase; font-family: "brooklyn", sans-serif; }
#breadcrumbs p a { color: #000; display: inline-block; position: relative; margin-right: 30px; } 
#breadcrumbs p a:before { font-family: "FontAwesome"; color:#000; font-size: 22px; position: absolute; right:-22px; top: -3px; content: "\f101"; }
#breadcrumbs p a:hover { color: #ffc620; }

#secondary-navigation h2 { font-size: 21px; font-weight: 800; color: #000; text-transform: uppercase; margin-bottom: 10px; padding-left: 15px; }
#secondary-navigation ul { margin: 0; padding: 0; list-style: none; }
#secondary-navigation li { font-size: 15px; font-weight: 500; font-family: "brooklyn", sans-serif; text-transform: capitalize; margin-bottom: 5px; }
#secondary-navigation li:last-child{ margin-bottom: 0; }
#secondary-navigation.woocommerce-MyAccount-navigation a { display: inline-block; padding: 1px 25px 1px 15px; position: relative; }
#secondary-navigation li a { display: inline-block; padding: 4px 25px 4px 15px; position: relative; }
#secondary-navigation li a:before { transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity: 0; width: 0; height: 0; border-top: 25px solid #fed327; border-right: 40px solid transparent; content: ''; position: absolute; right: -40px; top: 0; }
#secondary-navigation li.active a, #secondary-navigation li:hover > a , #secondary-navigation.woocommerce-MyAccount-navigation li.is-active a { background: #fed327; }
#secondary-navigation li.active a:before, #secondary-navigation li:hover a:before , #secondary-navigation.woocommerce-MyAccount-navigation li.is-active a:before { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#secondary-navigation li ul.term-child li:hover a { background:transparent; border-bottom: 1px solid #ffc620; }
#secondary-navigation li.active li a, #secondary-navigation ul ul li:hover li a { background: transparent; }
#secondary-navigation li.active li a:before, #secondary-navigation li:hover li a:before { display: none; }
#secondary-navigation li ul { margin: 10px 15px 15px; }
#secondary-navigation li ul li a { padding:0 10px; font-weight: 300; border-bottom: 1px solid #fff; display: inline-block;  }
#secondary-navigation li ul li:hover a { border-bottom: 1px solid #ffc620; }
#secondary-navigation li ul li.active a { border-bottom: 1px solid #ffc620; font-weight: 500; }

.price-dropdown { float: right; position: relative; color: #000000; font-size: 11px; font-weight: 300; font-family: "brooklyn", sans-serif; position: relative; z-index: 100; display:none; }
.price-dropdown .title { background: #fff; z-index: 100; cursor: pointer; position: relative; padding: 5px 20px 5px 5px; border:1px solid #e2e6e9; border-radius: 3px; margin-left: 7px; text-transform: uppercase; font-size: 12px; }
.price-dropdown .title:before { font-family: "FontAwesome"; color:#000; font-size: 15px; pointer-events: none; position: absolute; right: 6px; top: 4px; content: "\f107"; }
.price-dropdown .title img { margin-right: 7px; color: #000; vertical-align: top; }
.price-dropdown ul { margin: 0; background: #fff; list-style: none; display: none; position: absolute; border:1px solid #e2e6e9; right: 1px; width: 76px; padding:8px 5px 5px; top: 16px; }
.price-dropdown li { font-size: 12px; margin-bottom: 5px; }
.price-dropdown li:last-child { margin-bottom: 0; }
.price-dropdown ul img { margin-right: 7px; color: #000; vertical-align: top; }

/*
*contact-form
*/
.page-template-contact #content ,.page-template-contact .subscribe , .page-template-contact #footer { position:relative; z-index:2; }
.contact-form { margin: -60px 0 0; }
.contact-form h2 { font-weight: 800; font-size: 27px; line-height: 34px; margin-bottom: 12px; }
.contact-form h2.secondary-heading { margin-bottom: 48px; }
.contact-form p { margin-bottom: 35px; font-size: 14px; color: #666666; font-weight: 400; line-height: 22px; }
.contact-form p.notify { max-width: 99%; margin-bottom: 26px; }
.contact-form p small { font-size: 13px; }
.contact-form ul { margin: 0; padding: 0; }
.contact-form li { list-style: none; margin-bottom: 20px; width: 50%; padding-right: 28px; }
.contact-form li.textarea { float: right; margin-top: -174px; }
.contact-form .sociable2 li { padding: 0; }
.contact-form .contact-information li { width: 100%; padding: 0; }
.contact-form .button2 { min-width: 115px; }
.contact-form .form1 p { margin-bottom: 26px; }
.contact-form .contact-information li { margin-bottom: 7px; }
.contact-form ul.sociable2 { margin-bottom: 68px; }
.contact-form .submit-button1 { cursor: pointer; background: url(../images/submit-button1.jpg); font-family: "brooklyn", sans-serif; font-weight: 700; color: #000000; font-size: 14px; text-transform: uppercase; border: 0; width: 129px; height: 44px; padding: 0 54px 0 19px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.contact-form .submit-button1:hover, .contact-form .submit-button2:hover { color: #fff; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
@media (max-width:992px) {
    .contact-form .col-md-6 { padding: 0; }
    .form2 { background:#fff; }
    .contact-form .form1:before { background: none; }
    .contact-form .form1, .contact-form .form2 { padding-left: 15px; padding-right: 15px; padding-bottom:25px; }
}
@media (max-width:767px) {
  .contact-form p.notify { max-width: 100%; }
  .contact-form li.textarea { float: none; margin-top: 0 !important; }
  .contact-form li { list-style: none; margin-bottom: 15px; padding-right: 0; width: 100%; }
  .page-template-contact .inner-container:before { display:none !important; }
  .page-template-contact .form1 { background:#f5f5f5; }
	#breadcrumbs + .products { margin-bottom: 0px; }
	#secondary-navigation { margin-bottom: 30px; }
	#content { padding: 30px 0; }
}
/*
*sociable2
*/
ul.sociable2 { margin: 0; padding: 0; }
.sociable2 li { background: #ffcc00; display: inline-block; height: 32px; list-style: none; margin: 0 10px 0 0; position: relative; text-align: center; transform: skew(-33deg); vertical-align: middle; width: 39px; }
.sociable2 li:last-child { margin: 0; }
.sociable2 li a { font-size: 16px; color: #fff; transform: skewX(30deg); line-height: 32px; }
.sociable2 li a:hover { color: #000; }

/*
*form1
*/
.form1, .form2 { padding-top: 60px; }
.form1 { position: relative; padding-bottom:1px; }
.page-template-contact .inner-container { position:relative; }
.page-template-contact .inner-container:before { background: #f5f5f5; content: ''; display: inline-block; width: 50%; position: fixed; left: 0%; top: 0; height: 90%; z-index:1; }
.contact-form .container { position: relative; }
.form1 textarea, .form1 input[type="text"], .form1 input[type="password"], .form1 input[type="datetime"], .form1 input[type="datetime-local"], .form1 input[type="date"], .form1 input[type="month"], .form1 input[type="time"], .form1 input[type="week"], .form1 input[type="number"], .form1 input[type="email"], .form1 input[type="url"], .form1 input[type="search"], .form1 input[type="tel"], .form1 input[type="color"], .form1 input[m-type="num"] { background: #fff; color: #a2a2a2; font-size: 14px; line-height: 14px; width: 100%; padding: 11px 14px; border:1px solid #fff; font-family: 'Roboto'; font-weight: 300; height:38px; border-radius:0; box-shadow:none; }
.form1 select{ box-shadow:none; background: #fff; color: #a2a2a2; font-size: 12px; line-height: 14px; -webkit-appearance: none; width: 100%; padding: 11px 14px 11px 0; text-indent:11px; border:1px solid #fff; font-family: 'Roboto'; font-weight: 300; height:38px; border-radius:0; }
.form1 .textarea { float: right; box-shadow:none; }
.form1 textarea { resize: none; min-height: 154px; margin-bottom: 0; }
.form1 .selectbox { position: relative; overflow:hidden; }
.form1 .selectbox:after { pointer-events:none; display: inline-block; content: ''; background: url(../images/selectbox-bg.jpg) no-repeat; width: 25px; height: 39px; position: absolute; right: 0; top:1px; }

/*
*Search form
*/
.search-form { position: absolute; top: 10px; right:0; opacity: 0; margin-right: 0px; background:#fff; transition: all 0.3s ease-in-out; z-index: 10000; pointer-events:none; }
.search-form input { color: #000; background: transparent; font-size: 12px; border: 0; padding:3px 3px 5px 8px; -webkit-appearance: none; box-sizing: border-box; outline: 0; }
#close-form { display:none; }
.control { width: 15px; height: 15px; position: absolute; top: 13px; right: 10px; }
.control:after { content: ''; position: absolute; font-family: 'FontAwesome'; content: "\f002"; color: #fff; cursor: pointer; top: 0; left: 10px; font-size: 10px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
body.mode-search .search-form { opacity: 1; margin-right: 35px; pointer-events: all; transition: all 0.3s ease-in-out; }
body.mode-search .control .icon-search { opacity: 0; transition: all 0.3s ease-in-out; }
@media screen and (max-width:767px) {
body.mode-search #close-form { display: block; }
#close-form { position: fixed; display:block; top: 10px; right: 20px; color: #fff; font-size: 30px; display: none; z-index: 1000000; font-weight: bold; }
.control.show { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.control:after { content: ''; position: absolute; font-family: 'FontAwesome'; content: "\f002"; color: #fff; cursor: pointer; top: 31px; left: -52px; font-size: 18px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.control:hover:after { color:#ffc620; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.control .icon-search, .control .icon-close { transition: 0.2s ease-in-out; }
.control .button { width: 13px; height: 13px; border-radius: 100%; z-index: 10000; position: fixed; background: rgba(38, 52, 120, 0); outline: 0; transform-origin: 50%; transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); transform: scale(0); }
.search-form { height: 80px; position: fixed; top: 50%; left: 50px; margin-right: 0; right: auto !important;background: transparent; margin-top: -40px; pointer-events: none; opacity: 0; transform: translate(40px, 0); transition: all 0.3s ease-in-out; z-index: 100000; }
.search-form input { color: #fff; font-size: 54px; border: 0; padding:0; -webkit-appearance: none; box-sizing: border-box; outline: 0; font-weight: bold; display:none; }
body.mode-search { overflow: hidden; }
body.mode-search .close-menu, body.form-open .close-menu { opacity: 1; transform: none; pointer-events: all; display: block !important; transition: all 0.3s ease-in-out; z-index: 10000; }
body.mode-search .control .icon-search { opacity: 0; transition: all 0.3s ease-in-out; }
body.mode-search .control .button, body.form-open .control .button { transform: scale(300); transition: all 0.3s ease-in-out; }
  body.mode-search .search-form input { display:block; }
body.form-open .control { cursor: default; }
body.mode-search .button, body.form-open .button { background: rgba(0, 0, 0, 0.9); }
body.form-open #content { display: none; }
  body.mode-search .search-form { background:transparent; left:0; }
}
.search-form::-webkit-input-placeholder {
 color: #fff;
opacity: 1;
}
 .search-form:-moz-placeholder {
 color: #fff;
 opacity: 1;
}
 .search-form::-moz-placeholder {
 color: #fff;
 opacity: 1;
}
 .search-form:-ms-input-placeholder {
 color: #fff;
 opacity: 1;
}


.slider { margin-bottom: 10px; max-height: 310px; overflow: hidden; }
.slider .slick-slide , .woocommerce-product-gallery { padding-right: 20px; }
.slider .slick-list img , .woocommerce-product-gallery img { border-radius: 3px; border: 1px solid #e1eaf4; }
.slider-nav { position: relative; left: -10px; }
.slider-nav:before { height: 100%; width: 10px; content:''; background: #fff; left: 0; top: 0; position: absolute; z-index: 100; }
.slider-nav:after { height: 100%; width: 10px; content:''; background: #fff; right: -5px; top: 0; position: absolute; z-index: 100; }
.slider-nav .slick-slide { padding-right: 10px; cursor: pointer; }
.slider-nav .slick-list img { border: 1px solid #eaeaea; border-radius: 3px; }
.slick-arrow { border-radius: 0 5px 5px 0; z-index: 100; cursor: pointer; border: 0; background: #333333; width: 26px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 0; overflow: hidden; color: #333; }
.slick-arrow.slick-next  { border-radius: 5px 0 0 5px; right: 20px; left: auto; }
.slick-arrow:before { font-family: "FontAwesome"; color:#a1892f; font-size: 30px; position: absolute; right:8px; top: 1px; content: "\f104"; }
.slick-arrow.slick-next:before { content: "\f105"; right: 8px; }
.slider-nav .slick-arrow { left: 10px; }
.slider-nav .slick-arrow.slick-next { right: 10px; left: auto; }
.slick-disabled { display: none !important; }

.item .col-sm-4 { padding: 0 15px 0 0; }
.item #breadcrumbs { margin-bottom: 20px; }
.item p { float: left; clear: both; font-weight: 500; font-family: "brooklyn", sans-serif; }
.item p.price { font-weight: 800; font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #d7e3ef; float: none; }
.item .buttons { padding-top: 10px; padding-left: 5px; clear:both; }
.item .buttons .button4 { min-width: 125px; font-size: 11px; margin-right: 8px; vertical-align:top; background:transparent; cursor:pointer; }
.item .buttons .button4 + .button4 { margin-right: 0; margin-top: 0; }
.item .buttons .button4 + .button4:hover { color: #333; }
.item .buttons .button4 span { padding: 10px; text-align:left; }
.item .options p { font-weight: normal;  color: #818c95; font-size: 11px; }
.item .options p span { display: inline-block; position: relative; margin-right: 15px; }
.item .options ul {  list-style: none ; margin: -2px 0 0 10px; float: left; padding: 0; }
.item .options ul li { cursor: pointer; margin-right: 6px; width: 15px; height: 15px; display: inline-block; outline-style: solid; outline-color: #fff; outline-width: thin; outline-offset: 1px; border-radius: 3px; padding: 0; border: 0; border:1px solid #999; }
.item .options ul li.selected { outline-color: #b4b4b4; }
.item .options select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 0; padding: 0; font-size: 12px; text-transform: uppercase; color: #818c95;  border: 1px solid #e2e6e9; padding: 5px; min-width: 70px; }
.item .value span.selectbox { position:relative; }
.item .value span.selectbox:before { pointer-events: none; font-family: "FontAwesome"; color:#818c95; font-size: 15px; position: absolute; right:10px; top: -2px; content: "\f107"; }

/*
*slideshow3
*/
.slideshow3 { background: #f5f5f5; padding: 78px 0 130px; position: relative; overflow: hidden; margin-top: 50px; margin-bottom: 0 }
.slideshow3 .caroufredsel_wrapper { margin:0 -18px !important; }
.slideshow3 h2 { font-size: 30px; line-height: 44px; font-weight: 700; margin-bottom: 60px; color: #333333; text-align: center; }
.slideshow3 h3 { font-size: 20px; line-height: 1.2; font-weight: 800; margin-bottom: 36px; color: #333333; text-align: left; }
.slideshow3 .container { position: relative; }
.slideshow3 ul { margin: 0; padding: 0; }
.slideshow3 figure { position: relative; }
.slideshow3 figure .sports { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f2bd21 transparent transparent #f2bd21; border-image: none; border-style: solid; border-width: 40px; content: ""; left: 0; position: absolute; top: 0; z-index: 1; }
.slideshow3 .rafting { left: -25px; position: absolute; top: -25px; }
.slideshow3 figure figcaption { background: #ffffff; border: 1px solid #ebebeb; border-top: 0; padding: 15px; }
.slideshow3 figure figcaption h3 { font-size: 20px; color: #333333; line-height: 22px; margin-bottom: 0; }
.slideshow3 figure .image { width: 100%; max-height:190px; min-height:190px; object-fit: cover; object-position:center center; font-family: 'object-fit: cover; object-position:center center;'; }
.slideshow3 h6 { margin: 0; font-size: 13px; line-height: 15px; color: #8e8e8e; }
.slideshow3 .controls { text-align: center; position: absolute; bottom: -60px; width: 100%; left: 0; }
.slideshow3 .controls a { width: 15px; height: 15px; border-radius: 50%; background: #939392; color: rgba(0,0,0,0); display: inline-block; margin: 0 4px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.slideshow3 .controls a:hover, .slideshow3 .controls a.selected { background: #f3ba1e; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.slideshow3 .previous-button { background: url(../images/button-before.jpg); display: inline-block; width: 33px; height: 33px; position: absolute; top: 50%; margin-top: 42px; left: -3px; }
.slideshow3 .next-button { background: url(../images/button-after.jpg); display: inline-block; width: 33px; height: 33px; position: absolute; top: 50%; margin-top: 42px; right: -3px; }
.slideshow3 figure { position: relative; margin-bottom: 0; }
.slideshow3 figure figcaption { border: 1px solid #ebebeb; padding: 9px; }
.slideshow3 figure figcaption h2 { text-align: left; color: #333333; font-size: 23px; line-height: 24px; margin-bottom: 0; font-weight: 900; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.slideshow3 figure:hover h2 { color: #f3ba1e; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.slideshow3 figure figcaption p { color: #8e8e8e; font-size: 15px; line-height: 17px; font-family: "brooklyn", sans-serif; text-transform: uppercase; font-weight: 400; margin-bottom: 0; }
.slideshow3 figure figcaption .metadata { font-size: 21px; color: #333333; font-family: "brooklyn", sans-serif; font-weight: 900; background: #ebebeb; width: 54px; height: 54px; text-transform: uppercase; display: block; text-align: left; line-height: 19px; padding: 10px 5px; float: right; }
.slideshow3 .image { width: 100%; }
.slideshow3 .carousel li { float: left; width: 340px; margin-right: 18px; list-style: none; padding: 0; }
.slideshow3 li .product { min-height: auto; }
@media (max-width:991px) {
    .slideshow3 { padding-bottom: 80px; }
    .slideshow3 .controls { bottom:-40px; }
    .slideshow3 .carousel li { width: 350px; }
  	.slideshow3 .caroufredsel_wrapper { margin:0 7px !important; }
}
@media (max-width:767px) {
  	.slideshow3 figure .image { min-height:inherit; }
    .slideshow3 figure figcaption h2 { font-size: 20px; }
    .slideshow3 .buttons { text-align: center; }
    .slideshow3 .previous-button, .slideshow3 .next-button { position: relative; }
    .slideshow3 { padding: 35px 0; }
    .slideshow3 h2 { font-size: 34px; margin-bottom: 20px; }
    .slideshow3 li, .slideshow3 figcaption { width: 100%; float: none; margin-bottom: 10px; }
    .slideshow3 .controls { bottom: -27px; }
    .slideshow3 .carousel li { width: 320px; }
  	.slideshow3 .caroufredsel_wrapper { max-height:255px; }
  	.slideshow3 h3 { margin-bottom:20px; }
}
@media (max-width:480px) {
    .slideshow3 .carousel li { width: 280px; }
    .slideshow3 .caroufredsel_wrapper { max-height:235px; }
}

.infobar { background:#252525; padding: 4px 0 6px; text-align: center; z-index: 1; position: relative; }
.infobar p { display: inline-block; font-size: 11px; color: #fff; margin:0 50px; }
.infobar p a { display: inline-block; border-bottom:1px solid #5f5f5f; padding-bottom: 3px; }
.xdubai-logo , .home #banner .banner-img{ visibility: hidden; }
.topbar .dropdown-wrapper a.cart-icon { position: absolute; min-width: 100px; font-size: 16px; top: 53px; right: 0; text-align:right; }
.cart-icon i { margin-right: 8px; }
#footer .container { padding: 12px 0; }
#footer .footer-top .container { padding:0; }
#footer .footer-top { padding: 30px 0 10px; background: #252525; }
#footer .footer-top h4 { color: #ffffff; font-size: 12px; }
#footer .footer-top li { text-align:left; display: block; color: #a5a5a5; font-size: 12px; border: 0; padding: 0; text-transform: capitalize; margin-bottom: 7px; font-family: 'Roboto', sans-serif;}
#footer .footer-top li i { min-width:20px; text-align:center; }
@media (max-width: 1360px) {
  .topbar .dropdown-wrapper a.cart-icon { font-size:15px; }
}
@media (max-width: 1200px) {
  #footer .container { padding: 12px 15px; }
  #footer .footer-top { padding: 30px 15px 10px; }
}
@media (max-width: 992px) {
  .infobar p { margin:0 20px; }
  .topbar .dropdown-wrapper a.cart-icon { font-size: 13px; top: 55px; }
}
@media (max-width: 767px) {
  .topbar .dropdown-wrapper a.cart-icon { min-width: inherit; top: 43px; font-size: 18px; right: 50px; }
  .topbar .dropdown-wrapper a.cart-icon span { display:none; }
  .xdubai-logo { display:none !important; } 
  #header .topbar { right: 0; top:-97px; }	
  .infobar p { margin:0 4px; font-size: 9px; } 
  #footer .align-self-center { text-align:center; margin-bottom:20px; display:none; }
  #footer .col-sm-6 { width:50%; margin-bottom:20px; max-width: 50%; flex: 0 0 50%; }
  #footer .footer-top { padding: 30px 15px 1px; }
  .topbar .dropdown-wrapper a { padding:0 5px 10px 10px; font-size:11px; }
  #secondary-navigation li.active { display:none; }
  body:not(.home) #banner { display:none; }
}
form.cart a { font-size: 14px; color: #000; font-family: "brooklyn", sans-serif; text-transform: uppercase; font-weight: bold; display: inline-block; margin-top: 10px; text-decoration:underline; }
form.cart a:hover { color:#ffc620; }
@media screen and (min-width:767px) {
  #secondary-navigation h2 { pointer-events:none; }
}