/* --------------------------------------------------------	*/

/*  Base  */

/* --------------------------------------------------------	*/



html {

	overflow-y:scroll;

  overflow-x:hidden;

}



body {             

  font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 23px;

  color:#91979f;

  background:#FFFFFF;

  -webkit-font-smoothing: antialiased;

	-webkit-text-size-adjust: 100%;

}

  

h1, h2, h3, h4, h5, h6 {

  font-family:'Open Sans', sans-serif;

  font-weight:500;

  line-height:1.4em;

  padding:0px;

  margin:0px;

  margin-bottom:15px;

  clear:both;

}



h1 {

  font-size:36px;

  font-weight:300;

}



h2 {

  font-size:31px;

  color:#0fa2d5;

}



h3 {

  font-size:24px;

  font-weight:300;

  text-transform:uppercase; 

  color:#0fa2d5;

}



h4 {

  font-size:24px;    

}



h5 {

  font-size:20px;

  font-weight:400;

}   



h6 {

  font-size:16px;

}   



hr {

  background:#91979f;

  height:1px;

  border:0px;

  margin:20px 0px;

}



p {

  margin:0px 0px 15px 0px;

} 



a {

  color:#0fa1d5;

  text-decoration:none;

}



a:hover {

  color:#3c4451;

  text-decoration:none;

}



blockquote {   

  font-size:15px;

  font-style:italic;  

  color:#566174;

  padding:20px;

  margin:0px;

  border-left:5px solid #ff4b64; 

  background:url(../img/back-strip.png); 

}



blockquote h4{

  color:#3c4451;

}



.bold, .strong {

  font-weight:bold;

}



.normal {

  font-weight:normal;

}



img {
    width: 30px;

}



/* --------------------------------------------------------	*/

/*	Spaces  */

/* --------------------------------------------------------	*/

 .nav.navbar-nav.leftmenu.l_tinynav1 {

    margin-left: 0;

}





.logo.logowrapper {

    margin-top: -58px;

}

.col-md-2.logowrapper {

    margin-left: -49px;

}

.col-md-4.left.topmnu {

    margin-left: 101px;

}



/*.is-sticky .logo.logowrapper > img {

    margin-top: 56px;

    width: 63%;

    margin-left: 30px;

}



.is-sticky .logo {

    float: left;

    width: 306px;

    z-index: 2147483647;

    margin-left: -6px;

}

*/       

.space5 {

  height:5px;

  clear:both;

}

.seepz {

    width: 100% !important;

}

.space10 {

  height:10px;

  clear:both;

}



.space15 {

  height:15px;

  clear:both;

}



.space20 {

  height:20px;

  clear:both;

}



.space25 {

  height:25px;

  clear:both;

}



.space30 {

  height:30px;

  clear:both;

}



.space35 {

  height:35px;

  clear:both;

}



.space40 {

  height:40px;

  clear:both;

}



.space45 {

  height:45px;

  clear:both;

}



.space50 {

  height:50px;

  clear:both;

}



.space55 {

  height:55px;

  clear:both;

}



.space60 {

  height:60px;

  clear:both;

}



.space65 {

  height:65px;

  clear:both;

}



.space70 {

  height:70px;

  clear:both;

}



.space75 {

  height:75px;

  clear:both;

}



.space80 {

  height:80px;

  clear:both;

}



.space85 {

  height:85px;

  clear:both;

}



.space90 {

  height:90px;

  clear:both;

}



.space95 {

  height:95px;

  clear:both;

}



.space100 {

  height:100px;

  clear:both;

}



.space110 {

  height:110px;

  clear:both;

}



.space120 {

  height:120px;

  clear:both;

}



.space150 {

  height:150px;

  clear:both;

}



/* --------------------------------------------------------	*/

/*  Header  */

/* --------------------------------------------------------	*/



header {

	left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    /*z-index: 2147483647;*/

	z-index:999;

	background-color:#FFF;

	-webkit-box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.3));

box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.3);

}



#login.modal {

  overflow-y: auto !important;

}

#login .modal-dialog {

  margin: 150px auto;

  width: 441px;

}

#login .halfDivs {

  display: inline-block;

  width: 49%;

  margin-top: 10px;

  text-align: center;

}

#login .borderRight {

  border-right: 1px solid #ccc;

}

#login .full-width span {

  display: block;

}

#login .modal-footer {

  border-top: 1px solid #e5e5e5;

  margin-top: 0px;

  padding: 9px 10px 10px;

  text-align: right;

}

#login .modal-body input {

  border: 1px solid #ccc;

  padding: 6px;

  font-weight: normal;

}

#login .modal-body label {

  margin-right: 5px;

}

#layerslider-container {

    margin-top: 128px;

}

                

/* Top Bar */



.top-bar {

  height:40px;               

  border-bottom:1px solid #e7e7e7;

}



.top-bar p {

  margin:0px;  

  line-height:38px;

  text-align:left;

}



.top-bar p i {

  padding:0px 5px 0px 10px;

}



.top-bar ul {

  list-style:none;

  float:right;

}



.top-bar ul li {

  float:left;

  height:40px; 

  line-height:38px;

  padding:0px 17px; 

  border-left:1px solid #e7e7e7;  

}



.top-bar ul li:last-child {  

  border-right:1px solid #e7e7e7;  

}    



@media (max-width: 768px) {



  .top-bar {

    display:none;

  }   



}



.top-bar.dark { 

  color:#eaf0f4;

  background:#2e343e;

  border:0px;

}



.top-bar.dark ul li a { 

  color:#eaf0f4;

}



.top-bar.dark ul li a:hover { 

  color:#0fa1d5;

}



.top-bar.dark ul li { 

  border-color:#424853; 

}

         

/* Top Container */



.top-container {

  display:block;

/* margin-bottom: 40px;

    margin-left: 0;

    margin-right: 0;

    margin-top: 10px;*/

	height:88px;

  overflow:hidden;

}



.top-container.t-bar {

  margin:30px 0px 20px 0px;

}

/*.logo {

    background: none repeat scroll 0 0  #FFF;

    float: left;

    height: 128px;

    padding: 4px 4px 0;

    position: absolute;

    width: 252px;

    z-index: 2147483647;

}*/

.logo {

  background: #fff none repeat scroll 0 0;

  float: left;

  height: 128px;

  padding: 4px 4px 0;

  position: absolute;

  width: 226px;

  z-index: 2147483647;

}



.top-items {

  float:right !important;

  list-style:none;

  padding:0px;

  top:49px; position:relative;

  

}



.fa.fa-linkedin:hover {

    background: none repeat scroll 0 0 #007bb6 !important;

}

.fa.fa-google:hover {

    background: none repeat scroll 0 0 #c23a2a;

}





.top-items li {

  float:left;

  padding-left:22px;

  padding-right:20px;

}





.footer-promo .col-md-3, .footer-promo .col-md-12 {

    text-align: center;

}

.footer-promo {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    height: 490px;

    padding: 1.5% 0;

    width: 100%;

}

.top-items li:last-child {

  padding-right:0px;

}

.footer-promo .col-md-3 .content-block {

    text-transform: none;

}



.top-items li.red i, .top-items li.red a {

  color:#ff4862;

}



.top-items li.red:hover i, .top-items li.red:hover a {

  color:#00a1d7;

}

#parallax-one .item h3::after {

  background-color: #EE1D23;

  width: 20%;

  height: 2px;

  content: "";

  display: block;

  margin: 0 auto;

  position: relative;

  top: -5px;

  transition: .2s ease-in all;

}

#parallax-one .item:hover h3::after {

  width: 80%;

}

@media screen and (max-width: 991px) {



  .top-container {

    margin:15px 0px 5px 0px;

  }



  .top-items {    

    clear:both;

    float:left;

    padding-top:10px;

  }



}  



/* --------------------------------------------------------	*/

/*  Breadcrumb  */

/* --------------------------------------------------------	*/



.breadcrumb-container {

  padding:30px 0px 10px 0px;

}



.breadcrumb-container h1 {

  float:left;                    

  margin:0px;

}



.breadcrumb {

  background:transparent;

  text-align:right;

  margin:8px 0px;

}  



.breadcrumb > .active {

  color:#ff4b64;

}



.breadcrumb > li + li:before {

  color:#0fa1d5;

}

     

/* --------------------------------------------------------	*/

/*  Navigation  */

/* --------------------------------------------------------	*/



.navbar {

  width:100%;

  min-height:40px;

  border:0px;

  padding:0px;

  margin:0px;

  z-index:99999;

  background:#77c0e5;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px;   

          

  

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);          

}



.navbar .nav {

  position:relative;

  display:block;

  right:8px;

  float:right;

  padding:0px;

  margin:0px;

}



.select-menu { 

  display:none; 

}



.navbar .nav > li {

	display:block;

  float:left;

   border-right: #77C0E5 1px solid;

}



.navbar .nav > li > a {

	display:inline-block;

	font-family:'Open Sans', serif;

  font-size:14px;

  line-height:40px;

	color:#FFF;

  background:#1a729b;

  padding:0 5px;

  margin:0px;

  margin-right:0px;

  border:0px;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

}



.navbar .nav > li:hover > a {

	color:#fff;

  background:#004d71;

}

                         

.navbar .nav > li.selected > a {

	color:#fff;

  background:#004d71; 

}



.navbar .nav > li.selected > a:hover {

  color:#fff;

  background:#004d71;

}



.navbar .nav > li.selected:hover > a {

  color:#fff;

  background:#004d71;

}



.navbar .dark {

  background:#2e343e;

}



.navbar .dark .nav > li > a {

  background:#232933;

}



.navbar .dark .nav > li.selected > a {

  background:#0fa2d5; 

}



/* --------------------------------------------------------	*/

/*  Dropdown  */

/* --------------------------------------------------------	*/



.navbar .nav > li > ul {

	display:none;

  z-index:-1;

  padding:0px;

  -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);

     -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);

          box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);

}



.navbar .nav > li:hover > ul {

	display:block;

  position:absolute;

  left:0px;

  list-style:none;

  background:#2e343e;

}



.navbar .nav > li > ul > li {

  position:relative;

  background:#2e343e;

  border-bottom:1px solid #3f4755;

}



.navbar .nav > li > ul > li:last-child {

  border-bottom:0px;

}



.navbar .nav > li > ul > li > a {

  display:block;

  min-width:230px;

  height:32px;

  line-height:32px;

	color:#7a828f;

  padding:0px 8px;

}



.navbar .nav > li > ul > li > a:hover {

	color:#fff;

}



.navbar .nav > li > ul > li:hover > a {

	color:#fff;

}

  

.navbar .nav > li > ul > li.selected > a {

	color:#fff;

  border-left:5px solid #9c7110;

  padding-left:25px;

  padding-right:5px;

}   



/* --------------------------------------------------------	*/

/*  Dropdown 2nd  */

/* --------------------------------------------------------	*/



.navbar .nav > li > ul > li > ul {

	display:none;

  list-style:none;

  padding:0px;

  -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);

     -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);

          box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);

}



