@charset "utf-8";
/* CSS Document */

@import url('bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 400;
    overflow-x: hidden;
    position: relative;
}

* {
    margin: 0px;
    padding: 0px;
}

.clearfix {
    *zoom: 1;
}
.left-right-margin{
     margin: 0 10px;
 }
.search-area {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 100px;
    background-color: white;
    z-index: 1000 !important;
    position: absolute;
    top: 40px;
    left: 0;
    border-radius: 10px;
}
.list-hide {
    display: none;
  }

  .download-moadl-button{
    width: 100%;
    border: 2px solid #cac7c7;
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s all ease-in-out;
}

.filter-search{
    width: 10%;
    border: 2px solid #cac7c7;
    /* display: block; */
    text-align: center;
    padding: 5px 0;
    color: #000;
    background: white;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s all ease-in-out;
}
.drectory-Icon{
    width: 100%;
    padding: 0;
    display: flex;
    margin: auto;
    height: 225px;
    align-items: center;
    justify-content: center;
}

.drectory-Icon img{
    width: 200px;
    height: 200px;
}
.small-div {
    line-height: 1.5em;
    height: 3em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
}

#collapsibleNavbar .active {
    color: #002060 !important;
  }

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
detail,
nav,
figure {
    position: relative;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul,ol,li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}

