/*.bn-label{line-height: 1.2 !important;}*/
a{cursor: pointer;}
.footer1 a{color: white;}

.smob{float: right !important;line-height: 2.5;}
.dropdown {
  display: inline-block;
  position: relative;
}


.alfa{margin: 25px;}
.alfa a{background-color: #2371a0;padding: 12px;margin: 2px;color: white;}
.mn a:hover,.mn a:focus{color: white;}
.mob-drop{display: contents;}

.dd-button {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 4px 31px 4px 12px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}
  .item1{margin: auto;display: table;text-align: -webkit-center;width: -webkit-fill-available;border-radius: 20px;box-shadow: 0 0 16px 0 rgb(215,215,215);}
.item1:hover{cursor: pointer;}
.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.dd-button:hover {
  background-color: #eeeeee;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;z-index: 999;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
.mbutton{padding: 0px;
    margin: 7px 0px;
    /* display: table; */
    background: #c19145;
    color: white;
    font-size: 12px;
    border: none;}





















@-webkit-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
  transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}
@-moz-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
  transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}
@-ms-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
  transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}
@keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
  transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
 }
  
.city_department_wrap{
  animation: 5s linear 0s normal none infinite running shafaqat;
  background: rgba(0, 0, 0, 0) url("../images/outline-bng.jpg") repeat scroll 0 0;
  background-size:contain;
  transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}
.city_department_wrap.overlay:before{
  opacity:0.9;background-color:black;
}
.city_department_wrap .section_heading{
  margin-left: 15px;
}

.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #1649a2;
  border-radius: 25px;
  text-align: center;
  border: 2px solid #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: #fff;
}
.m-backtotop.active {
  bottom: 15px;
  opacity: 1;
}
.m-backtotop > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.m-backtotop > div.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
.m-backtotop > div.text {
  font-size: 5px;
  font-size: 0.5rem;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0;
  margin-top: 1px;
}
.m-backtotop:hover {
  transform: scale(1.1);
  bottom: 20px;
  cursor: pointer;
  background: black;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}
.m-backtotop:hover > div.arrow {
  transform: translateY(-150%) translateX(-50%);
  opacity: 0;
}
.m-backtotop:hover > div.text {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
/*------------------------------------------ Footer -------------------------------------*/

.foot
{

}

.read_btn
{
   display : none !important;
}

#read
{

}



.mn-corona{display:inline;background:#5f69a0;line-height:2.2;padding:10px;}
.mn-corona a,.mn-corona a:focus{color:white;font-weight:bold;}



.footer1 
{
    border: 0px solid black;
    margin-top: 30px;
    background-image: linear-gradient(to right, #235fcd,#1c4ca3);
}

#footer1_row
{
  padding-right: 30px;
  height: 172px;
  border: 0px solid red;
  padding-top: 20px;
  padding-left: 30px;
}
.foot h3{text-align:center;color:white;margin:0 auto;display:table;margin-bottom:20px;background:#1649a2;width:245px;line-height:2;border-bottom-left-radius:20px;border-top-right-radius:20px;}


#footer1_col2
{ 
  float:left;

}
.lb{ border-right: 1px solid #7089b5;}
#footer1_col3
{ 


  color: white;
}

#footer1_col4
{
  border: 0px solid blue;
  height: 150px;
  color: white;
}


.disclaimer
{
  text-align: left;

  color: white;
}

.sicon{font-size:20px;cursor:pointer;display: inline-block;}

.fa-search{padding: 0px !important;line-height: 1.5 !important;font-size: 20px !important;}

#footer1_col2>ul
{
   list-style: none;
   font-size: 14px;
   color: white;
   padding:0px;
}

#footer1_col3>ul
{
   list-style: none;
   font-size: 14px; padding:0px;
}

#footer1_col4>ul
{
   list-style: none;
   font-size: 13px; padding:0px;
}

.fullwidth{width:100% !Important;display:flex !important;}

.form-control{width:100% !Important;}


.myModal18 .modal-body{padding:0px !Important;}
/*---------------------------------- Footer2----------------------------------*/
.footer2
{
  text-align: center;
  font-size: 13px;
  border: 0px solid green;
  background-image: linear-gradient(to right, #235fcd,#1c4ca3);
  color: white;
  padding: 5px;
}


/*---------------------------------- Footer3----------------------------------*/

.footer3 img{width:28px;}
.footer3
{
  text-align: center;
  font-size: 15px;
  border: 0px solid blue;
  background-image: linear-gradient(to right, #1a4492,#1c4ca3);
  color: white;
  padding: 5px;
}
.disclaimer p{color:white;}

/*--------------------------------- Footer4 Icons ---------------------------*/

.footer4
{
   background-image: linear-gradient(to right, #235fcd,#1c4ca3);
    padding: 5px;
    text-align: center;
}

.footer1_accord
{
  display: none;
}

.footer4_divider 
{
    border-left: 1px solid #1e3a4a;
    height: 35px;
    position: absolute;
    margin-left: 5px;
    margin-right: 5px;
    cursor: none;
    flex-grow: 1;
}

.footer_image
{
    vertical-align: middle;
    width: 101px;
    height: 36px;
    border: 1px solid #888585;
    padding: 4px;
}






.sr{float: left;padding: 5px;list-style: none;}
<!--[if IE]>.tc {
    display: none !important;
}

<![endif]-->@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .tc {
        display: none !important;
    }
}
.sitemap ul li{display: inherit !important;text-align: left;}

.sitemap ul li:after{background: white !important;}

.modal-header .close {
    margin-top: 11px;
color: #fffefe;}

.moretext {
  display: none;
}

.close {
color: #fff;}

.fa-arrow-circle-o-down{color:black !important;    font-size: 20px !important;}
.fa-arrow-circle-o-up{color:black !important;    font-size: 20px !important;}

.ellipsis {
  color: #14281D;
}

.more, .less {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 0 5px;
}






.close {
	line-height: 0;
    opacity: 1;
}

    .fa-arrow-left{font-size: 23px !important;color:#11378c !important;}
.fa-home{font-size: 25px !important;
    position: relative;
    float: right !important;}


h2,strong{text-align: center;}
.ipage ul li{list-style: decimal;margin: 10px 0px;text-align: justify;margin-left: -25px;}


.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.glyphicon-chevron-down {
    float: right;
}

.tabs-left>li {
    float: none;
    margin: 2px;
}
.nopad{padding:0px;
margin:0px;}

@media (max-width: 1000px){
.nav-tabs>li>a {
    padding: 6px 2px !important;
}
}




.larr{
	
     font: normal normal normal 14px/1 FontAwesome;
    width: 38px;
    height: 38px;
    display: block;
    position: relative;
    margin-top: 50%;
}

 .rarr{
    width: 38px;
    height: 38px;float: right;
    display: block;
    position: relative;
    margin-top: 50%;
}

.nri-btn {
    width: auto;
    background: #00BCD4;
    color: white;
    padding: 5px 12px;
    border: none;
    margin-bottom: 20px !important;
    margin: 0 auto;
    display: table;
}


.fixed td {
border: 0px solid #b7b5b5 !important;
    padding: 6px;
    background: #c5c5c5;
}
.lu {
    margin-top: 15px;
}

#passes p {
    display: inline-block;
    background: #428bca;
    float: left;
    margin: 5px;
    color: white !important;
    padding: 3px 8px;
}

#passes p a {
    color: white !important;
}

.tabs-left>li>a::after {
    border-top: 0px solid #1871bd !important;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    background: #f90;
    border: none;
    border-radius: 0px;
    margin: 0px;
}

.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}

.tabs-left>li.active>a::after {
    content: "";
    position: absolute;
    top: 20px;
    right: -10px;
    left: 96%;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0f6fc3;
    display: block;
    width: 0;
    transform: rotate(134deg) !important;
}

#blog {
    background: #f4f4f4;
}

.post {
    padding: 1px 12px 10px 10px;
    background: white;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0) inset;
    margin-bottom: 18px;
}

#sidebar li {
    list-style: none;
    padding: 8px 8px 0px 10px;
    font-size: 16px;
    margin-bottom: 2px;
}

.content {
    background: white;
    padding: 20px;
}

.commentlist .meta {
    color: #7f7f7f;
    font-size: 11px;
    line-height: 18px;
    margin: 0 0 4px;
}

.blog-post .commentlist li {
    padding: 22px 0;
}

.blog-post .commentlist li:first-child {
    padding-top: 10px;
}

.post .entry-content {
    margin: 0 0 25px;
}

.post .entry-meta {
    color: #7f7f7f;
    font-size: 12px;
    line-height: 1.3;
}

.post .entry-meta .separator {
    margin: 0 10px;
}

.blog-post .commentlist li .meta {
    margin: 0 0 10px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    width: fit-content;
    margin-top: 18px;
}

.comments-form {
    margin: 0 auto;
    display: table;
    width: 50%;
}

.comments-form input {
    margin-bottom: 15px;
}

.comments-form label {
    font-weight: normal;
    color: #504e4e;
}

.blog-post .commentlist {
    margin: 0 0 54px;
    padding: 0;
}

.comments-details {
    padding-bottom: 23px;
    font-size: 28px;
    padding-left: 11%;
}

.comments-details2 {
    padding-bottom: 23px;
    font-size: 28px;
    text-align: center;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0 0 33px;
}

.slim {
    font-weight: normal;
}

.commentlist li .avatar {
    border-radius: 42px;
    background: #e9eff5;
    float: left;
    height: 84px;
    margin: 0 25px 0 0;
    width: 84px;
}

#sidebar .title {
    background: white;
    border: 1px solid #aba9a9;
    padding: 8px;
    color: #656363;
}

.read-more {
    background: #b3dcff;
    padding: 6px;
}

.comments {
    background: #b2ecb3f5;
    padding: 6px;
}

#blog .chead h1 {
    padding-left: 33%;
    text-align: left !important;
}

#sidebar li:before {
    content: "";
    display: block;
    background: url('../images/blog_list_icons_light_2.jpg') no-repeat;
    width: 27px;
    height: 27px;
    float: left;
    margin: 0 6px 0 0;
}

.entry-title {
    font-size: 28px;
    background: #dbe3ea85;
    padding: 12px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#blog .title {
    padding-left: 30%;
    text-transform: capitalize;
}

.guide img {
    box-shadow: 1px 1px 1px 1px grey;
}

.guide a {
    display: table;
    margin-bottom: 18px;
    background: #098ce8;
    color: white;
    padding: 5px 13px;
    float: left;
    margin-right: 10px;
}

.fa .fa-hand-o-right {
    color: black !important;
    font-size: 20px;
}

@font-face {
    font-family: nirmala;
    src: url(../fonts/Nirmala.ttf);
}

@import url('https://fonts.googleapis.com/css?family=Work+Sans');
@import url("https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans:400,600,700,800|Ubuntu:400,500,700");
* {
    /*margin: 0;*/
    /*padding: 0;*/
    /*outline: 0;*/
}

.modal-body {
    padding: 30px;
}



.modal-header {
    background:linear-gradient(to right, #2271a0 0%, #7c49ab 100%, #7bd9e8 100%) repeat scroll 0 0;
}

html {
    overflow-x: hidden;
}

body {
    position: relative;
    margin: 0;

}

img {
    vertical-align: middle;
}

a,
a:hover {
    text-decoration: none
}

ul,
ol {
    margin-bottom: 0;
}

h1.h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0;
    color: black;

}

#accordion p{width:auto !important;}

/*===================== 
header-part start 
====================  */

#header-top {
    height: auto;
    background: #bac662;
}