.navbar .nav > li > ul > li:hover > ul {

	display:block;

  position:absolute;

  top:0px;

  left:220px;

}



.navbar .nav > li > ul > li > ul > li {

  background:#2e343e;

  border-bottom:1px solid #3f4755;

}



.navbar .nav > li > ul > li > ul > li:last-child {

  border-bottom:0px;

}



.navbar .nav > li > ul > li > ul > li > a {

  display:block;

  min-width:220px;

  height:40px;

  line-height:40px;

	color:#7a828f;

  padding:0px 20px;  

}



.navbar .nav > li > ul > li > ul > li > a:hover {

	color:#fff;

}

    

.navbar .nav > li > ul > li > ul > li.selected > a {

	color:#fff;

  border-left:5px solid #ff4b64;

  padding-left:30px;

}   



/* --------------------------------------------------------	*/

/*  Mobile Menu  */

/* --------------------------------------------------------	*/

      

/*  Styles For Desktop  */

.tinynav { display: none }



/*  Styles For Mobile  */

@media screen and (max-width: 979px) {



  .navbar {

    padding-top:10px;

    padding-bottom:10px;

  }



  /*  Select Navigation  */

  .tinynav {    

    display:block;

    float:left;

    width:100%;

    min-width:120px;

    height:30px;

    font-family: 'Open Sans', sans-serif;

    font-size:13px;

    line-height: 30px;

    color:#464646;

    background:#fdfdfd;

    border: 1px solid #f4f4f4;

    margin-top:0px;

  }



  #nav { display: none }

    

  .js .tinynav { display: block }

  .js #nav { display: none } 



  .tinynav option[selected=selected] {

    color: #343434;

    background: #f4f4f4;

  }



}  

@media screen and (max-width: 1174px) {

#layerslider-container {

  margin-top: 170px;

}

.navbar {  margin-top: 42px;}        

.navbar .nav > li > a{ padding:0 15%;}

.navbar .nav{ right:0;}

}

@media screen and (max-width: 1167px) {

.navbar .nav > li > a{ padding:0 14.4%;}

}

@media screen and (max-width: 1140px) {

.navbar .nav > li > a{ padding:0 14%;}

}	

@media screen and (max-width: 1024px) {

.navbar .nav > li > a{ padding:0 10%;}

}

@media screen and (max-width: 980px) {

.navbar .nav > li > a {

  padding: 0 8%;

}

}	

@media screen and (max-width: 800px) {

.top-items {

  top: 26px;

  width: 452px;

}

}

@media screen and (max-width: 667px) {

.top-items {

   top: 0;

    width: 360px;

}

}

@media screen and (max-width: 640px) {

.top-items {

  margin-top:-90px;

  padding: 0;

  position: relative;

  top: 0;

  width: 270px;

  z-index: 0;

}

.logo {  float: left;  height: auto;  padding: 4px 4px 0;  position: relative;  width: 226px;  z-index: 0;}

.top-container{ height:auto;}

.navbar {   margin-top: 0;}

#layerslider-container {margin-top: 184px;}

}

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

.logo {  height: auto;  width: 179px; padding:0; }	

.top-items { width: 261px; margin-top:-77px;}

.top-container {margin: 10px 0 10px;}

}

@media screen and (max-width: 414px) {

.logo { float: none;  margin: 0 auto;  width: 100%;}	

.top-items { width: 100%;  float: none;  margin: 0 auto;}

#layerslider-container { margin-top: 344px;}

}

/* --------------------------------------------------------	*/

/* Contact Data */

/* --------------------------------------------------------	*/



.contact-data {

  line-height:28px;

}



/* --------------------------------------------------------	*/

/*  Buttons  */

/* --------------------------------------------------------	*/



.btn, .btn:focus {

  color:#0fa1d5;

  background:transparent; 

  border:1px solid #0fa1d5;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

  -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;

}



.btn {

  padding:12px 21px;

}



.btn:hover{

  color:#fff;

  background:#0fa1d5;

  border:1px solid #0fa1d5;

}

   

.btn i{

  margin-right:10px;

}



.btn-primary, .btn-primary:focus{

  color:#fff;

  background:#0fa1d5; 

  border:0px;

}



.btn-primary:hover{

  color:#fff;

  background:#0b7297; 

  border:0px;

}



.btn-info, .btn-info:focus{

  color:#0fa2d5;

  background:rgba(11, 114, 151, 0.05); 

  border:1px dashed rgba(11, 114, 151, 0.6);

  -webkit-border-radius: 2px; 

     -moz-border-radius: 2px; 

       -o-border-radius: 2px; 

          border-radius: 2px;

}



.btn-info:hover{

  color:#0fa2d5;

  background:rgba(11, 114, 151, 0.15); 

  border:1px dashed rgba(11, 114, 151, 0.9);

}



.btn-lg{

  padding:15px 25px;

}



.btn-sm{

  padding:9px 18px;

}



.btn-xs{

  padding:4px 12px;

}



.btn.rounded{

  border-radius:5px;

}



.buttons-page .btn {

  margin-bottom:15px;

}



/* --------------------------------------------------------	*/

/*  Buttons Color 2  */

/* --------------------------------------------------------	*/

      

.btn.color-2{

  color:#ff4b64; 

  border-color:#ff4b64;

}



.btn.color-2:hover{

  color:#fff; 

  background:#ff4b64; 

  border-color:#ff4b64;

}



.btn-primary.color-2, .btn-primary.color-2:focus{

  color:#fff;

  background:#ff4b64; 

  border:0px;

}



.btn-primary.color-2:hover{

  background:#c2394c; 

}



.btn-info.color-2, .btn-info.color-2:focus{

  color:#c2394c;

  background:rgba(194, 57, 76, 0.05); 

  border:1px dashed rgba(194, 57, 76, 0.6);

}



.btn-info.color-2:hover{

  color:#c2394c;

  background:rgba(194, 57, 76, 0.15); 

  border:1px dashed rgba(194, 57, 76, 0.9);

}

/* --------------------------------------------------------	*/

/*  Buttons Color 3  */

/* --------------------------------------------------------	*/

            

.btn.color-3{

  color:#7786a1; 

  border-color:#7786a1;

}



.btn.color-3:hover{

  color:#fff; 

  background:#7786a1; 

  border-color:#7786a1;

}



.btn-primary.color-3, .btn-primary.color-3:focus{

  color:#fff;

  background:#7786a1; 

  border:0px;

}



.btn-primary.color-3:hover{

  background:#566174; 

}



.btn-info.color-3, .btn-info.color-3:focus{

  color:#566174;

  background:rgba(86, 97, 116, 0.05); 

  border:1px dashed rgba(86, 97, 116, 0.6);

}



.btn-info.color-3:hover{

  color:#566174;

  background:rgba(86, 97, 116, 0.15); 

  border:1px dashed rgba(86, 97, 116, 0.9);

}



/* --------------------------------------------------------	*/

/*  Buttons White  */

/* --------------------------------------------------------	*/



.btn.btn-white{

  color:rgba(255,255,255,0.65);

  border:1px solid rgba(255,255,255,0.65);

  background:transparent;

}



.btn.btn-white:hover{

  color:rgba(255,255,255,1);

  border:1px solid rgba(255,255,255,1);

}



/* --------------------------------------------------------	*/

/*  Pagination */

/* --------------------------------------------------------	*/



.pagination li a{

  border-radius:0px;

  border:1px solid #d7dfe4;

  color:#7786a1; 

}



.pagination li a:hover{

  color:#0fa1d5; 

  background:#e6edf2;

}



.pagination > li.active > a,

.pagination > li.active > span,

.pagination > li.active > a:hover,

.pagination > li.active > span:hover,

.pagination > li.active > a:focus,

.pagination > li.active > span:focus {

  z-index:2;

  color:#fff;

  background-color:#0fa1d5;

  border-color:#d7dfe4;

  cursor:default;

}



/* --------------------------------------------------------	*/

/*  Tags  */

/* --------------------------------------------------------	*/



.tags a {

  height:28px;

  font-size:13px;

  line-height:28px;

  color:#90979f;

  background:#e6edf2;

  padding:0px 12px;

  margin-right:8px;

  margin-bottom:8px;

  float:left;

  -webkit-transition: 0.3s ease-in-out;

     -moz-transition: 0.3s ease-in-out;

      -ms-transition: 0.3s ease-in-out;

       -o-transition: 0.3s ease-in-out;

          transition: 0.3s ease-in-out;

}



.tags a:hover {

  color:#fff;

  background:#0fa1d5;

}



/* --------------------------------------------------------	*/

/*  Tags 2  */

/* --------------------------------------------------------	*/



.tags-2 a {

  color:#fff;

  background:#566174;

}



/* --------------------------------------------------------	*/

/*  Promo Box  */

/* --------------------------------------------------------	*/

      

.promo-box{

	background:#0fa1d5;

  padding:70px 0px;

}



.promo-box h4{

	font-size:24px;

  line-height:30px;

  color:#fff;

	text-align:left;

  margin:0px;

  padding:0px;

}



.promo-box .author{

	font-size:14px;

  padding:50px 0px;

  margin:0px;

}

   

.promo-box .btn{

  margin:7px 0px 0px 0px;

  float:right;

}



/* --------------------------------------------------------	*/

/*  Promo Box 2  */

/* --------------------------------------------------------	*/



.promo-box-2 {

	background:#ff4b64;	

}



/* --------------------------------------------------------	*/

/*  Promo Box 3  */

/* --------------------------------------------------------	*/

    

.promo-box-3 {

	background:#3c4451;	

}

       

/* --------------------------------------------------------	*/

/*  Table  */

/* --------------------------------------------------------	*/



table {

  width:100%;

  border-collapse:collapse;

  border:0px;

}



table, th, td {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-origin: padding-box;

}



th, td {

  padding:15px 20px !important;

}



th {

  color:#ffffff;

  background:#0b7297;

  font-weight:normal;

  border:1px solid #0b7297 !important;

}



td {

  color:#8c9aaa;

  background:#ffffff;  

  border:1px solid #e6edf2 !important;

  padding:15px 20px;

}



table a:hover{

  text-decoration:none;

}   

        

/* --------------------------------------------------------	*/

/*  Table 2  */

/* --------------------------------------------------------	*/



.table-2 th {

  background:#0fa1d5;

  border:1px solid #0fa1d5 !important;

}

   

/* --------------------------------------------------------	*/

/*  Badges  */

/* --------------------------------------------------------	*/



.badges .list-group-item{

  border-radius:0px;

  border:1px solid #abb3ba !important;

  background:transparent; 

}



.badges .badge{

  position:relative;

  background:#3c4451;

  top:8px;

}



/* --------------------------------------------------------	*/

/*  Client Says  */

/* --------------------------------------------------------	*/



.client-says .client-text {

  position:relative;

  font-style:italic;

  color:#fff; 

  background:#2d333d;

  padding:15px 25px;

}



