*{ margin:0; padding:0;}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Black.woff2') format('woff2'),
        url('../fonts/Butler-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil-Black.woff2') format('woff2'),
        url('../fonts/ButlerStencil-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil-Bold.woff2') format('woff2'),
        url('../fonts/ButlerStencil-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Bold.woff2') format('woff2'),
        url('../fonts/Butler-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-ExtraBold.woff2') format('woff2'),
        url('../fonts/Butler-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil-ExtraBold.woff2') format('woff2'),
        url('../fonts/ButlerStencil-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil-Light.woff2') format('woff2'),
        url('../fonts/ButlerStencil-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Light.woff2') format('woff2'),
        url('../fonts/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Medium.woff2') format('woff2'),
        url('../fonts/Butler-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-UltraLight.woff2') format('woff2'),
        url('../fonts/Butler-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler.woff2') format('woff2'),
        url('../fonts/Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil.woff2') format('woff2'),
        url('../fonts/ButlerStencil.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil-UltraLight.woff2') format('woff2'),
        url('../fonts/ButlerStencil-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('../fonts/ButlerStencil-Medium.woff2') format('woff2'),
        url('../fonts/ButlerStencil-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Gordita Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Regular'), url('../fonts/Gordita Regular.woff') format('woff');
    }
    


    @font-face {
    font-family: 'Gordita Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Thin'), url('../fonts/Gordita Thin.woff') format('woff');
    }
    


    @font-face {
    font-family: 'Gordita Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Light'), url('../fonts/Gordita Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Light Italic'), url('../fonts/Gordita Light Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Medium'), url('../fonts/Gordita Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Medium Italic'), url('../fonts/Gordita Medium Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Bold'), url('../fonts/Gordita Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Bold Italic'), url('../fonts/Gordita Bold Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Black';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Black'), url('../fonts/Gordita Black.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Black Italic'), url('../fonts/Gordita Black Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Ultra';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Ultra'), url('../fonts/Gordita Ultra.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gordita Ultra Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Ultra Italic'), url('../fonts/Gordita Ultra Italic.woff') format('woff');
    }

body{  line-height: 18px;font-size: 14px;color:#333;background:#fff; margin:0;  font-family: 'Gordita Medium' }
a { text-decoration: none;}
a:hover {transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; text-decoration:none;}
input.button{cursor:pointer}
p{margin-top:0;margin-bottom:5px; font-size:16px;}
img{border:0 none}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ margin: 0; padding: 0;  font-family: 'Butler';}
h2{ font-size:26px;}
h4{ font-size:24px;}
h4{ font-size:22px;}
h5{ font-size:16px;}
p{line-height: 30px; font-family: 'Gordita Light'; font-size: 16px;}
strong{font-family: 'Gordita Bold';}
ul {list-style: none; margin: 0px; padding: 0px;}

