/*
	Theme Name: AEL (Ashiq Enterprise Limited)
	Author: Mahbub
    Theme URI: https://www.aelexim.com

	Developer: Mahbubur Rahman
    Web Address: www.mahbubrn.com
    Skype: mahbub
    Email: mahbubrn86@gmail.com
*/

/*======================================
            CALLING FONTS
=======================================*/

/* @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400&display=swap'); */


/*======================================
            IMPORT STYLE
=======================================*/
@import url(grid.css); /*==== framework css ====*/
@import url(font-awesome.min.css); /*==== font-awesome icon ====*/

@import url(../js/plugins/slider/slick.css); /*==== slick slider ====*/
@import url(../js/plugins/slider/slick-theme.css);

@import url(../js/plugins/animation/animate.css); /*==== animation ====*/

@import url(../js/plugins/mobile/mobileNav.css); /*==== mobile nav ====*/


/*======================================
              RESET STYLE
=======================================*/
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,center,dl,dt,dd,ol,ul,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;
}
*:focus {outline: none;}
*:focus {outline:none !important}

body{
    /* font-family: 'Dosis', sans-serif; */
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
}
a, a:link, a:visited, a:active{
    text-decoration: none;
    color: black;
    transition: .40s;
}
a:hover{color: #EE393E;}

ul{list-style: none;}

h1, h2, h3, h4, h5, h6{
    font-weight: 700;
}
h1{font-size: 38px;}
h2{font-size: 32px;}
h3{font-size: 28px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 18px;}

img{display: block;}

/*======================================
              PLUGINS
=======================================*/

.preload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/preload.gif) no-repeat center center rgba(255, 255, 255, 1);
    background-size: 100px;
}

#scrollUp {
    background-image: url("../img/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;
    height: 38px;
}

/*======================================
              COMMON
=======================================*/

.wrapper{overflow: hidden;}
.txtleft{text-align: left;}
.txtright{text-align: right;}
.center{text-align: center;}

