/*Custom font and css for all site css*/
@font-face {
  font-family: 'Roboto', sans-serif;;
  src: url(../fonts/times-new-roman.ttf);
}
@font-face {
  font-family: 'Roboto', sans-serif;;
  src: url(../fonts/times-new-roman-bold.ttf);
}

html{
  overflow-x: hidden;
}
body{
  padding: 0;
  margin: 0;
  background: #fff;
  font-size: 15px;
  line-height: 1.5;
  /*overflow-x: hidden;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #232323;
}
.overflowon{
  overflow-y: auto;
}
.overflowoff{
    overflow-y: hidden; 
}
.font-tnr{
  font-family: 'Roboto', sans-serif;;
  letter-spacing: 0.3px;
}
.font-rbt{
  font-family: 'Roboto', sans-serif;
}
*{
    outline: none!important;
    transition: .2s ease-in-out;
}
img{
    max-width: 100%;
}
a{
    text-decoration: none!important;
}

/*Display control*/
  .m_on{
    display: none;
  }
  .displayoff{
    display: none!important;
  }
/*end*/

/*Color Codes*/
  :root {
    --primary-color: #e50914;
    --dark-color: #141414;
    --light-color: #f4f4f4;
    --black: #000000;
    --white: #ffffff;
    --lightgray: #f7eeff;
    --blue: #003cff;
    --darkblue: #020079;
    --lightblue: #2ccffe;
    --green: #018a00;
    --lightgreen: #e9ffe8;
    --yellow: #002f64;
    --red: #002f64;
    --orange: #ff8100;
    --purple: #5633d1;
    --lightpurple: #c98fff;
    --deeppurple: #392c72;
    --pink: #fb39ad;
  }
  .transparent{
    background: transparent;
  }
  .blackBG{
    background: #000000;
  }
  .whiteBG{
    background: #ffffff;
  }
  .lightgrayBG{
    background: var(--lightgray);
  }
  .blueBG{
    background: var(--blue);
  }
  .darkblueBG{
    background: var(--darkblue);
  }
  .lightblueBG{
    background: var(--lightblue);
  }
  .lightblueBG2{
    background: #e5f4ff;
  }
  .greenBG{
    background: var(--green);
  }
  .lightgreenBG{
    background: var(--lightgreen);
  }
  .yellowBG{
    background: rgb(254 210 0);
  }
  .redBG{
    background: var(--red);
  }
  .orangeBG{
    background: var(--orange);
  }
  .purpleBG{
    background: var(--purple);
  }
  .pinkBG{
    background: var(--pink);
  }
  .blackTXT{
    color: #000000;
  }
  .whiteTXT{
    color: white;
  }
  .redTXT{
    color: var(--red);
  }
  .grayTXT{
    color: #979797;
  }
  .blueTXT{
    color: rgb(0 105 255);
  }
  .lightblueTXT {
    color: var(--lightblue);
  }
  .purpleTXT{
    color: var(--purple);
  }
  .deeppurpleTXT{
    color: var(--deeppurple);
  }
  .greenTXT{
    color: var(--green);
  }
  .blackTXT{
    color: #000000;
  }
/*End*/

/*Button Control*/
  .hoverbtn:hover{
    transform: scale(1.1);
    box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.3);
  }
  .hovwhiteTXT:hover{
    color: white!important;
  }
  .hovblackTXT:hover{
    color: black!important;
  }
  .greenhover:hover{
    background: #09bc66;
    color: white;
  }
  .bluehover:hover{
    background: #004fff;
  }
  .btn:hover{
    color: white;
  }
  .btn-shadow{
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  }
  .btn-round{
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .btn-hover-big:hover{
    transform: scale(1.02);
  }
/*End*/

.captext{
  text-transform: uppercase;
}
hr{
  border-top: 1px solid #e2e2e2;  
}
.bdr_t{
  border-top: 1px solid #e2e2e2;
}
.bdr_b{
  border-bottom: 1px solid #e2e2e2;
}

/*Padding*/
  .paddZero{
    padding: 0!important;
  }
  .plr_0{
    padding-left: 0;
    padding-right: 0;
  }
  .pddt_30{
    padding-top: 30px;
  }
  .pddb_30{
    padding-bottom: 30px;
  }
  .pddt_50{
    padding-top: 50px;
  }
  .pddb_50{
    padding-bottom: 50px;
  }
  .pddt_70{
    padding-top: 70px;
  }
  .pddb_70{
    padding-bottom: 70px;
  }
/*End*/

/*Margin*/
  .m_0{
    margin: 0!important;
  }
  .mt_0{
    margin-top: 0!important;
  }
  .mb_0{
    margin-bottom: 0!important;
  }
  .mt_30{
    margin-top: 30px;
  }
  .mt_50{
    margin-top: 50px;
  }
  .mt_70{
    margin-top: 70px;
  }
  .mb_30{
    margin-bottom: 30px;
  }
  .mb_50{
    margin-bottom: 50px;
  }
  .mb_70{
    margin-bottom: 70px;
  }
/*end*/

/*Scroll bar*/
  /* width */
  ::-webkit-scrollbar {
    width: 7px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #001b5b; 
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: red; 
  }
/*end*/

.dropshadow{
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}
.floatL{
  float: left;
}
.floatR{
  float: right;
}
.relative{
  position: relative;
}
.fa-before:before, .fa-before:after, .fa-before li:before, .fa-before li:after{    
  font: normal normal normal 14px/1 FontAwesome;
}

.heading{
  position: relative;
  font-size: 36px;
}
.heading b, .heading strong{
  font-weight: 700;
}
.heading2{
  padding: 0 15px;
  margin-top: 0;
}
.heading2 b{
  font-size: 36px;
}
.heading2 b span{
  background: #0066ff;
  padding: 0 10px;
}

/*Heading*/
  header{
    height: 100px;
  }
  header.squize{
    height: 95px;
  }
  .navbar {
    margin-bottom: 0;
    background: white;
    z-index: 9999;
    border: 0;
    padding: 0 0 0;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 1.4 !important;
    border-radius: 0;
    box-shadow: 0 0 25px rgb(0 0 0 / 0.2);
  }
  .uppderbar{
    background: #35ac36;
    color: #fff;
    padding: 7px 0;
    font-size: 12px;
    width: 53%;
    position: absolute;
    right: 0;
  }
  .uppderbar:after{
    content: "";
    position: absolute;
    left: -15px;
    top: 0px;
    width: 170px;
    height: calc(100% + 0px);
    /*background-image: url(../img/brush.png);*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    z-index: -1;
    transform: skewX(45deg);
    background-color: #35ac36;
    /*border-color: #001b5b transparent transparent transparent;
    border-width: 32px;
    border-style: solid;*/
  }
  .squize .navbar .uppderbar{
    transform: translateY(-10px);
    visibility: hidden;
    opacity: 0;
  }
  .uppderbar p{
    margin: 0;
  }
  .uppderbar ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
  }
  .uppderbar ul li{
    display: inline-block;
    padding: 0 7px;
  }
  .uppderbar ul li a{
    color: #fff;
  }
  .navbar .navbar-brand{
    height: unset;
    padding: 5px 0;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
  }
  .navbar .brand{
    max-width: unset;
    width: auto;
    height: 90px;
  }
  .squize .navbar .brand{
    height: 62px;
  }
  .navbar-default .navbar-collapse{
    /*padding: 10px 0;*/
  }
  .navbar .menu{
    padding: 0;
    text-align: right;
    margin: 38px 0 0;
  }
  .squize .navbar .menu{
    margin: 10px 0 0;
  }
  .navbar .menu.menu-text-left{
    text-align: left;
  }
  .navbar .menu li{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 7px 0;
    margin: 5px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 2px;
  }
  .navbar .menu li.special{
    background: #f9d14d;
  }
  .navbar .menu li.special:hover{
    background: #001b5b;
  }
  .navbar .menu li.special:hover a{
    color: #fff;
  }
  .navbar .menu li:hover{
    background: #35ac36;
  }
  .navbar .menu li a{
    text-decoration: none;
    color: #000;  
    padding: 12px;
  }
  .navbar .menu li:hover a{
    color: #ffffff;
  }
  .menu-item-has-children:after{
    content: "\f107";
    position: relative;
    right: 10px;
    top: 0px;
    color: #000;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
  }
  .navbar .menu li:hover:after{
    color: var(--red);
  }
  .navbar .menu .sub-menu{
    padding: 0;
    position: absolute;
    max-height: 500px;
    overflow-y: auto;
    width: 200px;
    right: 0;
    top: 100px;
    display: none;
    background: #fff;
    z-index: 9;
    transition: .2s;
    border-radius: 2px;
    box-shadow: 0px 15px 20px rgb(0 0 0 / 7%);
  }
  .navbar .menu .col2 .sub-menu{
    width: auto;
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    padding-left: 0;
  }
  .navbar .menu li:hover > .sub-menu{
    display: block;
    top: 38px;
  }
  .navbar .menu .sub-menu li{
    display: block;
    text-align: left; 
    margin: 0;
    font-size: 14px;
  }
  .navbar .menu .col2 .sub-menu li{
    min-width: 150px;
  }
  .navbar .menu .sub-menu li:hover{
    background: #eeffee;
  }
  .navbar .menu .sub-menu li a{
    color: #000;
    letter-spacing: 0;
    width: 100%;
    display: block;
    padding: 2px 10px;
    color: #001b5b!important;
  }
  .navbar .menu .sub-menu li:hover a{
    color: #35ac36!important;
    font-weight: 600;
  }
  .navbar .menu .sub-menu .sub-menu{
    width: 250px;
    right: 50%;
    top: 0;
    background: #e5f4ff;
    z-index: -1;
    border-radius: 10px 0px 10px 10px;
  }
  .navbar .menu .sub-menu .sub-menu li a{
    color: black;
  }
  .navbar .menu .sub-menu .sub-menu li:hover a{
    color: #0043ff;
  }
  .navbar .menu .sub-menu li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    right: 100%;
    top: 0;
    z-index: 2;
  }
  .navbar .menu .sub-menu li.menu-item-has-children:hover{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .navbar .menu .sub-menu li.menu-item-has-children:after{
    color: var(--purple);
    position: absolute;
    width: 10px;
    top: 50%;
    left: 90%;
    transform: translateY(-50%) rotate(90deg);
    transition: .2s;
  }
  .navbar .menu .sub-menu li.menu-item-has-children:hover:after{
    left: 0;
  }
/*End*/

/*Category heading*/
  .catheading{
    position: relative;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    /*color: var(--red);*/
    font-size: 20px;
  }
  .catheading span{
    padding: 5px 0;
    display: table;
    /* background: #0b5dc2; */
    color: #003467;
  }
  .catheading:after{
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 100%;
    background: #23aa42;
  }
  .viewall{
    font-weight: 400;
    background: var(--yellow);
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 3px;
    color: white;
  }
  .viewall:hover{
    color: #fff;
    background: var(--darkblue);
  }
/*end*/

/*Post box*/
  .post_box{
    background: white;
    border-radius: 7px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 3%);
    overflow: hidden;
    margin-bottom: 30px;
  }
  .post_box:hover{
    transform: translateY(-10px);
    box-shadow: 0 7px 15px rgb(0 0 0 / 15%);
  }
  .post_box .thumb{
    position: relative;
    background-color: #eee;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    padding-bottom: 74%;
    overflow: hidden;
    margin-bottom: 16px;
  }
  .post_box .thumb img{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .post_box .postdetails{
    padding: 0 15px;
  }
  .post_box h3{
    font-family: 'Roboto', sans-serif;;
    color: #393939;
    height: 38px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 0;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-transform: capitalize;
  }
  .post_box p{
    margin: 0;
  }
  .post_box .shortdesc{
    font-size: 13px;
    color: #868686;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    height: 58px;
  }
  .post_box .metadata{
    border-top: 1px solid #eaeaea;
    padding: 15px 0;
    margin-top: 17px;
  }
  .post_box .metadata p{
    display: inline-block;
    width: 48%;
  }
  .post_box .metadata span{
    font-size: 12px;
    font-weight: 400;
    background: #e4f8ff;
    padding: 5px 10px;
    border-radius: 3px;
    color: var(--blue);
    white-space: nowrap;
  }
  .post_box .metadata .date{
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    color: #858585;
  }
  .pb_long {
    transform: none!important;
  }
  .pb_long .postdetails{
    padding: 15px;
  }
  .pb_long .postdetails .metadata{
    font-size: 14px;
    font-weight: 400;
    color: #b4b4b4;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    border: none;
  }
  .pb_long .postdetails h3{
    height: auto;
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 10px;
  }
  .pb_long .postdetails p{
    margin: 0;
    height: auto;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    width: auto;
  }
  .pb_long .postdetails p.degs{
    margin-left: 0;
  }
  .pb_long .tsti_mt img{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden;
  }
  .videopost .post_box{
    position: relative;
  }
  .videopost .post_box .thumb{
    margin: 0;
  }
  .videopost .post_box .postdetails{
    position: absolute;
    width: 100%;
    text-align: center;
    padding: calc(75% - 50px) 10px 5px 10px;
    bottom: 0;
    transform: translateY(100%);
    background: linear-gradient(0deg, #000, #0000);
    transition: 0.3s;
    z-index: 0;
  }
  .videopost .post_box:hover .postdetails{
    transform: translateY(0);
  }
  .videopost .post_box .postdetails h3{
    color: white;
  }
/*end*/

/*banner section*/
  .section-1{  
    overflow: hidden;
    z-index: 1;
  }
  .showcase{
    box-shadow: 0 4px 10px rgb(0 0 0 / 18%);
    border-radius: 7px;
    overflow: hidden;
  }
  .showcase .bgimg{
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100vh;
    width: 100%;
  }
  .showcase .bgimg img{
    width: 100%;
  }
  .showcase .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .4;
  }
  .showcase .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }
  .tp_post{
    background: #f5f6f6;
    border-radius: 7px;
    padding: 15px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 01%);
    overflow: auto;
    max-height: 100vh;
    height: 520px;
    position: relative;
    overflow: hidden;
  }
  .tp_post ul{
    padding: 0;
    margin: 0;
  }  
  .vertical{
    height: 100%;
    overflow: hidden;
  }
  .vertical .item{
    width: 100%!important;
    transform: .6s;
  }
  .tp_post li{
    display: block;
    min-height: 80px;
    margin: 15px 0 0 0;
  }
  .singlepostciont .tp_post li{
    min-height: 100px;
    margin: 20px 0 0 0;
  }
  .tp_post li .thumb{
    width: 80px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    float: left;
    margin-right: 15px;
  }
  .singlepostciont .tp_post li .thumb{
    width: 100px;
    height: 85px;
  }
  .tp_post li .thumb img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .tp_post li h3{
    font-family: 'Roboto', sans-serif;;
    color: #393939;
    /*font-weight: bold;*/
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-transform: capitalize;
  }
  .tp_post li p{
    color: #989898;
    font-size: 12px;
    font-weight: 400;
    
  }
  .tp_post .tpall{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 4;
  }
  .tp_post .tpall .btn{
    border-radius: 0;
    color: var(--red);
    font-size: 13px;
    background: #ffe8e8;
  }
  .tp_post .tpall .btn:hover{
    background: #ffe8e8;
  }
