.header-text{
  font-family: 'Titillium Web', sans-serif;
}

.headerbg
     {
         background-color: gainsboro;
         width: 100%;
         opacity: 0.8;
         padding:25px;
}


.text-block {
    padding: 25px;
    display: block;
    color: black;
    background-position: absolute;
    bottom: 0;
    /*background: rgb(100, 50, 90);*/
    background: gainsboro;
    width: 100%;
}

.abouttab
{
    margin-left: 60px ;
}

/* ----------------------- Marquee -------------------------*/
        .marquee {
            height: 50px;
            overflow: hidden;
            position: relative;
            background: #ffe4c4;
            color: #333;
            /*border: 1px solid #4a4a4a;*/
        }
        
        .marquee p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 2s linear infinite;
            -webkit-animation: scroll-left 2s linear infinite;
            animation: scroll-left 20s linear infinite;
        }
        
        @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }

/* ----------------------- Marquee End -------------------------*/



.btn-wrap
{
    white-space: normal !important;
    word-wrap: break-word !important;
}



@media only screen and (max-width: 400px){
#accordion-style-1 .btn-link
    {   padding: 0px;
        font-size:11px !important;


    }
}



/*.testimonials{
  background-color: #e8f3e8;
}*/

/*-------------------------------- for  about us------------------------- */
    .vertical-tabs{
    font-size:15px;
    padding:10px;
    color:#fff;


}
 .vertical-tabs .nav-tabs .nav-link{
    /*border-radius: 6px;*/
    background: white;
    text-align:center;
    border:2px solid lavender;
    color: dimgrey;
    height:auto;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
}

 .vertical-tabs .nav-tabs .nav-link:hover{
    /*border-radius: 10px;*/
    background:bisque;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid lavender;
    color:#000000;
    height:auto;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
 }

 .vertical-tabs .tab-content h3, .vertical-tabs .tab-content h4{
   /*font-family: 'Arvo', serif;*/
   /*color: #302809;*/
 }

 .vertical-tabs .tab-content p,
 .vertical-tabs .tab-content table,
 .vertical-tabs .tab-content ol,
 .myheader{
   font-family: 'Noto Sans', sans-serif;
   color: darkslategray;
   font-size: 0.875rem;
   line-height: 1.75rem;
 }

#ba-i, #ba-ii, #ba-iii, #bcom-i, #bcom-ii #bcom-iii{
  border-bottom: 2px gray;
}

 .vertical-tabs .nav-tabs .nav-link.active{
    background-color: darkslategrey;
    border: 3px solid inset white;
    color: white;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
}
 .vertical-tabs .tab-content>.active{
    background:#fff;
    display:block;
}
 .vertical-tabs .nav.nav-tabs{
    border-bottom:0;
    border-right:3px solid darkgrey;
    display:block;
    float:left;
    margin-right:20px;
    /*padding-right:15px;*/
    width: 220px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;    
}
.staff-table{
  line-height: 100px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}

.mytable th{
  font-family: 'Open Sans', sans-serif;
  background-color: #342009 !important;
  color: white;
}


.panel-heading{
  font-family: 'Open Sans', sans-serif;
  /*color: #F0F7D4;*/
}

.staff-image{
  text-align: center;
  height: 100px;
  width: 130px;
  border-style: solid;
  border-width: 1px;
  object-fit: contain;
  background-color: lavender;
}
 .vertical-tabs .sv-tab-panel{
    /*background: coral;*/
    height: auto;
    padding-top:10px;
    min-height: 600px;
     color: black;
     box-shadow: 10px 10px 8px #888888;
}
@media only screen and (max-width: 420px){
  .titulo{font-size: 22px}
}
@media only screen and (max-width: 325px){
  .vertical-tabs{ padding:8px;}
}
/*----------------about us css data ends-----------------*/

.center-block {
     display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}




/*---------------------- Staff ------------------------*/
.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{
     border:1px solid #999999;
   text-align:center;
   margin-bottom:28px;
   padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
}
.practice-area .inner h3{
    color:#3c3c3c;
  font-size:24px;
  font-weight:500;
  font-family: 'Poppins', sans-serif;
  padding: 10px 0;
}
.practice-area .inner p{
    font-size:14px;
  line-height:22px;
  font-weight:400;
}
.practice-area .inner img{
  display:inline-block;
}