#header-top .wel {
    color: #ffffff;
    line-height: 50px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 500;
}


/*===================== 
header-part end 
====================  */


/*===================== 
navbar-part start
====================  */

.nav-center {
    margin: 0 auto;
    display: table;
}

.navbar {
    padding: 0;
}


.navbar ul li {
    display: block;

    /*transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;*/
    float: left;
}

.navbar ul li:hover {
    background: #0f2f441f;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar ul li a.active,
.navbar ul li:hover a {
    color: #000;
}

.navbar ul li a {
    color: #000000;
  /*  transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.navbar button:focus {
    outline: 0;
}

.navbar button i {
    color: #0f2f44;
}

.navbar .dropdown .dropdown-item {
    color: #000000;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 2.5rem;
}

.navbar .dropdown a:hover {
    color: #000;
    background: transparent;
}

.navbar .icon {
    margin-top: 5px;
    margin-left: auto;
}

.navbar .icon li {
    display: inline-block;
    padding: 0;
    width: 35px;
    height: 35px;
    border: 1px solid #dedede;
    box-shadow: 1px 1px 1px 1px #afafae;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align-last: center;
}

.navbar-nav .open a:hover,.navbar-nav .open a{color:black !important;}

.navbar .icon li:hover {
    background: none;
}

.navbar .icon li:hover {
    cursor: pointer;
}

.navbar .icon li i {
    color: #292929;
    font-size: 16px;
    line-height: 33px;
}

.navbar .searh {
    cursor: pointer;
    transition: all linear .5s;
}

.navbar .icon li.searh:hover {
    background: #0f2f44;
}

.navbar .searh:hover i {
    color: #ffc712
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #0f2f44;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.navbar .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #ffc712;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 16px;
    display: block;
    margin-top: 15px;
}

.navbar .sidenav a:hover {
    color: #ffc712;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

.nav-bg {
    width: 100%;
    background: #ffffff;
    top: 0;
    left: 0;
    z-index: 999;
    border-bottom: 1px solid #d6d6d6;
}


/*===================== 
navbar-part end 
====================  */


/*===================== 
search-part start 
====================  */

.srch-box {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    display: none;
    z-index: 333;
}

.srch-box input {
    width: 50%;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 25px;
    padding: 15px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.srch-box button {
    border: 0;
    color: #000000;
    position: absolute;
    top: 50%;
    left: 72%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    background: transparent;
    font-size: 20px;
}

.srch-box .closebtn {
    color: #ffffff;
    font-size: 75px;
    font-weight: 900;
    position: absolute;
    top: 20px;
    right: 50px;
    cursor: pointer;
}


/*===================== 
search-part end 
====================  */


/*===================== 
banner-part start 
====================  */

#banner-part {
    background: url(../images/jatan.jpg) no-repeat center;
    background-size: cover;
    line-height: 45px;
    height: 312px;
}

#banner-part {}

#banner-part .banner-text1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 50px;
    font-weight: 300;
    color: #0f2f44;
}

#banner-part .banner-text2 {
    font-family: 'Abril Fatface', cursive;
    font-size: 80px;
    text-transform: uppercase;
    color: #0f2f44;
    margin-top: 13px;
    margin-bottom: 16px;
}

#banner-part .banner-text3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 32px;
    font-weight: 300;
    color: #aab0d8;
    letter-spacing: 14px;
    margin-bottom: 10px;
}

#banner-part .banner-details {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 470px;
    line-height: 25px;
}

#banner-part .explor {
    padding: 2px 19px;
    background: #8484bf;
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #8484bf;
    border-radius: 5px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    display: inline-block;
    margin-top: 32px;
    margin-right: 20px;
}

#banner-part .explor:hover {
    background: #ffffff;
    color: #8484bf;
    border: 1px solid #8484bf;
    ;
    text-decoration: none;
}

#banner-part a .vdo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    color: #8484bf;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    margin-top: 32px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#banner-part a .vdo:hover {
    background: #8484bf;
    color: #ffffff;
}


/*===================== 
banner-part end 
====================  */


/*===================== 
about-part start 
====================  */

#about-part {
    padding: 1px 5px;
}

#about-part .who {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #0f2f44;
}

#about-part .about {
    font-family: sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #0f2f44;
    margin-bottom: 32px;
    margin-top: -8px;
}

#about-part .about-details {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #0f2f44;
    margin-bottom: 32px;
    margin-bottom: 21px;
}

#about-part ul {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #0f2f44;
    height: 224px;
    width: auto;
    padding: inherit;
}

#about-part ul li {
    padding: 6px 5px;
    line-height: 1.3;
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid #dedede;
    background: #dae5ef52;
    margin-bottom: 5px;
}

#about-part ul li:hover {
    background: #85c2f7;
}

background: #85c2f7;
#about-part .about-btn {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff !important;
    background: url('../images/footer-bottom-bg.jpg');
    text-transform: capitalize;
    padding: 8px 20px;
    margin-right: 20px;
    border-radius: 5px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    display: inline-block;
    margin-top: 7px;
    -webkit-box-shadow: 4px 10px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
}

.panel-default>.panel-heading {
    background: #f3f7fa;
}

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

.panel-default>.panel-heading:hover {
    background: #85c2f7;
}


/*===================== 
about-part end
====================  */


/*===================== 
skill-part starts
====================  */

#skill-part {
    background: url(../images/skill-background.png) no-repeat center;
    background-size: cover;
    text-align: right;
    margin-top: 94px;
}

#skill-part .what {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0f2f44;
}

#skill-part .skill {
    font-family: 'Abril Fatface', cursive;
    font-size: 32px;
    color: #0f2f44;
    text-transform: capitalize;
}

#skill-part .skill-details {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #0f2f44;
}

#skill-part .bar {
    margin-right: 90px;
    margin-top: 56px;
}

#skill-part .bar-r {
    position: relative;
    margin-bottom: 55px;
    width: 387px;
    right: -76px;
}

#skill-part .bar h2 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

#skill-part .round {
    width: 70px;
    height: 70px;
    background: #ffffff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    border-radius: 50%;
    text-align: center;
    line-height: 66px;
    position: absolute;
    top: -18px;
    right: -90px;
}


/*===================== 
skill-part end
====================  */


/*===================== 
service-part start
====================  */

#service-part {
    padding-top: 0px;
}

.ser-part .slick-list {
    height: 192px !important;
}

.ser {
    position: relative;
    padding-right: 15px;
    border-left: 1px solid #a7a5a5;
    border-top: 1px solid #a7a5a5;
}

#service-part .svr {
    margin-top: 30px;
}

#service-part .service-item {
    display: inline-block;
    display: table;
    margin: 0 auto;
}

.service-item .icon {
    font-size: 60px;
    background: #fff;
    padding: 42px 20px;
    line-height: 3;
    text-align: center;
}

.service-item .icon2 {
    padding: 0px 20px;
}

.service-item .icon3 img {
    margin-top: -21px;
}

.service-item .icon-details {
    background: #fff;
    padding-left: 15px;
}

.service-item .icon-details2 {
    padding-top: 22px;
}

.service-item .icon-details .ui {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding-bottom: 5px;
}

.service-item .icon-details .ui2 {
    padding-bottom: 12px;
}

.service-item .icon-details .ui-details {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #444444;
}

.service-overlay {
    background: #0f2f44;
    color: #fff !important;
    height: 100%;
    width: 0%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 15px;
    opacity: 0;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.service-overlay .overlay-icon {
    font-size: 60px;
    padding-left: 42%;
}

.service-overlay .overlay-icon2 {
    padding-left: 0;
}

#service-part .slick-list {
    height: 655px;
}

.service-overlay .overlay-icon-details {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.ser:hover .service-overlay {
    opacity: 1;
    width: 96%;
}

#service-part .pv {
    font-size: 0;
    display: none !important;
}

#service-part .nx {
    font-size: 16px;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: -19px;
    left: 50%;
    color: #000;
    transform: translateX(-50%);
    -webkit-box-shadow: 4px 8px 30px 0px #a2a0a0;
    -moz-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    z-index: 1;
}

#service-part .slick-slide {
    height: 274px;
}

#service-part .nx:hover {
    background: #ffc712;
    color: #000000;
    -webkit-box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
}

#service-part .interior {
    display: flex;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #222222;
}

#service-part .interior li img {
    margin-right: 15px;
}

#service-part .interior li:first-child i {
    font-size: 60px;
    margin-right: 20px;
}

#service-part .interior li:last-child i {
    font-size: 18px;
    color: #ffc712;
}

#service-part .right-details .right-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 30px;
}

#service-part .p-l {
    padding-left: 30px;
}

#service-part .rate {
    display: inline-block;
}

#service-part .rate span {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #444444;
    margin-right: 16px;
}

#service-part .rate i {
    color: #dddddd;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#service-part .rate i:hover {
    color: #fcc712;
    cursor: pointer;
}

.rate {
    height: 46px;
    padding: 0 10px;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
    margin-top: 15px;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: #fcc512;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #fcc512;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #fcc512;
}


/*===================== 
service-part end
====================  */