/*end*/

/*Section 2*/
  .section-2{
    overflow-x: hidden;
  }
  .ads{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    /*border: 5px solid var(--yellow);*/
  }
  .ads img{
    width: 100%;
  }
  .section-2 .swiper-container-2coli{
    overflow: hidden;
    padding: 10px 0;
  }
  .section-2 .swiper-container-2col{
    overflow: hidden;
  }
  .section-2 .swiper-wrapper{
    flex-direction: unset;
  }
/*end*/

/*Section 3*/
  .section-3{
    background: #001b5b;
    color: #fff;
  }
  .hitw{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
  }
  .hitw .htwbox{
    position: relative;
    width: 25%;
    padding: 20px;
    z-index: 1;
  }  
  .hitw .htwbox:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translate(0, -50%);
    width: 1px;
    height: 1px;
    background-color: #f5f5f5;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    z-index: -1;
  } 
  .hitw .htwbox:hover:after{
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 20px);
    height: calc(100% + 100px);
    visibility: visible;
    opacity: 1;
  }
  .hitw .htwbox.box1:after{
    display: none;
  }
  .hitw .htwbox h3{
    font-weight: 700;
    margin-top: 0;
  }
  .hitw .htwbox h4{
    font-weight: 700;
    margin-top: 0;
  }
  .hitw .htwbox p{
    margin: 0;
    color: #ffe700;
    font-size: 15px;
    font-weight: normal;
  }
  .hitw .htwbox:hover h4{
    color: #001b5b;
  }
  .hitw .htwbox:hover p{
    color: black;
  }
  .hitw .htwbox.box1 p{
    color: #ffe700;
  }