.client-says .client-text:after {

/*	content: '';*/

	position: absolute;

	width: 0;

	height: 0;

	left: 25px;

	bottom: -26px;

	border: 13px solid;

	border-color: #2d333d transparent transparent transparent;

}



.client-says .client-name {

  float:right;

  padding-top:14px;

  padding-right:10px;

}



.client-says .client-name i {

  font-size:16px;

  padding-right:10px;  

}



/* --------------------------------------------------------	*/

/*  Client Says 2  */

/* --------------------------------------------------------	*/



.client-says-2 .client-text {

  position:relative;

  font-style:italic;

  color:#0fa1d5; 

  background:#e6edf2;

  padding:30px 25px;

}



.client-says-2 .client-text:after {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	left: 25px;

	bottom: -26px;

	border: 13px solid;

	border-color: #e6edf2 transparent transparent transparent;

}



.client-says-2 .client-name {

  float:left;

  padding-top:10px;

  padding-left:55px;

  font-size:14px;

}



/* --------------------------------------------------------	*/

/*  Happy Client Says  */

/* --------------------------------------------------------	*/



.happy-client-container {

  padding:100px 0px 80px 0px;

}



.happy-client-container h4{

  font-size:26px;

  font-weight:500;

  margin-bottom:20px;

  text-align:center;

  text-transform:none;

}



.happy-client-container h5{

  font-size:15px;

  font-weight:700;

  text-align:center;

  text-transform:none;

}



.happy-client-container p{

  font-size:15px;

  line-height:30px;

  font-weight:500;

  color:#fff;

  text-align:center;

  text-transform:none;

}



/* --------------------------------------------------------	*/

/*  Progress Bar  */

/* --------------------------------------------------------	*/



.progress-bar-shortcode .progress {

  height:38px;

  background:#e6edf2;  

  margin-bottom:10px; 

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;

      moz-box-shadow: rgba(0, 0, 0, 0) 0 0px 0px inset;

          box-shadow:rgba(0, 0, 0, 0) 0 0px 0px inset;

}



.progress-bar-shortcode .progress-bar {

  float:left;

  width:0;

  height:100%;

  color: #fff;

  background:#2d333d;   

  font-size:14px;

  line-height:35px;

  padding-left:20px;

  border:0px; 

  text-align:left;

  text-shadow: 0 0 0 rgba(0,0,0,0);

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-transition: width .6s ease;

     -moz-transition: width .6s ease;

       -o-transition: width .6s ease;

          transition: width .6s ease;

}



.progress-striped{

  height:30px;

}



/* --------------------------------------------------------	*/

/*  Alerts  */

/* --------------------------------------------------------	*/

       

.alert {

  margin-bottom:9px;

  padding:20px;

  color:#789ab9;

  background:#e6edf2;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

  border:0px !important;

  text-shadow:none !important;

}

  

.alert-error {

  color:#93545d;

  background:#ff92a1;

}



.alert-info {

  color:#7f7e00;

  background:#eae9b9;

}



.alert-success {

  color:#598157;

  background:#99de95;

}



/* --------------------------------------------------------	*/

/*  Icons  */

/* --------------------------------------------------------	*/



.icons i{

  color:#8c9aaa;

  width:24px;

  font-size:24px;

  margin-right:30px;

  margin-bottom:30px;

  float:left;

}  

                 

/* --------------------------------------------------------	*/

/* Entypo Icons */

/* --------------------------------------------------------	*/



.entypo-icons i{

  color:#8c9aaa;

  text-align:center;

  width:36px;

  height:36px;

  font-size:56px;

  line-height:8px;  

  margin-right:30px;

  margin-bottom:30px;

  float:left; 

} 



/* --------------------------------------------------------	*/

/*  Typicons  */

/* --------------------------------------------------------	*/



.typicons .typcn {

  color:#8c9aaa;

  text-align:center;

  width:40px;

  height:40px;

  font-size:34px;

  line-height:34px; 

  margin-right:30px;

  margin-bottom:30px;

  float:left;

}       



/* --------------------------------------------------------	*/

/*  Social Icons  */

/* --------------------------------------------------------	*/



.social i, .social-2 i, .social-3 i, .social-4 i, .social-5 i, .social-6 i{

  color:#abb3ba;

  background:transparent;  

  font-size:24px;

  line-height:36px;

  width:36px;

  height:36px;

  margin:0px 4px 8px 4px;

  text-align:center;

  -webkit-border-radius: 3px; 

     -moz-border-radius: 3px; 

       -o-border-radius: 3px; 

          border-radius: 3px; 

  -webkit-transition: 0.3s ease-in-out;

     -moz-transition: 0.3s ease-in-out;

      -ms-transition: 0.3s ease-in-out;

       -o-transition: 0.3s ease-in-out;

          transition: 0.3s ease-in-out;

}   



.social-2 i{

  color:#abb3ba;

  font-size:20px;

  line-height:20px;

  width:20px;

  height:20px;

} 



.social-2 i:hover{

  color:#0fa1d5;

} 

  

.social-3 i{

  color:#ffffff;

  background:#0fa1d5;

}   



.social-3 i:hover{

  color:#ffffff;

  background:#0b7297;

} 



.social-4 i{

  color:#ffffff;

  background:#abb3ba;

}   



.social-4 i:hover{

  color:#ffffff;

  background:#353648;  

} 

        

.social-5 i{

  color:#fff;

  background:#566174;

  font-size:16px;

  line-height:40px;

  width:40px;

  height:40px;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%;  

          border-radius: 50%; 

}   



.social-5 i:hover{

  color:#fff;

  background:#0fa2d5;

} 



.social-6 i{

  color:#FFFFFF;

  background:#1a729b;

  font-size:16px;

  line-height:40px;

  width:40px;

  height:40px;

  margin:0px;

  margin-left:1px;

  float:right;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

}   



.social-6 i:hover{

  color:#fff;   

} 

   

@media (max-width: 991px) {



  .social-top.social-6 i{

    display:none;

  }  



}