/*===================== 
profolio-part start
====================  */

#protfolio-part {
    margin-top: 95px;
}

#protfolio-part .m-b {
    margin-bottom: 48px;
}

.section-title .title-one p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0f2f44;
}

.section-title .title-two p {
    font-family: inherit;
    font-size: 32px;
    color: #0f2f44;
}

.prot-part-img {
    position: relative;
    margin: 0 15px;
}

#protfolio-part .prot-img-details {
    background: #ffffff;
    padding: 15px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}


/* #protfolio-part .prot-part-img:hover {
    filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .1));
} */

#protfolio-part .prot-img-details p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20;
    font-weight: 500;
    color: #0f2f44;
}

#protfolio-part .slick-slide {
    margin: 0 15px;
}

#protfolio-part .slick-list {
    height: 460px;
}

#protfolio-part .prot-part-img:hover .prot-img-details {
    opacity: 1;
    -webkit-box-shadow: -5px 10px 65px -7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -5px 10px 65px -7px rgba(0, 0, 0, 0.1);
    box-shadow: -5px 10px 65px -7px rgba(0, 0, 0, 0.1);
}

#protfolio-part .prv {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 41%;
    left: calc(50% - 160px);
    transform: translate(-50%, -50%);
    z-index: 12;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: -6px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -6px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -6px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#protfolio-part .nxt {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 41%;
    right: calc(50% - 210px);
    transform: translate(-50%, -50%);
    z-index: 12;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#protfolio-part i:hover {
    background: #ffc712;
    -webkit-box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
}

#protfolio-part .browse {
    background: #ffffff;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 500;
    color: #0f2f44;
    padding: 10px 20px;
    display: inline-block;
    margin-top: -24px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
}

#protfolio-part .browse:hover {
    text-decoration: none;
    background: #fcc512;
    -webkit-box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
}

#protfolio-part .m-t {
    margin-top: 30px;
}


/*===================== 
testimonial-part start
====================  */

#testimonial-part {
    margin-top: 30px;
    background: #eae9e9ba;
    padding: 30px 0;
}

#testimonial-part .testi-item {
    display: flex;
    margin-top: 49px;
    position: relative;
}

#testimonial-part .test {
    padding-right: 15px;
}

#testimonial-part .testi-details {
    background: #e9e9e9;
    padding-top: 30px;
    padding-left: 13px;
    padding-right: 13px;
}

#testimonial-part .details {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0f2f44;
}

#testimonial-part .san {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #0f2f44;
    padding-top: 34px;
}

#testimonial-part .desi {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0f2f44;
}

#testimonial-part .pri {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
    position: absolute;
    left: -24px;
    top: calc(50% - -27px);
    ;
    transform: translateY(-50%);
    z-index: 19;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    cursor: pointer;
    -webkit-box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#testimonial-part .ne {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
    position: absolute;
    right: -12px;
    top: calc(50% - -27px);
    transform: translateY(-50%);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    cursor: pointer;
    -webkit-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#testimonial-part i:hover {
    background: #fcc512;
    -webkit-box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
}


/*===================== 
testimonial-part end
====================  */


/*===================== 
blog-part start
====================  */

#blog-part {
    margin-top: 0px;
}

.blog-part {
    margin-top: 100px !important;
}

#blog-part .blog-item {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
    margin-top: 67px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    margin: 0 15px;
    padding-bottom: 15px;
}

#blog-part .blog-item i:hover {
    background: none;
}

#blog-part .slick-slide img {
    width: 100%;
}

#blog-part .blog-item:hover {
    background: #0f2f44;
}

#blog-part .blog-img {
    padding-bottom: 26px;
}

#blog-part .blg {
    padding-right: 30px;
}

.blog-item .date {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #777777;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-part .blog-item:hover .date {
    color: #ffffff;
}

.blog-item .tips {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #222222;
    padding-top: 7px;
    padding-bottom: 14px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-part .blog-item:hover .tips {
    color: #ffffff;
}

#blog-part .blog-item:hover .details {
    color: #ffffff;
}

.blog-item a {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
    text-transform: capitalize;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-part .blog-item:hover a {
    color: #ffffff;
}

.blog-item a i {
    margin-left: 10px;
}

#blog-part .pr {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: calc(50% - 175px);
    transform: translate(-50%, -50%);
    z-index: 12;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#blog-part .m-b {
    margin-bottom: 56px
}

#blog-part .nt {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: calc(50% - 196px);
    transform: translate(-50%, -50%);
    z-index: 12;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#blog-part i:hover {
    background: #fcc512;
    -webkit-box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 6px 0px 5px 0px rgba(0, 0, 0, 0);
}

#blog-part .browse {
    background: #ffffff;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 500;
    color: #0f2f44;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 60px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
}

#blog-part .browse:hover {
    text-decoration: none;
    background: #fcc512;
    -webkit-box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 4px 8px 5px 0px rgba(0, 0, 0, 0);
}

#blog-part .m-t {
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
}

#blog-part .blog-list {
    display: flex;
    margin-bottom: 30px;
}

#blog-part .blog-list-img {
    padding-bottom: 0;
    margin-right: 30px;
}

#blog-part .details {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 27px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.mb-t {
    margin-top: 0 !important;
}

#blog-part .categori {
    margin-left: 30px;
}

#blog-part .categori h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

#blog-part .categori ul {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

#blog-part .categori ul li {
    margin-top: 25px;
    position: relative;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    cursor: pointer;
}

#blog-part .categori ul span {
    position: absolute;
    top: 0;
    right: 0;
}

#blog-part .categori ul li:hover {
    color: #0f2f44;
    margin-left: 30px;
}

#blog-part .categori ul li:hover span {
    color: #0f2f44;
}

#blog-part .popular {
    margin-top: 60px;
    margin-left: 30px;
}

#blog-part .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
    color: #0f2f44 !important;
}

#blog-part .nav-tabs {
    border: 0;
    margin-bottom: 30px;
}

#blog-part .nav-tabs .nav-link:focus,
.nav-tabs .nav-link {
    border: 0;
}

#blog-part .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0;
}

#blog-part .nav-tabs .nav-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #151515;
}

#blog-part .popular-item {
    display: flex;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
    margin-top: 30px;
}

#blog-part .popular-item2 {
    border-bottom: 0px solid #dddddd;
}

#blog-part .popular-item-text {
    margin-left: 30px;
}

#blog-part .popular-item-img {
    position: relative;
}

#blog-part .popular-item-text h3 a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #151515;
    display: inline-block;
}

#blog-part .popular-item-text span {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #a0a0a0;
    margin-top: 47px;
    display: inline-block;
    margin-right: 10px;
}

#blog-part .popular-item .overlay {
    background: rgba(15, 47, 68, .8);
    width: 0%;
    height: 93%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-part .popular-item:hover .overlay {
    opacity: 1;
    width: 100%;
}

#blog-part .popular-item .overlay a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#blog-part .popular-item .overlay i {
    margin-right: 5px;
    color: #0f2f44;
    font-size: 16px;
    line-height: 40px;
    padding-left: 5px;
}

#blog-part .popular-item .overlay i:hover {
    background: none;
    box-shadow: none;
}

#blog-part .tag {
    margin-left: 30px;
}

#blog-part .tag h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 30px;
}

#blog-part .tag a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 6px 11px;
    border: 1px solid #777777;
    color: #444444;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-part .tag a:hover {
    border: 1px solid #0f2f44;
    color: #0f2f44;
}


/*===================== 
blog-part end
====================  */


/*===================== 
blogdetails-part start
====================  */

#blog-details {
    margin-top: 100px;
}

#blog-details .blog-text h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #151515;
    margin-top: 30px;
}

#blog-details .blog-like {
    margin-top: 30px;
}

#blog-details .blog-like .lft-ul {
    float: left;
    display: flex;
}

#blog-details .lft-ul li:last-child {
    width: 155px;
}

#blog-details .lft-ul p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #777777;
    margin-left: 16px;
    line-height: 2;
}

#blog-details .blog-like .rgt-ul {
    float: right;
}

#blog-details .rgt-ul {
    margin-top: 13px;
}

#blog-details .rgt-ul span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    margin-right: 15px;
}

#blog-details .rgt-ul span i {
    margin-right: 5px;
}

#blog-details .blog-pera .p-t {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #222222;
    margin-top: 60px;
}

#blog-details .blog-pera .p-b {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #222222;
    margin-top: 30px;
}

#blog-details .blog-pera .p-f {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #444444;
    margin-top: 30px;
    background: #f1f1f1;
    font-style: italic;
    padding: 30px 23px;
    position: relative;
}

#blog-details .blog-pera .p-f:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #0f2f44;
    content: '';
}

#blog-details .blog-vdo {
    margin-top: 30px;
}

#blog-details p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #222222;
}

#blog-details .vdo-detail {
    margin: 33px 0;
}

#blog-details .vdo {
    position: relative;
}

#blog-details .vdo-overlay {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-details .vdo-overlay a {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #0f2f44;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-details .vdo-overlay a:hover {
    background: #ffffff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
}

#blog-details .vdo-overlay a:hover i {
    color: #0f2f44;
}

#blog-details .vdo-overlay i {
    line-height: 70px;
    color: #ffffff;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-details .vdo:hover .vdo-overlay {
    opacity: 1;
}

#blog-details .tag h3 {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
}

#blog-details .share h3 {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
}

#blog-details .tag a {
    display: inline-block;
    padding: 6px 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #444444;
    border: 1px solid #dddddd;
    margin-right: 7px;
}

#blog-details .footer-icon {
    display: inline-block;
}

#blog-details .footer-icon li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    cursor: pointer;
}

#blog-details .footer-icon li a {
    color: #777777;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-details .footer-icon li i {
    line-height: 38px;
    font-size: 20px;
}

#blog-details .footer-icon li:hover {
    background: #0f2f44;
}

#blog-details .footer-icon li:hover a {
    color: #ffffff;
}

#blog-details .post-item {
    display: flex;
}

#blog-details .post-details {
    margin-left: 25px;
    margin-right: 15px
}

#blog-details .post-details2 {
    margin-right: 25px;
    margin-left: 15px;
}

#blog-details .post-details h3 a {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    display: inline-block;
}

#blog-details .post-details ul {
    display: flex;
    margin-top: 32px;
    margin-bottom: 32px;
}