.gry-sec{background-color: #F5F5F5;}

.red-btn{ color: #fff; border-color: #ae152d; padding:12px 15px; background-color: #ae152d; }
.red-btn:hover,
.red-btn:focus{ background: #333; color: #fff;  }

.btn-red{ background: #ca2627; border: 1px solid #ca2627; box-shadow: 0 32px 49px 10px rgba(192,204,212,0.16);  color: #FFFFFF; font-size: 14px; font-weight: bold;line-height: 24px; border-radius:6px; text-transform: uppercase; }
.btn-red:hover,
.btn-red:focus{ background: #FFFFFF; color: #ca2627;  }

.btn-white{ background: #FFFFFF; border-radius: 4px; font-weight: 500;
font-size: 16px;
line-height: 21px;
text-align: center;
letter-spacing: 0.3px;
color: #00B8D9; padding: 12px 23px; border:1px solid #fff; }
.btn-white:hover,
.btn-white:focus{ background: #00B8D9; color: #fff;  }


/* Header Area CSS 
======================= */
header.fixed-head { position: fixed;  width: 100%; background:#fff;}
header.fixed-head .header-main { padding-top:0px;}
header .header-top-area { padding:15px 0 5px 0;   }
header .header-top-area ul li{ display: inline-block;  }
header .header-top-area ul li a{text-align: left; font-weight:600; font-size:14px; line-height:22px; letter-spacing: 0.18px; color: #FFFFFF; opacity: 1;}
header { position: relative; top:0; left:0; width: 100%;     z-index: 10; background:#fff; }
header li.divd{  color: #FFFFFF;  line-height:18px !important; padding: 0 6px;  }
header ul  li svg {fill:#fff;}
header ul  li svg:hover {fill:#f82249;}
header .header-main{padding-top:0px;}
.header-main.menu-blok {
    background-color: #9d2235;
}
.header-moblie-menu {
    display: none;
}
/*-----------header-menu------------*/
header a.search-icon { position: absolute; right: 0; top:38px; font-size: 18px; color: #fff;}
.header-main #cssmenu{ padding:0;}
nav#cssmenu ul {margin-top:0px;   }
.logo{ position: relative;  z-index: 123;  padding: 10px 0;  display: block;}
.logo img { max-width:600px;}
.logo a{color:#6DDB07;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin: 0 0px 0 0px;}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height:30px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    margin: 0px 15px 0 0px;
    padding: 10px; font-family: 'Gordita Medium';}
#cssmenu > ul > li > a.btn-blue{ background: linear-gradient(278.21deg, #005490 1.66%, #328BCB 96.78%);
border-radius: 4px;padding: 10px 12px 10px 12px
}
#cssmenu ul li.active a.btn-blue {  color:#fff;background: linear-gradient(45deg, #005490 1.66%, #328BCB 96.78%); } 
#cssmenu > ul > li > a.btn-blue:hover{ color:#fff;background: linear-gradient(178.21deg, #005490 1.66%, #328BCB 96.78%);}
#cssmenu ul li a.white-blue { background: #FFFFFF;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #00A8DB;
    padding: 8px 25px;
    margin-top: 20px;
    border: 1px solid #fff;
}
#cssmenu ul li a.white-blue:hover {
    background:transparent;
    color: #fff;
}
#cssmenu > ul > li:hover > a, 
#cssmenu ul li.active a,
#cssmenu > ul > li a:hover 
#cssmenu ul li.active a:hover, 
#cssmenu ul li.active a a:hover
#cssmenu ul li.has-sub.active a:hover { /*border-top: 6px solid #f82249!important;*/     color: #e7d449; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease;}

#cssmenu ul ul { position: absolute; left: -9999px; margin-top:0px;     width: max-content;}
#cssmenu ul ul li{    height: min-content;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;    background: #fff;
    transition: all .25s ease;
    border-bottom: 1px solid #f2f2f2;
    margin: 0;}
#cssmenu ul ul li a:hover{backgroung:#f82249;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {     border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 11px 15px;
    min-width: 210px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    font-weight: 300;
    font-style: normal;}
	
#cssmenu ul ul li a:hover { background: #f82249;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:#fff}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
        top:12px;
    right: -4px;     font-weight: bolder;
    display: block;
    font-family: FontAwesome;
	content: '\f107';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu ul ul > li.has-sub:hover > a:before{top:2px;height:0}
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333} 
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#cssmenu > ul > li.active:before{ content:"";  }
#cssmenu ul ul li a:hover, #cssmenu ul ul li a.active {
      background: #9d2235;
    color: #fff;
    border-top: 0px solid #fff !important;
        border-bottom: 1px solid rgba(150,150,150,0.15);
}

#cssmenu ul li:last-child ul ul {margin-left: -100%; width: 100%;}
@media screen and (max-width:991px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:left;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li { width: 100%; border-top: 1px solid #444;float: left;}
#cssmenu ul li:hover{ background: transparent !important;}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,
#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,
#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:40px;height:40px;position:absolute;right:0;top:5px;cursor:pointer;z-index: 12399994;}
.button:after{display:none;position:absolute;top:22px;right:0px;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{display:none;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:0px;;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{display:none;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg) }
.button.menu-opened:before{display:none;top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.button.menu-opened:before{webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);     top: 16px; opacity:0; display:none;}
.button.menu-opened:after {webkit-transform: rotate(0deg);     width: 15px; right:4px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);opacity:0 display:none;
}


}

.div-table{ display:table; vertical-align:middle; width:100%; }
.div-table aside{ display:table-cell; vertical-align:middle;  }

.heading-sec h2{font-size: 40px;}
.heading-sec .heading-divider {  display: inline-block;  width: 66px;  height: 3px;  background: #9d2235;}

/*footer{ padding:40px 40px 10px 40px; background-image:url(../images/fotter-bg.png); background-repeat:no-repeat; background-position:center center;background-size: cover;  }*/
footer aside img.f-logo{ width:100%; margin:0 0 20px 0; }
footer aside .tf-block p{font-size: 14px; line-height: 30px;  color: #ABABAB; font-weight:normal;}
footer aside .tf-block ul.flinks-ul li.heading-li h4{ color:#fff; margin-bottom:20px; }
footer aside .tf-block ul.flinks-ul li { margin-bottom:10px;}
footer aside .tf-block ul.flinks-ul li a{ font-size: 14px; line-height: 30px; color: #ABABAB; font-weight:normal;}
footer aside .tf-block ul.flinks-ul li .socialbtns li a{font-size:26px; }
footer aside .tf-block ul.flinks-ul li a:hover{ color:#FFFFFF; }
footer .bottom-footer{ margin-top:10px; }
footer .bottom-footer p,
footer .bottom-footer a{ color: #ABABAB;  font-size: 14px;}
footer .bottom-footer a:hover{ color:#FFFFFF; }
.category-select:focus,
.category-select{outline:none; border: navajowhite; background: #f2f2f2;  padding: 10px 15px;  font-weight: lighter;}

.scrolling-div { background: #e7d449; margin: 0; padding: 8px 15px;}
.scrolling-div p{ font-size:14px; font-weight:normal; margin:0; color:#696969; }
.banner-sec {  height:75vh; position: relative; width: 100%; overflow: hidden; background-repeat: no-repeat;  background-size: cover;}
.notification-sec{ padding:60px 30px 60px 0; }
.notification-sec .heading { position:relative; margin-bottom:20px;}
.notification-sec .heading h3{width:40%; float: left; font-size:30px;}
.notification-sec .heading .post-categories{width:40%; float: left;}
.notification-sec .heading .post-categories ul{ list-style:disc; }
.notification-sec .heading .post-categories ul li{display: inline-block; list-style: disc;  position: relative; }
.notification-sec .heading .post-categories ul li a{font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 26px;
    color: #9b9b9b;
    padding: 0 0 0 20px;
    position: relative;}
.notification-sec .heading .post-categories ul li a:before{content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: #ae152d; } 	
.notification-sec .btn-blk {width:20%; float: left; text-align: right; } 
.notification-sec .notification-in{}
.notification-sec .notification-in .notify-box{background: #fff;
    padding: 10px; margin-bottom:10px;}
.notification-sec .notification-in .notify-box .date{font-size: 12px;
    line-height: 20px; 
    padding: 0 0 5px 26px; position:relative;     color: #9b9b9b;}
.notification-sec .notification-in .notify-box .date:before{ content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #ccc; }
.notification-sec .notification-in .notify-box h3,	
.notification-sec .notification-in .notify-box h3 a{ font-size: 16px; color: #000; line-height: 26px;} 
.notification-sec .notification-in {overflow: auto;  height: 500px;}

.message-sec-sec{ padding:60px 0; }
.message-sec-sec aside img{ width:100%;webkit-transition: all 1.5s cubic-bezier(0,0,.2,1);  transition: all 1.5s cubic-bezier(0,0,.2,1); }
.message-sec-sec aside .meassage-blk .cntent-blk{position: relative; bottom: 0; left: 0;  right: 0; z-index: 1; padding: 17px 30px 25px;  box-shadow:0 6px 6px rgb(0 0 0 / 5%);   background: #fff;  margin: -70px 15px 0 15px;  max-width: 100%; }
.message-sec-sec aside .meassage-blk {position:relative;  width: 100%;   height: 100%;  overflow: hidden; border-top-left-radius: inherit; border-top-right-radius: inherit; padding-bottom:10px; }
.message-sec-sec aside .meassage-blk .cntent-blk h3{ margin-bottom:15px; }
.message-sec-sec aside .meassage-blk:hover .cntent-blk h3{ color:#9d2235; }
.message-sec-sec aside .meassage-blk .cntent-blk p strong{ color:#000; }
.message-sec-sec aside .meassage-blk .cntent-blk p { margin:0; }
.message-sec-sec aside .meassage-blk:hover img { -webkit-transform: scale3d(1.1,1.1,1.1);  transform: scale3d(1.1,1.1,1.1);}
.message-sec-sec aside .meassage-blk .blk-link{ position:absolute; width:100%; height:100%; top:0; left::0; z-index:5; }

.about-h-sec aside.content-cell{ width:40%; padding:0 30px 0 50px;  }
.about-h-sec aside.img-cell{width:60%; }
.about-h-sec aside.img-cell img{width:100%; }
.about-h-sec aside.content-cell h2{ font-size: 40px;     margin: 0px 0px 22px 0px;}
.about-h-sec aside.content-cell p{font-size: 16px; line-height:30px;}
.about-h-sec aside.content-cell a.red-btn {  display: inline-block;    margin: 20px 0; padding: 15px 30px;}

.blocks-sec{ padding:60px 30px 20px 30px; }
.blocks-sec aside .content-blk{ text-align:center; padding:10px;}
.blocks-sec aside .content-blk h3{margin-bottom:20px;}
.blocks-sec aside .content-blk p{line-height:24px;}
.blocks-sec aside .content-blk .discrp{min-height: 360px;}
.blocks-sec aside .content-blk a{ display: inline-block;    margin: 20px auto; padding: 15px 30px;}
.blocks-sec aside .content-blk:hover { box-shadow: 0 0 30px rgb(0 0 0 / 5%);}

.blocks2-sec{ padding:60px 30px 20px 30px; }
.blocks2-sec aside .content-blk{ text-align:left; position:relative; margin-top:50px;  }
.blocks2-sec aside .content-blk .img-sec{overflow: hidden; margin-bottom:10px;}
.blocks2-sec aside .content-blk h3{margin-bottom:20px;}
.blocks2-sec aside .content-blk a.blk-link{ width:100%; height:100%; position:absolute; left:0; top:0;}
.blocks2-sec aside .content-blk img { width:100%; webkit-transition: all 1.5s cubic-bezier(0,0,.2,1);  transition: all 1.5s cubic-bezier(0,0,.2,1);  }
.blocks2-sec aside .content-blk:hover img { -webkit-transform: scale3d(1.1,1.1,1.1);  transform: scale3d(1.1,1.1,1.1);}
.blocks2-sec aside .content-blk:hover h3{ color:#ae152d; }

.blocks2-sec .client-block img{ width:100%; padding:15px;}

.blocks3-sec{ padding:10px 30px 20px 30px;  }
.blocks3-sec aside  { margin-bottom:30px; }
.blocks3-sec aside .content-blk{ text-align: left; position: relative; margin-top: 10px;      background: #e7d44a; }
.blocks3-sec aside .content-blk .img-sec{overflow: hidden; margin-bottom:10px;}
.blocks3-sec aside .content-blk h4{margin-bottom: 0; color: #fff;  padding: 0 15px; font-size: 20px;}
.blocks3-sec aside .content-blk p{margin: 5px 0; color: #000;  padding: 0 15px;  font-size: 13px; text-transform: uppercase; display: block;  font-weight: bold; width: 100%;}
.blocks3-sec aside .content-blk a.blk-link{ width:100%; height:100%; position:absolute; left:0; top:0;}
.blocks3-sec aside .content-blk img { width:100%; webkit-transition: all 1.5s cubic-bezier(0,0,.2,1);  transition: all 1.5s cubic-bezier(0,0,.2,1);  }
.blocks3-sec aside .content-blk:hover img { -webkit-transform: scale3d(1.1,1.1,1.1);  transform: scale3d(1.1,1.1,1.1);}
.blocks3-sec aside .content-blk:hover h4{ color:#ae152d; }

.blocks4-sec{ padding:10px 30px 20px 30px;  }
.blocks4-sec aside  { margin-bottom:30px; }
.blocks4-sec aside .content-blk{ text-align: left; position: relative; margin-top: 10px; }
.blocks4-sec aside .content-blk .img-sec{overflow: hidden; margin-bottom:10px;}
.blocks4-sec aside .content-blk h4{    margin-bottom: 0;
    color: #000;
    padding: 0 10px;
    font-size: 20px;
    height: 60px;
    overflow: hidden;
    line-height: 30px; text-align:center;}
.blocks4-sec aside .content-blk .event-start-date{ text-align: center; margin: -20px 0 10px 0; position: relative;  z-index: 5;}
.blocks4-sec aside .content-blk .event-start-date span{background: #9d2235; color: #fff; padding: 6px 15px; font-size: 14px;}
.blocks4-sec aside .content-blk a.blk-link{ width:100%; height:100%; position:absolute; left:0; top:0;}
.blocks4-sec aside .content-blk img { width:100%; webkit-transition: all 1.5s cubic-bezier(0,0,.2,1);  transition: all 1.5s cubic-bezier(0,0,.2,1);  }
.blocks4-sec aside .content-blk:hover img { -webkit-transform: scale3d(1.1,1.1,1.1);  transform: scale3d(1.1,1.1,1.1);}
.blocks4-sec aside .content-blk:hover h4{ color:#ae152d; }

section.in-banner-sec { padding: 10px 0; height: 270px;  position: relative;  background-size: cover; background-repeat: no-repeat;  background-position: center center;}
section.in-banner-sec:before{ content:""; background-color: rgba(0, 0, 0, 0.50); width:100%; height:100%; position:absolute; left:0; top:0;  }
section.in-banner-sec .breadcrumb { padding: 0; background-color: transparent;}
section.in-banner-sec .breadcrumb>li,
section.in-banner-sec .breadcrumb>li a { color: #fff; font-weight:lighter; }
section.in-banner-sec h2 { font-size: 38px; text-align: center;  color: #fff; margin:50px 0 15px 0; }

section.in-banner-no-sec { padding:15px 0 0 0; position: relative; background-color:#f2f2f2;:}
section.in-banner-no-sec:before{ content:""; background-color: rgba(0, 0, 0, 0.1); width:100%; height:100%; position:absolute; left:0; top:0;  }
section.in-banner-no-sec .breadcrumb { padding: 0; background-color: transparent;}
section.in-banner-no-sec .breadcrumb>li,
section.in-banner-no-sec .breadcrumb>li a { color: #fff; font-weight:lighter; }

.abt-sec{ padding:40px; }
.abt-sec .left-cel{ width:40%; padding-right:30px; }
.abt-sec .ryt-cel{ width:60%; }
.abt-sec aside{ vertical-align: top;}
.abt-sec aside img{ width: 100%; margin:20px 0; display: inline-block; }

.page-sec{padding:40px;}
.page-sec p{ text-align:justify; }
.page-sec ul.tick-list-style li{ position:relative; padding: 0 0 0 20px; line-height: 30px;  font-family: 'Gordita Light';  font-size: 16px; margin-bottom:10px;}
.page-sec ul.tick-list-style li:before {  content: "\f00c "; font-family: FontAwesome;   position: absolute;  top: 0px;   left: 0;   color: #9d2235;  font-weight: normal;}
.page-sec h4.tutor-segment-title{ margin:20px 0; position:relative;  }
.page-sec h4.tutor-segment-title:before{ content:""; width:50px; height:2px; background:#9d2235;  position:absolute; bottom:-8px; left:0; }

.notification-sec.all-notify  .notification-in {
    height: auto;
}
.post-search{width:80%; float:left;  }
.post-search .search-field {
   background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    width: 84%;
    border: navajowhite;
    padding: 12px;
}

.post-search  button.search-submit {
    width:15%;
    background: #9d2235;
    color: #fff;
    padding: 12px;
    border: none;
    margin: 0 0 0 -3px;
}
.post-search .form-group {
    margin-bottom: 0;}
@media only screen and (max-width:767px){
header {position: relative; background:transparent;}
.header-main #cssmenu {    padding: 10px 0;}
header a.search-icon { right: 72px; top: 18px;     z-index: 124;}
.logo {position: relative; top: 0; left: 0;  width: 120px; height: 20px; padding: 0; display: none;}
header .header-main {  padding-top:0px;}
.header-main.menu-blok { background-color: #fff;}	
.logo img {margin: 6px 0 0 0; max-width: 120px;}
.button {
    right: 27px;
    top: -31px;
    z-index: 1111111;
}	
.button .bar1{width:20px; height:2px; background:#9d2235; margin:4px 0 0 4px;}
.button .bar2{width:16px; height:2px; background:#9d2235; margin:4px 0 0 8px;}
.button .bar3{width:12px; height:2px; background:#9d2235; margin:4px 0 0 12px;}
.button.menu-opened .bar2{width:16px;}
.button.menu-opened .bar3{width:12px;}
#cssmenu #head-mobile a img{ width:80%; }

#cssmenu #head-mobile { display: block;  padding: 0 15px 20px 15px;}
nav#cssmenu ul { margin-top: 12px; margin-right: 0;     background: #b55968;
    padding: 0;} 
#cssmenu ul li.divd{ display: none;  }
#cssmenu > ul > li.has-sub > a {padding: 5px 15px;}
#cssmenu .submenu-button { height:40px; width: 40px;}
#cssmenu .submenu-button:before { top: 15px;}
#cssmenu .submenu-button:after { top: 18px;}
#cssmenu, 
#cssmenu ul, 
#cssmenu ul li, 
#cssmenu ul li a, 
#cssmenu #head-mobile { margin: 0; padding: 0;}	
#cssmenu > ul{ padding:10px 0 0 0; }	
#cssmenu > ul > li > a { padding: 5px 15px; text-align: left;}
.section-2-sec .div-table aside .in-div-table,
.div-table { display: block; vertical-align: top; width: 100%;}
.section-2-sec .div-table aside .in-div-table aside,
.div-table aside { display: block; vertical-align: top;}
.banner-sec { height: auto;}
.banner-sec video { height: 100%; width: 100%;}

.notification-sec {padding: 30px 0;}
.notification-sec .heading h3 {  width: 100%;  float: none; margin: 0 0 20px 0;}
.notification-sec .heading .post-categories {  width: 60%;}
.notification-sec .btn-blk { width: 40%;}
.notification-sec aside:nth-child(1) { margin-bottom:30px; }
.about-h-sec aside.content-cell,
.about-h-sec aside.img-cell {  width: 100%;  padding: 20px;}
.blocks-sec  .heading-sec {margin: 40px 0;}
.blocks-sec aside .content-blk .discrp {  min-height: auto;}

/*footer { padding: 30px 10px;}*/
footer .top-footer aside{ margin:30px 0 0 0; }
.page-sec, .abt-sec,.blocks4-sec,
.blocks3-sec {
    padding: 20px 5px;
 }
.page-sec aside.pull-right { float: none!important; margin-top:10px;} 
.abt-sec .left-cel ,.abt-sec .ryt-cel{
    width: 100%;
    padding-right:0px;
}
.header-logo img {
    width: 85%;
    margin: 12px 0px 0px 0px;
    padding: 0 !important;
    
}
.header-logo {
    width: 90%;
}
.header-moblie-menu {
    display: block;
    padding: 10px 0px;
}
.header-menu-content {
    display: none;
}
.header-moblie-menu #mega-menu-wrap-header-menu .mega-menu-toggle {
    background: transparent;
}
.header-moblie-menu #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #0000 !important;
}
.header-moblie-menu #head-mobile {
    position: relative !important;
}
.header-moblie-menu .mega-toggle-blocks-right {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 0;
}
.header-moblie-menu #mega-menu-wrap-header-menu .mega-menu-toggle {
    width: 12%;
    position: absolute;
    top: -43px;
    right: 0px;
    left: 377px;
}
.header-moblie-menu .mega-toggle-blocks-center {
    display: none !important;
}
.header-moblie-menu .mega-toggle-blocks-left {
    display: none !important;
}
.header-moblie-menu .mega-toggle-animated-inner {
    width: 29px !important;
    background-color: #ae152d !important;
}
.header-moblie-menu .mega-toggle-animated-inner::before {
    width: 25px !important;
    background-color: #ae152d !important;
    margin-left: 4px;
}
.header-moblie-menu .mega-toggle-animated-inner::after {
    width: 19px !important;
    background-color: #ae152d !important;
    margin-left: 10px;
}
.header-moblie-menu #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner {
    transform: translate3d(0, 0px, 0) rotate(0deg) !important;
}
.header-moblie-menu #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
    transform: rotate(0deg) translate3d(0px, 0px, 0) !important;
    opacity: 1;
}
.header-moblie-menu #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    transform: translate3d(0, 0px, 0) rotate(0deg) !important;
}
}

/*--new-css--*/
.search-bar .searchandfilter ul {
    display: flex ;
}
.search-bar input.sf-input-text {
    width: 484px;
    padding: 3px 15px;
    min-height: 52px;
    outline: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    border: none;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.search-bar input.sf-input-text:focus {
    color: #000;
    border: 1px solid #ae152d !important;
}
.search-bar input[type="submit"] {
    padding: 16px 18px;
    font-weight: 700;
    border: 0;
    min-width: 52px;
    text-align: center;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #fff;
    background-color: #ae152d;
    border-color: #ae152d;
}
.search-bar input[type="submit"]:hover {
    background-color: #000;
}
.search-bar select.sf-input-select {
    padding: 3px 30px 3px 15px;
    min-height: 52px;
    max-width: 100%;
    width: 100%;
    margin-left: 7px;
    border: navajowhite;
    font-size: 14px;
    font-weight: 500;
    background: #e3e0e0;
     -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.search-bar select.sf-input-select:focus {
    border: 1px solid #ae152d !important;
}
.sort-fliter select.sf-input-select {
    padding: 3px 30px 3px 15px;
    min-height: 52px;
    max-width: 100%;
    width: 100%;
    margin-left: 7px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    background-color: #f2f2f2;
}
.sort-fliter select.sf-input-select:focus {
    border: 1px solid #ae152d !important;
}
.notification-sec .notification-in {
    position: relative;
}
.notification-sec .notification-in a.link-in-title {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cmp-download__links--item img {
    display: inline-block;
}
.pdf-link-sec {
    display: grid;
}
.form-submit .red-btn:before {
    content: "\f178";
    position: absolute;
    font-size: 16px;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    font-family: 'FontAwesome';
}
.header-menu #mega-menu-wrap-header-menu #mega-menu-header-menu > li#mega-menu-item-1006 ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
}
.button-icon {
    background: none;
    border: none;
}
#success-pop {
    position: fixed;
    top: 49px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}


/*firefox-css*/
@-moz-document url-prefix() {
    .search-bar select.sf-input-select {
    padding: 14px 28px 17px 12px;
    min-height: 52px;
    max-width: 100%;
    width: 100%;
    margin-left: 7px;
    border: navajowhite;
    font-size: 14px;
    font-weight: 500;
    background: #e3e0e0;
     -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.sort-fliter select.sf-input-select {
  padding: 13px 30px 16px 15px;
  min-height: 52px;
  max-width: 100%;
  width: 100%;
  margin-left: 7px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  background-color: #f2f2f2;
   -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
}