.report-header{
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  font-weight: bold;
}

.our-webcoderskull .cnt-block{
   float:left;
   width:100%;
   background:#fff;
   padding:30px 20px;
   text-align:center;
   border:2px solid #ff7f50;
   margin: 0 0 28px;
}
.our-webcoderskull .cnt-block figure{
   width:100px;
   height:100px;
   border-radius:100%;
   display:inline-block;
   margin-bottom: 15px;
}
.our-webcoderskull .cnt-block img{
   width:100px;
   height:100px;
   /*border-radius:100%;*/
   border-color: #966fbd;
}
.our-webcoderskull .cnt-block h5{
   color:#2a2a2a;
   font-size:80%;
   font-weight:bold;
   padding:6px 0;
   text-transform:uppercase;
}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
  color:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
  color:#337ab7;
}
.our-webcoderskull .cnt-block p{
   color:#2a2a2a;
   font-size:13px;
   line-height:20px;
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
  margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{
    display:inline-block;
  width:auto;
  margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{
   font-size:24px;
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{
   color:#025a8e;
}
/*------------------ staff ----------------*/


/*-------------------------------- index------------------------- */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


section{
	padding: 60px 0;
}

section .section-title{
  text-align:center;
	color: White;
	margin-bottom:50px;
	text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline;
  font-size: 2rem;
  
}

#what-we-do{
	}

#what-we-do .card{
	padding: 0.9rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
  background-color: #fbf5f4;
  font-family: 'Open Sans', sans-serif;
  height: 240px;
}

#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    background-color:  #ffffff;
  font-family: 'Open Sans', sans-serif;
}

#gobottom .row{
  box-shadow: 2px 2px white;
  background-color: #ffffff;
  font-family: 'Fira Sans Extra Condensed', sans-serif;
}

#gobottom .row:hover {
  box-shadow: 2px 2px black;
  background-color: #ffffff;
}

#what-we-do .card .card-block h3{
    color: #302309;
  font-family: 'Open Sans', sans-serif;
}

#what-we-do .card .card-block{
	padding-left: 50px;
    position: relative;
}

#what-we-do .card .card-block p{
  color:   #18443a;
  height: 110px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875rem;
}

#what-we-do .card .card-block a{
	color: inherit;
  /*font-weight:700;*/
	text-decoration:none;
  text-align: center !important;
}
#what-we-do .card .card-block a i{
	display:none;

}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
}
#what-we-do .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 40px;
    color: #ef6444 !important;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}

#what-we-do .card .block-1:before{
    content: "\f2be";
}

#what-we-do .card .block-2:before{
    content: "\f02d";
}

#what-we-do .card .block-3:before{
    content: "\f19c";
}

#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

.card.wow {
    box-shadow: 2px 2px 2px;
}


.mybg-events {
    background: white;
    background-size: cover;
    opacity: 0.9;
}

.my-icons{
    background-color: grey;
}

#reports {
    background-color: white;
}

    .wrimagecard{
	  margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
	position: relative;
    font-size: 70px;
}
.wrimagecard-topimage_header{
padding: 20px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}
.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}
.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

.big-img{
  padding:20px;
}

.inner-section{
  padding: 20px 30px 20px 50px;
}

.inner-section h3{
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: dimgrey;
}

.inner-section p{
    font-family: 'Open Sans', sans-serif;
    font-size: .875rem;
    color: grey;
}

.btn-secondary {
    background-color: black;
    border-color: white;
    color: white;
    font-family: 'Open Sans', sans-serif;
}

.btn-secondary:hover {
    background-color: tomato;
    border-color: tomato;
    color: white;
    font-family: 'Open Sans', sans-serif;
}


/*-------------------------------- index------------------------- */




/*-------------------------------- media queries------------------------- */





@media screen and (max-width: 500px) /* Mobile */ {




 .center-block
 {
     width:100%;
 }




}




/*-------------------------------- media quesries------------------------- */