#blog-details .post-details ul li:last-child {
    width: 160px;
}

#blog-details .post-details ul li p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #777777;
    line-height: 2;
    margin-left: 16px;
}

#blog-details .post-details ul li .post3 {
    margin-right: 12px;
}

#blog-details .post {
    margin-top: 60px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 60px 0;
}

#blog-details .prre {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #777777;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    position: absolute;
    bottom: 7px;
    left: 26%;
    z-index: 1;
}

#blog-details .prre i {
    margin: 0 10px;
}

#blog-details .nxxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #777777;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    position: absolute;
    bottom: 0px;
    right: 26%;
}

#blog-details .nxxt i {
    margin: 0 10px;
}

#blog-details .prre:hover {
    color: #0f2f44;
}

#blog-details .nxxt:hover {
    color: #0f2f44;
}

#blog-details .post-details p i {
    margin-right: 10px;
}

#blog-details .post-details p .rgt {
    margin-left: 10px;
}

#blog-details .categori {
    margin-top: 26px;
    margin-left: 30px;
}

#blog-details .categori h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

#blog-details .categori ul {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

#blog-details .categori ul li {
    margin-top: 25px;
    position: relative;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    cursor: pointer;
}

#blog-details .categori ul span {
    position: absolute;
    top: 0;
    right: 0;
}

#blog-details .categori ul li:hover {
    color: #0f2f44;
    margin-left: 30px;
}

#blog-details .categori ul li:hover span {
    color: #0f2f44;
}

#blog-details .popular {
    margin-top: 60px;
    margin-left: 30px;
}

#blog-details .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
    color: #0f2f44 !important;
}

#blog-details .nav-tabs {
    border: 0;
    margin-bottom: 30px;
}

#blog-details .nav-tabs .nav-link:focus,
.nav-tabs .nav-link {
    border: 0;
}

#blog-details .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0;
}

#blog-details .nav-tabs .nav-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #151515;
}

#blog-details .popular-item {
    display: flex;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
    margin-top: 30px;
}

#blog-details .popular-item2 {
    border-bottom: 0px solid #dddddd;
}

#blog-details .popular-item-text {
    margin-left: 30px;
}

#blog-details .popular-item-img {
    position: relative;
}

#blog-details .popular-item-text h3 a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #151515;
    display: inline-block;
}

#blog-details .popular-item-text span {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #a0a0a0;
    margin-top: 47px;
    display: inline-block;
    margin-right: 10px;
}

#blog-details .popular-item .overlay {
    background: rgba(15, 47, 68, .8);
    width: 0%;
    height: 93%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#blog-details .popular-item:hover .overlay {
    opacity: 1;
    width: 100%;
}

#blog-details .popular-item .overlay a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#blog-details .popular-item .overlay i {
    margin-right: 5px;
    color: #0f2f44;
    font-size: 16px;
    line-height: 40px;
    padding-left: 5px;
}

#blog-details .popular-item .overlay i:hover {
    background: none;
    box-shadow: none;
}

#blog-details .categori2 {
    margin-top: 0;
}

#blog-details .popular-item-text .m-r {
    margin-right: 5px;
}


/*===================== 
blogdetails-part end
====================  */


/*===================== 
aboutus-banner-part start
====================  */

#aboutus-banner {
    background: #e0eeff;
    padding: 38px 0;
}

#aboutus-banner h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #0f2f44;
}

#aboutus-banner p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #444444;
}

#aboutus-banner i {
    margin-right: 5px;
}


/*===================== 
aboutus-banner-part end
====================  */


/*===================== 
pricing-part start
====================  */

#pricing-part {
    margin-top: 100px;
}

.pricing-offer {
    margin-top: 68px;
    background: #f1f1f1;
    padding-bottom: 30px;
    border-radius: 5px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.pricing-offer img {
    margin-top: 32px;
}

.pricing-offer h4 {
    background: #0f2f44;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    text-transform: capitalize;
    padding: 15px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.pricing-offer i {
    font-size: 80px;
    margin-top: 30px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.pricing-offer p {
    font-family: 'Abril Fatface', cursive;
    font-size: 20px;
    color: #0f2f44;
    margin-top: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.pricing-offer p span {
    font-size: 32px;
}

.pricing-offer ul {
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #444444;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.pricing-offer ul li {
    margin-bottom: 16px;
}

.pricing-offer a {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0f2f44;
    padding: 8px 20px;
    border: 1px solid #0f2f44;
    border-radius: 5px;
    display: inline-block;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    margin-top: 15px;
}

.pricing-offer:hover {
    background: #0f2f44;
}

.pricing-offer:hover h4 {
    background: #ffc712;
    color: #0f2f44;
}

.pricing-offer:hover i {
    color: #ffc712;
}

.pricing-offer:hover p {
    color: #ffc712;
    border-bottom: 1px solid #123851;
}

.pricing-offer:hover ul {
    color: #ffffff;
}

.pricing-offer:hover a {
    background: #ffc712;
    color: #0f2f44;
    border: 1px solid #ffc712;
    text-decoration: none;
}


/*===================== 
pricing-part end
====================  */


/*===================== 
ourservice-part start
====================  */

.srvc-part {
    background: none !important;
    padding-top: 0 !important;
}

.srvc-part2 .slick-list {
    height: 360px !important;
}


/*===================== 
ourservice-part end
====================  */


/*===================== 
counter-part start
====================  */

#counter-part {
    background: #0f2f44;
    padding: 44px 0;
}

#counter-part span {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: 300;
    color: #ffffff;
}

#counter-part .counter {
    font-family: 'Abril Fatface', cursive;
    font-size: 42px;
}


/*===================== 
counter-part end
====================  */


/*===================== 
team-part start
====================  */

#team-part {
    margin-top: 100px;
}

#team-part .slick-slide {
    width: 350px !important;
    margin: 0 15px;
}

#team-part .member-img img {
    width: 100%;
}

#team-part .member {
    margin-top: 60px;
    position: relative;
    width: 92%;
}

#team-part .member-details {
    background: #ffc712;
    padding-top: 16px;
    padding-bottom: 20px;
    position: relative;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.member-details h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #222222;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.member-details p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    padding-top: 3px;
    padding-bottom: 7px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.member-details ul {
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.member-details ul li {
    display: inline-block;
    margin-right: 20px;
}

.member-details ul li:last-child {
    margin-right: 0;
}

.member-details ul li a {
    color: #ffffff;
    font-size: 14px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#team-part .member:hover .member-details {
    padding-bottom: 40px;
    background: #0f2f44
}

.member-details ul li a:hover {
    color: #ffc712;
}

#team-part .member:hover h3 {
    color: #ffffff;
}

#team-part .member:hover p {
    color: #ffffff;
}

#team-part .member:hover ul {
    opacity: 1;
    visibility: visible;
}

#team-part .prv {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: calc(50% - 174px);
    transform: translate(-50%, -50%);
    z-index: 12;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#team-part .nxt {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: calc(50% - 198px);
    transform: translate(-50%, -50%);
    z-index: 12;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

#team-part .prv:hover,
#team-part .nxt:hover {
    background: #fcc512;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    color: #0f2f44;
}

#team-part .browse {
    background: #ffffff;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 500;
    color: #0f2f44;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 60px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 8px 30px 0px rgba(0, 0, 0, 0.1);
}

#team-part .browse:hover {
    text-decoration: none;
    background: #fcc512;
}


/*===================== 
team-part end
====================  */


/*===================== 
comment-part start
====================  */

#comment-part {
    margin-top: 84px;
}

.cmnt-part {
    margin-top: -84px !important;
}

#comment-part .coment-title {
    border-bottom: 1px solid #eeeeee;
}

#comment-part .coment-title h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    padding-bottom: 11px;
}

#comment-part h3.leave2 {
    font-size: 0px;
}

#comment-part .media {
    margin-top: 30px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
}

#comment-part .media-body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #444444;
}

#comment-part .media-body h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #151515;
}

#comment-part .media-body span {
    display: block;
    margin-top: 13px;
    color: #999999;
    text-transform: capitalize;
    cursor: pointer;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#comment-part .media-body span:hover {
    color: #0f2f44;
}

#comment-part .b-n {
    border-bottom: 0;
    margin-top: 30px !important;
}

#comment-part input {
    width: 100%;
    border: 1px solid #dddddd;
    height: 35px;
    padding-left: 10px;
}

#comment-part input::placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-style: italic;
    color: #a9a9a9;
}

#comment-part textarea {
    width: 100%;
    resize: none;
    height: 118px;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 10px;
    border: 1px solid #dddddd;
}

#comment-part textarea::placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-style: italic;
    color: #a9a9a9;
}

#comment-part .m-t {
    margin-top: 30px;
}

#comment-part button {
    width: 100%;
    background: #0f2f44;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    padding: 10px 0;
    margin-top: 10px;
    cursor: pointer;
}


/*===================== 
comment-part end
====================  */


/*===================== 
pagination-part start
====================  */

#pagination-part {
    margin-top: 60px;
    position: relative;
}

.pagination-part {
    margin-top: 0 !important
}

#pagination-part .bar {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#pagination-part .bar i {
    line-height: 40px;
    color: #999999;
    font-size: 16px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#pagination-part .bar.active,
#pagination-part .bar:hover {
    background: #0f2f44;
}

#pagination-part .bar.active i,
#pagination-part .bar:hover i {
    color: #ffc712;
}

#pagination-part nav {
    float: right;
}

#pagination-part .page-link {
    border: 0;
    color: #999999;
    font-size: 16px;
    text-transform: capitalize;
}

#pagination-part .active {
    color: #0f2f44;
}

#pagination-part .page-itemr {
    margin-right: 20px;
}

#pagination-part .page-itemr a.page-link {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    color: #999999;
    font-size: 20px;
    text-align: center;
    line-height: 21px;
    border: 1px solid #dfdfdf;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    padding-left: 15px
}

#pagination-part .page-itemr a.page-link:hover {
    background: #0f2f44;
    color: #fcc512;
}

#pagination-part .srch {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    color: #999999;
    font-size: 20px;
    line-height: 38px;
    display: inline-block;
    font-size: 18px;
    border: 1px solid #dfdfdf;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    padding-left: 11px;
    cursor: pointer;
}