.social .fa-adn:hover{color:#c0bdbb;} 

.social .fa-android:hover{color:#98cb02;}

.social .fa-apple:hover{color:#86878b;}

.social .fa-bitbucket:hover{color:#0a4372;}

.social .fa-bitbucket-square:hover{color:#0a4372;}

.social .fa-bitcoin:hover{color:#f8a038;}

.social .fa-css3:hover{color:#1571b4;}

.social .fa-dribbble:hover{color:#cb2027;}

.social .fa-dropbox:hover{color:#79bbee;}

.social .fa-facebook:hover{color:#3b5a9b;}

.social .fa-facebook-square:hover{color:#3b5a9b;}

.social .fa-flickr:hover{color:#ef5999;}

.social .fa-foursquare:hover{color:#63215f;}

.social .fa-github:hover{color:#000000;}

.social .fa-github-alt:hover{color:#000000;}

.social .fa-github-square:hover{color:#000000;}

.social .fa-gittip:hover{color:#643614;}

.social .fa-google-plus:hover{color:#c53c2c;}

.social .fa-google-plus-square:hover{color:#c53c2c;}

.social .fa-html5:hover{color:#eb4d24;}

.social .fa-instagram:hover{color:#ad856a;}

.social .fa-linkedin:hover{color:#1d84b1;}

.social .fa-linkedin-square:hover{color:#1d84b1;}

.social .fa-maxcdn:hover{color:#f5ad34;}

.social .fa-pagelines:hover{color:#0196f0;}

.social .fa-pinterest:hover{color:#ca2128;}

.social .fa-pinterest-square:hover{color:#ca2128;}

.social .fa-renren:hover{color:#005aab;}

.social .fa-skype:hover{color:#0ebbe3;}

.social .fa-stack-exchange:hover{color:#054f96;}

.social .fa-stack-overflow:hover{color:#054f96;}

.social .fa-trello:hover{color:#1c5f89;}

.social .fa-tumblr:hover{color:#2a445e;}

.social .fa-tumblr-square:hover{color:#2a445e;}

.social .fa-twitter:hover{color:#00aced;}

.social .fa-twitter-square:hover{color:#00aced;}

.social .fa-vimeo-square:hover{color:#1bb6ec;}

.social .fa-vk:hover{color:#4e739f;}

.social .fa-weibo:hover{color:#d52b2b;}

.social .fa-windows:hover{color:#07b0eb;}

.social .fa-xing:hover{color:#005a5d;}

.social .fa-xing-square:hover{color:#005a5d;}

.social .fa-youtube:hover{color:#bc2a2d;}

.social .fa-youtube-play:hover{color:#bc2a2d;}

.social .fa-youtube-square:hover{color:#bc2a2d;}



.social-6 .fa-adn:hover{background:#c0bdbb;} 

.social-6 .fa-android:hover{background:#98cb02;}

.social-6 .fa-apple:hover{background:#86878b;}

.social-6 .fa-bitbucket:hover{background:#0a4372;}

.social-6 .fa-bitbucket-square:hover{background:#0a4372;}

.social-6 .fa-bitcoin:hover{background:#f8a038;}

.social-6 .fa-css3:hover{background:#1571b4;}

.social-6 .fa-dribbble:hover{background:#cb2027;}

.social-6 .fa-dropbox:hover{background:#79bbee;}

.social-6 .fa-facebook:hover{background:#3b5a9b;}

.social-6 .fa-facebook-square:hover{background:#3b5a9b;}

.social-6 .fa-flickr:hover{background:#ef5999;}

.social-6 .fa-foursquare:hover{background:#63215f;}

.social-6 .fa-github:hover{background:#000000;}

.social-6 .fa-github-alt:hover{background:#000000;}

.social-6 .fa-github-square:hover{background:#000000;}

.social-6 .fa-gittip:hover{background:#643614;}

.social-6 .fa-google-plus:hover{background:#c53c2c;}

.social-6 .fa-google-plus-square:hover{background:#c53c2c;}

.social-6 .fa-html5:hover{background:#eb4d24;}

.social-6 .fa-instagram:hover{background:#ad856a;}

.social-6 .fa-linkedin:hover{background:#bc9110;}

.social-6 .fa-linkedin-square:hover{background:#1d84b1;}

.social-6 .fa-maxcdn:hover{background:#f5ad34;}

.social-6 .fa-pagelines:hover{background:#0196f0;}

.social-6 .fa-pinterest:hover{background:#ca2128;}

.social-6 .fa-pinterest-square:hover{background:#ca2128;}

.social-6 .fa-renren:hover{background:#005aab;}

.social-6 .fa-skype:hover{background:#0ebbe3;}

.social-6 .fa-stack-exchange:hover{background:#054f96;}

.social-6 .fa-stack-overflow:hover{background:#054f96;}

.social-6 .fa-trello:hover{background:#1c5f89;}

.social-6 .fa-tumblr:hover{background:#2a445e;}

.social-6 .fa-tumblr-square:hover{background:#2a445e;}

.social-6 .fa-twitter:hover{background:#00aced;}

.social-6 .fa-twitter-square:hover{background:#00aced;}

.social-6 .fa-vimeo-square:hover{background:#1bb6ec;}

.social-6 .fa-vk:hover{background:#4e739f;}

.social-6 .fa-weibo:hover{background:#d52b2b;}

.social-6 .fa-windows:hover{background:#07b0eb;}

.social-6 .fa-xing:hover{background:#005a5d;}

.social-6 .fa-xing-square:hover{background:#005a5d;}

.social-6 .fa-youtube:hover{background:#bc2a2d;}

.social-6 .fa-youtube-play:hover{background:#bc2a2d;}

.social-6 .fa-youtube-square:hover{background:#bc2a2d;}



.f-left i{

  float:left;

}



.f-right i{

  float:right;

}



/* --------------------------------------------------------	*/

/*  Counter  */

/* --------------------------------------------------------	*/

      

.counter-container {

  display:block;

  color:#0fa2d5;

  background:url(../img/counter/01.jpg) center center no-repeat;

  text-align:center;

  padding:200px 0px;

  overflow:hidden;

}   

                                   

.counter-container.style-2 {

  background:url(../img/counter/02.jpg) center center no-repeat;

}

   

.counter-container.style-3 {

  background:url(../img/counter/03.jpg) center center no-repeat;

}

   

.counter-container.style-4 {

  background:url(../img/counter/04.jpg) center center no-repeat;

}

   

.counter-container.style-5 {

  background:url(../img/counter/05.jpg) center center no-repeat;

}

   

.counter-container.style-6 {

  background:url(../img/counter/06.jpg) center center no-repeat;

}

   

.counter-box {

  display:block;

  font-family: 'Oswald', sans-serif;

  margin-bottom:35px;

  clear:both;

}   

   

.counter-item {

  display:inline-block;

  text-align:center;  

  width:110px;

  height:110px;

  font-size:54px;

  line-height:110px;

  text-align:center;

  color:#fff;

  margin:4px;

  background:#0fa2d5;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px;  

       -o-border-radius: 0px;  

          border-radius: 0px; 

} 

  

.counter-container h1 {

  display:inline-block;

  color:#fff;

  font-weight:500;

  padding:15px 30px;

  background:rgba(46,52,62,0.8);

  -webkit-border-radius: 5px; 

     -moz-border-radius: 5px; 

       -o-border-radius: 5px; 

          border-radius: 5px; 

}  



.circle .counter-item {

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

} 



.rounded .counter-item {

  -webkit-border-radius: 10px; 

     -moz-border-radius: 10px; 

       -o-border-radius: 10px; 

          border-radius: 10px; 

} 



.red .counter-item {

  background:#ff4862;

} 

       

.item-day, .red .item-day {

  background:#2e343e;

} 



/* --------------------------------------------------------	*/

/*  Oslotron  */

/* --------------------------------------------------------	*/



.oslotron{

  border:1px solid #abb3ba;

  border-radius:10px;

  padding:30px 40px;

}



.oslotron h2{

  color: #0fa1d5;

}

   

.oslotron p {

  margin-bottom:25px;

}

                        

/* --------------------------------------------------------	*/

/*	Modern Box  */

/* --------------------------------------------------------	*/

 

.modern-box h2{

  padding-top:80px;

  padding-bottom:25px;

  line-height:45px;

}

      

/* --------------------------------------------------------	*/

/*  Item Box  */

/* --------------------------------------------------------	*/



.item-box {

  display:block;

  padding-bottom:15px;

  background:url(../img/divider.png) bottom left repeat-x;

  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);

     -moz-box-shadow: 0px 0px0px 0px rgba(0,0,0,0);

          box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);  

	-webkit-transition:all 0.4s ease-out;

	   -moz-transition:all 0.4s ease-out;

	     -o-transition:all 0.4s ease-out;

	    -ms-transition:all 0.4s ease-out;

	        transition:all 0.4s ease-out; 

}



.item-box:hover {

  -webkit-box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11);

     -moz-box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11);

          box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11);

	-webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}



.item-box .media-container {

  position:relative;

} 



.item-box .info-container {

  padding:0px 15px;

}



.item-box .info-container h3 {

  color:#cca102;

  font-size:18px;

  font-weight:600;

  margin-top:20px;

  margin-bottom:15px;

}



.item-box .info-container h4 {

  color:#3c4451;

  font-size:13px;

  font-weight:600;

  margin:0px;

  margin-bottom:5px;

}



.item-box .info-container p {

  color:#abb3ba;

}



.item-box .media-container .icon-left,

.item-box .media-container .icon-right {

  position:absolute;

  top:50%;

  left:50%;

  margin-top:-25px;

  margin-left:-160px;

  width:50px;

  height:50px;

  line-height:50px;

  font-size:22px;

  text-align:center;

  color:#fff;

  background:rgba(50,50,50,0.7);

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -khtml-opacity: 0;

    -moz-opacity: 0;

         opacity: 0;

          filter: alpha(opacity=0);

	-webkit-transition:all 0.3s ease-in-out;

	   -moz-transition:all 0.3s ease-in-out;

	     -o-transition:all 0.3s ease-in-out;

	    -ms-transition:all 0.3s ease-in-out;

	        transition:all 0.3s ease-in-out;  

}



.item-box .media-container .icon-right {

  margin-left:110px;

}



.item-box:hover .media-container .icon-left,

.item-box:hover .media-container .icon-right {   

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  -khtml-opacity: 0.8;

    -moz-opacity: 0.8;

         opacity: 0.8;

          filter: alpha(opacity=80);

}



.item-box:hover .media-container .icon-left {

  margin-left:-60px;

}



.item-box:hover .media-container .icon-right {

  margin-left:10px;

}



.item-box .media-container .icon-left:hover,

.item-box .media-container .icon-right:hover {

  background:#0fa2d5;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -khtml-opacity: 1;

    -moz-opacity: 1;

         opacity: 1;

          filter: alpha(opacity=100);

}



/* --------------------------------------------------------	*/

/*  Item Box 2  */

/* --------------------------------------------------------	*/



.item-box-2 {

  display:block;

  padding-bottom:15px;

  background:url(../img/divider.png) bottom left repeat-x rgba(230,237,242,0.4);

	-webkit-transition:all 0.4s ease-out;

	   -moz-transition:all 0.4s ease-out;

	     -o-transition:all 0.4s ease-out;

	    -ms-transition:all 0.4s ease-out;

	        transition:all 0.4s ease-out; 

}



.item-box-2:hover {

  background:url(../img/divider.png) bottom left repeat-x rgba(230,237,242,1);

}



.item-box-2 .media-container {

  position:relative;

  background:#3c4451;

} 



.item-box-2 .media-container img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -khtml-opacity: 1;

    -moz-opacity: 1;

         opacity: 1;

          filter: alpha(opacity=100);

	-webkit-transition:all 0.4s ease-out;

	   -moz-transition:all 0.4s ease-out;

	     -o-transition:all 0.4s ease-out;

	    -ms-transition:all 0.4s ease-out;

	        transition:all 0.4s ease-out;           

} 



.item-box-2:hover .media-container img { 

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  -khtml-opacity: 0.3;

    -moz-opacity: 0.3;

         opacity: 0.3;

          filter: alpha(opacity=30);

} 



.item-box-2 .info-container {

  padding:35px;

  padding-bottom:25px;

}



.item-box-2 .info-container h3 {

  color:#0fa2d5;

  font-size:21px;

  font-weight:600;

  margin:0px;

}



.item-box-2 .info-container h4 {

  color:#3c4451;

  font-size:13px;

  font-weight:600;

  margin:3px 0 25px 0;

}



.item-box-2 .info-container p {

  color:#abb3ba;

}



.item-box-2 .info-container .social-container {

  margin:20px 0px 0px 0px;

}



.item-box-2 .media-container .icon-left,

.item-box-2 .media-container .icon-right {

  position:absolute;

  top:50%;

  left:50%;

  margin-top:-25px;

  margin-left:-160px;

  width:50px;

  height:50px;

  line-height:50px;

  font-size:22px;

  text-align:center;

  color:#fff;

  background:rgba(15,161,213,0.3);

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -khtml-opacity: 0;

    -moz-opacity: 0;

         opacity: 0;

          filter: alpha(opacity=0);

	-webkit-transition:all 0.3s ease-in-out;

	   -moz-transition:all 0.3s ease-in-out;

	     -o-transition:all 0.3s ease-in-out;

	    -ms-transition:all 0.3s ease-in-out;

	        transition:all 0.3s ease-in-out;  

}



.item-box-2 .media-container .icon-right {

  margin-left:110px;

}



.item-box-2:hover .media-container .icon-left,

.item-box-2:hover .media-container .icon-right {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  -khtml-opacity: 0.8;

    -moz-opacity: 0.8;

         opacity: 0.8;

          filter: alpha(opacity=80);

}



.item-box-2:hover .media-container .icon-left {

  margin-left:-60px;

}



.item-box-2:hover .media-container .icon-right {

  margin-left:10px;

}



.item-box-2 .media-container .icon-left:hover,

.item-box-2 .media-container .icon-right:hover {

  background:#0fa1d5;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -khtml-opacity: 1;

    -moz-opacity: 1;

         opacity: 1;

          filter: alpha(opacity=100);

}



/* --------------------------------------------------------	*/

/*  Map  */

/* --------------------------------------------------------	*/



#map {

  position:relative;

  width:100%;

  height:380px;

  padding:0px;

  border:1px solid #e3e7eb;

  margin-bottom:-8px;

}

 

/* --------------------------------------------------------	*/

/*  Lists  */

/* --------------------------------------------------------	*/



ul {

  padding-left:20px;

}



ul li {

  position:relative;

  color:#566174;

  line-height:28px;

}



.main_title > h2 {

  color: #555;

  font-size: 30px;

  position: relative;

  text-align: center;

  text-transform: uppercase;

  top: -22px;

}

.col-md-12.main_title > h2::after {

  border-bottom: 1px solid #eee;

  content: "";

  display: block;

  top: 15px;

  position: relative;

}



.main_title2 > h2 {

     font-size: 30px;

     position: relative;

    text-align: center;

 	color:#555;

	text-transform:uppercase;

}

.main_title2 {

    border-bottom: 1px solid #eee;

    margin-bottom: 30px;

    padding-bottom: 20px;

}

.main_title span {

    display: block;

    font-size: 24px;

    line-height: 23px;

}







ul li i {

  position:absolute;

  top:6px;

  left:0px;

  color:#566174;

  text-decoration:none;

  font-size:16px;

}



ul li a {

  color:#566174;

  text-decoration:none;

}



ul li a:hover, ul li a:hover i {

  color:#0fa1d5;

  text-decoration:none;

}



/*  List 2  */



.list-2 {

  padding:0px;

  margin:0px;

}



.list-2 li {

  list-style:none;

  padding-left:25px;

}



/*  List 3  */



.list-3 {

  padding:0px;

  margin:0px;

}



.list-3 li {

  list-style:none;

  padding-left:35px;

}



.list-3 li i {

  margin-top:-6px;

  color:#fff;

  background:#566174;

  font-size:14px;

  width:26px;

  height:26px;

  line-height:26px;

  text-align:center;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

}



.list-3 li a:hover i {

  color:#fff;

  background:#0fa1d5;

}



/*  List 4  */



.list-4 {

  padding:0px;

  margin:0px;

}



.list-4 li {

  list-style:none;

  padding-left:35px;

}



.list-4 li i {

  margin-top:-6px;

  color:#fff;

  background:#566174;

  font-size:14px;

  width:26px;

  height:26px;

  line-height:26px;

  text-align:center;

}



.list-4 li a:hover i {

  color:#fff;

  background:#0fa1d5;

}



/*  List 5  */



.list-5 {

  padding:0px;

  margin:0px;

}



.list-5 li {

  list-style:none;

  padding-left:25px;

  border-bottom:1px dotted #7786a1;

}



/* --------------------------------------------------------	*/

/*  Tabs  */

/* --------------------------------------------------------	*/



.nav-tabs {

  border:0px;

  margin:0px;

}



.tab-content h3 {

  color:#cca102;

  padding-top:15px;

}



/*.nav.navbar-nav.l_tinynav1 {

    margin-left:  252.8px;

}*/

.nav.navbar-nav.l_tinynav1 {



}

/*.logo > img {

    box-shadow: none !important;

    left: 6px;

    position: relative;

    top: 0;

    width: 235px;

}*/

.logo > img {

  box-shadow: none !important;

  left: 0;

  position: relative;

  top: 7px;

  width: 100%;

}



.featured_list li {

     list-style: none outside none;

    padding-left: 10px;

    line-height: normal;

    padding-bottom: 5px;

	color:#FFF;



}

.featured_list li:last-child{border-bottom:none;}



.featured_list i {

     font-size: 16px;

    left: -13px;

    position: absolute;

    text-decoration: none;

    top: 4px;

	color:#FFF;

}.acc_featured .accordion-group {

    border: medium none;

}

.acc_featured .accordion-heading {

    height: 40px;

    padding: 8px 11px;

}

.acc_featured .accordion-inner {

    padding: 4%;

}

.acc_featured .accordion-toggle {

    font-size: 13px;

}



.nav-tabs li a {

  color:#fff;

  background:#004D71;

  padding:15px 20px;

  margin-right:0px;  

  border:0px;  

  border-right:1px solid #d7dfe4;

  text-transform:uppercase;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

}   



.nav-tabs li a:hover {

  color:#fff;

  background:#cc0033;

  border-left:#FFF 1px solid;

}



.nav-tabs li:last-child a {

  border-right:0px; 

}   



.nav-tabs li a i {

  position:relative;

  top:0px;

  left:0px;

  color:#fff;

  padding-right:10px;

}   



.nav-tabs li a:hover i {

  color:#fff;

}   







.tab-pane {

  color:#566174;

  border:0px; 

  min-height:220px;

 /* padding: 15px 30px; */

}



.tab-pane p {

  padding-right:30px; 

}



.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  border:0px;

  color:#fff;

  background-color:#cc0033;

}



.nav-tabs > li.active > a i {

  color:#3c4451;

}



/* --------------------------------------------------------	*/

/*  Content Block  */

/* --------------------------------------------------------	*/



.content-block h3{

  font-size:22px;

}



.content-block i{

  font-size:22px;

  padding-right:10px;

}



/* --------------------------------------------------------	*/

/*  Service  */

/* --------------------------------------------------------	*/



.service {

  position:relative;

  padding-left:80px;

  padding-bottom:20px;

  background:url(../img/divider.png) bottom left repeat-x;

}



.service .fa {

  position:absolute;

  top:0px;

  left:0px;

  width:64px;

  height:64px;

  line-height:64px;

  color:#2c9ad1;

  font-size:30px; 

  text-align:center;

  border:2px solid #ccc;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service:hover .fa {        

  -webkit-transform: rotateY(360deg);

     -moz-transform: rotateY(360deg);

      -ms-transform: rotateY(360deg); 

       -o-transform: rotateY(360deg);        

}



.service h4 {

  color:#555555;

  font-size:24px;

  font-weight:500;

  padding-top:14px;

}



.service:hover h4 {

  color:#004d71;

}

     

.service .typcn {

  position:absolute;

  top:0px;

  left:0px;

  width:64px;

  height:64px;

  line-height:50px;

  font-size:40px; 

  color:#2c9ad1;  

  text-align:center;

  border:2px solid #CCC;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service:hover .typcn {        

  -webkit-transform: rotateY(360deg);

     -moz-transform: rotateY(360deg);

      -ms-transform: rotateY(360deg); 

       -o-transform: rotateY(360deg);        

}



.service .entypo {

  position:absolute;

  top:0px;

  left:0px;

  width:64px;

  height:64px;

  font-size:64px; 

  line-height:26px;

  color:#0fa1d5;   

  text-align:center;

  border:2px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service:hover .entypo {        

  -webkit-transform: rotateY(360deg);

     -moz-transform: rotateY(360deg);

      -ms-transform: rotateY(360deg); 

       -o-transform: rotateY(360deg);        

}



/* --------------------------------------------------------	*/

/*  Service 2 */

/* --------------------------------------------------------	*/



.service-2 {

  position:relative;

  text-align:center;

}



.service-2 .fa {

  width:64px;

  height:64px;

  line-height:64px;

  color:#fff;

  background:#0fa1d5;

  font-size:30px; 

  text-align:center;

  border:0px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service-2:hover .fa {        

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg); 

       -o-transform: rotate(360deg);        

}



.service-2 h4 {

  color:#7786a1;

  font-size:24px;

  font-weight:500;

  padding-top:14px;

}



.service-2:hover h4 {

  color:#0fa1d5;

}

     

.service-2 .typcn {

  display:inline-block;

  width:64px;

  height:64px;

  line-height:50px;

  font-size:40px; 

  color:#0fa1d5;  

  text-align:center;

  border:2px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service-2:hover .typcn {        

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg); 

       -o-transform: rotate(360deg);        

}



.service-2 .entypo {

  display:inline-block;

  width:64px;

  height:64px;

  font-size:64px; 

  line-height:26px;

  color:#0fa1d5;   

  text-align:center;

  border:2px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service-2:hover .entypo {        

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg); 

       -o-transform: rotate(360deg);        

}

    

/* --------------------------------------------------------	*/

/*  Service 3  */

/* --------------------------------------------------------	*/



.service-3 {

  position:relative;

  text-align:center;

  padding-bottom:20px;

}



.service-3 .fa {

  width:64px;

  height:64px;

  line-height:64px;

  color:#0fa1d5;

  font-size:30px; 

  text-align:center;

  border:2px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service-3:hover .fa {        

  -webkit-transform: rotateX(360deg);

     -moz-transform: rotateX(360deg);

      -ms-transform: rotateX(360deg); 

       -o-transform: rotateX(360deg);        

}



.service-3 h4 {

  color:#7786a1;

  font-size:24px;

  font-weight:500;

  padding-top:15px;

}



.service-3:hover h4 {

  color:#0fa1d5;

}

     

.service-3 .typcn {

  display:inline-block;

  width:64px;

  height:64px;

  line-height:50px;

  font-size:40px; 

  color:#0fa1d5;  

  text-align:center;

  border:2px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service-3:hover .typcn {        

  -webkit-transform: rotateX(360deg);

     -moz-transform: rotateX(360deg);

      -ms-transform: rotateX(360deg); 

       -o-transform: rotateX(360deg);        

}



.service-3 .entypo {

  display:inline-block;

  width:64px;

  height:64px;

  font-size:64px; 

  line-height:26px;

  color:#0fa1d5;   

  text-align:center;

  border:2px solid #d7dfe4;

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;    

}



.service-3:hover .entypo {        

  -webkit-transform: rotateX(360deg);

     -moz-transform: rotateX(360deg);

      -ms-transform: rotateX(360deg); 

       -o-transform: rotateX(360deg);        

}



/* --------------------------------------------------------	*/

/*  Content Box  */

/* --------------------------------------------------------	*/



.content-box h4{

  color:#fff;

  background:#0fa1d5; 

  padding:15px 20px;

  margin:0px;

}



.content-box p{

  padding:20px 20px;

  border:1px solid #0fa1d5;

}



/* --------------------------------------------------------	*/

/*  Accordion  */

/* --------------------------------------------------------	*/



.accordion-group {

  border-radius:0px;

  border:0px; 

  border-left:5px solid #cca102;      

  margin-bottom:1px;

}



.accordion-heading {

  height:60px;

  background:#f0f0f0;

  font-size:16px;

  text-transform:uppercase; 

  padding:20px;   

}



.accordion-heading a {

  color:#999999;

}



.accordion-heading a:hover {

  color:#566174;

}



.accordion-inner {

  color:#7786a1;

  background:transparent; 

  padding:20px;                            

}

      

/* --------------------------------------------------------	*/

/*  Testimonials  */

/* --------------------------------------------------------	*/



.testimonial {

  background:#eff5f9;

  border:1px solid #e6edf2;

  padding:25px; 

}



.testimonial .function {

  padding-left:10px;

}

                

/* --------------------------------------------------------	*/

/*  Testimonials 2  */

/* --------------------------------------------------------	*/



.testimonial-2 h5 {

  font-size:15px;

  text-align:center;

  padding-top:10px;

  margin-bottom:0px;  

}



.testimonial-2 img {

  -webkit-border-radius: 50%; 

     -moz-border-radius: 50%; 

       -o-border-radius: 50%; 

          border-radius: 50%; 

}



.testimonial-2 .function {

  color: #0fa1d5;

  text-align:center;

  font-style:italic;

}



@media (max-width: 991px) {



  .testimonial-2 {

    text-align:center;

  } 

  

  .testimonial-2 img {

    width:50%;

    display:inline-block;

  }



}



/* --------------------------------------------------------	*/

/*  Pricing Tables  */

/* --------------------------------------------------------	*/



.pricing-tables table {

  width:100%;

  background:transparent;

  border:1px solid #e3e6e8 !important;

  margin-bottom:30px;

}



.pricing-tables th {

  font-size:16px;

  font-weight:bold;

  border:1px solid #e3e6e8 !important;  

  background:#3c4451;

  text-align:center;

  padding: 30px !important;

}



.pricing-tables td {

  padding:8px 0px;

  color:#7c7e7e;

  background:#fff;

  border:1px solid #e3e6e8 !important; 

  border-bottom:1px solid #e3e6e8 !important;                                      

  text-align:center;

}



.pricing-tables .plan-title  {

  font-family: 'Titillium Web', sans-serif; 

  font-weight:bold;

  font-size:24px;

  line-height:30px;

 	color: #fff;     

}



.price {

  font-size:36px !important;

  padding-top:36px;   

  line-height:30px;

}



.price2 {

  position:relative;

  top:-7px;

  font-size:14px;

 	color: #fff;  

}



.pricing-tables .table-footer {

  font-size:16px;

  color:#fff !important;

  background:#3c4451 !important;

  padding:44px 0px !important;

  border:0px !important;

}



.pricing-tables .active th, .pricing-tables .active .table-footer {

  color:#fff;

  font-weight:bold;  

  border:1px solid #e3e6e8 !important;   

  background:#0fa2d5 !important;

}



.pricing-tables .active td {

  color:#0fa2d5;

}



.pricing-tables .active .table-footer {

  border:0px;

  background:#0fa2d5 !important;

  font-weight:bold;

}



/* --------------------------------------------------------	*/

/*  Image Overlay  */

/* --------------------------------------------------------	*/



.img-overlay img {

  max-width:100%;

  height:auto;  

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  filter:alpha(opacity=60); 

  -khtml-opacity: 0.6; 

     -moz-opacity:0.6; 

          opacity:0.6;

  -webkit-transition: 0.4s ease-in-out;

     -moz-transition: 0.4s ease-in-out;

      -ms-transition: 0.4s ease-in-out;

       -o-transition: 0.4s ease-in-out;

          transition: 0.4s ease-in-out;

}



.img-overlay:hover img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter:alpha(opacity=100); 

  -khtml-opacity: 1; 

     -moz-opacity:1; 

          opacity:1;

}



/* --------------------------------------------------------	*/

/*  Partners  */

/* --------------------------------------------------------	*/



.partners-4{

  display:table;

  list-style:none;

  border-collapse:collapse;

}



.partners-4 li{

  display:table-cell;

  width:25%;

  border:1px solid #e6edf2;

}



.partners-5{

  display:table;

  list-style:none;

  border-collapse:collapse;

}



.partners-5 li{

  display:table-cell;

  width:20%;

  border:1px solid #e6edf2;

}



.partners-6{

  display:table;

  list-style:none;

  border-collapse:collapse;

}



.partners-6 li{

  display:table-cell;

  width:16.666666666666%;

  border:1px solid #e6edf2;

}



.partners-7{

  display:table;

  list-style:none;

  border-collapse:collapse;

}



.partners-7 li{

  display:table-cell;

  width:14,2857142857142857%;

  border:1px solid #e6edf2;

}



/* --------------------------------------------------------	*/

/*  Gallery Overlay  */

/* --------------------------------------------------------	*/

            

.img-container {

  position:relative;

  overflow:hidden; 

  background:#0fa1d5;

}



.img-container img {

  max-width:100%;

  height:auto;  

	-webkit-transform: scale(1.4,1.4);

      -ms-transform: scale(1.4,1.4);

          transform: scale(1.4,1.4);

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;      

}



.img-container:hover img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  filter:alpha(opacity=40); 

  -khtml-opacity: 0.4; 

     -moz-opacity:0.4; 

          opacity:0.4;

	-webkit-transform: scale(1.0,1.0);

	    -ms-transform: scale(1.0,1.0);

          transform: scale(1.0,1.0);

}



.img-container i { 

  position: absolute;

  top: 50%;   

  left: 50%;

  width:10px;

  height:10px;

  font-size:10px;

  line-height:10px;

  text-align:center;

  color:#ffffff;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter:alpha(opacity=0); 

  -khtml-opacity: 0; 

     -moz-opacity:0; 

          opacity:0; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;   

}  



.img-container:hover i { 

  top: 50%;   

  left: 50%;

  width:60px;

  height:60px;

  font-size:34px;

  line-height:62px;

  margin-top:-30px;

  margin-left:-30px;

  text-align:center;

  background:rgba(45,45,45,0.8);

  -webkit-border-radius: 10%; 

     -moz-border-radius: 10%; 

       -o-border-radius: 10%;  

          border-radius: 10%; 

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  filter:alpha(opacity=90); 

       -khtml-opacity: 0.9; 

          -moz-opacity:0.9; 

               opacity:0.9;   

  -webkit-transform: rotate(720deg);

     -moz-transform: rotate(720deg);

       -o-transform: rotate(720deg);

      -ms-transform: rotate(720deg);    

}   



/* --------------------------------------------------------	*/

/*  Boxed Project  */

/* --------------------------------------------------------	*/



.boxed-project .title{ 

  position:relative:

  display:block;

  background:#eff5f9;

  margin-bottom:30px;

}



.boxed-project h4{ 

  font-size:14px;

  font-weight:600;

  padding-top:20px;

  margin-bottom:5px;

  text-align:center;

}



.boxed-project h6{ 

  color:#91979f;

  font-size:13px;

  text-transform:uppercase;

  padding-bottom:20px;

  text-align:center;

}



.boxed-project .img-container{

  margin:0px !important;

}



/* --------------------------------------------------------	*/

/*  Video Content  */

/* --------------------------------------------------------	*/



.video-content {

  max-width: 100%;

  padding: 0px;

  margin: 0px;

  margin-bottom: -5px;

  border: none;

}



/* --------------------------------------------------------	*/

/*  Parallax  */

/* --------------------------------------------------------	*/

                 

.parallax {

  width: 100%;

  padding: 0;

  margin: 0;

  background-attachment: fixed;

  background-repeat: no-repeat;  

  color: #ffffff;

  text-transform:uppercase;

}



.parallax-mobile {

	background-position: 50% 0px !important; 

	background-attachment: scroll !important;

}



.parallax .parallax-text-container {

  display: table;

  width: 100%;

  height: 100%;

  padding: 0 !important;

  margin: 0 !important;

  text-align:center;

}



.parallax .parallax-text-item {

  display: table-cell;

  vertical-align: middle;

}



.parallax-text-item {

  font-weight:700;

  font-size:36px;

  color:#ffffff;

  line-height:1em;  

}



.parallax h2, .parallax h3{

  font-family: 'Open Sans', sans-serif;

  color:#ffffff;

  background: transparent; 

}



.parallax h2{

  font-size:36px;

  margin-bottom:28px;

}



.parallax h3 {

    font-size: 27px;

    margin-bottom: 3px;

    line-height: 55px;

}

    .info-container > p {

    display: none;

}

/* --------------------------------------------------------	*/

/*  Dividers  */

/* --------------------------------------------------------	*/

  

.divider {

  height:9px;

  background:url(../img/divider.png) top left repeat-x;

}

  

.divider-2 {

  height:1px;

  background:#dce2e7;

} 

    

/* --------------------------------------------------------	*/

/*  Footer  */

/* --------------------------------------------------------	*/



.footer{

  color:#7e848c;

  background:#2e343e;

}



.footer .footer-promo {

  padding:60px 0px 50px 0px;

}



.footer .footer-promo h2, .footer .footer-promo h4{

  text-align:center;

}



.footer img{

  width:auto;

}



.footer h6{

  color:#e5edf2;

  text-transform:uppercase;

}



.footer .footer-info{

  padding:60px 0px 0px 0px;

}



.footer .list-5{

  margin-top:-6px;

}



.footer .list-5 li{

  border-bottom:1px solid #3f454f;

  padding-left:15px;

}



.footer li a{

  color:#7e848c;

}



.footer .item-icon{

  position:relative;

  padding-left:26px;

}



.footer .item-icon i{

  position:absolute;

  top:4px;

  left:0px;

  font-size:16px;

}



.footer .flickr img{

  width:30%;

  margin-right:2%;

  margin-bottom:2%;

}



.footer .tweet{

  position:relative;

  padding-left:50px;

}



.footer .tweet i{

  position:absolute;

  top:5px;

  left:0px;

  color:#fff;

  background:transparent;

  border:1px solid #3c3e48;

  font-size:16px;

  width:34px;

  height:34px;

  line-height:34px;

  text-align:center;

  -webkit-border-radius: 1px; 

     -moz-border-radius: 1px; 

       -o-border-radius: 1px; 

          border-radius: 1px; 

}



.footer .white {

  color:#fff;

}



.footer .copyright{

  background:#232933; 

  padding:10px 0px;

}



.footer .copyright-info{

  padding-top:2px;

  margin-top:22px;

  text-align:right;

}



.footer .copyright-info2{

  padding-top:2px;

  margin-top:22px;

  text-align:left;

  width:100%;

}



.footer a, .footer a:visited {

  color:#8c9aaa;

}



.footer a:hover{

  color:#0fa1d5;

}



.footer .form-control {

  border-color:#3f454f;

}





@media (max-width: 768px) {



  .footer .logo-footer, .copyright-info {

    text-align:center;

    margin-bottom:20px;

    display:inline-block;

  }



}



/* --------------------------------------------------------	*/

/*  Back To Top Button  */

/* --------------------------------------------------------	*/



.back-to-top {

  position: fixed;

  right:20px;

  bottom:10px;

  width:38px;

  height:38px;

  line-height:38px;

  font-size:22px;

	margin-right: 0px;

	display: block;

	text-align: center;

	text-decoration: none;

  color:#fff;

  background:#2e343e;

  font-family:FontAwesome;

  font-weight:normal;

  font-style:normal;

  text-align:center;

  z-index:99999;

  -webkit-border-radius: 3px; 

     -moz-border-radius: 3px; 

       -o-border-radius: 3px; 

          border-radius: 3px; 

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  -khtml-opacity: 0.6;

    -moz-opacity: 0.6;

         opacity: 0.6;

          filter: alpha(opacity=60); 

  -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;        

}



.back-to-top:hover {

  color:#fff;

  background:#0fa1d5;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  -khtml-opacity: 0.9;

    -moz-opacity: 0.9;

         opacity: 0.9;

          filter: alpha(opacity=90);   

}



.back-to-top:after {

  content:"\f106";  

}



/* --------------------------------------------------------	*/

/*  Gallery  */

/* --------------------------------------------------------	*/



.gallery {

  display:block; 

}



.portfolio {

  margin:0px;

  padding:0px;

  list-style-type:none;

}



.project {

  margin-right:-1px;

}



#portfolio-items [class*="col-"],

.projects-slider [class*="col-"] {  

  padding:0px; 

}



.boxed .project {

  padding:10px !important;

}



.boxed .project .container-image {

  padding:15px !important;

  background:#e4e9ec;

}



.boxed .project .container-image:hover { 

  background:rgba(15,162,213,1);

}



/* --------------------------------------------------------	*/

/*  Gallery Filter  */

/* --------------------------------------------------------	*/



#portfolio-filter {

  margin-bottom:25px;

  padding:0px;

  display:inline-block;

}

    

#portfolio-filter li {

  list-style:none;

  float:left;

  margin-right:0px;

  margin-bottom:5px;

  padding:0px;

  line-height:45px;

  font-size:13px;

}

    

#portfolio-filter li a {

  display:inline-block; 

  font-size:14px;

  font-weight:400;

  padding:0px 15px;   

  border-bottom:1px solid transparent;

}

 

#portfolio-filter li:hover a {

  border-bottom:1px solid #0fa2d5;

  text-decoration:none;

}

    

#portfolio-filter li.act a {

  color:#0fa2d5;

  border-bottom:1px solid transparent;

}



	/*  Portfolio - Isotype (filtering tags)  */

	.isotope-item {

	  z-index: 2;

	}



	.isotope-hidden.isotope-item {

	  pointer-events: none;

	  z-index: 1;

	}   



	/* Isotope CSS3 transitions */    

	.isotope,	.isotope .isotope-item {

	  -webkit-transition-duration: 0.4s;

		 -moz-transition-duration: 0.4s;

		  -ms-transition-duration: 0.4s;

		   -o-transition-duration: 0.4s;

			  transition-duration: 0.4s;        

	}



	.isotope {

	  -webkit-transition-property: height, width;

		 -moz-transition-property: height, width;

		  -ms-transition-property: height, width;

		   -o-transition-property: height, width;

			  transition-property: height, width;

	}



	.isotope .isotope-item {

	  -webkit-transition-property: -webkit-transform, opacity;

		 -moz-transition-property:    -moz-transform, opacity;

		  -ms-transition-property:     -ms-transform, opacity;

		   -o-transition-property:         top, left, opacity;

			  transition-property:         transform, opacity;

	} 



	/* disabling Isotope CSS3 transitions */

	.isotope.no-transition,

	.isotope.no-transition .isotope-item,

	.isotope .isotope-item.no-transition {

	  -webkit-transition-duration: 0s;

		 -moz-transition-duration: 0s;

		  -ms-transition-duration: 0s;

		   -o-transition-duration: 0s;

			  transition-duration: 0s;

	}              



/* --------------------------------------------------------	*/

/* Image Overlay */

/* --------------------------------------------------------	*/

               

.container-image {

  position:relative;

  overflow: hidden; 

  background:#0fa2d5;

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;

}



.container-image img {

  max-width:100%;

  height:auto;   

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;

}



.container-image:hover img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  filter:alpha(opacity=40); 

  -khtml-opacity:0.4; 

    -moz-opacity:0.4; 

         opacity:0.4; 

	-webkit-transform: scale(1.4,1.4);

    	-ms-transform: scale(1.4,1.4);

          transform: scale(1.4,1.4);

}



.container-image i {

  position: absolute; 

  font-size:180px;

  line-height:180px;

  width: 180px;

  width: 180px;

  top: 50%;

  left: 50%;

  margin-top:-90px;

  margin-left:-90px;

  text-align:center;

  color:#ffffff;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter:alpha(opacity=0);

  -khtml-opacity:0; 

    -moz-opacity:0;   

         opacity:0; 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;

}



.container-image:hover i {

  font-size:40px;

  line-height:40px;

  width: 40px;

  width: 40px;

  top: 50%;

  left: 50%;

  margin-top:-20px;

  margin-left:-20px;

  color:#ffffff;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  filter:alpha(opacity=80);

  -khtml-opacity:0.8; 

    -moz-opacity:0.8;   

         opacity:0.8; 

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

       -o-transform: rotate(360deg);

      -ms-transform: rotate(360deg); 

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;

}



.container-image:hover a:hover i {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter:alpha(opacity=100); 

  -khtml-opacity:1; 

    -moz-opacity:1;   

         opacity:1;    

  -webkit-transition: 0.7s ease-in-out;

     -moz-transition: 0.7s ease-in-out;

      -ms-transition: 0.7s ease-in-out;

       -o-transition: 0.7s ease-in-out;

          transition: 0.7s ease-in-out;

}



/* --------------------------------------------------------	*/

/*  Form  */

/* --------------------------------------------------------	*/

      

.form-control {

  display: block;

  width: 100%;

  height: 34px;

  font-size: 13px;

  line-height: 1.428571429;

  text-indent:0px;

  color: #7a7a7a;

  vertical-align: middle;

  background-color: transparent;

  padding: 6px 12px;

  border: 1px solid #d7dfe4;

  -webkit-border-radius: 0px; 

     -moz-border-radius: 0px; 

       -o-border-radius: 0px; 

          border-radius: 0px; 

  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);

          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);

  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

     

.input-group {

  position: relative;

  display: table;

  border-collapse: separate;

}



.input-group-btn > .btn {

  position: relative;

  width: 34px;

  height: 34px;

  line-height: 34px;

  text-align: right;

  padding: 0px;

}



.no-border-right {

  border-right:0px solid !important;

}



.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {

  margin-left:0px;

}

  

textarea {

  min-height:120px; 

  resize:vertical;

}



/* --------------------------------------------------------	*/

/*  Contact Form  */

/* --------------------------------------------------------	*/



.error {

  margin:6px 6px;

	display: none;

  color: #ff4b64;  

}



#ajaxsuccess {

  font-size: 15px;

	width: 100%;

	display: none;

  clear: both;

  color: #0fa2d5;

  margin:0px;

}



.contact-form .btn {

  float:left;

  margin-top:10px;

}



/* --------------------------------------------------------	*/

/*  Blog  */

/* --------------------------------------------------------	*/



.blog-container {

  border-top:1px solid #d7dfe4;

  border-bottom:1px solid #d7dfe4;

}



.blog-container h2 {

  font-size:24px;

  font-weight:600;

}



.blog-container .blog-content{

  border-right:1px solid #d7dfe4;

  padding-right:30px;

}     



.post-info-container {

  border-top:1px solid #d7dfe4;

  border-bottom:1px solid #d7dfe4;

  padding:12px 0px;

}



.post-info-container .post-info .post-data {

  margin-right:10px;

}



.post-info-container .post-info .tags a {

  color:#0fa1d5;

  background:transparent;

  float:none;

  margin:0px;

  padding:0px;

}



.post-info-container .post-info .tags a:hover {

  color:#3c4451;

}



.post-info-container .post-info i {

  margin-right:5px;

}



.post-info-container i {

  margin:4px;

}

      

.blog-right-sidebar {

  border-left:1px solid #d7dfe4;

  padding-left:30px;

  margin-left:-1px;

}



  /* --------------------------------------------------------	*/

  /*  Comments  */

  /* --------------------------------------------------------	*/

  

  .blog-comment {

    position:relative;

  }  

  

  .blog-comment h4{

    color:#2c333d;

    font-size:20px;

    padding-bottom:5px;

  }  

  

  .blog-comment .user-image {

    position:absolute;

    top:0px;

    left:0px;

    border:1px solid #dadcdd;

    background:#fff;

    width:60px;

    height:60px;

  }

  

  .blog-comment .user-image i {

    color:#dadcdd;

    width:60px;

    height:60px;

    line-height:60px;

    font-size:30px;

    text-align:center;

  }

  

  .blog-comment .comment-data {

    padding-left:80px;

  }

  

  .blog-comment .reply-link {

    padding-left:12px;

    font-size:14px;

  }



  .blog-comment .divider, .blog-comment .divider-2 {

    margin:10px 0px;

  }

  

/* --------------------------------------------------------	*/

/* Shop */

/* --------------------------------------------------------	*/



.shop-container {

  border-top:1px solid #d7dfe4;

  border-bottom:1px solid #d7dfe4;

}     

                    

.shop-right-sidebar {

  border-left:1px solid #d7dfe4;

  padding-left:30px;

  margin-left:-1px;

}



/* --------------------------------------------------------	*/

/*  Product  */

/* --------------------------------------------------------	*/



.product{

  border:1px solid #e6edf2;

  margin-bottom:50px;

}



.product .image-container{

  position:relative;

  background:#d7dfe4;

}



.product img{

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -khtml-opacity: 1;

    -moz-opacity: 1;

         opacity: 1;

          filter: alpha(opacity=100);

	-webkit-transition:all 0.5s;

	   -moz-transition:all 0.5s;

	     -o-transition:all 0.5s;

	    -ms-transition:all 0.5s;

	        transition:all 0.5s;  

}



.product:hover img{

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";

  -khtml-opacity: 0.15;

    -moz-opacity: 0.15;

         opacity: 0.15;

          filter: alpha(opacity=15);

}

       

.product .info{

  display:block;

  padding:25px 10px;

  overflow:hidden;

}



.product h3{

  color:#0fa2d5;

  font-size:17px;

  font-weight:400;

  text-align:center;

  padding-bottom:5px;

}



.product .rating{

  color:#d7dfe4;

  font-size:15px;

  text-align:center;

}



.product .price{

  color:#7786a1;

  font-size:22px;

  text-align:center;

  padding-top:6px;

}



.product .image-container .icon-left, .product .image-container .icon-right {

  position:absolute;

  top:50%;

  left:50%;

  margin-top:-25px;

  margin-left:-55px;

  width:50px;

  height:50px;

  line-height:50px;

  font-size:25px;

  text-align:center;

  color:#fff;

  background:rgba(50,50,50,0.7);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -khtml-opacity: 0;

    -moz-opacity: 0;

         opacity: 0;

          filter: alpha(opacity=0);

	-webkit-transition:all 0.4s;

	   -moz-transition:all 0.4s;

	     -o-transition:all 0.4s;

	    -ms-transition:all 0.4s;

	        transition:all 0.4s;  

}



.product .image-container .icon-right {

  margin-left:5px;

}



.product:hover .image-container .icon-left, .product:hover .image-container .icon-right {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  -khtml-opacity: 0.8;

    -moz-opacity: 0.8;

         opacity: 0.8;

          filter: alpha(opacity=80);

}



.product .image-container .icon-left:hover, .product .image-container .icon-right:hover {

  background:#0fa2d5;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -khtml-opacity: 1;

    -moz-opacity: 1;

         opacity: 1;

          filter: alpha(opacity=100);

}



/* --------------------------------------------------------	*/

/* Error 404 */

/* --------------------------------------------------------	*/



.error-icon {

  display:block;

  text-align:center;

}



.error-icon  .typcn {

  display:inline-block;

  color:#e6edf2;

  width:220px;

  height:220px;

  font-size:220px;

  line-height:180px; 

}   

  

/* --------------------------------------------------------	*/

/* Refine Slider */

/* --------------------------------------------------------	*/



ul.rs-slider {

  margin: 0 0 0px 0px;

  padding:0px;

}        



ul.rs-slider img {

  position:relative;

}

       

.rs-thumb-wrap { margin: 21px 0 0 0; }

.rs-thumb-wrap > a {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  filter:alpha(opacity=50); 

  -khtml-opacity: 0.5; 

     -moz-opacity:0.5; 

          opacity:0.5;

  padding: 0px;

  *padding: 0;

     -moz-transition: opacity .7s ease-in-out;

  -webkit-transition: opacity .7s ease-in-out;

       -o-transition: opacity .7s ease-in-out;

      -ms-transition: opacity .7s ease-in-out;

          transition: opacity .7s ease-in-out;

}



.rs-thumb-wrap > a:hover,

.rs-thumb-wrap > a.active { opacity: 1 }

.rs-thumb-wrap > a:first-child { margin-left: 0!important; }



.rs-arrows {

  position:absolute;

  z-index:799;  

  width:100%;

  top:50%; 

  right:0px;  

}



.rs-arrows .rs-prev, .rs-arrows .rs-next {

  width: 50px; 

  height: 50px;

  display: block;

  position:absolute;

  right:30px; 

  margin-top:-25px;

  -webkit-border-radius: 3px; 

     -moz-border-radius: 3px; 

       -o-border-radius: 3px; 

          border-radius: 3px; 

  border:0px; 

  background:#2d333d !important; 

  opacity: 0.5 !important; 

     -moz-transition: all .3s ease-in-out;

  -webkit-transition: all .3s ease-in-out;

       -o-transition: all .3s ease-in-out;

      -ms-transition: all .3s ease-in-out;

          transition: all .3s ease-in-out; 

}



.rs-arrows .rs-prev {

  left:30px; 

}    



.rs-arrows .rs-next {

  right:30px; 

}

    

.rs-arrows .rs-prev:hover, .rs-arrows .rs-next:hover { 

  background:#2d333d !important; 

  border:0px; 

  opacity: 1 !important; 

}



.rs-arrows .rs-prev i, .rs-arrows .rs-next i {

  text-indent: 0px;

  color:#ffffff;

  font-size: 20px;

  width: 47px;

  height: 50px;

  position: absolute;

  line-height: 49px;

  text-align: center;

  font-weight:400;

}



.rs-arrows .rs-next i {

  text-indent: 3px;

}

             

.rs-caption {

  padding: 20px;

  color: #ffffff;

  background: #000000;

  background: rgba(0, 0, 0, .6);

}



.rs-caption p {

  color: #ffffff;

  margin-bottom: 0;

}



/* --------------------------------------------------------	*/

/* Flexlider */

/* --------------------------------------------------------	*/



.flex-1 {

margin: 0px 0px 25px 0px; 

background: transparent;

border: 0px solid #ffffff; 

position: relative; 

-webkit-border-radius: 0px; 

-moz-border-radius: 0px; 

-o-border-radius: 0px;

border-radius: 0px; 

box-shadow: 0 0px 0px #000000; 

-webkit-box-shadow: 0 0px 0px #000000; 

-moz-box-shadow: 0 0px 0px #000000; 

-o-box-shadow: 0 0px 0px #000000; 

zoom: 1;

}



.flex-1 .flex-control-nav {

width: 100%; 

height:40px; 

position: relative; 

text-align: center; 

background: transparent; 

border: 0px solid #000000; 

margin-top:-50px; 

margin-bottom:0px;

}



.flex-1 .flex-control-nav li {

margin: 0 5px; 

display: inline-block; 

zoom: 1; 

*display: inline; 

padding-top:15px;

}



.flex-1 .flex-control-paging li a {

width: 14px; 

height: 14px; 

display: block; 

border:1px solid #7786a1; 

cursor: pointer; 

font-size:0px; 

text-indent: 0px;

-webkit-border-radius: 50%; 

-moz-border-radius: 50%; 

-o-border-radius: 50%;  

border-radius: 50%;  

box-shadow: inset 0 0 0px #000000; 

background: #f7fcff !important;

}



.flex-1 .flex-control-paging li a:hover { 

background: #0fa2d5 !important; 

}



.flex-1 .flex-control-paging li a.flex-active {

position:relative; 

cursor: default; 

background:#2d333d !important; 

}



.flex-1 .flex-direction-nav {

display:none;

}



.flex-1 .flex-viewport {

max-height: 3500px; 

-webkit-transition: all 1s ease; 

-moz-transition: all 1s ease; 

transition: all 1s ease; 

border: 0px solid #000000; 

width:100%;

}



/* --------------------------------------------------------	*/

/* Layer Slider */

/* --------------------------------------------------------	*/



	.ls-layer,

	.ls-layer * {

		font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;

		font-weight: normal;

		white-space: nowrap;

	}

				

	.l3s1, .l3s2, .l3s3 {

		text-shadow: 0px 0px 10px white;

		color: white;

	}



	.l3s1 {

		font-size: 30px;

	}

	

	.l3s2 {

		font-size: 60px;				

	}

	

	.l3s3 {

		font-size: 20px;

		font-style: italic;

	}

	

	.l4s1, .l4s2, .l4s3, .l4s4 {

		box-shadow: 0px 3px 10px -3px #002c4b;

		background: #02cef7;

		background: -moz-linear-gradient(top, #02cef7 0%, #009bba 100%);

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02cef7), color-stop(100%,#009bba));

		background: -webkit-linear-gradient(top, #02cef7 0%,#009bba 100%);

		background: -o-linear-gradient(top, #02cef7 0%,#009bba 100%);

		background: -ms-linear-gradient(top, #02cef7 0%,#009bba 100%);

		background: linear-gradient(to bottom, #02cef7 0%,#009bba 100%);

		text-shadow: 0px -1px 1px #00819c; 				

		padding: 10px 15px 10px 15px;

		border-top: 4px solid white;

		font-size: 20px;

		color: white;

		border-radius: 7px;				

	}



/* --------------------------------------------------------	*/

/* Master Slider */

/* --------------------------------------------------------	*/



  .ms-caption{

    color:#fff;

    font-size:40px;

    padding-top:80px;

  }

  

  /*ntsh*/

  .encasa-logo {

     width: 30%;

    border: #CCC 1px solid;

}



.topImg{

  width:100%; 

  border-bottom:#240f73 3px solid;	

}



.sideLogos {

    padding: 10px;

    width: 67%;

	margin: 0 auto;

}



.sidelogo{

	margin-bottom:27px;

}



.infoTab{

	width:277px;

	font-size: 14px;

}



.boxLeft{

	margin-left: -14px;

}



.boxTitle{

	font-size: 16px;

    font-weight: 600;

    padding-top: 5px;

    margin-bottom: 6px;

	color: #484848;

}



.boxPadding{

	padding: 2px 10px 1px;

}



.boxPara{

padding-right: 9px !important;

    line-height: 17px;	

}



.boxMainImg{

	 height: 152px;

}



.boxMain{

	padding-right: 0 !important ;

}



.sidelogobg{

margin: 0 auto 7px;

background:#f5f5f5; 

padding: 5px 0;	

 text-align: center;

}



.sdlg{

width:auto;	

}



.subtitle{

	color: #6f7076;

margin-bottom: 7px;

}



.leftcolumnborder{

	border-bottom:#999 1px dotted; margin-top:5px;

}



.titlebottomline{

	 border-bottom: 1px solid #d9d8d8;

}



.aboutImg{

	margin-top:10px;

}



.sejalLogo{

	color:#cc0033; font-weight:600;

}



#scrollup{

    background: url('images/scroll.png') no-repeat;

    width: 40px;

    height: 40px;

    position:fixed;

    bottom:50px;

    right:20px;

    display:none;

    text-indent:-9999px;

}



 #scrollup {

    background: #1a729b url(../img/scroll-top/to-top.png) no-repeat scroll 50% 50%;

     border-radius: 6px;

    bottom: 20px;

    display: none;

    height: 30px;

    padding: 18px;

    position: fixed;

    right: 40px;

    text-indent: -9999px;

    width: 10px;

}



.glassImg{

	margin-top:128px;

}



#over {

  background-color: Black;

  margin: 0 auto;

  opacity: 0.7;

  padding: 6px;

  width: 25%;

}



.tableText{

 color:#757474;

 font-weight:600;	

}

.tableText2{

	background-color:#646262;

	color:#FFF;

}



.main-sent{

	font-size:14px;

}



.vertical{

    writing-mode:tb-rl;

    -webkit-transform:rotate(270deg);

    -moz-transform:rotate(270deg);

    -o-transform: rotate(270deg);

    -ms-transform:rotate(270deg);

    transform: rotate(270deg);

    white-space:nowrap;

    display:block;

    bottom:0;

    width:20px;

    height:20px;

	 margin-top: 150px;

}



.tbcolumn{

	background-color:#adacac;

	color:#FFF;

}





.firebanTable td {

	padding-right: 10px !important;

	padding-top:5px !important;

	padding-bottom:5px !important;

}



.firebanTable2 td{

	 padding-left: 2px !important;

    padding-right: 3px !important;

	 padding-top: 4px !important;

	  padding-bottom: 4px !important;

}



.fa .fa-download a{

	color:#CC2923 !important;

}



.pdfdwnldImg{

	width:3%;

	padding-left: 5px;

}



.redcolorlogo{

	color:#cc0033;

	font-weight:700;

}



.note {

  background-color: #eae9e9;

  color: #7a7676;

  font-size: 11px;

  line-height: 19px;

}



.tableText.tdleft {

    padding-left: 9px !important;

}





*::before, *::after {

    box-sizing: border-box;

}

*::before, *::after {

    box-sizing: border-box;

}

.tbcolumn2 {

    background-color: #adacac;

    color: #fff;

    padding-bottom: 5px !important;

    padding-top: 5px !important;

}



.pdfdwnldImg2{

	width:7%;

	padding-left: 5px;

}



.subHeading{

font-size:19px;

}



.subHeading2{

font-size:24px;

}



.mediaImg{

margin-top:7px;

}



.boxHeadingText{

	font-size:16px;

}

.homeIcon{

	font-size:24px;

}



.fontIconBig{

	font-size:18px;

}



.contentblockHeading{

	font-size:13px !important;

}



.tabColumn{

	margin-top: 20px;

width: 72%;

}



.oslotron2{

border: 1px solid #abb3ba;

border-radius: 10px;

padding: 13px 22px;

width: 60%;

margin-left: -16px;



}



.sales{

	 color: #0c78aa;

    font-size: 15px;

}



.managerInfo{

	  margin-right: -195px;

}



.zone{

	margin-top:15px;

	font-size: 16px;

	width:80%;

	font-weight:600;

}

	

.tbcolumn3{

	background-color:#FFF;

	color:#da2217;

	font-size: 15px;

}	



.names {

    color: #5e5b5b;

}

.select{

	color:#128fc9;

}

.glassNameMain{

	color:#0573a6;

}



.glassName{

	color:#333;

}



.process-gallery{

	margin-left:-15px;

}

.process-heading{

	margin-top:-10px;

}

.process-location{

	padding-bottom: 11px !important;

}

.process-name{

	color:#423e3e !important;

}

.process-division{

	 float: left;

    padding-right: 10px;

    width: 50%;

}



.plant{

padding-bottom: 10px;	

}

.navbar-inner .container {

  padding: 0;

}



@media screen and (min-width: 1190px) {

.service.Companies2 h4 {

    font-size: 15px !important;

}

.parallax h3 {   font-size: 22px;   line-height: 41px;}



}
.accordion-sw {
  max-width: 600px;
 /* margin: auto;*/
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.accordion-sw-item {
  border-bottom: 1px solid #ddd;
}

.accordion-sw-item:last-child {
  border-bottom: none;
}

.accordion-sw-header {
 width: 100%;
    padding: 11px 14px;
    height: 40px;
    text-align: left;
    background-color: #adacac;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.accordion-sw-header:hover {
  background-color: #77c0e5;
}

.accordion-sw-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 15px;
}

.accordion-sw-content.open {
  padding: 0px;
  max-height: 200px; /* Adjust this value based on your content's height */
}