html { scroll-behavior: smooth;}
*{ margin: 0; padding: 0; outline: 0;}
::-moz-selection{background:#F44062;color:#fff;} 
::selection {background:#F44062;color:#fff;}
body{ font-size: 15px; color: #333; letter-spacing: 1px; font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6{ color: #fff; margin: 0;}
.clear{ clear: both; display: block}
.error{ border-color:#F00!important}
p{ font:15px; line-height: 25px; font-weight: 300; padding-bottom: 15px}
.btn{ font-size:15px}
a{ -webkit-column-rule: #000; -moz-column-rule: #000; -o-column-rule: #000; column-rule: #000; color: #000; font-weight: 500}
a:hover{ text-decoration: none; color: #000;}

#map { height: 100%;}


ul{ list-style-type: none}
.space{ padding: 5px; padding-bottom: 0}
.container{ max-width: 1750px; width: 95%;}
.container.full{ max-width: 100%; width: 100%}
section{ padding: 90px 0;}

header#navbar{ position: fixed; width:100%; top: 0; z-index: 1000; height: 113px; background: #fff; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.04); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.03); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.03); transition: top 0.3s; }

header a.navbar-brand.tablet { display: none}
header a.navbar-brand.moble { display: none}
header a { float: left; display: block; color: white; text-align: center; font-weight: 400; font-size: 14px; letter-spacing: 3px; padding: 10px 0 10px 10px; text-decoration: none;}
header a:hover { color: #f90;}

.h-right{ padding-top: 40px}
.h-right img{ padding: 0 5px;}
.h-right li{ padding: 0 0 0 40px;}
.h-right a:hover { color: #f90;}


/* Icon 1 */
#nav-icon3 { width: 32px; height: 30px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}

#nav-icon3 span { display: block; position: absolute; height: 3px; width: 100%; background: #E41B23; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

/* Icon 3 */
#nav-icon3 span:nth-child(1) { top: 0px; width: 25px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 9px;}
#nav-icon3 span:nth-child(4) { top: 18px; width: 25px;}
#nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;}
#nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}


.menu{ position:fixed; margin: 0 auto; top: 113px; z-index: 1000; width: 100%; overflow: hidden; background:url("../images/rtt-watermark.png") right center no-repeat #fff; border-top: 1px solid #D90018; border-bottom: 1px solid #eee;;}
.menu-inner{ margin: 0 auto; max-width: 1730px; width: 95%; padding: 30px 10px 10px 10px; color:#333;}
.menu-inner .slide-toggle{ padding: 10px; background: #C54B59; color: #fff;  right: 15px; z-index: 100}

.menu-inner a{ display: block; color: #333; margin-bottom: 10px; transition: 0.1s linear}
.menu-inner a:hover{ color: #D90018; padding-left: 3px}
.menu-inner ul li{ margin-bottom: 8px; font-size: 13px;}
.menu-inner ul li a{ margin: 0; font-weight: 400}
.menu-inner.social a{ display: inline-block; margin-left: 20px}

.menu-inner ul.md{ display: none}
.menu-inner ul.sm{ display: none}

.banner{ position: relative; padding-top: 170px; background: url("../images/banner-bg.png") no-repeat 31% top}
.banner h1{ text-transform: uppercase; padding-bottom: 10px; font-size: 33px; font-weight: 200; color: #0A427A; padding-top: 100px}
.banner h1 span{ display: block; font-weight: 600; font-size: 30px;}
.banner p{ width: 85%}
.banner blockquote{ padding: 50px 0 0 0;}
.banner blockquote img{ margin-right: 15px;}
.banner blockquote.two{ display: none}
.banner blockquote.three{ display: none}


.carousel-indicators{ right: 0; left: auto; top: 41%; margin: 0; display: block}
.carousel-indicators li{ width: 10px; height: 10px; border-radius: 47%; border: 1px solid #fff; display: block; margin: 6px;}

.banner .carousel a{ width: 50px; height: 50px; cursor: pointer; text-align: center; line-height: 50px; position: absolute; z-index: 101; top: auto; background-color: #222; opacity:1}

.banner .carousel a.carousel-control-prev{ left: auto; right: 81px; bottom: -25px;}
.banner .carousel a.carousel-control-next{ left: auto; right: 30px; bottom: -25px;}


.h-why-book-rtt{ background: url("../images/regency-trvel-and-tours-bg1.jpg") no-repeat left top; background-size: cover; color: #fff; min-height: 600px}
.h-why-book-rtt .container{position: relative}
.h-why-book-rtt h2{ text-transform: uppercase; padding-bottom: 10px; font-weight: 200; font-size: 32px;}
.h-why-book-rtt h2 span{ display: block; font-weight: 600;}
.h-why-book-rtt .h-why-points{ background: rgba(10,66,122,.90); position: absolute; right: 15px; padding: 40px}
.h-why-book-rtt .h-why-points li{ list-style-image: url("../images/bullet.png"); margin-bottom: 10px; font-weight: 200}


.what-we-do{ padding: 0; background-image: linear-gradient(-90deg, #EEEFF3 65%, #F7FAFC 35%);}
.what-we-do h3{ font-size: 30px; color: #0A427A; text-transform: uppercase; padding: 88px 0; font-weight: 200;}
.what-we-do h3 span{ display: block; font-size: 35px; font-weight: 600;}
.what-we-do h6{ font-size: 18px; line-height: 28px; font-weight: 400; color: #333; padding: 100px 0 100px 80px; margin: 0; background: #EEEFF3}
.what-we-do h6 span{ width: 80%; display: block;}


.h-private-jet{ background: url("../images/regency-trvel-and-tours-bg3.jpg") center no-repeat; background-size: cover; color: #fff; padding: 120px 0 150px 0}
.h-private-jet .content{ margin: 0 auto; background: rgba(0,0,0,.85); padding: 50px; position: relative;}
.h-private-jet .content h4{ font-size: 25px; font-weight: 600; color: #fff; /*background: #000;*/ padding: 10px 0px; /*position: absolute; left:0px; top: -40px*/}
.h-private-jet .content h5{ font-size: 18px; line-height: 28px; font-weight: 200; color: #fff; margin-bottom: 30px}
.h-private-jet .content p{ padding-bottom: 0;}
.h-private-jet .content a{ font-size: 14px; font-weight: 300; color: #fff; background: #E41B23; position: absolute; bottom: -37px; right: 0; padding: 8px 15px; border: 0}


.projects-slide{ padding: 90px 0;}
.projects-slide .container{ position: relative}


.slide-nav { height: 475px; background-color: #fff;}
.slide-right { width: 50px; cursor: pointer; text-align: center; line-height: 50px; position: absolute; z-index: 101; top: -116px; right: 46px; background-color: #222;}
.slide-center { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.list-cat { white-space: nowrap; height: 100%; padding-top: 10px; position: absolute; top: 0; left: 0; transition: all .7s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;
 -o-transition: all .5s ease; user-select: none; }
.box-cat { margin: 0 24px; display: inline-block; background: #000; cursor: pointer; vertical-align: top; position: relative}
.box-cat img{ opacity:0.7; transition: 0.2s linear}
.box-cat:hover img{ opacity:1}
.box-cat h2{ width: 100%; text-align: center; font-size: 15px; padding: 20px 0; position: absolute; bottom: 0; background: rgba(0,0,0,.4); z-index: 1}
.slide-left { color: #01c0c8; width: 50px; height: auto; cursor: pointer; text-align: center; line-height: 50px; position: absolute; z-index: 101; top: -116px; right: 97px; background-color: #222;}
.list-cat .box-cat:nth-child(even) { margin-top: 55px}


.newsletter-social { background-image: linear-gradient(-90deg, #EEEFF3 65%, white 35%); padding: 0}
.newsletter-social .newsletter{ padding: 80px 15px; background: #fff;}
.newsletter-social .newsletter h4{ color: #333; font-weight: 300;  font-size: 19px; margin-right: 30px}
.newsletter-social .newsletter h4 span{ font-weight: 700; display: block}

.newsletter-social .social{ padding: 80px 15px; background: #EEEFF3; padding-left: 5%}
.newsletter-social .social h4{ color: #333; font-weight: 700; font-size: 19px; line-height: 45px;}
.newsletter-social .social h4 span.tablet{ display: none}
.newsletter-social .social a{ display: inline; margin-left: 25px}


footer{ background: #F7FAFC; padding: 100px 0 0 0; color: #333; }
footer h4{ font-size: 18px; color: #333; text-transform: uppercase; line-height: 35px; font-weight: 600; margin-bottom: 20px}
footer p{ width: 85%; line-height: 20px; font-size: 13px; padding-bottom: 0}

footer .ftwo img{ margin-top: -40px;}

footer .fthree li{ font-size: 14px; margin-bottom: 5px}
footer .fthree li.location{ background: url("../images/location.png") no-repeat}
footer .fthree li.call{ background: url("../images/phone.png") no-repeat}
footer .fthree li.mail{ background: url("../images/envelope.png") no-repeat}

footer .ffour a{ color: #333; font-size: 13px; line-height: 35px; border: 1px solid #999; padding: 5px 10px; border-radius: 3px;}
footer .ffour a:hover{ border: 1px solid #D01C23; }

footer .f-bottom{ font-size: 11px; padding: 25px 15px;}
footer .f-bottom span{ padding: 0 15px}
footer .f-bottom a{ font-size: 12px; color: #555;}


/*About*/
.about-rtt { padding: 100px 0; background: url("../images/abt-bg.png") no-repeat left, url("../images/abt-bg2.png") no-repeat right, #0A437A; color: #fff}
.about-rtt h3{ font-size: 33px; margin-bottom: 15px}
.about-rtt h4{ font-size: 17px; margin-bottom: 10px; font-weight: 400; text-transform: uppercase;}
.about-rtt h5{ font-size: 20px; margin-bottom: 25px; font-weight: 300; line-height: 30px;}
.about-rtt h6{ font-size: 17px; margin-bottom: 25px; line-height: 25px;}
.about-rtt .who-we-are{ padding-right: 12%}
.about-rtt .mission-vision{ padding-left: 6%}
.about-rtt li{ padding: 0 0 5px 5px; margin-left: 10px; list-style-image: url("../images/bullet.png")}

.partner{ text-align: center}
.partner h4{ font-size: 22px; color: #0A437A; font-weight: 400; text-transform: uppercase; margin-bottom: 25px;}
.partner p{ padding: 0 10% 20px 10%}

.certification{ padding: 100px 0; background: #F7FAFC}
.certification h3{ color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; margin-bottom: 25px}
.certification h3 span{ background: #0A437A; padding: 9px 15px 8px 15px; display: inline-block}
.certification h4{ color: #000; font-size: 19px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px}
.certification .certification-content{ padding-left: 50px;}
.certification .certification-content strong{color: #0A437A; font-weight: 600}


/*Awards*/
.award-intro{ padding: 100px 0; background: #F7FAFC; text-align: center}
.award-intro p{ padding: 0 10% 20px 5%}

.award{ background: url("../images/awards-bg.jpg") no-repeat center; background-size: cover/*left, url("../images/abt-bg2.png") no-repeat right, #0A437A*/; color: #fff}
.award .col-centered{display: inline-block; flex: none;}
.award .award-card{ background: rgba(0,0,0,.8)!important; padding: 20px; }
.award h1{ padding: 8px 18px; font-size: 15px; color: #E59C22; display: block;}
.award li{ padding: 10px 0 ; font-size: 13px;}


.award #accordion .card{ border: 0; background: #333; text-align: center}
.award #accordion .card-header{ padding: 0; border-color: #000000; background: rgba(0,0,0,.5); text-align: center}
.award #accordion a { padding: 8px 18px; font-size: 15px; color: #CF8A18; display: block;}
.award #accordion a img { float: right; padding-top: 3px;}



/*team*/
.team{ background: url("../images/team-bg.png") no-repeat fixed left;}
.team .container{ padding:0 10% 0 20%; }
.team .team-list-wrapper{ position: relative; margin-bottom: 50px;}
.team .team-list-wrapper h4{ position: absolute; margin-left: -250px; display: inline-block; font-size: 16px; color: #0A437A; font-weight: 600; text-transform: uppercase; background: #fff; padding: 5px 30px}
.team .team-list-wrapper h4 span{ position: absolute; width: 65px; border-top: 1px solid #E41B23; left: -50px; top: 24px; }
.team-list{ width: 200px; height: 430px; margin: 0 6px; -moz-transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); -o-transform: skew(-20deg, 0deg); -ms-transform: skew(-20deg, 0deg); transform: skew(-20deg, 0deg); overflow: hidden; position: relative; padding-bottom: 110px;}
.team-list > .thumbnail{ width: 335px; height: 320px; overflow: hidden; margin-left: -70px; position: absolute; top: 0; left: 0; display: block;  -moz-transform: skew(20deg, 0deg); -webkit-transform: skew(20deg, 0deg); -o-transform: skew(20deg, 0deg); -ms-transform: skew(20deg, 0deg); transform: skew(20deg, 0deg); transition: 0.1s linear}
.team-list:hover .thumbnail{ margin-top: -10px}
.team-list .team-id{ position: absolute; left: 15px; top: 330px;-moz-transform: skew(20deg, 0deg); -webkit-transform: skew(20deg, 0deg); -o-transform: skew(20deg, 0deg); -ms-transform: skew(20deg, 0deg); transform: skew(20deg, 0deg);}
.team-list .team-id h2{ font-size: 14px; font-weight: 500; color:#E41B23; margin-bottom: 7px}
.team-list .team-id h3{ font-size: 13px; font-weight: 300; color:#000 }


/*Business Travel*/
.business-travel{ background: #F7FAFC;}
.business-travel .bt-intro>p{ padding: 0 10% 20px 10%}
.business-travel .bt-list{ padding: 35px}
.business-travel .bt-list h3{ font-size: 18px; color: #0A437A; font-weight: 500; line-height: 26px; margin: 15px 0}
.business-travel .bt-list h6{ font-size: 15px; color: #000; font-weight: 500; line-height: 20px; margin-bottom: 5px}


/*president message*/
.president-message{ padding: 100px 5%; background: #F7FAFC;}
.president-message img{ float: right}
.president-message h4{ color: #000; font-size: 18px;}
.president-message h6{ color: #666; font-size: 14px; margin: 5px 0 50px 0}
.president-message .message{ padding: 0 5%}


/*regency miles*/
.regency-miles{ padding: 130px 0; background: url("../images/mile-bg.png") no-repeat right #F28620; color: #fff; border-top: 10px solid #F28620; border-bottom: 10px solid #F28620}
.regency-miles p{ font-size: 18px; line-height: 29px; padding-right: 20%}

.regency-miles-description{ background-image: linear-gradient(-90deg, #F7FAFC 65%, #5D5D5D 35%); padding: 0;}
.regency-miles-description .one{ background: #5D5D5D; padding: 100px 80px 100px 15px}
.regency-miles-description .two{ background: #F7FAFC; padding: 100px 80px 100px 80px}
.regency-miles-description h5{ font-weight: 300; line-height: 35px; width: 75%}
.regency-miles-description h6{ color: #000; font-weight: 300; line-height: 30px; width: 82%}


/*.private-jet{ background-image: linear-gradient(-90deg, #404040 30%, #ffffff 30%); padding: 0;}*/
.private-jet{ background: url("../images/private-jet-life.jpg") 0 50% no-repeat #404040; padding: 0;}
.private-jet .two{ padding: 100px 0 100px 80px; background: #404040;}
.private-jet h3{ font-size: 27px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px}
.private-jet h5{ font-size: 20px; font-weight: 300; width: 85%; line-height: 32px; margin-bottom: 35px}

.private-jet ul{ margin: 25px 0 35px 0}
.private-jet li{ color: #fff; margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 200; list-style-image: url("../images/bullet.png")}

.private-jet-description{ background: #F7FAFC;}
.private-jet-description h6{ color: #333; font-size: 17px; font-weight: 300; line-height: 24px;}


/*visa services*/
.visa-services{ background: url("../images/visa-services-provider.jpg") 0 50% no-repeat #38475E; padding: 0;}
.visa-services .two{ padding: 100px 0 100px 80px; background: #38475E;}
.visa-services h3{ font-size: 27px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px}
.visa-services h5{ font-size: 20px; font-weight: 300; width: 85%; line-height: 32px; margin-bottom: 35px}

.visa-services ul{ margin: 25px 0 35px 0}
.visa-services li{ color: #fff; margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 200; list-style-image: url("../images/bullet.png")}

.visa-services-description{ background: #F7FAFC;}
.visa-services-description h6{ color: #333; font-size: 17px; font-weight: 300; line-height: 24px;}



/*services*/
.services{ background: #F7FAFC;}
.services h3{ color: #dc3545; font-size: 18px; margin-bottom: 15px; text-transform: uppercase}
.services h4{ color: #0A437A; margin-bottom: 15px}

.services .serv-list{ background: #fff;}
.services .serv-list .serv-list-description{ padding: 50px}
.services .serv-list .serv-thumb-md{ display: none}


/*travelite*/
.travelite{ padding: 113px 0 0 0;}

.tracking{ width: 450px; right: 4%; bottom: 6%; background: #F2D1AF url("../images/tracking.png") 0 0 no-repeat; padding: 20px; color: #333; font-size: 17px; font-weight: 600; padding-left: 150px; border-bottom: 1px solid #932846;}
.tracking input{ width: 100%; padding:5px 60px 5px 5px; border: 0; font-size: 13px}
.tracking input[type=button]{ width: 50px; position: absolute; right: 20px; bottom:20px; padding: 5px; background: #932846; color: #fff}

.travelite-intro{ background:linear-gradient(90deg, rgba(255,255,255,1) 50.05%, rgba(147,40,70,1) 50%); padding: 0}
.travelite-intro h1{ color: #932846; font-size: 27px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px;}
.travelite-intro h4{ font-size: 20px; color: #333; font-weight: 300; line-height: 30px; width: 80%}
.travelite-intro .travelite-map{ background: url("../images/travlite-map.jpg") no-repeat 0 80%; background-size: 100%; padding: 90px 0 0 5%}
.travelite-intro .quote{ background: #932846; padding: 0 80px; padding: 90px 80px}
.travelite-intro .quote h2{ font-size: 28px; font-weight: 600; margin-bottom: 25px}
.travelite-intro .quote h6{ font-size: 15px; font-weight: 400; margin:10px 0}
.travelite-intro .quote .travelite-form{ font-size: 14px; border: 1px solid #A7697A; background: #932846; border-radius: 0; color: #fff}
.travelite-intro .quote .travelite-form.kg{ width: 100px;}

.travelite-intro .quote .travelite-form::-webkit-input-placeholder { /* Edge */ color: #B8B7B7;}
.travelite-intro .quote .travelite-form:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B8B7B7;}
.travelite-intro .quote .travelite-form::placeholder { color: #B8B7B7;}

.travelite-services{ background: #F7FAFC;}
.travelite-services h4{ color: #333; font-weight: 600; font-size: 18px; margin-bottom: 15px}

.travelite-services .box{ background: #DFE4E9 url("../images/trav-box.png") top right no-repeat; padding: 40px; margin-bottom: 5px}
.travelite-services .box.two{ background: #E6E6E6 url("../images/trav-box.png") top right no-repeat;}
.travelite-services .box.three{ background: #EBE9E3 url("../images/trav-box.png") top right no-repeat;}
.travelite-services .box p{ padding-bottom: 0}

.travelite-services .border-bottom{ border-bottom: 1	px solid #aaa!important} 
.travelite-description h3{ font-size: 20px; color: #333; font-weight: 400; margin-bottom: 20px}


.travelite-tracking h4{ color: #333 }



/*Careers*/
.careers{ background: #F7FAFC url("../images/career-bg.png") no-repeat fixed;}
.careers h4 { font-size: 22px; color: #0A437A; font-weight: 400; text-transform: uppercase; margin-bottom: 25px;}

.careers .job-list{ background: #fff; margin:15px 50px; padding: 20px 40px 30px 40px; position: relative}
.careers .job-list.bg-blue{ background: #0A427A; color: #fff}
.careers .job-list span{ position: absolute; width: 65px; border-top: 1px solid #E41B23; left: -50px; top: 28px}
.careers .job-list h2{ font-size: 16px; color: #fff; font-weight: 500; margin-bottom: 15px;}
.careers .job-list h3{ font-size: 15px; color: #0A437A; font-weight: 600; margin-bottom: 15px;}
.careers .job-list h6{ font-size: 13px; color: #333; font-weight: 400; margin-bottom: 10px; font-style: italic}
.careers .job-list p{ padding: 0}

.careers .job-description{ background: #fff; margin-right: 30px; padding: 30px 40px 30px 40px; position: relative}
.careers .job-description span{ border: 1px solid #aaa; border-radius: 5px; padding: 3px 10px; font-size: 13px; font-weight: 400; margin-right: 10px }
.careers .job-description h3{ font-size: 17px; color: #0A437A; font-weight: 600; margin: 15px 0;}
.careers .job-description h5{ font-size: 15px; color: #333; font-weight: 400; margin-bottom: 10px;}
.careers .job-description h6{ font-size: 13px; color: #333; font-weight: 400; margin-bottom: 10px; font-style: italic}
.careers .job-description li{ font-weight: 400; font-size: 14px}

.careers .all-opening h4{ font-size: 16px; padding: 15px 0; border-bottom: 1px solid #777; margin-bottom: 5px}
.careers .all-opening a{ font-size: 14px; font-weight: 300; display: block; background: #f7f7f7; padding: 10px 15px; margin-bottom: 2px}


/*History*/
.history{ background: #F7FAFC url("../images/career-bg.png") no-repeat fixed;}
.history .container{ max-width: 1600px;}
.history .hs{ margin-bottom: 10px; position: relative; vertical-align: middle; background: #fff}
.history .hs span{ position: absolute; right: -50px; top: 36%; font-size: 22px; font-weight: 500; background: #fff; border-radius: 50%;; width: 110px; display: block; text-align: center; line-height: 110px; border: 1px solid #E41B23}
.history .hs.two { text-align: right}
.history .hs.two span{ left:-50px; right: auto}
.history .hs h4{ font-size: 22px; color: #0A437A; padding: 22% 0 10px 80px}
.history .hs p{ font-size: 18px; padding: 0 0 0 80px}

.history .hs.two  h4{ padding: 22% 80px 10px 0}
.history .hs.two  p{ padding: 0 80px 0 0}

.history .hs .sm-mobile{ display: none}



/*contact*/
.contact{  background: #F7FAFC; padding-bottom: 50px}

/*.map{ background: url("../images/map-bg.jpg") no-repeat; background-size: cover; position: relative}
.map .map-text{ position: absolute; left: 10%; top: 15%; background: rgba(255,255,255,0.8); font-size: 14px; color: #000; padding: 30px 30px 0 30px}
.map .map-link{ width: 100px; height: 100px; border-radius: 50%; text-align: center; color: #fff; font-size: 13px; line-height: 15px; font-weight: 300; position: absolute; right: 18%; bottom: 13%; border: 1px solid rgba(255,255,255,0.4); padding: 6px; transition: 0.2s linear}
.map .map-link span{ display:block; background: #111; border-radius: 50%; width: 86px; height: 86px; padding: 22px 5px; transition: 0.3s linear}
.map .map-link:hover{ border: 1px solid rgba(0,0,0,1);}
.map .map-link:hover span{ background: #fff; color: #000}*/

.contact-feedback{ padding: 0 0 100px 0; background: url("../images/contact-bg.jpg") no-repeat center; background-size: cover; position: relative}
.contact-feedback h4{ color: #fff; font-size: 15px; margin-bottom: 10px}
.contact-feedback p{ font-size: 13px; color: #fff; line-height: normal}

.contact-feedback .map-link{ width: 100px; height: 100px; border-radius: 50%; text-align: center; color: #fff; font-size: 13px; line-height: 15px; font-weight: 300; position: absolute; left: 50%; top: -50px; margin-left: -55px; border: 1px solid rgba(28,31,50,1); padding: 6px; transition: 0.2s linear; z-index: 1}
.contact-feedback .map-link span{ display:block; background: #111; border-radius: 50%; width: 86px; height: 86px; padding: 22px 5px; transition: 0.3s linear}
.contact-feedback .map-link:hover{ border: 1px solid rgba(0,0,0,1);}
.contact-feedback .map-link:hover span{ background: #fff; color: #000}


.contact-feedback .address{ background: rgba(10,66,122,.9); border-radius: 3px; padding: 50px; margin-top: 100px}
.contact-feedback .address ul{ margin: 0}

.contact-feedback #accordion .card{ border: 0}
.contact-feedback #accordion .card-header{ padding: 0; border-color: #021c37; background: #032d58}
.contact-feedback a{ padding: 8px 18px; font-size: 14px; color: #fff; display: block;}
.contact-feedback a img{ float: right; padding-top: 3px}
.contact-feedback li{ font-size: 13px;}
.contact-feedback h5{ font-size: 18px; color: #fff; font-weight: 400; margin-bottom: 20px;}

.contact-feedback .feedback{ background: rgba(0,0,0,.5); padding: 50px; border-radius: 3px; margin-top: 100px}
.contact-feedback .feedback .form-control{ font-size: 13px; border-radius: 3px!important; background:#222; color:#fff; border-color:#777}



/*modal popup*/
.modal-content.bt-query{ background: #0A427A; border-radius:0; border: 0; padding: 35px 15px; color: #fff}
.modal-content.bt-query button.close{ font-weight: 300; font-size: 25px; color: #fff; padding: 8px; text-shadow: none; background: #111; margin-top: -35px!important; margin-right: -30px }
.modal-content.bt-query .modal-header,.modal-content.bt-query .modal-footer{ border: 0}
.modal-content.bt-query .modal-header{ padding: 0 15px}
.modal-content.bt-query h5{ font-weight: 200; font-size: 17px; width: 96%}

.modal-content.bt-query form{ margin-left:auto; margin-right:auto; border-radius:5px; position:relative;}
.modal-content.bt-query form p{ font-size: 12px; color: #C4C6D5; margin-bottom:0px!important; padding: 0!important;}
.modal-content.bt-query form h6{ font-size: 13px; font-weight: 500; margin: 5px 0 5px 0}
.modal-content.bt-query form span{ font-size: 12px; color: #C4C6D5; padding-right: 10px;}
.modal-content.bt-query form input{ font-size:12px; letter-spacing:1px; padding:0 5px; border: 0; background:#0A427A; border-bottom: 1px solid #929CAF; width: 100%; color:beige}
.modal-content.bt-query form select{ font-size:12px; letter-spacing:1px; padding:5px; border: 0; background:#0A427A; border-bottom: 1px solid silver; width: 100px; color:beige}
.modal-content.bt-query form textarea{ font-size:13px; letter-spacing:1px; padding:5px; border: 0; background:#0A427A; border-bottom: 1px solid silver; width: 100%; color:beige}
.modal-content.bt-query form input[type=checkbox] { width: auto; box-sizing: border-box; padding: 0;}
.modal-content.bt-query form input[type=radio] { width: auto; box-sizing: border-box; padding: 0;}
.modal-content.bt-query form lable{ font-weight: 300; font-size: 10px!important;}

.modal-content.bt-query a{ color: #fff; text-decoration: underline;}
.modal-content.bt-query .modal-footer{ padding: 0 15px}

.validate{ border-bottom: 1px solid #F44336!important;}
.contactvalidate{ border: 1px solid #F44336!important;}




@media screen and (max-width: 1600px){
	.btn{ font-size:14px}
	p{ font-size: 14px; line-height: 22px; padding-bottom:10px;}
	.banner h1 { font-size: 30px; padding-top: 50px}
	.banner h1 span { font-size: 25px;}
	.banner p{ width: 90%;}
	.banner blockquote{ padding: 25px 0 0 0}
	
	.h-why-book-rtt h2{ font-size: 25px;}
	
	.what-we-do h3{ font-size: 25px}
	.what-we-do h3 span{ font-size: 30px}
	.what-we-do h6{ font-size: 16px; line-height: 24px}
	
	.slide-nav{ height: 430px}
	.box-cat { margin: 0 15px;}
	.box-cat img{ width: 260px}
	
	.private-jet{ background: url("../images/private-jet-life.jpg") -20% 50% no-repeat #404040;}
	.h-private-jet .content h4{ font-size: 22px; left: -178px;}
	.h-private-jet .content h5{ font-size: 18px; line-height: 25px}
	
	.visa-services{ background: url("../images/visa-services-provider.jpg") -20% 50% no-repeat #38475E;}
	
	.newsletter-social .newsletter h4{ font-size: 16px;}
	.newsletter-social .newsletter h4 span{ font-size: 18px;}
	
	.newsletter-social .social h4{ font-size: 18px;}
	.newsletter-social .social a{ margin-left: 13px}
	
	.travelite-intro .travelite-map{ background: url(../images/travlite-map.jpg) no-repeat left 80%;}
	
	.team .container { padding: 0 10% 0 23%;}

}

@media screen and (max-width: 1500px){
	.banner blockquote.one{ display: none}
	.banner blockquote.two{ display: block}
}

@media screen and (max-width: 1440px){
	header#navbar{ height: 90px;}
	.menu{ top: 90px;}
	header a.navbar-brand.pc { display: none}
	header a.navbar-brand.tablet { display: block}
	header a.navbar-brand.moble { display: none}
	.h-right{ padding-top: 25px;}
	.h-right li{ padding: 0 0 0 30px;}
	header a { font-size: 13px; letter-spacing: 2px;}
	
	p{ font-size: 13px; line-height: 20px;}
	.banner{ padding-top: 130px; }
	.banner h1 { font-size: 26px; padding-top: 50px}
	.banner h1 span { font-size: 21px;}
	.banner p{ width: 100%;}
	
	.banner.travelite{ padding: 90px 0 0 0}
	
	.h-why-book-rtt{ min-height: 500px}
	.h-why-book-rtt .h-why-points{ padding: 25px 25px 15px 25px}
	.h-why-book-rtt .h-why-points li{ font-size: 14px;}
	
	.slide-nav{ height: 390px}
	.box-cat img{ width: 227px}
	
	.newsletter-social .newsletter{ width: 80%!important}
	
	.regency-miles{ padding: 100px 100px 100px 0;}
	.regency-miles p { font-size: 16px; line-height: 27px; padding-right: 10%;}
	
	.private-jet{ background: url("../images/private-jet-life.jpg") -33% 50% no-repeat #404040;}
	.private-jet .two{ padding: 80px 0 80px 80px}
	.private-jet h3{ font-size: 21px}
	.private-jet li{ font-size: 15px}
	
	.visa-services{ background: url("../images/visa-services-provider.jpg") -33% 50% no-repeat #38475E;}
	.visa-services .two{ padding: 80px 0 80px 80px}
	.visa-services h3{ font-size: 21px}
	.visa-services li{ font-size: 15px}
	
	
	.travelite-intro .quote{ padding: 90px 50px}
	
	.regency-miles-description .one{ padding: 80px 30px 80px 15px}
	.regency-miles-description .two { background: #F7FAFC; padding: 80px 0 80px 30px;}	
	.regency-miles-description h5{ font-size: 18px; line-height: 30px; width: 100%}
	.regency-miles-description h6{ line-height: 23px; width: 100%}
	
	
	.team .container { padding: 0 6% 0 18%;}
	.team .team-list-wrapper{ margin-bottom: 0;}
	.team .team-list-wrapper h4 { margin-left: -160px; font-size: 14px; padding: 5px 20px;}
	.team .team-list-wrapper h4 span { width: 40px; left: -30px; top: 20px;}
	.team-list{ width: 175px; height: 390px;}
	.team-list > .thumbnail{ width: 300px; height: 280px;}
	.team-list:hover .thumbnail{ margin-top: -10px}
	.team-list .team-id{ top: 290px;}
	.team-list .team-id h2{ font-size: 13px;}
	.team-list .team-id h3{ font-size: 12px;}
	
	
	.history .hs span { width: 90px; right: -45px; top: 36%; font-size: 20px; line-height: 90px;}
	.history .hs.two span { left: -45px;}
	.history .hs h4 { font-size: 20px; padding: 21% 0 10px 80px}
	.history .hs.two h4 { padding: 21% 80px 10px 0;}
	.history .hs p { font-size: 15px; padding: 0 0 0 80px;}

}

@media screen and (max-width: 1440px){
	.modal-content.bt-query h5 { font-size: 16px;}
	.modal-content.bt-query form p { font-size: 11px; color: #C4C6D5}
}



@media screen and (max-width: 1340px){
	.slide-nav{ height: 435px}
	.box-cat img{ width: 268px}
	/*.newsletter-social .social h4 span.pc{ display: none}
	.newsletter-social .social h4 span.tablet{ display: block}*/
	.newsletter-social .newsletter h4{ width: 100%; padding-left: 0; margin-bottom: 15px}
	.newsletter-social .social h4 span.pc{ display: block}
	.newsletter-social .social a{ margin: 0 15px 0 0}
	
	.president-message .message{ padding: 0 0 0 5%}
	
	.private-jet{ background: url("../images/private-jet-life2.jpg") -48% 50% no-repeat #404040;}
	.private-jet .two{ padding: 70px 0 70px 60px}
	.private-jet li {font-size: 14px;}
	
	.visa-services{ background: url("../images/visa-services-provider.jpg") -48% 50% no-repeat #38475E;}
	.visa-services .two{ padding: 70px 0 70px 60px}
	.visa-services li {font-size: 14px;}
}

@media screen and (max-width: 1200px){
	.h-why-book-rtt h2{ font-size: 23px;}
	.h-why-book-rtt .h-why-points li { font-size: 13px;}
	.what-we-do h3{ font-size: 23px; padding: 74px 0}
	.what-we-do h3 span{ font-size: 26px;}
	.what-we-do h6 { padding: 85px 0 85px 60px;}
	.what-we-do h6 span{ width: 96%;}
	.h-private-jet .content{ padding:15px 30px}
	
	.services .serv-list img{ width: 100%;}
	.services .serv-list p{ margin: 0}
	.services .serv-list .serv-list-description{ padding: 30px}
	
	.private-jet{ background: url("../images/private-jet-life2.jpg") -95% 50% no-repeat #404040;}
	
	.visa-services{ background: url("../images/visa-services-provider.jpg") -95% 50% no-repeat #38475E;}
	
	.travelite-intro h1{ font-size:22px}
	.travelite-intro h4 { font-size: 18px; line-height: 26px;}
	.travelite-intro .travelite-map{ background-size: 150%;}
	.travelite-intro .quote h2 { font-size: 22px}
	
	.team .container { padding: 0 6% 0 100px;}
	.team .team-list-wrapper h4{ font-size: 15px; position: static; margin-left: 0; padding: 11px 30px; margin-bottom: 25px}
	.team .team-list-wrapper h4 br{ display: none}
	.team .team-list-wrapper h4 span{ width: 65px;}
	
	.history .hs span { top: 35%; }
	.history .hs h4 { font-size: 20px; padding: 20% 0 10px 80px}
	.history .hs.two h4 { padding: 20% 80px 10px 0;}
	.history .hs p { font-size: 15px; padding: 0 0 0 80px;}
	
	.careers .job-list { margin: 15px 20px 15px 50px; padding: 20px 20px 30px 40px;}
}

@media screen and (max-width: 1100px){
	.btn{ font-size: 13px;}
	p{ line-height: 19px;}
	.banner h1 { font-size: 24px; padding-top: 10px}
	.banner h1 span { font-size: 20px;}
	.banner blockquote.two{ display: none}
	.banner blockquote.three{ display: block}
	
	.slide-nav{ height: 380px}
	.box-cat img{ width: 213px}
	
	
	.private-jet{ background: url("../images/private-jet-life2.jpg") no-repeat; background-size: cover}
	.private-jet .two{ padding: 50px; max-width: 100%!important; flex: auto; margin: 70px 50px; background: rgba(64,64,64,.8)}
	.h-private-jet .content h5{ font-size: 17px; line-height: 22px; margin-bottom: 10px;}
	
	.visa-services{ background: url("../images/visa-services-provider.jpg") no-repeat; background-size: cover}
	.visa-services .two{ padding: 50px; max-width: 100%!important; flex: auto; margin: 70px 50px; background: rgba(64,64,64,.8)}
	
	.history .hs span { top: 32%; }
	.history .hs h4 { font-size: 18px; padding: 18% 0 10px 80px}
	.history .hs.two h4 { padding: 18% 80px 10px 0;}
	.history .hs p { font-size: 14px; padding: 0 0 0 80px;}
	
}

@media screen and (max-width: 991px){
	.h-right li{ padding: 0 0 0 15px;}
	header a{ letter-spacing: 1px;}
	
	.menu-inner ul.pc{ display: none}
	.menu-inner ul.md{ display: block}
	
	.banner p{ width: 64%}
	.banner.inner p{ width: 100%}
	.banner blockquote{ position: absolute; right: 0; top: 65px; padding: 0;}
	.banner-slide{ margin-top: 25px}
	
	.h-why-book-rtt{ text-align: center; background: url(../images/regency-trvel-and-tours-bg1a.jpg) no-repeat center top; background-size: cover}
	.h-why-book-rtt .h-why-points{ position: static; display: block; width: 100%; margin: auto; margin-top: 25px; background: rgba(10,66,122,.70);}
	.h-why-book-rtt .h-why-points li{ display: inline-block; padding: 8px 15px 8px 15px; margin: 0; font-size: 14px}
	
	.what-we-do{ background:#F7FAFC; padding: 100px 0 50px 0; text-align: center}
	.what-we-do h3{ padding: 0}
	.what-we-do h6{ padding: 30px 0; background: none}
	.what-we-do h6 span{ width: 100%;}
	
	.slide-nav{ height: 430px}
	.box-cat img{ width: 263px}
	.box-cat h2{ font-size: 13px;}
	
	.h-private-jet{ padding: 110px 0}
	.h-private-jet .content h5 { font-size: 16px;}
	
	.newsletter-social{ background: none}
	.newsletter-social .container{ overflow: hidden}
	.newsletter-social .newsletter{ width: 100%!important; padding: 50px 15% 60px 15px;}
	
	.newsletter-social .social{ padding: 0 0 60px 15px; background: none }
	.newsletter-social .social h4 span.pc{ display: inline-block;}
	.newsletter-social .social a{ margin: 0 0 0 15px}
	
	footer h4{ font-size: 16px; margin-bottom: 10px}
	footer .ftwo{ width: 100%!important; max-width: inherit; flex:auto; padding-bottom: 30px}
	footer p{ width: 100%;}
	footer .fthree,footer .ffour{ width: 50%; max-width: inherit; flex:auto;}
	footer .fthree li{ padding-right: 30px}
	
	.about-rtt .mission-vision { padding-left: 15px;}
	
	.certification .certification-content { padding-left: 15px;}
	.certification h3{ margin-top: 20px}
	
	.services .serv-list .serv-thumb{ display: none}
	.services .serv-list .serv-thumb-md{ display: block}
	
	
	.regency-miles{ padding: 90px 100px 90px 0; background: #F28620 url("../images/mile-bg-md.png") right repeat-y;}
	.regency-miles p { padding-right: 0}
	
	.regency-miles-description .container{ width: 100%;}
	.regency-miles-description .one{ padding: 55px 4%}
	.regency-miles-description .two{ padding: 55px 4% 80px 4%}
	.regency-miles-description h6{ font-size:16px;}
	
	.travelite-intro h4{ width: 65%; font-size: 16px; line-height: 24px;}
	.travelite-intro .travelite-map{ background: #fff url(../images/travlite-map.jpg) no-repeat right ; background-size: 38%; padding-bottom: 100px;}
	
	.president-message{ padding: 70px 0}
	.president-message img{ width: 230px; float: left; margin-bottom: 30px}
	.president-message .message{ padding: 0 15px}
	
	.team-list{ width: 165px; height: 370px;}
	.team-list > .thumbnail{ width: 287px; height: 260px;}
	.team-list:hover .thumbnail{ margin-top: -10px}
	.team-list .team-id{ top: 270px;}
	.team-list .team-id h2{ font-size: 12px;}
	.team-list .team-id h3{ font-size: 11px;}
	
	.contact-feedback .feedback { margin-top: 0px;}
	
}

@media screen and (max-width: 900px){
	header#navbar{ height: 75px;}
	.menu{ top: 75px;}
	header a.navbar-brand.tablet { display: none}
	header a.navbar-brand.moble { display: block}
	.h-right{ padding-top: 20px;}
	.h-right li{ padding: 0}
	.h-right li:first-child img,.h-right li:nth-child(2) img{ width: 35px}
	
	.banner.travelite{ padding: 75px 0 0 0}
	
	.history .hs span { width: 80px; line-height: 80px; top: 29%; font-size: 18px; }
	.history .hs h4 { font-size: 18px; padding: 16% 0 10px 70px}
	.history .hs.two h4 { padding: 16% 70px 10px 0;}
	.history .hs p { font-size: 14px; padding: 0 0 0 70px;}
	.history .hs.two p { padding: 0 70px 0 0;}
}

@media screen and (max-width: 768px){
	.h-right li:first-child,.h-right li:nth-child(2){ display: none}
	
	.banner blockquote img{ margin: 0 0 0 7px}
	.banner .carousel a{ height: 30px;}
	.banner .carousel a.carousel-control-next,.banner .carousel a.carousel-control-prev{ bottom: -15px }
	
	.slide-nav{ height: 335px}
	.box-cat img{ width: 195px;}
	.slide-left,.slide-right{ line-height: 30px;}
	
	.private-jet .two { padding: 50px; flex: auto; margin: 70px 0}
	.h-private-jet{ padding: 90px 0}
	.private-jet h3 { font-size: 19px;}
	
	.visa-services .two { padding: 50px; flex: auto; margin: 70px 0}
	.visa-services h3 { font-size: 19px;}
	
	.modal-content.bt-query h5 { font-size: 16px;}
	.newsletter-social .newsletter{ padding: 50px 10% 60px 15px;}
	
	.travelite-intro{ background: nonne}
	.travelite-intro .travelite-map{ padding-bottom: 70px;}
	.travelite-services .box{ padding: 25px}
	
	.team .container { padding: 0 10px 0 60px;}
}

@media screen and (max-width: 767px){
	header#navbar{ position: static}
	.menu{ position:relative; z-index: 1; top: 0;}
	.banner { padding-top: 50px;}
	/*#nav-icon3.open{ position: fixed; right: 4%; z-index: 10000}*/
	
	.banner.travelite{ padding: 0}
	
	.menu-inner ul.md{ display: none}
	.menu-inner ul.sm{ display: block}
	
	.slide-right,.slide-left{ top: -106px}
	
	.tracking { padding: 10px; font-size: 15px; padding-left: 120px; background-size: 90px 90px}
	.tracking input[type=button] {  right: 10px; bottom: 10px; color: #fff;}
	
	.history .hs span,.history .hs.two span { right: auto; left: 50%; margin-left: -40px; top: auto; bottom: -40px; z-index: 1}
	
	.history .hs .sm-dt{ display: none}
	.history .hs .sm-mobile{ display: block}
	
	.history .hs h4,.history .hs.two h4 { text-align: center; padding: 50px 0 10px 0}
	.history .hs p,.history .hs.two p { padding: 0 0 50px 0; text-align: center}
}

@media screen and (max-width: 700px){
	.banner blockquote{ padding-top: 10px; margin: 0; position: static}
	.banner p{width: 100%;}
	
	.box-cat{ margin: 0 10px;}
	.regency-miles{ padding: 70px 60px 70px 0; background: #F28620 url("../images/mile-bg-sm.png") right repeat-y;}
	.regency-miles p{font-size: 15px; line-height: 24px}
	
	
	.team .container { padding: 0 30px 0 60px;}
	.team .team-list-wrapper h4 span{ width: 45px; left:-15px}
	.team-list{ width: 140px; height: 320px; -moz-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg);}
	.team-list > .thumbnail{ width: 235px; margin-left: -50px; height: 210px; -moz-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg);}
	.team-list .team-id{ top: 220px; -moz-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg);}	
	
	.private-jet .two { padding: 30px; }
	.private-jet h3 { font-size: 16px;}
	
	.visa-services .two { padding: 30px; }
	.visa-services h3 { font-size: 16px;}
	
	.tracking{ bottom: -105px; z-index: 1; width: 92%}
	.travelite-intro .travelite-map{ padding-top: 140px;}
	
}

@media screen and (max-width: 600px){
	.banner h1{ font-size: 21px}
	.banner h1 span{ font-size: 19px}
	.banner-slide{ padding: 0}
	.container{ max-width: 1750px; width: 98%;}
	
	.newsletter-social .social a { margin: 0 15px 0 0;}
	.newsletter-social .social h4 span.pc { display: block;}
	
	footer .fthree,footer .ffour{ width: 100%; padding-bottom: 30px}
	
	.team .containe{ padding: 0 10px 0 60px;}
}

@media screen and (max-width: 500px){
	.newsletter-social .newsletter{ padding: 50px 15px 60px 15px;}
}

@media screen and (max-width: 450px){
	.team .container { padding: 0 20px 0 40px;}
	.team .team-list-wrapper h4 span{ width: 35px; left:-10px}
}

@media screen and (max-width: 380px){
	.team .container { padding: 0 20px 0 30px;}
}

@media screen and (max-width: 360px){
	.team .container { padding: 0 20px 0 25px;}
}