#pagination-part .srch input {
    position: absolute;
    top: 0;
    left: -65px;
    width: 100%;
    display: none;
    padding-left: 10px;
    border: 1px solid #0c2639;
    border-radius: 5px;
    padding-bottom: 4px;
}

#pagination-part input::placeholder {
    font-family: 'Open Sans', sans-serif;
    color: #a9a9a9;
    font-size: 13px;
}

#pagination-part .srch:hover {
    background: #0f2f44;
    color: #fcc512;
}

.page-link:hover {
    background: none;
}

#pagination-part .f-l {
    float: left;
}


/*===================== 
pagination-part end
====================  */


/*===================== 
error-part start
====================  */

#error-part {
    background: #0f2f44;
    padding-bottom: 85px;
}

#error-part h2 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 300px;
    font-weight: 600;
    color: #15364b;
    text-shadow: 1px 0px 60px #0c2639;
}

#error-part h6 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 50px;
    font-weight: 600;
    color: #1a415a;
}

#error-part p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #1a415a;
}

#error-part a {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1a415a;
    background: #0f2f44;
    padding: 15px 20px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    margin-top: 35px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#error-part a:hover {
    -webkit-box-shadow: 0px 0px 43px 0px rgba(13, 42, 62, 1);
    -moz-box-shadow: 0px 0px 43px 0px rgba(13, 42, 62, 1);
    box-shadow: 0px 0px 43px 0px rgba(13, 42, 62, 1);
}

.error-footer {
    margin-top: 0 !important;
}


/*===================== 
error-part end
====================  */


/*===================== 
footer-part start
====================  */

#footer-part {
    margin-top: 30px;
    background: #2b2b2b0a;
    box-shadow: 1px 0 0 0 rgba(0, 0, 0, .5);
    padding-top: 80px;
    padding-bottom: 60px;
    position: relative;
    -webkit-box-shadow: 0px -4px 39px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -4px 39px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -6px 35px 5px rgba(0, 0, 0, 0.1);
    border-top: 1px solid gainsboro;
}

#footer-part .back-to-top {
    width: 70px;
    height: 70px;
    background: #a7cf38;
    color: #ffffff;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
}

#footer-part .ftr-details {
    padding: 30px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

#footer-part .footer-icon li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #0f2f44;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    cursor: pointer;
}

#footer-part .footer-icon li a {
    color: #0f2f44;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#footer-part .footer-icon li i {
    line-height: 37px;
    font-size: 20px;
}

#footer-part .footer-icon li:hover {
    background: #0f2f44;
}

#footer-part .footer-icon li:hover a {
    color: #ffffff;
}

#footer-part .contact {
    display: flex;
    margin-top: 30px;
}

#footer-part .contact li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300px;
    color: #777777;
}

#footer-part .contact .no {
    padding-right: 100px;
}

#footer-part h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

#footer-part .contact li:first-child {
    margin-top: 7px;
    color: #777777;
}

#footer-part .contact i {
    margin-right: 20px;
    font-size: 24px;
}

#footer-part .link {
    margin-top: 27px;
}

#footer-part .link li {
    margin-bottom: 18px;
}

#footer-part .link li a {
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
}

#footer-part .link li a:hover {
    color: #0f2f44;
    margin-left: 20px;
    text-decoration: none;
}

#footer-part .footer-img {
    margin-top: 40px;
}

#footer-part .footer-img li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 13px;
}

.m-r {
    margin-right: 0;
}


/*===================== 
footer-part end
====================  */


/*===================== 
footerbottom-part start
====================  */

#footer-bottom {
    background: #dfe6e9;
    -webkit-box-shadow: inset 0px 40px 166px -88px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 40px 166px -88px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 40px 166px -88px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    bottom: 0px;
    position: relative;
    width: 100%;
}





#footer-bottom ul {
    width: 100%;
    text-align: center;
    padding: 0px;
}

#footer-bottom ul li {
    display: inline-block;
    position: relative;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

#footer-bottom ul li span {
    color: #000;
}

#footer-bottom ul li:after {
    position: absolute;
    background: #999999;
    width: 1px;
    height: 100%;
    content: '';
    top: 0;
    right: 0;
}

#footer-bottom ul li:last-child:after {
    position: absolute;
    background: #999999;
    width: 0;
    height: 100%;
    content: '';
    top: 0;
    right: 0;
}


/*===================== 
footerbottom-part end
====================  */

.img-fluid {
    max-width: 100% !important;
    height: auto;
}

.readme {
    color: #fff;
    margin: 0 auto;
    width: 80%;
}

.readme a {
    color: #00a486;
}


/*_________________  Accordion
________________________________________*/

.accordion {
    position: relative;
}

[id*="open-accordion"],
[id*="close-accordion"] {
    background: url('../images/footer-bottom-bg.jpg');
    border-bottom: 1px solid #fff;
    line-height: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 99%;
}

[id*="close-accordion"] {
    display: none;
}

.accordion a {
    color: #fff !important;
    font-size: 1.25em;
    font-weight: normal;
    padding-left: 2%;
    text-decoration: none;
    text-shadow: none;
}

[id*="open-accordion"]:after,
[id*="close-accordion"]:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(255, 255, 255, 0.6);
    position: absolute;
    right: 5px;
    top: 15px;
    z-index: 999;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;
}

.accordion-content {
    background: #fff;
    height: auto;
    margin: -1px auto 0;
    padding: 0 2.5%;
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}

.accordion span:target~.accordion-content {
    display: block;
    height: auto;
    padding-bottom: 25px;
    padding-top: 10px;
    background: #95b9f7;
}

.accordion span:target~[id*="close-accordion"] {
    display: block;
}

.accordion span:target~[id*="open-accordion"] {
    display: none;
}

.accordion span:target~[id*="close-accordion"]:after {
    border-top: 10px solid #fff;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.fa-arrow-left{font-size: 23px !important;color:#11378c !important;}

a,
a:focus {
    color: #000;
}

.ser:hover p {
    color: white !important;
}

.quilcklinks_outer h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: normal;
    margin: 12px 0 7px;
    padding: 0 0 7px;
    color: #000;
}

.quilcklinks_outer p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 18.3px;
    color: #000;
}

.footer-links li a {
    color: #ded4d4 !important;
}

.footer-links {
    background: #4c4c4c;
    padding: 5px;
    margin-bottom: 10px;
}

.service-slider .calendar {
    padding: 20px;
}



.purpleHead ,.greenhead,.pinkHead,.blueHead{
   background:linear-gradient(to right, #1eb089 0%, #7c49ab 100%, #7bd9e8 100%) repeat scroll 0 0;
   border-top-left-radius:20px;
    border-top-right-radius:20px;
    padding: 8px;
    text-align: center;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: white;

}


.carousel-inner .item img{height:390px !important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {

    background-color: transparent;
}


.multilevel p{padding: 10px 0px 0px 15px;
    height: 43px;
    border-bottom: 1px solid gray;}
	


.width30 {
  border-top-left-radius:20px;
    border-top-right-radius:20px;
    margin: 20px 8px;
}
   .bg-header::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        width: 100%;
        height: 110px;
        display: block;
        background-image: url(../images/banner-bg.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        z-index: 1;
    }
.panel-body{padding:0px !important;}

.AOS-1 {
    padding: 3px;
    background: white;
    overflow: auto;
	height: 280px;
}

.clogo div:nth-child(2) {

	padding-top:15px;
  }

.arrw {
    width: 20px;
    padding-right: 5px;
}

.width30 li:before {
    background: url(../images/greenarrow.png);
    margin-left: 0;
    padding: 2px 0 11px 23px;
    text-indent: 0!important;
}




@media (min-width: 992px) {
 .container {
        min-width: 1250px !important;
    }
}

@media (min-width: 1200px) {
 .container {
        min-width: 1250px !important;
    }
}





.view-featured .views-row {
    margin: 0 0 10px 0;
}

.block-content .view-content .initiatives-block {
    border: 1px solid #DDD;
    clear: both;
    overflow: hidden;
    width: 217px;
    padding: 8px;
    background: white;
}

.inside {
    margin: 0 auto;
    display: table;
}


/*Menu CSS*/

.blink {
    border-radius: 9px;
    background: #ffc71247;
    text-align: center;
    font-size: 11px;
    margin: 0px 15px;
    padding: 1px 8px;
    margin-right: 7px;
    border: 1px solid #afabab;
}

i span {
    font-size: 13px;
    font-family: cursive;
    color: red;
    animation: blink 1s linear infinite;
    font-weight: bold;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

header {
    position: relative;
    width: 100%;
}

.logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 15%
}

.logo a {
    color: #6DDB07;
}

nav {
    position: relative;
    margin: 0 auto;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #head-mobile {
    display: none
}

#cssmenu {
    background: transparent;
    padding: 0px 0px;
}

#cssmenu>ul>li {
    float: left
}

#cssmenu>ul>li>a {
    padding: 9px;
    padding-top: 12px;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
}

#cssmenu>ul>li:hover>a,
#cssmenu ul li.active a {
    color: #fff;
    background: #2b7dc3;
}

#cssmenu>ul>li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
    background: #636e72;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}

#cssmenu>ul>li.has-sub>a {
    padding-right: 30px

}

#cssmenu>ul>li.has-sub>a:after {
    position: absolute;
    top: 9px;
    font-weight: bold;
    right: 15px;
    width: 8px;
    height: 2px;
    display: block;
    content: '\f107';
    font-family: FontAwesome;
}

#cssmenu>ul>li.has-sub>a:before {}

#cssmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover>ul {
    left: auto;
    z-index: 999999;
}

#cssmenu li:hover>ul>li {
    height: 18%;
    border-bottom: 1px solid #a2a2a2;
    background: white;
    box-shadow: 1px 8px 15px -2px #a09f9f;
}

#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:12px 8px;
    width: 270px;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
}

#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: #000;
}

#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    content: ''
}

#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #dedede;
}

#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
}

@media screen and (max-width:1000px) {
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }
    .logo2 {
        display: none
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
        height: auto;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
        background: white;
        z-index: 9999999;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #bebebe;
    }
    #cssmenu ul li:hover {
        background: #363636;
    }
    #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>li {
        float: none
    }
    #cssmenu ul ul li a {
        padding-left: 25px
    }
    #cssmenu ul ul li {
        background: #333;
    }
    #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: table;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    .button {
        width: 55px;
        height: 46px;
        position: relative;
        right: 0;
        top: -6px;
        cursor: pointer;
        z-index: 12399994;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 9px;
        width: 20px;
        border-top: 2px solid #720202;
        border-bottom: 2px solid #720202;
        content: ''
    }
    .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #720202;
        content: ''
    }
    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #720202;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .button.menu-opened:before {
        top: 23px;
        background: #720202;
        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 #a09e9e;
        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
    }
}