/*end*/

/*Section 4*/
  .section-4 .extradiv{
    padding-left: 0;
  }
  .section-4 .extradiv .catheading{
    margin-left: 15px;
  }
  .section-4 .swiper-container-qju{
    overflow: hidden;
    padding: 10px 0;
  }
/*end*/

/*Breadcrumb*/
  .breadcrumb_cont{
    background: #f9d14d;
  }
  .breadcrumb_cont .breadcrumb{
    font-size: 14px;
    font-weight: 400;
    padding: 7px 5px;
    margin: 0;
    background: #0000;
    color: #232f3e;
    width: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .breadcrumb_cont .breadcrumb a{
    color: #232f3e;;
  }
  .breadcrumb_cont .breadcrumb span{
    color: black;
    opacity: .5;
  }
/*End*/

/*Footer*/
  footer{
    box-shadow: 0 0px 2pc rgba(0, 0, 0, 0.1);
    background: #003466;
    color: #fff;
  }
  .fnote img{
    min-width: 240px;
  }
  .fsocial ul, .ftags ul{
    padding: 0;
  }
  .fpoints h3, .fnote h3, .fsocial h3, .ftags h3, .ctninfos h3{
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 18px;
  }
  .fpoints h3:after, .fnote h3:after, .fsocial h3:after, .ftags h3:after, .ctninfos h3:after{
    content: "";
    width: 8px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #00a211;
  }
  .fnote h3{
    margin-top: 15px;
  }
  h3.visitors{
    padding-left: 0;
  }
  h3.visitors:after{
    display: none;
  }
  .fpoints ul{
    padding: 0;
  }
  .fpoints li{
    display: block;
    position: relative;
    list-style: none;
    color: #fff;
    font-weight: normal;
    margin: 4px 15px 7px;
    padding: 0;
    border-radius: 5px;
    font-size: 14px;
    /*text-transform: uppercase;*/
  }
  .fpoints li:hover{
    font-weight: 400;
    color: var(--yellow);
  }
  .fpoints li:before{
    content: "\f105";
    font-family: FontAwesome;
    width: 0%;
    height: 1px;
    color: var(--yellow);
    position: absolute;
    /*top: 0;*/
    left: -15px;
    transform: translateY(-50%);
    transition: .7s;
  }
  .fpoints li:hover:before{
    padding-left: 5px;
  }
  .fpoints li a{
    color: #fff;
  }
  .fsocial li{
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #35ac36;
    color: #fff;
    padding: 3px 0 0;
    font-size: 20px;
    border-radius: 10px;
    margin: 5px 5px 5px 0px;
    text-align: center;
  }
  .fsocial li:hover{
    background: #fff;
    color: var(--yellow);
    transform: scale(1.2);
  }
  .fsocial li:hover a{
    color: #004fff;    
  }
  .fsocial li:before{
    display: none!important;
  }
  .ctninfos .ctninfo{
    padding: 0;
    margin: 0;
  }
  .ctninfos .ctninfo h2{
    margin: 0 0 10px;
    color: var(--green);
    font-weight: 600;
    font-size: 26px;
  }
  .ctninfos .ctninfo li{
    display: block;
    padding-left: 24px;
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .ctninfos .ctninfo li:before{
    display: none;
  }
  .ctninfos .ctninfo li:hover{
    /*font-weight: 600;*/
    color: #35ac36;
  }
  .ctninfos .ctninfo li i{
    color: #35ac36;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .ctninfos p{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
  }
  /*.ftb{
    border-top: 1px solid gainsboro;
    padding-top: 15px;
  }*/
  .implinks p span{
    color: white;
    padding: 5px;
    margin: 0 10px;
  }
  .copyright, .implinks, .dgnby{
    font-size: 14px;
  }
  .copyright p, .implinks p, .dgnby p{
    margin: 10px 0;
  }
  .dgnby p{
    col
  }
  .dgnby a{
    color: #fff;
    font-weight: 600;
  }
  footer .darkblueBG{
    background: #35ac36;
  }
/*Footer end*/

/*extra*/
  .slideanim {
    visibility:hidden;
  }
  .slidelrmain {
    visibility:hidden;
  }
  .sliderlmain {
    visibility:hidden;
  }
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  .slidelr {
    animation-name: slidelr;
    -webkit-animation-name: slidelr;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  .sliderl {
    animation-name: sliderl;
    -webkit-animation-name: sliderl;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
    visibility: hidden;
  }
  .um input[type=submit].um-button, 
  .um input[type=submit].um-button:focus, 
  .um a.um-button, 
  .um a.um-button.um-disabled:hover, 
  .um a.um-button.um-disabled:focus, 
  .um a.um-button.um-disabled:active{
    background: #001b5b!important;
  }
  .um input[value="Register"].um-button{
    display: none!important;
  }
  .um .um-button.um-alt, .um input[type=submit].um-button.um-alt{
    background: #f9d14d!important;
    color: #001b5b;
  }
  .um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
    background: #001b5b!important;
    color: #f9d14d;
  }
/*end*/

/*Animations*/
/*pulsh effect*/
@keyframes splash{
  0%{
    background: linear-gradient(90deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 10%));
    transform: rotate(24deg) translate(-197%, -40%);
  }
  40%{
    background: linear-gradient(90deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 20%));
    transform: rotate(24deg) translate(-40%, -40%);
  }
  80%{
    background: linear-gradient(90deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 0%));
    transform: rotate(24deg) translate(-40%, -40%);
  }
  100%{
    background: linear-gradient(90deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 0%));
    transform: rotate(24deg) translate(-40%, -40%);
  }
}
@keyframes pulsh{
  0%{
    box-shadow: 0 0 0 0 rgb(255 172 0 / 44%), 0 0 0 0 rgb(255 106 0 / 65%);
  }
  40%{
    box-shadow: 0 0 0 50px rgba(99, 69, 238,0), 0 0 0 0 rgb(255 172 0 / 51%);
  }
  80%{
    box-shadow: 0 0 0 50px rgba(99, 69, 238,0), 0 0 0 30px rgba(99, 69, 238,0);
  }
  100%{
    box-shadow: 0 0 0 0 rgba(99, 69, 238,0), 0 0 0 30px rgba(99, 69, 238,0);
  }
}
@media (max-width: 767px){
  .m_off{
    display: none!important;
  }
  .m_on{
    display: block!important;
  }
  .heading {
    font-size: 34px;
  }
  ::-webkit-scrollbar {
      height: 0;
  }
  .extradiv{
    padding: 0;
  }

  /*banner*/
    .showcase .bgimg{
      /*height: 164px;*/
    }
    .showcase .up_lable h1{
      font-size: 22px;
      margin-bottom: 5px;
    }
    .showcase .up_lable p{
      font-size: 13px;
    }
    .section-graph.pddt_70{
      padding-top: 0;
    }
    .section-graph.pddt_70 .pddt_70.pddb_70 {
      padding-top: 20px;
      padding-bottom: 30px;
      text-align: center;
    }
    .tp_post li .thumb{
      height: 75px;
      width: 90px;
    }
  /*end*/

  /*Category Heading*/
    .catheading:after{
      width: 8px;
    }
  /*end*/

  /*Section 2*/
    .section-2{
      padding-left: 10px;
      padding-right: 10px;
    }
    .section-2 .extradiv .catheading{
      margin-left: 15px;
    }
    .section-2 .col-xs-12.col-md-4.col-sm-4 .extradiv{
      margin: 0 -15px;
      width: calc(100% + 30px);
    }
    .section-2 .col-xs-12.col-md-4.col-sm-4 .extradiv .catheading{
      margin-left: 0;
    }
  /*end*/

  /*Section 3*/
    .section-3{
      padding-left: 10px;
      padding-right: 10px;
    }
    .hitw .htwbox.box1{
      width: 100%;
      text-align: center;
    }
    .hitw .htwbox{
      width: 33%;
      text-align: center;
    }
    .hitw .htwbox p{
      font-size: 12px;
      line-height: 1.2;
    }
    .hitw .htwbox:hover:after {
      height: calc(100% + 20px);
    }
  /*end*/

  /*Section 4*/
    .section-4{
      padding-left: 10px;
      padding-right: 10px;
    }
  /*end*/

  /*Post box*/
    .pb_long .postdetails h3{
      font-size: 18px;
    }    
    .videopost .post_box .postdetails{
      transform: translateY(0);
      background: linear-gradient( 0deg , rgb(46 0 1 / 33%), rgb(0 0 0 / 0%));
    }
  /*end*/

  /*Footer*/
    .section-footer{
      text-align: center;
    }
    .fpoints{
      margin-top: 20px;
    }
    .fpoints li, .ftags li{
      margin: 3px 5px;
      padding: 3px 0px;
      display: inline-block;
      font-size: 12px;
    }
    .fpoints h3, .fnote h3, .fsocial h3, .ftags h3, .ctninfos h3{
      padding-left: 0;
    }
    .fpoints h3:after, .fnote h3:after, .fsocial h3:after, .ftags h3:after, .ctninfos h3:after{
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 3px;
      top: 110%;
    }
    .fpoints li:before{
      display: none;
    }
    .ftb p span {
      padding: 0px;
      margin: 0 5px;
      font-size: 11px;
    }
    .copyright{
      text-align: center;
    }
    .copyright:first-child p{
      margin-bottom: 0;
    }
  /*end*/
}

