html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
* { margin: 0; padding: 0; }
a { text-decoration: none; outline: none; color: #444; }
a:hover { text-decoration: none; }
img { border: medium none; max-width: 100%; }
p { padding-bottom: 5px; }
hr { border: 0 #a8b1b8 solid; border-top-width: 1px; clear: both; height: 0; margin: 25px 0 }
hr.black { border-color: #6b6b6b }
a, a:focus, a:hover { outline: none }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.hide { display: none }
button { overflow: visible; background: none; border: none; cursor: pointer; font-family: 'Raleway', sans-serif; }
body { font-size: 14px; color: #444; font-family: 'Raleway', sans-serif; }
h1 { font-size: 26px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }
.note { font-size: 11px; color: #666 }
.clear { font-size: 1%; clear: both; height: 1%; overflow: hidden; line-height: 1px }
.block { display: block }
.bold { font-weight: 700 }
.light { font-weight: 300 }
.semibold { font-weight: 400 }
.uppercase { text-transform: uppercase }
.underline { text-decoration: underline }
.text-primary { color: #f15e2b }
.text-danger { color: #dd3737 }
.text-right { text-align: right }
.text-center { text-align: center }
.text-left { text-align: left }
.inline-block { display: inline-block; vertical-align: middle; }
.main-nav li a, .menu-trigger, .overlay, #navside.left, .btn { webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }
/*btns*/
.btn { display: inline-block; text-align: center; cursor: pointer; border-radius: 2px; border: none }
.btn-block { display: block; width: 100% }
.btn-default { background: #252525; color: #fff; }
.btn-default:hover { background: #000; color: #fff }
.btn-info { background: #eff0f1; color: #333; }
.btn-primary { background: #f15e2b; color: #fff; }
.btn-danger { background: #dd3737; color: #fff; }
.btn-white { background: #fff; color: #333 }
.btn-link { background: none; color: #fff }
.btn-success { background: #52bd03; color: #fff; }
.btn-xs { font-size: 12px; line-height: 25px; padding: 0 10px }
.btn-sm { font-size: 12px; line-height: 30px; padding: 0 15px }
.btn-md { font-size: 18px; line-height: 40px; padding: 0 35px; font-weight: 700 }
.btn-lg { font-size: 16px; line-height: 40px; padding: 0 25px }
.text-xs { font-size: 11px; }
.text-sm { font-size: 12px; }
.text-md { font-size: 14px; }
.text-lg { font-size: 52px; }
.text-xl { font-size: 28px; }
/*spacers*/
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b-md { margin-bottom: 15px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 45px; }
.m-b-vx { margin-bottom: 60px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 50px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 50px; }
.ico { display: inline-block; vertical-align: middle; }
.table-view { display: table; position: relative; width: 100%; }
.table-view > .cell { display: table-cell; vertical-align: middle }
.bg-default { background: #f2662b; color: #fff; }
.bg-default h2, .bg-default h3 { color: #fff; }

.block.right-img {
    position: relative;
    right: -1px;
}

.header { border-bottom: 7px solid #f15e2b; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,ffffff+75 */ background: rgb(230,230,230); /* Old browsers */ background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 75%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 75%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
}
.mobile-nav { display: none }
.main-nav { margin-top: 65px; width: 100%; }
.main-nav ul { float: right }
.main-nav li { display: inline-block; float: left; position: relative; }
.main-nav li a { color: #000; display: block; font-size: 14px; font-weight: 600; line-height: 65px; padding: 0 10px; text-transform: uppercase }
.main-nav li a .fa { font-size: 20px; vertical-align: middle; padding-right: 4px }
.main-nav li a:hover { color: #f2662b; background: #fff }
.main-nav li ul { background: #fff; left: 0; min-width: 220px; position: absolute; z-index: 140; display: none; top: 60px; border: 1px solid #203967 }
.main-nav li ul li { display: block; float: none; border: none; border-bottom: 1px solid #eee; }
.main-nav li ul li a { font-size: 13px; line-height: 28px; padding: 6px 10px; color: #011b32; text-transform: none }
.main-nav li ul li a:hover { color: #fff; background: #f15e2b }
.section { padding: 30px 0; }
.section p { line-height: 24px }
.logo { padding: 25px 0; display: block }
.box-content { padding: 45px; line-height: normal; font-size: 20px }
.box-content p { line-height: normal; }
.banners { border-top: 7px solid #f15e2b; padding: 0 }
.banner-heading { margin-bottom: 0; overflow: hidden; width: 100%; }
.banner-heading img { display: block; left: 50%; margin-left: -865px; max-width: none; min-height: 240px; position: relative; width: 1730px; }
/*forms*/
.form-box { padding: 30px; background: #F15E2B; color: #fff; }
.form-box h3, .form-box h2 { color: #fff; font-weight: 600; margin-bottom: 15px; }
.input { padding-bottom: 15px; position: relative }
.input label { display: block; padding-bottom: 5px; font-size: 14px; font-weight: 700; color: #fff }
.text input, .textarea textarea, .select select, .number input, .password input, .email input, .tel input, .date select { border: 1px solid #fff; padding: 9px; font-size: 14px; color: #000; width: 100%; border-radius: 3px; font-family: Verdana, Geneva, sans-serif; }
.date select { width: auto; min-width: 30px; }
.text input:focus, .textarea textarea:focus, .number input:focus, .password input:focus, .email input:focus, .tel input:focus { border: 1px solid #fff; box-shadow: 0 0 5px rgba(0, 91, 170, 0.5); }
.file input { background: #ffffff none repeat scroll 0 0; border: 1px solid #ffffff; font-size: 11px; margin: 0; padding: 5px; width: 100%; }
.textarea textarea { height: 160px }
.form-box .submit > input { background: #252525 none repeat scroll 0 0; border: medium none; color: #ffffff; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; line-height: 40px; padding: 0 35px; }
.select select { height: 38px; padding: 9px; }
.radio label { display: inline-block; }
.captcha img { float: left; margin-top: 4px }
.captcha > input { width: calc(100% - 120px); }
.text.captcha { background: #ffffff none repeat scroll 0 0; padding-bottom: 0 }
.submit button { margin-bottom: 5px; }
.select-style { border: 1px solid #ccc; overflow: hidden; position: relative; padding-right: 20px; background: #fff }
.select-style:hover { border: 1px solid #005baa; box-shadow: 0 0 5px rgba(0, 91, 170, 0.5); }
.select-style:before { content: "\f078"; display: inline-block; font: 14px/1 FontAwesome; left: auto; right: 10px; margin-top: -7px; position: absolute; top: 50%; color: #333 }
.select-style select { background: none; border: none; display: block; width: 110%; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; font-size: 12px; padding: 9px }
.inline-form label { float: left; line-height: 40px; padding-bottom: 0; padding-right: 20px; }
.sm-fields { font-size: 12px; }
.select-sm .select-style { border-radius: 0 }
.select-sm select { padding: 8px; }
.checkbox label, .radio label { display: inline; padding-left: 10px; padding-right: 10px; }
.map-address { padding: 5px 10px 20px; font-size: 16px; }
.footer-bar { background: #f2662b; padding: 30px 0 }
.item-box { margin: 10px 0 }
.item-content { font-size: 14px; padding: 15px 0 10px 15px; }
.item-content p { font-size: 14px; }
.item-social { font-size: 40px; padding: 20px 0 0 0 }
.item-social a { padding-right: 15px; display: inline-block }
.copyright { padding: 10px 0; }
.copyright p { font-size: 14px }
.item-box:hover { background: #eee }
.item-box .item-thumb img { width: 100% }
.item-details-box { background: #ebebeb; padding: 20px 20px 10px; margin: 40px 0 }
.crumbs { padding: 10px 0 }
.crumbs span { padding: 0 5px; }
.crumbs a:hover, .copyright a:hover { color: #f2662b }
.scroll-up { background: #000 none repeat scroll 0 0; border: 1px solid #fff; border-radius: 2px; bottom: 15px; color: #fff; display: none; font-size: 14px; height: 40px; line-height: 34px; opacity: 0.4; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 100; }
.scroll-up:hover { background: #f2662b none repeat scroll 0 0; opacity: 1; }
.promo-box { border: 3px solid #a1a1a1 }
.promo-details { padding: 30px }
.list-items { list-style: outside none none; }
.list-items > li { margin-bottom: 25px; padding-left: 45px; position: relative; }
.list-items > li::before { background: #f2662b none repeat scroll 0 0; content: ""; display: block; height: 16px; left: 0; position: absolute; top: 0; width: 16px; }
.img-text-content { padding: 40px; }
.img-text-section img { display: block; }
/*checkout*/
.checkout-step { background: #f2662b none repeat scroll 0 0; border-bottom: 5px solid #ffffff; color: #ffffff; padding: 25px 35px; }
.checkout-header { color: #ffffff; display: block; font-weight: 600; }
.step-box .checkStepForm { padding-top: 30px; }
.panel { border: 3px solid #a1a1a1; }
.panel .panel-heading { background: #f15e2b none repeat scroll 0 0; color: #ffffff; padding: 15px; text-align: center; }
.panel .panel-body { padding: 20px; }
.list-group { font-size: 15px; list-style: outside none none; text-align: left; }
.list-group li { padding: 5px 0 }
.panel-heading h3 { color: #ffffff; font-size: 28px; }
.panel-heading h4 { color: #ffffff; font-weight: 300; }
.members-box { margin-bottom: 30px; }
.members-box h3 { background: #f15e2b none repeat scroll 0 0; color: #ffffff; display: block; font-size: 20px; padding: 15px; }
.members-nav { border-color: #ffffff #a1a1a1 #a1a1a1; border-image: none; border-style: none solid solid; border-width: 0 3px 3px; list-style: outside none none; padding: 20px; }
.members-nav > li a { border-bottom: 1px solid #eeeeee; display: block; font-size: 18px; padding: 10px 0; }
.members-nav > li:last-child a { border: none }
.table { border: 1px solid #dddddd; border-collapse: collapse; }
.table th, .table td { border-bottom: 1px solid #dddddd; padding: 8px 10px; }
.table th { background: #f15e2b none repeat scroll 0 0; color: #ffffff; padding: 10px; text-align: left; }
.table th a { color: #ffffff; }
.th-meta { font-size: 12px; font-weight: 100; }

.table tr.totals td { font-weight:700}

.data-table tr td:first-child { background: #f8f8f8 }
.data-table img { border: 1px solid #cccccc; margin: 5px; max-height: 160px; }
.call-to-action { padding: 15px 40px; }
.static-pages h2 { font-size: 20px; padding: 15px 0; }
.widget-header { display: none; background: #f15e2b none repeat scroll 0 0; color: #ffffff; font-size: 20px; font-weight: 600; margin-top: 15px; padding: 15px; }
.action { list-style: outside none none; }
.action > li { float: left; padding: 5px; }
.action > li a { background: #f15e2b none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 12px; padding: 5px; text-transform: capitalize; }
.filter-ico { display: block; font-weight: 700; padding: 10px 0; }
.filter-ico { display: block; font-weight: 700; padding: 10px 0; }
#filter > form { background: #f15e2b none repeat scroll 0 0; margin-bottom: 15px; overflow: hidden; padding: 15px; }
#filter .input { float: left; margin-right: 15px; max-width: 150px; padding-bottom: 10px; }
.filter-action { margin-top: 20px; float: left }
.filter-action .btn-primary { background: #eee none repeat scroll 0 0; color: #333; }
.filter-action .btn { line-height: 41px; margin-right: 10px; }
.call-to-action h3 { color: #ffffff; padding-bottom: 8px; padding-top: 8px; }
.link-box { background: #e8e6e7 none repeat scroll 0 0; margin-bottom: 10px; padding: 20px; text-align: center; }
.link-box h3 { font-size: 28px; font-weight: 300 }
.link-box .fa { font-size: 100px; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 4px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #f15e2b; }
.owl-theme .owl-controls .owl-page.active span { background: #eee; }
.owl-theme .owl-controls .owl-page span.owl-numbers { color: #ffffff; font-size: 12px; height: 10px; text-indent: -9999em; width: 10px; }
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
div.error-message { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); border: 1px solid #333333; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); color: #FFFFFF; display: block; font-size: 11px; padding: 4px 10px; position: absolute; z-index: 100 }
div.error-message:after { border-bottom: 6px solid rgba(0, 0, 0, 0.7); border-left: 6px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; margin-left: -5px; position: absolute; right: 50%; top: -7px; }
/* Keyframes */
 @-webkit-keyframes empty { 0% {
opacity: 1
}
}
@-moz-keyframes empty { 0% {
opacity: 1
}
}
@keyframes empty { 0% {
opacity: 1
}
}
 @-webkit-keyframes backSlideOut { 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut { 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut { 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn { 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade { to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade { to {
opacity: 0;
-moz-transform: scale(.8);
}
}
.home-slider-data { text-align: center; position: absolute; right: 0; width: 100%; z-index: 50 }
.home-slider-data h2 { color: #f2662c; font-size: 55px; font-weight: 100; padding: 15px 0; }
.home-slider-data h4 { color: #f2662c; font-size: 33px; font-weight: 100; padding: 15px 0; }
.play-btn { color: #ffffff; font-size: 16px; }
.slider-data { max-width: 540px; float: right }
.border-link { border: 2px solid #ffffff; border-radius: 10px; color: #ffffff; margin: 10px 10px 20px; padding: 15px; text-align: center; }
.border-link:hover { background: #fff; color: #f2662b }
.border-link .fa { font-size: 80px; padding: 10px; }
.banner-text { width: 100%; text-align: center; max-height: 540px; }
/*.banner-heading img { display: block; left: 50%; margin-left: -895px; max-width: none; min-height: 540px; position: relative; width: 1790px; }*/
.banner-text .banner-heading { color: #ffffff; display: table; height: 100%; padding-top: 15%; position: absolute; text-align: center; z-index: 50; }
.banner-text .banner-heading h2 { display: table-cell; vertical-align: middle; }
/*points*/
.points-section h2 { left: 0; max-width: 240px; position: absolute; top: 0; }
.points { max-width: 220px; position: absolute; }
.points h4 { padding-bottom: 10px; }
.points p { line-height: 18px; }
.point-01 { transform: translate(210%, 15px); }
.point-02 { transform: translate(415%, 130px); }
.point-03 { transform: translate(440%, 295px); }
.point-04 { transform: translate(445%, 500px); }
.point-05 { transform: translate(260%, 670px); }
.point-06 { transform: translate(0%, 430px); }
.point-07 { transform: translate(91%, 655px); }
.home-slider { width: 100% }
.home-slider .item { background: #000000 none repeat scroll 0 0; max-height: 385px; }
.home-slider .item > img { margin: 0 auto; text-align: center; display: block }
.cartHolder .form-box { min-height: 365px; }
fieldset { border: 1px solid #ffffff; margin-bottom: 15px; padding: 15px; }
fieldset legend { font-weight: 700; padding: 0 15px; }
.order-table th, .order-table td { background: #ffffff none repeat scroll 0 0; color: #333333; }
.home-slider .owl-pagination { bottom: 10px; position: absolute; width: 100%; }
.cke_editable a { color: #333 }
video { max-width: 100%; min-height: 235px; width: 100%; }
.tab-bar { border-bottom: 7px solid #f15e2b; overflow: hidden; }
.tab-bar > ul { list-style: outside none none; }
.tab-bar li { float: left; margin-right: 10px; }
.tab-bar li a { background: #eee; display: block; font-size: 18px; font-weight: 700; padding: 12px 30px; }
.tab-bar li a.active { background: #f15e2b none repeat scroll 0 0; color: #ffffff; }
.tab-content { padding: 20px 0; }
.paging { display: block; text-align: center; padding: 30px 0 }
.paging > ul { list-style: outside none none; }
.paging li { border: 1px solid #f2f2f2; display: inline-block; font-size: 12px; }
.paging li a { color: #333333; display: block; padding: 8px; }
.paging li.current { background: #f15e2b none repeat scroll 0 0; color: #ffffff; padding: 8px; }
.paging li a:hover { background: #f15e2b none repeat scroll 0 0; color: #fff }
.dashboard-list { list-style: outside none none; }
.dashboard-list li { display: inline-block; padding: 20px 0; }
.dashboard-list li a { display: block; font-weight: 700; padding: 10px; text-align: center; }
.dashboard-list li a > span { color: #f15e2b; display: block; font-size: 10px; margin-bottom: 10px; }
.benif-box {
    text-align: center;
}.benif-box > img {
    border: 4px solid #f15e2b;
    border-radius: 50%;
    margin: 15px auto;
    max-width: 215px;
}

.packages-container {
    background: rgba(0, 0, 0, 0) url("img/pack_bg.jpg") no-repeat scroll center top;
    margin: 70px 0;
    min-height: 945px;
    padding: 30px;
    position: relative;
}

.box-1 {
    background: #ffffff none repeat scroll 0 0;
    margin-top: -70px;
}
 /*	-------------------------------------------------------
. RESPONSIVE 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
@media (min-width: 1900px) {
.banner-heading { max-height: 250px; }
.banner-heading img, .home-search img, .full-banner img, .home-counter img { left: 50%; margin-left: -50%; position: relative; width: 100%; max-width: none }
.home-slider .item > img, .banner-text img { width: 100%; }
}
 @media (max-width: 1270px) {
.slider-data { max-width: 380px; }
.home-slider-data h2 { font-size: 45px; }
.home-slider .slider-data > img { width: 80px; }
.home-slider-data h4 { font-size: 18px }
}
 @media (max-width: 1200px) {
.points-section h2 { position: relative; margin-bottom: 20px; max-width: none }
.points { max-width: none; position: relative; transform: none; margin-bottom: 20px; }
.points-section img { display: none }
.points-section h2 { max-width: none; font-size: 30px }
.slider-data { max-width: 320px; padding-top: 20px }
.home-slider-data h2 { font-size: 30px; }
.home-slider .slider-data > img { width: 55px; }
.home-slider-data h4 { font-size: 16px }
}
 @media (max-width: 1020px) {
.slider-data { max-width: 415px; padding-top: 20px }
.home-slider-data h2 { font-size: 25px; }
.home-slider .slider-data > img { width: 55px; }
.home-slider-data h4 { font-size: 16px }
.mobile-options { margin-top: 35px; text-align: right; padding-right: 20px; }
.logo { padding: 10px; }
.mobile-nav { margin-top: 10px }
.main-nav { margin-top: 0 }
.logo img { max-width: 100% }
.overlay:before { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; content: ""; display: block; height: 100%; position: fixed; width: 100%; z-index: 120; }
.customer-nav { display: none; }
.mobile-nav { clear: both; color: #fff; display: block; font-size: 18px; font-weight: 600; }
#navside { z-index: 1000; position: fixed; top: 0px; width: 275px; height: 100%; clear: both; background-color: #fff; padding: 20px 0; overflow-y: scroll; margin-left: -275px; left: 0 }
#navside.left { margin-left: 0; z-index: 140 }
#navside.hidden { visibility: hidden; }
/*#navside.left { left: 100%; margin-left: 0px; }*/
#navside.right { right: 100%; margin-right: 0px; }
#navside ul { list-style: none; padding: 0; margin-left: auto; width: 100%; margin: 0 }
#navside ul li a { -webkit-transition-property: color; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; -moz-transition-property: color; -moz-transition-duration: 0.1s; -moz-transition-timing-function: ease-out; -ms-transition-property: color; -ms-transition-duration: 0.1s; -ms-transition-timing-function: ease-out; -o-transition-property: color; -o-transition-duration: 0.1s; -o-transition-timing-function: ease-out; transition-property: color; transition-duration: 0.1s; transition-timing-function: ease-out; }
#icon { width: 140px; }
#navside_icon { background: rgba(0, 0, 0, 0) url("img/icon.png") no-repeat scroll 0 0; cursor: pointer; display: block; float: right; height: 40px; margin: 30px 15px 0 0; width: 40px; z-index: 1000; }
.user-ico { border: 2px solid #ffc600; color: #ffc600; display: block; float: left; font-size: 18px; height: 27px; line-height: 22px; margin-right: 10px; text-align: center; width: 35px; }
#navside_icon.opened { position: fixed; background-position: -60px center; left: 275px; margin: 8px }
#navside_icon.hidden { visibility: hidden; }
#navside_icon.right { right: 10px; }
#navside_icon.left { left: 10px; }
.main-nav li ul { border: medium none; float: none; position: static; top: auto; }
.main-nav li { float: none; display: block; padding: 0 15px; border: none }
.main-nav li a { display: block; line-height: normal; padding: 10px 20px; color: #444; border-radius: 3px; font-size: 14px; }
.main-nav li a:hover { color: #fff; background: #f2662b; }
.main-nav li.active > a, .main-nav li.active { color: #fff; background: #005baa; font-weight: 700 }
.main-nav li ul a { font-size: 12px; font-weight: 100; text-transform: none }
.box-content { font-size: 15px; line-height: normal; padding: 20px; }
.text-lg { font-size: 32px; }
h2 { font-size: 20px }
h3 { font-size: 17px }
.checkout-step { padding: 10px }
}
@media (max-width: 768px) {
body { width: 100%; overflow-x: hidden }
.r-tabs .r-tabs-panel { padding: 10px 0 }
.booking-form { padding: 20px 15px; }
.banner-text .banner-heading { padding-top: 15% }
.banner-text .banner-heading h2 { font-size: 30px }
.slider-data { max-width: 280px; padding-top: 0 }
.home-slider-data h2 { font-size: 20px; }
.home-slider-data h4 { font-size: 14px }
.border-link { margin-left: 0; margin-right: 0 }
.home-slider img { display: block; max-width: none; min-height: 225px; position: relative; width: 830px; }
.home-slider .slider-data > img { width: 55px; min-height: auto; margin: 0; left: 0; display: inline }
h3 { font-size: 13px; }
.copyright p { font-size: 12px; }
    .block.right-img {
        position: relative;
        right: 0;
    }

}
@media (max-width: 480px) {
.mobile-options { margin-top: 25px; }
.heading-wrap { padding: 45px 0; }
.banner-heading { height: 130px; }
.banner-heading img { margin-left: -563px; width: 1126px; }
.banner-text .banner-heading { padding-top: 10%; }
.banner-text .banner-heading h2 { font-size: 16px }
.slider-data { max-width: none; }
}
@media (max-width: 320px) {
.contact-info { float: none; font-size: 16px; padding: 0 0 10px; text-align: center; }
.item-details-box { margin: 0 }
#navside_icon { margin-top: 15px }
.btn-md { padding: 0 20px; font-size: 14px; }
.input label { font-size: 12px; }
.address-info { font-size: 12px; line-height: normal; padding: 5px 0; }
}
.testimonials .item-box { padding: 30px }
/*items*/
.item-box { background: #f1eee8; display: block; margin-bottom: 25px; min-height: 175px; padding: 10px; }
.item-box-title { display: table; height: 45px; margin-bottom: 5px; text-align: center; width: 100%; overflow: hidden }
.item-box-title h4 { display: table-cell; font-size: 14px; vertical-align: middle; }
.item-box-thumb { text-align: center }
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; margin-right: 5px; }
.r-tabs .r-tabs-panel { padding: 15px 0; display: none; }
.r-tabs .r-tabs-accordion-title { display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }
.r-tabs-nav { border-bottom: 7px solid #f15e2b; text-align: left; }
.r-tabs-nav a { background: #eeeeee none repeat scroll 0 0; display: block; font-size: 14px; font-weight: 700; padding: 14px 10px; }
.r-tabs-nav .r-tabs-state-active a { background: #f15e2b; color: #fff }
.r-tabs-accordion-title a { background: #f15e2b; text-align: center; padding: 10px; font-size: 22px; color: #fff; display: block; margin: 5px }
.inner-tabs .r-tabs-nav { background: none; padding: 0; text-align: left; }
.inner-tabs .r-tabs-nav li { border-right: 1px solid #ddd }
.inner-tabs .r-tabs-nav li:last-child { border: none }
.inner-tabs .r-tabs-nav a { color: #666; font-size: 14px; line-height: normal; padding: 0 15px; text-align: left; }
.inner-tabs .r-tabs-nav .r-tabs-state-active a { color: #f15e2b; }
.inner-tabs .r-tabs-accordion-title a { background: #e8e6e7; color: #333; font-size: 16px; }
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav { display: none; }
.r-tabs .r-tabs-accordion-title { display: block; }
}