.navbar-brand {
    display: inline-table;
    float: left;
}

marquee {
    width: 100%;
}

marquee p{
display: inline-block;
padding-right: 35px;
}


li{list-style: none !important;}
.fa-hand-o-right{color:black !important;}


.marquee {
	color: #696969;
	letter-spacing: 2px;
	padding: 0px;
	font-size: 17px;
    list-style: none;
}


pre {
  
    color: #000;
    font-size: 16px;
    line-height: inherit;

    white-space: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
}

.font_access {

    color: black;
    text-align: center;
    display: inline-block;
    width: max-content;
    float: left;
    height: 30px;
}

#up,
#down {
padding: 0px 0px;
    border: none;
    font-size: 20px !important;
    height: 30px;
    width: 30px;
background: #f1f1f1;
    border-radius: 30px;
    border: 1px solid #b9b9b9;

}

.fa {
    padding: 5px;
    color: white ;
    font-size: 30px;
    width: 30px;
    text-align: center;
    padding-top: 8px;
    text-decoration: none;
}

.fa:hover {
    opacity: 0.7;
}

#navbar {
    border-bottom: 1px solid #9e9e9c;
	background-size: contain;
		    background:linear-gradient(to right, #1eb089 0%, #7c49ab 100%, #7bd9e8 100%) repeat scroll 0 0;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    height: 30px;border-radius: 25px;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
    height: 30px;border-radius: 25px;
}

.fa-google {
    background: #dd4b39;
    color: white;
    height: 30px;border-radius: 25px;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
    height: 30px;border-radius: 25px;
}

.fa-instagram {
    height: 30px;border-radius: 25px;
}

.skip-to-main {
    vertical-align: -webkit-baseline-middle;
    padding: 6px 8px;
}

.font_access span {
    margin-left: 3px;
    vertical-align: text-bottom;
    font-size: 14px;
}

.search-container {
    display: inline-flex;
    padding-left: 5px;
    padding-top: 2px;
    float: right;
}

.search-container form {
    display: inline-flex;
}

.head-sbtn {
    background: #ca0c08;
    border: none;
}

.inversed {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#about-part ul li a {
    color: black;
    text-transform: capitalize;
    font-size: 16px;
}

.colorA {
    color: #4581cf;
}

.colorB {
    color: #B7E2FF;
}



.backgroundA {
    background-color: #4581cf;
}

.backgroundB {
    background-color: #B7E2FF;
}

.sr a,.font_access span,.tooltip{color:white;}

.b {
    background: #505050;
    border: none;
    color: yellow;
    width: 30px;
    height: 30px;
	    font-size: 20px;

}

.tooltip {
    position: absolute;
    z-index: 10;
    display: block;
    font-size: 14px;
line-height: 2.1;    }

.w {

    border: none;
    font-weight: bold;
    width: 30px;
    height: 30px;
	    float: left;  
    font-size: 20px;background:transparent;color:white;
}


/* cyrillic-ext */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face
{
   src:url('../fonts/fonts/NotoSansKannadaUI-Regular.ttf')	;
   font-family:notokan;
}	

/* cyrillic */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin */

@font-face {
    font-family: 'Flamenco';
    font-style: normal;
    font-weight: 400;
    src: local('Flamenco Regular'), local('Flamenco-Regular'), url(https://fonts.gstatic.com/s/flamenco/v8/neIIzCehqYguo67ssZWBFqw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.nicetext p {
    font-size: 15px;
    color: #252525;
    line-height: 1.5;
}

.chead h1 {
    padding: 13px 126px;
    background: #f1f1f1;
    margin: 0px;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 1px 1px 10px -1px #9e9e9e;
}



.footer-box {
    background: #fff;
    list-style: none;
    line-height: 2;
    font-size: 15px;
    border-radius: 20px;
    width: 380px;
    margin: 0 auto;
    display: table;
    text-align: center;
    height: auto;
}

.footer-box h5 {
    background: #333;
    color: white;
    padding: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* border: 1px solid #4d4b4b; */
    box-shadow: 1px 1px 10px -2px black;
    text-transform: uppercase;
    font-size: 20px;
}

.footer-bottom {
    background: #b2bec3;
    margin-top: 3px;

}

.slick-next {
    float: right;
    margin-top: -122px;
    margin-right: -66px;
    background: url('../images/ar.png');
    border: none;
    color: transparent;
    width: 40px;
    height: 29px;
}

.slick-prev {
    float: left;
    margin-top: 83px;
    margin-left: -66px;
    background: url('../images/al.png');
    border: none;
    color: transparent;
    width: 40px;
    height: 29px;
}

.nav-tabs li {
    font-size: 12px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-width: 0;
    color: #ffffff !important;
    background: #002d54;
}

.nav-tabs>li>a {
    border: none;
    color: #666;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
    color: #ffffff !important;
    background: #0f6fc3;
}

.nav-tabs>li>a::after {
    transition: all 250ms ease 0s;
    transform: scale(0);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1871bd;
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 35%;
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    transform: scale(1);
}

.tab-nav>li>a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 0px 0;
}

.carousel-control.right {
    background-image: none !important;    opacity: 1.9;
}

.carousel-control.left {
    background-image: none !important;    opacity: 1.9;
}

#cssmenu ul {
    float: left !important;
}

.dp {
    float: right;
}

.cl {
    margin: 0 auto;
    display: table;
}

.whitebg {
    padding: 0px 12px;
    background: white;
}

.l {
    float: left;
}

.ccur {
    cursor: url(../images/cursor_white.png), auto;
}


/*a{
  cursor: url(../images/pointer.png), auto;
}*/

.fvc {
    border-radius: 10px;
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;
}


/* The colour of the indicators */

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
    background: #707070;
}

.htl {
    float: right;
    display: inline-block;
}

.r {
    float: right;
}

.footer-box a {
    color: black;
}

.footer-box li {
    box-shadow: 0px 2px 2px -1px grey;
    padding: 5px;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #DDF;
    /* color: #555; */
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    border-radius: 34px;
}

#back2Top:hover {
    background-color: #DDF;
    color: #000;
}

.fa-arrow-up {
    margin: 0px;
}

.stm:hover {
    color: #000 !important;
}

.en {
    float: left;
    padding: 5px 10px;
    background: #226b80;
}

.bn {
    float: left;
    padding: 5px 10px;
    background: #226b80;
}

.bn a {
    color: white;
}

.si {
    float: left;
    padding: 5px 10px;
    background: #226b80;
}

.owl-stage{padding:15px 0px;}

.owl-next:before,.rarr:before{content:'\f101';  font: normal normal normal 14px/1 FontAwesome;font-size:50px;}
.owl-prev:before,.larr:before{content:'\f100';  font: normal normal normal 14px/1 FontAwesome;font-size:50px;}
.si a:hover {
    color: white;
}

.en a:hover {
    color: white;
}

.fa-instagram {
    background: #cb2027;
    color: white;
    padding-right: 3px;
    
}

.fa.pull-right{margin-left:0em !important;}

.sticky {
    position: fixed;
    top: 0;
    width: 100% !important;
background-size: contain;
	    background-image: url(../images/rg1.jpg);
    z-index: 999999999;
}