.left{
    float: left;
    margin-right: 10px;
}
.right{
    float: right;
    margin-left: 10px;
}
.sec{
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.bg{background: #e3e3e3;}

.heading{
    text-align: center;
    margin-bottom: 50px;
}

a.rm{
    background: #fff;
    color: #EE393E;
    font-weight: 600;
    padding: 15px 20px;
    display: inline-block;
    font-size: 14px;
    margin-top: 30px;
    border-radius: 4px;
    position: relative;
}

a.rm::after{
    position: absolute;
    content: "";
    font-family: fontawesome;
    right: -10%;
    top: 19px;
    transition: 1s;
    color: transparent;
}
a.rm:hover::after{
    right: 8px;
    color: #EE393E;
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

/*================
      HEADER
==================*/

.topbar{
    background: #ee393e;
    color: #fff;
    text-transform: capitalize;
    height: 55px;
}
.topbar ul li{
    display: inline-block;
    margin-right: 50px;
    margin-top: 6px;
    font-size: 14px;
}
.topbar span{
    background: #fff;
    color: tomato;
    border-radius: 2px;
    padding: 3px 5px;
    display: block;
    margin-top: 2px;
}
.topbar span i{font-size: 15px;}

.topbar ul li p{
    display: inline-block;
    font-weight: 600;
}
.topbar h5{
    font-weight: normal;
    font-size: 14px;
}
.topbar ul li:nth-child(2) h5{
    text-transform: lowercase;
}

.quote{
    background: #fff;
    height: 55px;
    float: right;
    padding: 15px 30px;
}
.quote a{
    margin-top: 2px;
    display: inline-block;
    font-weight: 700;
}

/*------- Logo -----*/
.ml{padding: 10px;}

.logo{overflow: hidden;}
.logo img{
    width: 54px;
    float: left;
    margin-right: 10px;
}
.logo h1{display: inline-block;}

/*------------------*/
.mainmenu{
    display: none; /* for understand this code please check 'responsive.css' line 7 */
    margin-top: 12px;
}
.mainmenu ul li{
    position: relative;
    display: inline-block;
}
.mainmenu ul li a{
    display: block;
    padding: 12px;
}
.mainmenu ul li:hover > a{
    color: #EE393E;
}

/*-- sub menu --*/
.mainmenu ul ul{
    display: none;
    position: absolute;
    z-index: 999;
    min-width: 160px;
    background: rgba(0,0,0,0.5);
    border-left: 2px solid #333;
    text-align: left;
}
.mainmenu ul li:hover > ul{
    display: block;
}
.mainmenu ul ul li{
    display: block;
}
.mainmenu ul ul li a{
    color: #fff;
    padding: 10px;
}
.mainmenu ul ul li:hover > a{
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.mainmenu ul ul ul{
    margin-left: 160px;
    top: 0;
}

/*----- menu icon -----*/
.mainmenu ul li a:first-child:nth-last-child(2):before {
    content: "";
    font-family:FontAwesome;
    color: #EE393E;
    position: absolute;
    right: -7px;
    top: 15px;
    margin-right: 5px;
}
.mainmenu ul ul li a:first-child:nth-last-child(2):before {
    content: "";
    top: 12px;
    right: 7px;
    color: #fff;
}

/*------- Search -----*/
.search{
    margin-top: 12px;
    position: relative;
}
.search input{
    border: none;
    height: 40px;
    color: #999;
}
.search i{
    position: absolute;
    top: 12px;
    color: #e3e3e3;
    right: 0;
    font-size: 18px;
}

/*================
      FOOTER
==================*/
footer{
    background: #2B2B2B;
    color: #fff;
    padding: 50px 0;
    position: relative;
}
footer a{color: #fff !important;}

/*===================*/
.footertop{min-height: 310px;}
.footertop img{
    width: 64px;
    margin-bottom: 25px;
}
.footertop h5{
    margin-bottom: 15px;
}

/*===================*/
.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #262626;
    color: #999;
    padding: 10px 0;
}
.footer a{color: #999;}


/*======================================
              HOME PAGE
=======================================*/

/*------- section 1 -----*/
.sliderArea{
    position: relative;
    height: 360px;
    font-size: 16px;
}

.slider{
    overflow: hidden;
    height: 360px;
}
.slider img{height: 100%;}
.stxt{color: #fff;}
.stxt h1{
    margin-top: 70px;
}

/*------- section 2 -----*/

.speciality{text-align: center;}
.spone, .sptwo, .spthree{
    overflow: hidden;
}
.spcnt-text{
    background: #EE393E;
    color: white;
    height: 130px;
    width: 130px;
    float: left;
    margin-bottom: 2px;
    margin-left: 2px;
}
.spcnt-text i{
    font-size: 30px;
    margin-top: 37px;
    margin-bottom: 10px;   
}
.spcnt-text h4{
    font-size: 14px;
    font-weight: normal;
    padding: 0 2px;
}

.spone{margin-left: -11px;}
.sptwo{margin-left: 121px;}
.spthree{margin-left: 253px;}

.dt{
    background: url(../img/shadow.png) no-repeat 35px 200px;
    min-height: 260px;
}
.dt h2{
    margin-top: 40px;
    margin-bottom: 10px;
}
.dt p{font-size: 16px;}

/*------- section 3 -----*/
.offer{box-shadow: 0 0 15px #e3e3e3;}
.offer img{
    width: 100%;
    height: 250px;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.offer > div{
    background: #fff;
    text-align: center;
    padding: 15px;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.offer h3{
    text-align: center;
}
.offer p{
    margin: 15px 0;
    color: #999;
}
.offer a{
    font-weight: 700;
    text-transform: capitalize;
    display: block;
    margin: 30px 0;
    color: #212529;
    font-size: 15px;
}

/*------- section 4 -----*/
.sec4{}
.sec4 h2{margin-top: 35px;}
.sec4 p{margin: 15px 0;}
.sec4 img{
    width: 100%;
}
.sec4 a{
    background: #EE393E;
    color:#fff;
}
.sec4 a:hover::after{
    right: 8px;
    color: #fff;
}

/*------- section 5 -----*/



/*======================================
              OTHER PAGES
=======================================*/
.page{
    min-height: 400px;
    overflow: hidden;
}
.pagebg{
    position: relative;
    height: 270px;
    text-align: center;
}
.pagebg h2{margin-top: 80px;}
.pagebg img{height: 100%;}
.pagecontent{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: justify;
}

/* 404 page */
.empty{text-align: center;}
.empty h2{
    font-size: 72px;
    margin-top: 40px;
    color: #EE393E;
}

/* blog page */
.post{
    overflow: hidden;
    margin-bottom: 35px;
}
.post img{
    width: 100%;
    height: 240px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.post h2{
    font-size: 20px;
    margin: 12px 0 5px;
}
.postdate{
    margin-bottom: 15px;
    color: #999;
    text-transform: capitalize;
}
a.readmore{
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    color: #EE393E;
    margin: 15px 0;
}

/* pagination */
.nav-links{
    text-align: center;
    margin: 50px 0 30px;
}
.nav-links a,
.nav-links span{
	border: 1px solid #e3e3e3;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 3px;
    transition: .30s;
}
.nav-links a:hover,
.nav-links span.current{
	background: #EE393E;
    color: white;
    border: 1px solid #EE393E !important;
}

/* widget */
.widget{
    overflow: hidden;
    margin-bottom: 30px;
}
.widget h3{text-align: center;}
.widget ul{margin-top: 15px;}
.widget ul li a{
    display: block;
    padding: 7px;
    background: #f7f7f7;
    margin-bottom: 7px;
    padding-left: 10px;
    border-radius: 2px;
}
.widget ul li a:hover{
    background: #2B2B2B;
    color: #fff;
}

/* search result */
.sr{
    display: block;
    font-weight: 700;
    margin: 0 0 20px;
}

/* single page */
.single img{
    width: 100%;
    margin: 15px 0;
}

/* leadership page */
.person{
    overflow: hidden;
    margin-bottom: 40px;
    background: #f7f7f7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-right: 15px;
}

.person img{
    width: 350px;
    height: auto;
    border-radius: 3px;
    float: left;
    margin-right: 30px;
    border-right: 7px solid #fff;
}
.person h3{margin-top: 20px;}
.person p{margin: 7px;}

/* contact page */
.msg{}
.msg h3{}
.msg span{
    border: 1px solid #EE393E;
    width: 100px;
    display: inline-block;
    margin: 25px 0;
}
.msg form{
    margin-top: 15px;
}
.msg input, textarea {
    width: 49%;
    height: 40px;
    border: none;
    background: #F6F7F8;
    font-weight: 600;
    padding: 7px;
    margin-bottom: 22px;
    border-radius: 5px;
    padding-left: 15px;
}
.msg textarea{
    width: 100%;
    height: 200px;
    resize: vertical;
}

.msg input[type="submit"]{
    background: #000;
    color: #fff;
    width: 100%;
    height: 46px;
}

.adrs{
    border-bottom: 1px dotted #e3e3e3;
    padding: 35px;
}
.adrs i{
    font-size: 30px;
    background: #EE393E;
    color: #fff;
    border-radius: 100%;
    height: 54px;
    width: 54px;
    text-align: center;
    padding-top: 12px;
    float: left;
    margin-right: 20px;
    margin-bottom: 60px;
}
.adrs h4{font-weight: 400;}
.adrs p{
    color: #999;
}