table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right !important; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle {  background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }
.p_right0{ padding-right:0px !important }
.p_left0{ padding-left:0px !important }
.M_Top50{ margin-top: 50px; }
.Gray{ background-color: #f4f6f8 }


.Header{box-shadow:0 0 8px #b1b1b1;z-index:9;position:relative}
.Header .LogoArea{padding:20px 50px;border-bottom: 2px solid #ddd;}
.Header .LogoArea .Logo{width:215px;float:left}
.Header .LogoArea .Logo img{width:100%}
.Header .LogoArea .User{float:right;margin:20px 0}
.Header .LogoArea .User ul{margin:0;display: flex;}
.Header .LogoArea .User ul li{display:inline-block;margin:0 0 0 10px;position:relative}
.Header .LogoArea .User ul li+li:before{content:'';position:absolute;top:0;left:-40px;width:1px;height:100%;background-color:#6f6e6e}
.Header .LogoArea .User ul li a{display:block;width:30px;height:30px}
.Header .LogoArea .User ul li a img{width:100%;height:100%}
.Header .navbar{background-color:#fff;padding:20px 0}
.Header .navbar .navbar-brand{width:250px;display:none}
.Header .navbar .collapse{justify-content:center}
.Header .navbar ul.navbar-nav li{margin:0 50px}
.Header .navbar ul.navbar-nav li a.nav-link{padding:0;display:inline-block;text-transform:capitalize;font-weight: 600;color: #000000;font-size: 17px;}
.Header .navbar ul.navbar-nav li a.nav-link:hover{color: #002060;}
.Header .navbar ul.navbar-nav li a.nav-link.topic-frame{
	border-color: #ddd;
    padding: 7px 30px;
    border-radius: 5px;
}

.Header .navbar ul.navbar-nav li a.nav-link.topic-frame:hover{
	border-color: #274667;
	background-color: #274667;
	color: #fff;
}
.Header .navbar ul.navbar-nav li a.nav-link {
    padding: 7px 0;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    border: 2px solid #ff000000;
}

.SliderArea{background-color:#e2e9fd;padding:100px 50px;position:relative}
.SliderArea:before{content:'';background-image:url(../images/shadow.svg);position:absolute;top:0;left:0;width:500px;height:100%;background-size:cover;z-index: 1;}
.SliderArea .carousel-indicators{bottom:auto;top:-50px;width:130px;margin:0;right:0;left:auto;display:flex;align-items:center}
.SliderArea .carousel-indicators li{margin:0 5px;width:12px;height:12px;border-radius:50px;border:2px solid #494949;background-color:transparent;opacity:1}
.SliderArea .carousel-indicators li.active{width:18px;height:18px;background-color:#274667;border-color:#274667}
.SliderArea .SliderContent{width:70%}
.SliderArea .SliderContent h6{font-weight: 900;font-size:20px;margin:0 0 20px 0;z-index: 1;position: relative;}
.SliderArea .SliderContent h3{font-size:40px;font-weight: 800;color:#000;margin:0 0 20px 0;z-index: 1;position: relative;}
.SliderArea .SliderContent p{font-size: 14px;font-weight:600;color:#000;line-height: 25px;margin:0 0 20px;z-index: 1;position: relative;}
.SliderArea .SliderContent a{color:#274667;font-weight: 900;font-size:25px;text-decoration:underline;z-index: 1;position: relative;}
.SliderArea .SliderContent a i{font-weight:900}
.SliderArea .SliderContent a:hover{color:#0063C9}

.Heading{margin:0 0 25px}
.Heading h1{display:inline-block;font-weight: 700;color:#000;text-transform:capitalize;font-size: 33px;}
.Heading h1 span{ display: inline-block; width: 35px; margin: 0 10px 0 0; }
.Heading a{background-color:#274667;border:none;color:#fff;padding:13px 35px;font-weight: 600;font-size:17px;float:right;margin:-10px 0 0 0;letter-spacing: 0.5px;}
.update-profile{background-color:#274667;border:none;color:#fff;padding:13px 35px;font-weight: 600;font-size:17px;float:right;letter-spacing: 0.5px;}
.update-profile:hover{background-color:#54AF92;}
.Heading a:hover{background-color:#54af92;}

.TopicsArea{padding:50px 50px 20px;background-color:#f4f6f8}
.TopicsArea .TopicsBox{position:relative;margin:0 0 30px 0}
.TopicsArea .TopicsBox figure{margin:0; overflow: hidden;}
.TopicsArea .TopicsBox figure img{width:100%; transition: 0.5s all ease-in-out;}
.TopicsArea .TopicsBox figcaption{position:absolute;bottom:30px;width:100%;background-color: #274667e6;display:flex;align-items:center;justify-content:center;padding:15px 0;}
.TopicsArea .TopicsBox figcaption h3{font-weight:700;font-size: 16px;color: #fff;}
.TopicsArea .TopicsBox:hover figure img{ transform: scale(1.1); }

.NewsletterArea{padding:20px 0;border:4px solid #a6c9ec;border-left:none;border-right:none;display:flex;align-items:center;justify-content:center}
.NewsletterArea h3{font-size:24px;font-weight:800;color:#979797}
.NewsletterArea h3 span{color:#000}
.NewsletterArea form{display:flex;margin:0 0 0 20px}
.NewsletterArea form input{min-width:350px;padding:13px 20px;border-radius:0;border:1px solid #ddd;outline:0}
.NewsletterArea form button{background-color:#274667;border:none;color:#fff;padding:0 35px;font-weight:500;font-size:17px; outline: 0}
.NewsletterArea form button:hover{background-color:#54af92;}

.PopularArea{padding:50px 50px 20px}
.PopularArea .PopularBox{background-color:#fff;margin:0 0 30px 0}
.PopularArea .PopularBox figure{margin:0;overflow: hidden;height: 225px;}
.PopularArea .PopularBox figure img{width:100%;transition: 0.5s all ease-in-out;height: 100%;}
.PopularArea .PopularBox figcaption{padding:15px;min-height: 150px;}
.PopularArea .PopularBox figcaption h6{color:#000;font-weight:800;font-size: 16px;line-height: 26px;margin:0 0 15px 0;}
.PopularArea .PopularBox figcaption p{font-size:13px;font-weight:500;color:#676767}
.PopularArea .PopularBox:hover figure img{ transform: scale(1.1); }


.Footer{padding:50px 50px;box-shadow: 0px 0px 10px #dedede;}
.Footer .Foot ul li{margin:0 0 10px}
.Footer .Foot ul li a{color:#000;font-size:18px;font-weight:600;transition:0.5s all ease-in-out}
.Footer .Foot ul li a:hover{color: #002060;}
.Footer .Foot h4{color:#000;font-size:18px;font-weight:600;margin:0 0 20px 0}
.Footer .Foot a.sign{width:100%;border:2px solid #cac7c7;display:block;text-align:center;padding:12px 0;color:#000;font-weight:600;font-size:16px;transition:0.5s all ease-in-out}
.Footer .Foot a.sign:hover{background-color:#274667;border-color:#274667;color:#fff}
.Footer .Foot ol{text-align:right;margin:30px 0}
.Footer .Foot ol li{display:inline-block;margin:0 0 0 10px}
.Footer .Foot ol li a{display:block;width:50px;height:50px;border-radius:50%;text-align:center;color: #fff;font-size:21px;line-height:50px;transition:0.5s all ease-in-out;}
.Footer .Foot ol li:nth-child(1) a{background-color: #387CAA;}
.Footer .Foot ol li:nth-child(2) a{background-color: #387CAA;}
.Footer .Foot ol li:nth-child(3) a{background-color: #387CAA;}
.Footer .Foot ol li a:hover{background-color: #002060;border-color: #002060;color:#fff;}

.DirectorieArea{padding:50px 50px 20px}
.DirectorieArea h1{margin:0 0 30px 0;color:#000;font-size: 35px;font-weight: 800;}
.DirectorieArea .DirectorieBox{margin: 0 auto 40px;box-shadow:0 5px 10px #ddd;cursor:pointer;width: 90%;}
.DirectorieArea .DirectorieBox figure{margin:0;overflow:hidden}
.DirectorieArea .DirectorieBox figure img{width:100%;transition:0.5s all ease-in-out}
.DirectorieArea .DirectorieBox figcaption{position:relative;padding:20px 10px 25px;text-align:center;border-bottom:4px solid #0000}
.DirectorieArea .DirectorieBox figcaption h3{font-weight: 700;font-size: 18px;color:#000;word-spacing: 2px;}
.DirectorieArea .DirectorieBox figcaption a{position:absolute;width:30px;height:30px;background-color:#274667;border-radius:50%;color:#fff;line-height:29px;bottom:-15px;left:0;opacity:0;transition:0.7s all ease-in-out;display: none;}
.DirectorieArea .DirectorieBox:hover figure img{transform:scale(1.1)}
.DirectorieArea .DirectorieBox:hover figcaption{border-color: #002060;}
.DirectorieArea .DirectorieBox:hover figcaption a{left:48%;opacity:1}

.PublishBox{background-color:#e2e9fd;padding:80px 50px 30px;text-align:center;min-height: 365px;position:relative;margin:0 0 55px 0;}
.PublishBox h6{color:#6987db;font-size:18px;margin: 0 0 20px 0;font-weight: 600;}
.PublishBox h3{font-weight: 800;color:#000;font-size: 37px;line-height: 54px;}
.PublishBox .PublishLink{position:absolute;background-color:#fff;padding:16px 12px;box-shadow:0 0 11px #ddd;border-radius:10px;bottom:-40px;left:0;right:0;width:250px;margin:auto}
.PublishBox .PublishLink aside a{background-color:#274667;padding:16px 40px;display:block;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:1px;text-decoration:underline;font-size:15px}
.PublishBox .PublishLink aside button{background-color:#274667;padding:16px 62px;display:block;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:1px;text-decoration:underline;font-size:15px}
.PublishBox .PublishLink aside a:hover{background-color:#54af92;}

.DirectoryDetailsArea{padding:50px 50px 90px 50px}
.DirectoryDetailsArea .DirectoryDetailsLeft{text-align:center}
.DirectoryDetailsArea .DirectoryDetailsLeft h4{font-size:18px;color:#585858;font-weight: 600;}
.DirectoryDetailsArea .DirectoryDetailsLeft ul{margin:16px 0 0 0}
.DirectoryDetailsArea .DirectoryDetailsLeft ul li{margin:0 0 15px 0}
.DirectoryDetailsArea .DirectoryDetailsLeft ul li a{display:block;width:35px;height:35px;border:1px solid #afafaf;border-radius:50%;text-align:center;color:#000;font-size:13px;line-height:34px;transition:0.5s all ease-in-out;margin:auto}
.DirectoryDetailsArea .DirectoryDetailsLeft ul li a img{margin:-3px 0 0 0}
.DirectoryDetailsArea .DirectoryDetailsLeft ul li a:hover{background-color:#000;border-color:#000;color:#fff}
.DirectoryDetailsArea .DirectoryDetailsLeft ul li a:hover img{filter:brightness(0) invert(1)}
.DirectoryDetailsArea .DirectoryDetailsMiddle h2{color:#274667;font-size:18px;text-transform:uppercase;font-weight:600;margin:0 0 30px 0}
.DirectoryDetailsArea .DirectoryDetailsMiddle h2 span{float:right;text-transform:initial;color:#7b7b7b}
.DirectoryDetailsArea .DirectoryDetailsMiddle h1{margin:0 0 10px 0;font-weight:700;font-size:33px;line-height:43px}
.DirectoryDetailsArea .DirectoryDetailsMiddle iframe{ width: 100% !important; margin: 0 0 20px 0; height: 410px;}
.DirectoryDetailsArea .DirectoryDetailsMiddle p{font-size:13.5px;line-height:27px;margin:0 0 15px 0;color:#717171}
.DirectoryDetailsArea .DirectoryDetailsMiddle p strong{color:#000}
.DirectoryDetailsArea .DirectoryDetailsMiddle h3{margin:25px 0 10px 0;font-weight:600;color:#000}
.DirectoryDetailsArea .DirectoryDetailsMiddle aside{margin:15px 0 0 0}
.DirectoryDetailsArea .DirectoryDetailsMiddle aside h4{margin:0 0 10px 0;font-weight:700;color:#000;font-size:1.75rem}
.DirectoryDetailsArea .DirectoryDetailsMiddle aside h5{font-size:18px;color:#6f6f6f;font-weight:400;margin:0}
.DirectoryDetailsArea .DirectoryDetailsMiddle aside figcaption{display:flex;align-items:center;margin: 20px 0 0 0;}
.DirectoryDetailsArea .DirectoryDetailsMiddle aside figcaption figure{width:100px}
.DirectoryDetailsArea .DirectoryDetailsRight h4{margin:0 0 20px 0;font-weight:600;font-size:25px}
.DirectoryDetailsArea .DirectoryDetailsRight ul li{margin:0 0 16px 0}
.DirectoryDetailsArea .DirectoryDetailsRight ul li a{display:block;background-color:#efeeee;text-align:center;color:#000;font-weight: 700;padding:15px 0;font-size: 16px;transition:0.5s all ease-in-out;}
.DirectoryDetailsArea .DirectoryDetailsRight ul li a:hover{background-color:#274667;color:#fff}

.FilterBox{text-align:center;padding:70px 0 50px 0; }
.FilterBox h1{font-size:35px;color:#000;font-weight:800;margin:0 0 20px 0}
.FilterBox h3{font-size:36px;color:#000;font-weight:600;margin:0 0 20px 0}
.FilterBox h4{color:#274667;font-weight: 800;font-size:20px;margin:0 0 10px 0;}
.FilterBox form select{min-width:205px;margin:0 5px;border:1px solid #ddd;border-radius:0;padding:10px 14px;outline:0;cursor:pointer;box-shadow:0 0 2px #ddd;font-weight:500;color:gray;font-size:14px}
.search-input{min-width:205px;margin:0 5px;border:1px solid #ddd;border-radius:0;padding:10px 14px;outline:0;cursor:pointer;box-shadow:0 0 2px #ddd;font-weight:500;color:gray;font-size:14px}
.FilterBox form button{
    border: 2px solid #cac7c7;
    text-align: center;
    padding: 8px 30px;
    font-weight: 600;
    transition: 0.5s all ease-in-out;
    width: auto;
    color: gray;
    font-size: 14px;
    outline: 0;
}

.FilterBox form button{
    background-color: #002060;
    color: #fff;
}
/*.FilterBox form button:hover{*/
/*    background-color: #54af92;*/
/*   color: #fff;*/
/*}*/
.VideoBox a{display:block}
.VideoBox a img{width:100%}
iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}

.PublicationsArea{padding:0 50px; min-height: 350px}
.PublicationsArea .PublicationsBox{box-shadow:0 0 10px #ddd;margin:0 0 40px 0}
.PublicationsArea .PublicationsBox figure{margin:0;overflow:hidden; height: 310px;}
.PublicationsArea .PublicationsBox figure img{width:100%;transition:0.5s all ease-in-out}
.PublicationsArea .PublicationsBox figcaption{padding:20px;min-height: 200px;}
.PublicationsArea .PublicationsBox figcaption h5{font-weight:800;font-size:22px;line-height:30px;margin:0 0 10px 0;color: #000;}
.PublicationsArea .PublicationsBox figcaption p{font-size:14px;color:#7d7a7a;line-height:24px;margin:0 0 10px 0}
.PublicationsArea .PublicationsBox figcaption h6{font-size:14px;color:#7d7a7a;line-height:20px;margin:0}
.PublicationsArea .PublicationsBox figcaption h6 span{color:#000}
.PublicationsArea .PublicationsBox:hover figure img{transform:scale(1.1)}

#VideoModal .modal-dialog{width:95%;max-width:725px;margin:80px auto}
#VideoModal .modal-dialog .modal-content .modal-body{padding:0}
#VideoModal .modal-dialog .modal-content .modal-body a.Close{position:absolute;right:-45px;color:#fff;font-size:50px;top:0;height:35px;line-height:37px;font-weight:500}
#VideoModal .modal-dialog .modal-content .modal-body iframe{width:100%!important;border:none;margin:0 0 -10px 0;height:400px}

.PublishBox .PublishLink.AudioArea{width:500px;display:flex;padding:16px 25px}
.ap-controls-right{display:none!important}
.AudioArea aside{margin:0 7px}
.AudioArea aside a.Audio{padding:0}
.AudioArea aside img{cursor:pointer}

.ModalBox .modal-dialog{max-width:400px}
.ModalBox .modal-dialog .modal-content{box-shadow:none;border-radius:0}
.ModalBox .modal-dialog .modal-content .modal-body{padding:0}
.ModalBox .LoginForm{padding:45px 25px 25px 25px}
.ModalBox .CloseModal{position:absolute;top:0;right:0;width:25px;height:25px;text-align:center;background-color: #274667;color:#fff;font-size:15px;line-height:26px;}
.ModalBox .LoginForm h3{margin:0 0 20px 0;text-align:center;text-transform:capitalize;font-weight: 600;font-size:18px;font-family: Roboto;}
.ModalBox .LoginForm form{padding: 0;}
.ModalBox .LoginForm form .form-group{position:relative;margin:0 0 20px 0}
.ModalBox .LoginForm form .form-group label{font-weight: 500;color:#17222c;font-size:14px;display:block;text-transform: capitalize;font-family: Roboto;}
.ModalBox .LoginForm form .form-group .form-control{box-shadow:none;border:1px solid #ddd;border-radius: 5px;height:40px;padding:8px 20px 8px 50px;font-size:14px;font-family: Roboto;}
.ModalBox .LoginForm form .form-group .Icon{width:34px;height:34px;background-color: #274667;text-align:center;line-height:34px;border-radius: 5px;position:absolute;left:4px;z-index:100;top: 32px;color: #fff;}
.ModalBox .LoginForm form button{border:none;padding: 10px 0px;text-align: center;transition:0.5s all ease-in-out;font-weight: 600;display:block;position:relative;background-color: #274667;font-size:15px;color:#fff;text-transform: uppercase;letter-spacing:.5px;width:100%;border-radius: 0;outline: 0;}
.ModalBox .LoginForm form button:hover{background-color: #54af92;}
 

/* New Changes */



.SliderArea{padding:0}
.SliderArea .carousel-item{padding:100px 75px}
.SliderArea .carousel-indicators{top:40px}

.DirectorieArea h1{text-align:center;margin:0 0 10px 0}
.DirectorieArea h2{font-size:15px;line-height:26px;text-align:center;margin:0 0 40px 0}

.VideoBox h2{position:absolute;top:70px;width:100%;text-align:center;color:#fff;font-weight:800;line-height:40px}
.VideoBox h2 span{display:block;font-weight:500;font-size:22px}

.NewDirectories{text-align:center;margin:0 0 40px 0}
.NewDirectories a{box-shadow:0 0 10px #ddd;padding: 20px 20px;border-radius:13px;transition:0.5s all ease-in-out;height: 140px;display: flex;align-items: center;justify-content: center;}
.NewDirectories a span.Icon{display:inline-block;width:80px;height:80px;margin:0 0 20px 0;transition:0.5s all ease-in-out}
.NewDirectories a h3{color:#000;font-size: 23px;font-weight:700;text-transform:capitalize;margin: 0;transition:0.5s all ease-in-out;}
.NewDirectories a p{color:#000;font-size:15px;line-height:25px;transition:0.5s all ease-in-out}
.NewDirectories a:hover{background-color:#274667}
.NewDirectories a:hover span.Icon{filter:brightness(0) invert(1)}
.NewDirectories a:hover h3{color:#fff}
.NewDirectories a:hover p{color:#fff}

.User form{position:relative;width:250px;height:30px}
.User form:after{content:'\f002';font-family:FontAwesome;position:absolute;right:10px;top:0;color:#000;z-index:1;font-size:22px}
.User form input{position:absolute;top:-4px;right:0;width:0;padding:10px 25px;color:#1c1d1d;transition:opacity 0.15s ease-in,width 0.15s ease-in;font-size:14px;outline:0;border:1px solid #fff;display:block;z-index:2;background-color:transparent;cursor:pointer}
.User form input[type=text]:focus{width:100%;border:1px solid #ddd}
.User form input.active{width:100%;opacity:1}

a.scroll-top{text-align:center;color:#fff;font-size:20px;transition:0.5s all ease-in-out;position:fixed;bottom:20px;right:30px;width:45px;height:45px;border-radius:5px;background-color:#274667;line-height:45px}

.Header .LogoArea .User ul li .search-area{box-shadow:0 0 10px #ddd;padding:0;overflow:hidden;border-radius:5px}
.Header .LogoArea .User ul li .search-area ul{display:block;height:350px;overflow:auto}
.Header .LogoArea .User ul li .search-area ul::-webkit-scrollbar{width:7px}
.Header .LogoArea .User ul li .search-area ul::-webkit-scrollbar-track{background:#f1f1f1}
.Header .LogoArea .User ul li .search-area ul::-webkit-scrollbar-thumb{background:#274667}
.Header .LogoArea .User ul li .search-area ul::-webkit-scrollbar-thumb:hover{background:#555}
.Header .LogoArea .User ul li .search-area ul li{display:block;margin:0;border-bottom:1px solid #f1f1f1}
.Header .LogoArea .User ul li+li:before{content:none}
.Header .LogoArea .User ul li .search-area ul li:last-child{border:none}
.Header .LogoArea .User ul li .search-area ul li a{width:auto;height:auto;padding:10px 15px;line-height:25px;font-size:14px}
.Header .LogoArea .User ul li .search-area ul li a:hover{background-color:#274667;color:#fff!important}

.Header .LogoArea .User ul li a.dropdown-toggle{width:auto;height:auto;padding:4px 20px;background:transparent!important;border:none;color:#000;text-transform:uppercase;font-family:Roboto;font-weight:500;letter-spacing:.5px;margin:00!important}
.Header .LogoArea .User ul li .dropdown-menu{right:0;left:auto!important;margin:7px 0 0 0;padding:0;min-width:220px;overflow:hidden;box-shadow:0 5px 10px #ddd;border:1px solid #ddd}
.Header .LogoArea .User ul li .dropdown-menu a{width:auto;height:auto;padding:10px 15px;font-weight:600;color:#000;font-size:15px}
.Header .LogoArea .User ul li .dropdown-menu form{width:100%;margin:0!important;height:auto;display:block}
.Header .LogoArea .User ul li .dropdown-menu form:after{content:none}
.Header .LogoArea .User ul li .dropdown-menu form a{display:block;padding:9px 20px;background-color:#e20505;color:#fff;text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:1px}

.Verifylink{text-align:center;padding:30px 30px}
.Verifylink h2{margin:0 0 20px;font-weight:600;font-size:27px}
.Verifylink p{font-size:15px;margin:0 0 30px 0;line-height:26px}
.Verifylink p span{display:block;font-weight:600;color:#000}
.Verifylink form button{outline:0;background-color:#59b793;border:none;text-transform:capitalize;font-size:16px;font-weight:600;color:#fff;padding:10px 30px;border-radius:8px;letter-spacing:.5px}
.Verifylink form button:hover{background-color:#274667}

.LoginArea{padding:50px 0;background-color:#ececec}
.LoginArea .LoginBox h2{font-size:30px;border-bottom:1px solid #dadada;padding:0 0 10px;margin:0 0 15px;text-transform:capitalize;font-weight:600;position:relative}
.LoginArea .LoginBox h2:after{content:'';position:absolute;left:0;bottom:-2px;width:100px;height:3px;background:#274667}
.LoginArea .LoginBox h6{margin:0 0 25px 0;font-size:15px;font-weight:400;line-height:21px}
.LoginArea .LoginBox form label{display:inline-block;font-weight:600;font-size:15px;text-align:left!important;color:#000}
.LoginArea .LoginBox form .form-control{box-shadow:none;height:40px;padding:7px 15px}
.LoginArea .LoginBox form a.Forget{float:right;color:#615f5f;font-weight:500;font-size:14px;font-family:Roboto}
.LoginArea .LoginBox form button{border:none;padding:10px 40px;transition:0.5s all ease-in-out;font-weight:600;display:inline-block;background-color:#46978e;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:1px;outline:0}
.LoginArea .LoginBox form button:hover{background-color:#274667}
.LoginArea .LoginBox form h5{text-align:left;margin:30px 0 20px 0;font-family:Roboto;color:#000;font-size:15px;text-transform:capitalize}
.LoginArea .LoginBox form h5 a{color:#000;text-transform:capitalize;text-decoration:underline}
.LoginArea .LoginBox form h5 a:hover{color:#274667}


.ContactArea{padding: 50px 0;background-color: #ececec;}
.ContactArea .ContactLeft{ background-color: #fff; padding: 25px;}
.ContactArea .ContactLeft h2{ font-size: 25px; border-bottom: 1px solid #dadada; padding: 0 0 10px; margin: 0 0 15px; text-transform: capitalize; font-weight: 600; position: relative;}
.ContactArea .ContactLeft h2:after{content:'';position:absolute;left:0;bottom:-2px;width:100px;height:3px;background:#274667}
.ContactArea .ContactLeft p{ margin: 0; font-size: 15px; font-weight: 400; line-height: 35px;}
.ContactArea .ContactRight{padding: 20px 30px;background-color: #fff;}
.ContactArea .ContactRight h2{font-size:30px;border-bottom:1px solid #dadada;padding:0 0 10px;margin:0 0 15px;text-transform:capitalize;font-weight:600;position:relative}
.ContactArea .ContactRight h2:after{content:'';position:absolute;left:0;bottom:-2px;width:100px;height:3px;background:#274667}
.ContactArea .ContactRight h6{margin:0 0 25px 0;font-size:15px;font-weight:400;line-height:21px}
.ContactArea .ContactRight form label{display:inline-block;font-weight:600;font-size:15px;text-align:left!important;color:#000}
.ContactArea .ContactRight form .form-control{box-shadow:none;height:40px;padding:7px 15px}
.ContactArea .ContactRight form textarea.form-control{ height: auto; }
.ContactArea .ContactRight form button{border:none;padding:10px 40px;transition:0.5s all ease-in-out;font-weight:600;display:inline-block;background-color: #274667 !important;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:1px;outline:0;box-shadow: none !important;}
.ContactArea .ContactRight form button:hover{background-color: #002060;}

.search-text{  
    text-align: center;
    margin: 0 0 10px 0;
    color: #000;
    font-size: 35px;
    font-weight: 800;
}



@media screen and (max-width: 2500px) and (min-width: 1600px) {

    .container-fluid{ max-width: 1700px; }
    .Header .navbar ul.navbar-nav li a.nav-link{font-size:21px}
    .DirectoryDetailsArea .DirectoryDetailsMiddle h1{font-size:40px;line-height:50px}
    .DirectoryDetailsArea .DirectoryDetailsMiddle p{font-size:17px;line-height:36px}
    .DirectoryDetailsArea .DirectoryDetailsRight h4{font-size:30px}
    .DirectoryDetailsArea .DirectoryDetailsRight ul li a{font-size:20px}
    .PopularArea .PopularBox figcaption h6{font-size:22px;line-height:37px}
    .PopularArea .PopularBox figcaption p{font-size:18px}

}

.date-input{
    min-width: 205px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 10px 14px;
    outline: 0;
    cursor: pointer;
    box-shadow: 0 0 2px #ddd;
    font-weight: 500;
    color: gray;
    font-size: 14px;
}
/*********contact form*********/