.navbar-default{background-size: contain;
background:linear-gradient(to right, #2271a0 0%, #7c49ab 100%, #7bd9e8 100%) repeat scroll 0 0;}

.sticky .navbar {
    display: none;
}

.sticky+.content {
    padding-top: 35px;
}

#myHeader {
    background: #d7dadc;
}

.activem {
    color: red;
}


/*.sticky {position: fixed;top: 0;width: 100%;z-index: 9999999999999;}
#myHeader{background:#b2bec3;}

.sticky + .content {padding-top: 102px;}

.sticky>nav{display:none;}*/

.tooltip {
    position: relative;
    display: inline-block;
    padding-left: 7px;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    color: #000;
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 320px;
    top: 100%;
    left: -85%;
    display: table;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;

}
 .tooltiptext .fa-download{color:black !Important;}

 .tooltiptext table {

 background: white;}


.tooltip img {
    width: 100%;
    margin: 0px 5px;
}

.fa-download {
    color: black !important;
    font-size: 20px;
}

.tooltiptext a {
    color: black;
}

.table>tbody>tr>td,
.table>tfoot>tr>td {
    /* padding: 8px; */
    line-height: 1.5;
    vertical-align: baseline;
    border-top: 1px solid #ddd;
    text-align: center;
    padding-top: 3px;
    /* margin: 0px; */
    background: transparent !important;
    text-align: left;
}

.si a {
    color: #fff;
}

.en a {
    color: #ffffff;
    font-weight: bold;
}
.en img{width: 24px;
    border: 1px solid white;
    border-radius: 50px;
    margin-right: 9px;}
	
.skip-to-main:hover {
    color: #000;
}

.panel-title {
    font-size: 15px;
}

.panel-heading {
    padding: 0px !important;
}

 .panel-heading h4{padding: 5px;}

.skip-to-main a {
    text-shadow: 2px 1px 5px #ffffff;
}

.fbl li a {
    color: #000;
    cursor: pointer;
}

.card ul {
    margin: 0px 0px;
}

.nav-tabs>li>a {
    color: #ffffff;
    background: #428bca;
    border-left: 1px solid #b9b7b7;
    height: 45px;
    margin: 0!important;
    border-radius: inherit;
    padding: 6px 10px;
    padding-top: 15px;
    font-size: 14px;
}

.nationalemblem {
    width: 21px;
    padding: 0.8px;
}

.panel-group {
    margin-bottom: 0px;
}

.nav button {
    display: inline-block;
    width: auto;
}

nav.sidebar {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

.bkgnd {
    background-color: #d9edf7;
    color: #428bca;
}

.colsm12 {
    position: relative;
    min-height: 1px;
    width: 100%;
    float: left;
}

@media (min-width: 320px) {
    nav.sidebar:hover+.main {
        margin-left: 200px;
    }
    nav.sidebar .navbar-brand,
    nav.sidebar .navbar-header {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }
    nav.sidebar a {
        padding-right: 13px;
        color: white;
    }
    nav.sidebar a:hover {
        padding-right: 13px;
        color: #000;
    }
    .sideNav>li:first-child {
        border-top: 1px #e5e5e5 solid;
    }
    nav.sidebar .sideNav>li {
        border-bottom: 1px #e5e5e5 solid;
    }
    nav.sidebar .sideNav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    nav.sidebar,
    nav.sidebar .container-fluid {
        padding: 0 0px 0 0px;
    }
    .navbar-inverse .sideNav .open .dropdown-menu>li>a {
        color: #777;
    }
    nav.sidebar {
        width: 300px;
        height: 100%;
        margin-left: -160px;
        float: left;
        margin-bottom: 0px;
    }
    nav.sidebar li {
        width: 100%;
    }
    nav.sidebar:hover {
        margin-left: 0px;
    }
    .forAnimate {
        opacity: 0;
    }
}

@media (min-width: 1330px) {
    nav.sidebar {
        margin-left: 0px;
        float: left;
        margin-bottom: 100px;
    }
    nav.sidebar .forAnimate {
        opacity: 1;
    }
}

.tabs-left>li>a::after {
    left: 96% !important;
}

nav.sidebar .sideNav .open .dropdown-menu>li>a:hover,
nav.sidebar .sideNav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
}

.sideNav>li:first-child {
    border-top: 1px #e5e5e5 solid;
}

nav:hover .forAnimate {
    opacity: 1;
}

.sideNav li {
    background: #2980b9;
    text-align: left;
    font-size: 17px;
    text-transform: uppercase;
    margin: 4px 0px;
}

.services-box ul li {
    font-size: 21px;
}

.services-box table tbody td {
    font-size: 21px;
    vertical-align: initial;
    padding: 5px;
    width: 430px;
}

.services-box table tbody tr {
    font-size: 21px;
}

.services-box table tbody th {
    padding: 5px;
    width: 430px;
}

.ayoga li {
    padding: 10px 36px;
    /* background: #e4e3e3; */
    margin: 0px 10px;
    font-size: 17px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    display: -webkit-box;
    border-bottom: 1px solid gray;
}

.quilcklinks_outer {
    text-align: center;
}

.owl-dot {
    display: none;
}

.owl-nav {
    display: inline-block;
    float: right;
    margin-top: -17%;
}

.nav-tabs {
    border-bottom: none !important;
}

body {
    overflow-x: hidden;
}

.owl-carousel .owl-item {
    min-height: 0px;
    !important
}

.area-label {
    display: none;
}

.sideNav li a:hover .fa-arrow-circle-right {
    color: black !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.share,
.share:before,
.share:after,
.fab {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.share {
    position: relative;
    transform: rotate(180deg);
    z-index: 999999999999999999999999999999999999999999;
    display: -webkit-box;
    background: white;
    float: right;
}

.share:before,
.share:after {
    content: '';
    will-change: transform;
}

.share:before {
    background: url(https://cbwconline.com/IMG/Codepen/Plus-Light-Blue.svg) center/28px no-repeat;
    z-index: 5;
    transition: 0.3s;
}

.share:after {
    background: transparent;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: -1;
    transition: 0.39s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.share.active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.share.active:after {
    width: 3000px;
    height: 3000px;
}

.fab {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    -webkit-animation: 0.3s down forwards;
    animation: 0.3s down forwards;
    opacity: 0;
    will-change: animation;
}

.fab:nth-child(1) {
    background: #1DA1F2;
    top: -78px;
    transform: rotate(180deg);
}

.fab:nth-child(2) {
    background: #46629E;
    top: -38px;
}

.fab:nth-child(3) {
    background: #DB4437;
}

.fab.active {
    -webkit-animation: 0.48s up forwards;
    animation: 0.48s up forwards;
}

.fab.active:nth-child(1) {
    -webkit-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

.fab.active:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.fab.no {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes up {
    50% {
        -webkit-transform: translateY(-170%);
        transform: translateY(-170%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }
}

@keyframes up {
    50% {
        -webkit-transform: translateY(-170%);
        transform: translateY(-170%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }
}

@-webkit-keyframes down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0;
    }
}

@keyframes down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0;
    }
}

td {
    padding: 6px;
    border: 1px solid #b7b5b5;
    width: max-content !important;
}

table {
    background-color: transparent;
margin: 0 auto;}

thead {
  border: 0px solid #b7b5b5 !important;
    padding: 6px;
    background: #c5c5c5;
}


.fa-angle-double-down{    float: right;
    color: black !important;
    font-size: 24px !important;
    padding: 0px;}

table tr:first-child{background:#d7dadc;}

#accordion table tr:first-child{background:transparent !important;}

.nicetext {
    margin-bottom: 54px;
}

.back-btn {
    display: inline-block;
    float: left;
    padding-top: 5px;
    cursor: pointer;
    padding-left: 0px !important;
}

.for-btn {
    display: inline-block;
    float: right;
    opacity: 0.4;
    padding-top: 10px;
    cursor: pointer;
    padding-left: 30px !important;
}

.fa-chevron-left {
    color: #636262 !important;
    font-size: 30px !important;
}

.fa-chevron-right {
    color: #636262 !important;
    font-size: 30px !important;
}

.carousel-wrap .item {
    margin: 0px 8px;
}

.head-underline-text {
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-color: #a5a4a4;
    font-size: 21px !important;
}

.clogo:first-child p {
    font-size: 22px;
    width: 100%;

}

.tagline {
    font-size: 13px !important;
    text-align: left;
}

.clogo img {
    margin: 0 auto;
    display: table;
    float: left;
    width: 88px !important;
    height: auto;
    padding-right: 10px;
    padding-top: 8px;
}

.clogo div {
    text-decoration: none;
    padding: 0px;
    margin: 0 auto;
    display: table;
}



.cml {
    width: 72%;
    height: auto;
	padding:2px;
	padding-top:8px;
}

.dptl {
    float: right;
height: 78px;
}

.navbar{margin-bottom:0px !Important;}

.cards__card {
    background: white;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.foot li{cursor:pointer;}
.foot p{cursor:default;}
.cards__card:hover {
    transform: scale(1.1);
}

.carousel-caption h2 {
    color: #fff;
    background: #00000047;
    display: table;
    padding: 5px 10px;
    border-radius: 12px;
}

.carousel-caption h3 {
    color: #fff;
    background: #00000047;
    display: table;
    padding: 5px 10px;
    border-radius: 12px;
}
.fullwidth .form-control{font-size:25px;line-height:20;height:65px;}


.modal-content-search{box-shadow:none !Important;border:none;background:transparent !important;}
.modal-content{box-shadow:none !Important;}
.modal{background:#d2d4d69e;}

.carousel-inner:hover .carousel-caption {
    display: block;
}

.carousel-inner:hover .carousel-caption {
    display: none;
}

.carousel-inner .carousel-caption {
    display: none;
}

.carousel-inner .carousel-caption {
    display: none;
}

.modal-footer {
    display: none;
}

button.close {
    font-size: 40px;
}

.modal-title {
    font-size: 25px !Important;
    text-align: center;
	    color: white;
}


#.modal-title {
    font-size: 23px;
    text-align: center;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 60%;
    }
}

.archive {
    float: right;
    background: #d0d0d0;
    padding: 2px 6px;
}

.ft {
    background: #428bca;
    height: 45px;
    display: inline-block;
    padding-top: 8px;
    float: left;
}

.quilcklinks_outer h2 {
    width: 170px;
    line-height: 1.2;
    margin: 0 auto;
    font-size: 16px;
}

.nav>li>a:focus {
    text-decoration: none;
    background-color: #428bca;
}

.car-sec {
    margin-top: -20px;
}

.abt-div span,
h6 {
    padding: 0px 4px;
    font-size: 19px !important;
	
}

.abt-div {
    padding: 0px 4px;
    font-size: 22px !important;
}

.modal-content {
    border-radius: inherit !important;
}

.activemenu {
    background-color: #d90000;
    color: #fff;
}

h4 {
    font-size: 17px !important;
	line-height:1.3;
	word-spacing:8px;
	
}

.website-details{background: #8a9aa0;}

.bn-news ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    padding: 5px 10px;
    color: #333;
    position: relative;
    display: block;
    font-size: 12px;
    overflow: hidden;
}

nav ul li {
    list-style: none;
    float: left;
}

nav ul li a {
    text-decoration: none;
    color: #222;
    padding: 4px 5px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

.carousel-caption {
    right: 20%;
    left: 43%;
    text-align: center !important;
    top: 0%;
    padding-bottom: 30px;
}

.modal-content {
    margin-top: 0px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 26px;
    border: none;
    outline: none;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    border-radius: 24px;
}

#myBtn:hover {
    background-color: transparent;
}

.fa-arrow-circle-o-up {
    color: black !important;
}

.search-key {
    background: #f2f7d8;
    padding: 12px;
    display: inline-block;
    border: 3px solid white;
    height: 120px;
    margin-bottom: 3px;
}

.search-key:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transition: all .2s;
    -webkit-transition: all .2s;
}

.search-key h5 a {
    color: #131313;
    font-size: 20px;
}

.search-key h5 {
    padding-bottom: 10px;
}

.search-key:hover {
    border-bottom: 1.4px solid #428bca;
}

.search-key {
    border-bottom: 1.4px solid whitesmoke;
}

input {
    color: #3f3e3e;
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
    color: #0029ff;
}

.abt-menu ul {
    height: auto !important;
}

.abt-menu ul li {
    background: #dfe6e9 !important;
}

.abt-menu .has-sub {
    width: 100%;
}

.abt-menu li ul li {
    margin: 0;
}

.abt-menu ul li {
    background: transparent !important;
}

.abt-menu ul li a {
    color: black !important;
}

.abt-menu ul {
    background: #dfe6e9 !important;
}

.nav-logo{display:table-footer-group;width:85%;display:block;float:left;}

.abt-menu ul ul li a {
    background: transparent !important;
}


/*Media Query For Mobile Screen*/

@media (min-width: 320px) and (max-width: 480px) {

  .mob-drop .dropdown{padding: 0px;margin: 0px;}
    .abt-div {
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
		    margin: 28px 8px;
    }
	

	
	.cml {
    width: auto;
    height: 44px;
	float:left;
}
    .lp {
        padding: none;
    }
    .rp {
        padding: none;
    }
    .search-mobile {
        display: flex;
        margin-top: -8px;
        padding-bottom: 5px;
    }
    .si {
        float: left;
        padding: 7px 2px;
        background: #797979;
        font-size: 12px;
    }
    .en {
float: left;
    padding: 7px 8px;
    background: #264ca2;
    font-size: 12px;

    }
    .bn {
        float: left;
        padding: 7px 2px;
        background: #797979;
        font-size: 12px;
    }
    .tc {
        display: none !important;
    }
	

	
	.fa-twitter{border-radius:0px !important;}
	.fa-instagram{border-radius:0px !important;}

    .fa-arrow-left{font-size: 23px !important;color:#11378c !important;}
	
    .fa {
        color: white;
        font-size: 30px;
        text-align: center;
        text-decoration: none;
width:27px !important;
        height: 30px;
		border-radius: 8px !important;
    margin: 0px 3px;    }

    button {
        width: 11px;
    
    }
    .font_access {
        background: #fff;
        margin-left: 0px;
        vertical-align: text-bottom;
        height: 30px !important;
		padding-right: 3px;
    }
    .l {
        font-size: 12px;
    }
    .font_access span {
        font-size: 14px;
    margin: 4px;
	   
    vertical-align: super;
    }
    #up,
    #down {
        font-size: initial;
        vertical-align:bottom;
    }
 
    .clogo:first-child p {
        width: auto;
    }
	
	.font_access {
    background: transparent;
    color: black;
    text-align: center;
    display: inline-table !important;
        width: 45% !important;
    float: left;
    height: 30px;
}

#up, #down {
    width: 30px !important;

}
    .htl {
        float: initial;
        display: block;
    }
    .fa-facebook-f:before,
    .fa-facebook:before {
        content: "\f09a";
        font-size: 10px;
    }
    .tagline {
        font-size: 8px !important;
        text-align: left;
    }
    .clogo:first-child p {
        font-size: 12px;
        text-align: left;
    }
    .tooltip {
        font-size: 14px;
        position: relative;
        display: inline-block;
        padding-left: 0px;
        font-size: 12px;
        float: left;
        opacity: 1;
       
    }
    #cssmenu ul li:hover {
        background: #70879c;
    }
    #cssmenu ul ul li {
        background: #6f6f6f!important;
    }
    .nav-tabs li {
           margin: 5px 1px;
    }
	.owl-carousel {
    display: none;
    width: 100% !important;
    z-index: 1;
}
    .dptl {
        float: right;
        width: auto;
        height: auto;
    }
}

#myTabContent {
    padding-top: 35px;
}

.nav-center li {
    padding: 12px;
    border-radius: 10px;
}

.menu>li>a {
    background: #000;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

.menu li:hover ul {
    opacity: 1;
    transform: translateY(0);
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
.t-md{    margin: 0 auto;
    display: table;}

.ra{padding: 3px 0px;
    float: right;
    background: #f33636;
    color: white;width: 100px;
        font-size: 15px;
}
.ra:before{  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; }   
  
.panel-group .panel {
    margin-bottom: 0;
    border-radius: unset;
    margin-bottom: 5px;
}
  
  
  .arrow_box {
    position: relative;
    background: #1ea4d5;
    border: 2px solid #c6f0f5;
}
.arrow_box:after, .arrow_box:before {
    right: 345%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(30, 164, 213, 0);
    border-right-color: #01579a;
    border-width: 18px;
    margin-top: -18px;
}
.arrow_box:before {
    border-color: rgba(198, 240, 245, 0);
    border-right-color: #01579a;
    border-width: 21px;
    margin-top: -21px;
}


/*Right arrow*/
.arrow_box_right {
    position: relative;
    background: #a626d5;
}
.arrow_box_right:after, .arrow_box_right:before {
    left: 80%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
 
    border-width: 18px;
    margin-top: -18px;
}
.arrow_box_right:before {
    border-color: rgba(198, 240, 245, 0);
    border-top-color: #f33636;
	 border-bottom-color: #f33636;
	  border-right-color: transparent;
	   border-left-color: transparent;
    border-width: 21px;
    margin-top: -21px;
}
    
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    margin-top: 80px;
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;

}

.bn-news ul li a {      margin: 0 auto !important;
    display: table !important;}

.owl-nav i {
  font-size: 52px;
      display: none;
}




.owl-next{    display: inline-block;
    position: absolute;
        top: 35px;
    float: right;
        border: none;right:0px;
   }
   
   #container_owl{margin-bottom:25px;}
   
.owl-next:focus, .owl-prev:focus{border:1px solid gray;outline:none;}
    
    .owl-prev{    display: inline-block;
      position: absolute;
       top: 35px;
        border: none;
    left: 0px;}
    
.services-box span{float:right;}    

.services-box td:nth-child(2n) {
    border-bottom: 1px dashed gray;
}

.services-box td:nth-child(3n) {
    border-right: 1px dashed;
}
 

.services-box tr:first-child{
background: saddlebrown;
color: white;}

/*Media Query*/


@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { 
@media (max-width: 480px) and (min-width: 320px){
	
  .mob-drop .dropdown{padding: 0px;margin: 0px;}
	    .abt-div {
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
		    margin: 28px 8px;
    }
.nav-tabs li {
     width: 33% !important; 
    margin: 5px 1px;
}


	.cml {
    width: 260px;
    height: 42px;
}

}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

	.nav-tabs>li>a {
        padding: 6px 4px !important;
    font-size: 12px;
}
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) {
	
	.nav-tabs>li>a {
        padding: 6px 9px !important;
    /* font-size: 12px; */
}

 }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }





/* It's supposed to look like a tree diagram */
.tree, .tree ul, .tree li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tree {
    margin: 0 0 1em;
    text-align: center;
}
.tree, .tree ul {
    display: table;
}
.tree ul {
  width: 100%;
}
    .tree li {
        display: table-cell;
        padding: .5em 0;
        vertical-align: top;
    }
        /* _________ */
        .tree li:before {
            outline: solid 1px #666;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }
        .tree li:first-child:before {left: 50%;}
        .tree li:last-child:before {right: 50%;}

        .tree code, .tree span {
            border: solid .1em #666;
            border-radius: .2em;
            display: inline-block;
            margin: 0 .2em .5em;
            padding: .2em .5em;
            position: relative;
        }
        /* If the tree represents DOM structure */
        .tree code {
            font-family: monaco, Consolas, 'Lucida Console', monospace;
        }

            /* | */
            .tree ul:before,
            .tree code:before,
            .tree span:before {
                outline: solid 1px #666;
                content: "";
                height: .5em;
                left: 50%;
                position: absolute;
            }
            .tree ul:before {
                top: -.5em;
            }
            .tree code:before,
            .tree span:before {
                top: -.55em;
            }

/* The root node doesn't connect upwards */
.tree > li {margin-top: 0;}
    .tree > li:before,
    .tree > li:after,
    .tree > li > code:before,
    .tree > li > span:before {
      outline: none;
    }
	
	
	/*multilevel menu*/


.sidebar-navigation {
  width: 400px;
  height: auto;
  background-color: #fff;
  margin: 50px auto;
  webkit-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
}
.sidebar-navigation .title {
  display: block;
  font-size: 1.2em;
  background-color: #1e1e1e;
  padding: 20px 25px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.sidebar-navigation > ul > li > a {
  text-transform: uppercase;
}
.sidebar-navigation ul {
  margin: 0;
  padding: 0;
}
.sidebar-navigation ul li {
  display: block;
}
.sidebar-navigation ul li a {
  position: relative;
  display: block;
  font-size: 1em;
  font-weight: 600;
  padding: 20px 25px;
  text-decoration: none;
  color: #2e2e2e;
  letter-spacing: .02em;
  border-bottom: 1px solid #eee;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sidebar-navigation ul li a em {
  font-size: 24px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  border-radius: 50%;
}
.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a {
  background-color: #ecf0f1;
  color: #495d62;
  border-color: rgba(255, 255, 255, 0.1);
}
.sidebar-navigation ul li ul {
  display: none;
}
.sidebar-navigation ul li ul.open {
  display: block;
}
.sidebar-navigation ul li ul li a {
  color: #495d62;
  border-color: rgba(255, 255, 255, 0.1);
}
.sidebar-navigation ul li ul li a:before {
  content: '';
  width: 10px;
  height: 1px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-color: #495d62;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.sidebar-navigation ul li ul li:hover > a, .sidebar-navigation ul li ul li.selected > a {
  background-color: #e6ebed;
}
.sidebar-navigation ul li ul li:hover > a:before, .sidebar-navigation ul li ul li.selected > a:before {
  margin-right: 10px;
}
.sidebar-navigation ul li ul li.selected.selected--last > a {
  background-color: #94aab0;
  color: #fff;
}
.sidebar-navigation ul li ul li.selected.selected--last > a:before {
  background-color: #fff;
}

.subMenuColor1 {
  background-color: #fbfcfc;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: 5px;
    margin-right: 0px;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: 6px;
    margin-right: 0px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #000;
}

.dropdown-menu>li>a{border-bottom: 1px solid #cac8c8;padding: 5px 12px 5px 13px;}

.dropdown-menu>li>a {
    white-space: inherit;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.dropdown-menu {padding: 0px !important;}

.dropdown-menu>li>a {

    clear: both;
   
    font-weight: 400;
    width: 270px;
    color: #333;}
	
	
	
.modal .col-sm-3{height:100px;}	


.owl-prev span{font-size: 5em;color: #fff;line-height:0.5;display:none;}
.owl-next span{font-size: 5em;color: #fff;line-height:0.5;display:none;}  



.aad-online-sec{box-shadow: 0 3px 16px rgba(0,0,0,0.1), 0 3px 16px rgba(0,0,0,0.20);}
.cd{background: #a5daf3;}

.modal-header .close {

    /* box-shadow: none; */
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 2.5;
}




.demo-section-box {
    border-bottom: 1px solid #c3c2c2 !Important;

}





.bg_white{
	background-color:#fff;
	padding:103px 35px 65px;
	width:1294px;
	margin:auto;
	position: relative;
	margin-top: -90px;
	box-shadow:0px -1px 8px 1px #e1e1e1;
}