@media (max-width: 991px){
  html{
    overflow-x: hidden;
  }
  /*Header*/
    header {
      height: 100px;
    }
    .uppderbar{
      width: 100%;
      position: relative;
      right: unset;
    }
    .squize .navbar .uppderbar {
    transform: none;
    visibility: visible;
    opacity: 1;
}
    .navbar .brand {
      max-width: 190px;
      margin: 0 10px;
      height: auto;
    }
    .navbar-toggle {
      margin-top: 17px;
    }
    .navbar .mainmenu .menu {
      text-align: left;
      margin: 0px 0 0px;
    }
    .navbar .mainmenu .menu li {
      display: block;
    }
    .navbar .menu li.subscribebtn{
      margin-bottom: 25px;
    }
    .navbar .menu .sub-menu{
      position: relative;
      top: 0!important;
      width: 100%;
      padding: 5px;
      background: transparent;
    }
    .navbar .menu li:hover:after {
      display: none;
    }
    .navbar .menu .sub-menu li{
      background: rgb(255 255 255 / 11%);
      margin-top: 10px;
    }
    .navbar-fixed-top .navbar-collapse{
      max-height: calc(100vh - 109px);
    }
    .uppderbar ul{
      text-align: center;
    }
  /*end*/

  /*Banner section*/
    .tp_post{    
      margin-top: 30px;
      height: auto;
      max-height: unset;
    }
  /*end*/
  
  /*Single Post Page*/
    .singlepost .postmetadata h1{
      font-size: 20px;
      border-bottom: 1px solid #dcdcdc;
      padding-bottom: 8px;
      margin-bottom: 8px;
    }
    .singlepost .postmetadata p{
      font-size: 12px;
    }
    .singlepost .postmetadata p .author {
      border: none;
      padding: 0;
      margin: 0;
    }
    .singlepost .postmetadata p .postdate {
      float: right;
    }
    .singlepost .postcontent h1,
    .singlepost .postcontent h2,
    .singlepost .postcontent h3,
    .singlepost .postcontent h4,
    .singlepost .postcontent h5,
    .singlepost .postcontent h6 {
      /*font-weight: 500;*/
    }
    .singlepost .postcontent h2{
      font-size: 21px;
    }
    .singlepost .postcontent h3{
      font-size: 18px;
    }
    .singlepost .postcontent h4{
      font-size: 16px;
    }
    .posttags span{
      margin-right: 1px;
    }
    .posttags ul li{
      font-size: 12px;
      padding: 6px 10px 6px;
    }
    .singlepost .sharepost {
      position: relative;
      left: unset;
      height: auto;
      top: unset;
      bottom: unset;
      text-align: center;
    }
    .singlepost .sharepost .share_buttons p{
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      border: none;
    }
    .singlepost .sharepost .share_buttons li{
      display: inline-block;
      margin: 5px 3px 5px;
    }
    .singlepost {
      padding-left: 15px;
    }
    .relatedpost {
      padding-left: 0px;
    }
    .relatedpost .extradiv{
      padding-left: 15px;
    }
    .singlepostciont .col-xs-12.col-md-3.col-sm-3 .extradiv{
      padding-left: 15px;
      padding-right: 15px;
    }
    .newmagazins{
      margin-top: 50px;
    }
  /*end*/
}


@media (min-width: 1300px){
  .container {
      /*width: 1432px;*/
      max-width: 100%;
  }
}
@media (min-width: 992px){
  .container {
    /*width: calc(100% - 80px);*/
  }
}
@media (min-width: 768px){
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px; 
  }
}