/*==============================================================================
[CSS Stylesheet]

Project:        Project Name
Date:    		Project Date
Design:         Company Name
==============================================================================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
a:hover {text-decoration: none}
img{max-width:100%;}
body {font-family: 'Humanst521 Lt BT';  height: 300px}
p {color: #fbf6bc; font-size: 18px; font-family: 'Humanst521 Lt BT'; line-height: 28px}

/* .main_area .working_sec .text_sec::-webkit-scrollbar {width: 2px;}
.main_area .working_sec .text_sec::-webkit-scrollbar-thumb {background: #fbf6bc;}
.main_area .working_sec .text_sec::-webkit-scrollbar-thumb:hover {background: #555;} */
#ascrail2000 {width: 4px !important}

/* Font */
@font-face {
    font-family: 'Humanst521 Lt BT';
    src: url('../fonts/Humanist521BT-Light.woff2') format('woff2'),
        url('../fonts/Humanist521BT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Humanst521 BT';
    src: url('../fonts/Humanist521BT-Roman.woff2') format('woff2'),
        url('../fonts/Humanist521BT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Main Area */
.main_area {background-repeat: no-repeat; background-position: center; background-size: cover; height: auto;
min-height: 100vh}
.main_area .header {padding: 50px 0 0 0}
.main_area .header .top_contact ul {float: right; top: 64px; position: relative;}
.main_area .header .top_contact ul li a {border: 2px solid #fbf6bc; padding: 8px 30px;
border-radius: 50px; color: #fbf6bc; font-weight: bold;font-size: 17px; letter-spacing: 1px; display: -webkit-inline-box;}
.main_area .header .top_contact ul li a img {margin-right: 2px;vertical-align: bottom;}
.main_area .header .top_contact ul li a:hover {background-image: linear-gradient(to right, #420708, #631213); border: 2px solid #601112;}

.main_area .right_call_btn {transform: rotate(90deg);float: right; position: relative;top: 122px; left: 70px; z-index: 999;}
.main_area .call_now_btn {color: #f5ec82; font-size: 16px; text-transform: uppercase;font-family: 'Humanst521 BT';
letter-spacing: 1px;}
.main_area .right_call_btn a:after {content: '';background-color: #f5ec82;width: 46%;z-index: 999;position: absolute;
height: 1px;bottom: 9px;left: 103%;}

.main_area .working_sec {padding: 50px 0 80px 0}
.main_area .working_sec .text_sec {height: 380px;overflow-y: scroll;}

.main_area footer {padding-bottom: 30px}
.main_area footer .follow_us {position: relative; top: 30px;}
.main_area footer .follow_us h3 {font-family: 'Humanst521 Lt BT'; font-size: 18px; color: #f5ec82; text-transform: capitalize;
width: 150px; display: -webkit-inline-box; float: left }
.main_area footer .follow_us h3:after {content: '';background-color: #f5ec82;width: 55px;z-index: 999;position: absolute;
height: 1px; top: 11px; left: 82px;}
.main_area footer .follow_us ul li a {color: #f5ec82}
.main_area footer .foot_contact {text-align: right}
.main_area footer .foot_contact p, .main_area footer .foot_contact p a {color: #f5ec82; font-size: 14px; line-height: 20px; font-weight: normal}


.fader{
    position: relative;
    height: 388px;
    overflow: hidden;
} 
 
.fader .slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    opacity: 0;
}
 
.fader img.slide{
    height: auto;
}

.fader .prev,
.fader .next{
  position: absolute;
  height: 80px;
  line-height: 55px;
  width: 50px;
  font-size: 100px;
  text-align: center;
  color: #fff;
  top: 50%;
  left: 0;
  z-index: 4;
  margin-top: -25px;
  cursor: pointer;
  opacity: .7;
  transition: all 150ms;
}

.fader .prev:hover,
.fader .next:hover{
  opacity: 1;
}

.fader .next{
  left: auto;
  right: 0;
}

.fader .pager_list{
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  bottom: 0;
  text-align: center;
  z-index: 4;
}

.fader .pager_list li,.fader .page li{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  background: #fff;
  opacity: .7;
  text-indent: -999px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 150ms;
}

.fader .pager_list li:hover,
.fader .pager_list li.active{
  opacity: 1;
}