body {

  margin: 0;

  padding: 0;

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

  font-size: 14px;

  overflow-x: hidden;

}



.wrapper {

  max-width: 1200px;

  margin: 20px auto;

  padding: 0 15px;

}

.wrapper > h1 {

  text-align: center;

}

.wrapper > h1 span {

  border-bottom: 2px solid #49a4d9;

  display: inline-block;

  padding: 0 10px 10px;

  color: #49a4d9;

  transition: all 0.5s linear;

}



ul,

li {

  margin: 0;

  padding: 0;

  list-style: none;

}



.tab_wrapper {

  margin:0 15px;

  display: inline-block;

  position: relative;

}

.tab_wrapper * {

  box-sizing: border-box;

}

.tab_wrapper > ul {

  clear: both;

  margin:0; padding:0; list-style:none; background:#064E67; font-size:0

}



.tab_wrapper > ul li {

  display:inline-block; 

  font-size:16px; 

  color:#fff; 

  padding:0 20px; 

  line-height:50px; 

  height:50px; 

  border-right:1px solid rgba(255,255,255,0.3); 

  transition:border 0.3s; 

  cursor:pointer

  }

.tab_wrapper > ul li:not(.ativo):hover {border-bottom:5px solid #FF0}

.tab_wrapper > ul li.active {

  height:50px; line-height:50px; background:#F6EDF5; color:#064E67; font-weight:bold; border:none; border-bottom:0px solid #FF0 !important;

}

.tab_wrapper > ul li.active:after {

  content: "";

  position: absolute;

  bottom: -1px;

  height: 1px;

  left: 0;

  width: 100%;

}

/*

.tab_wrapper > ul {

  clear: both;

  display: inline-block;

  width: 100%;

  border-bottom: 1px solid #49a4d9;

}

.tab_wrapper > ul li {

  float: left;

  cursor: pointer;

  font-weight: bold;

  padding: 8px 18px;

  text-transform: uppercase;

  border: 1px solid #ccc;

  font-size: 1.05em;

  border-bottom: 0;

  position: relative;

  border-top: 3px solid #ccc;

  color: #999;

  margin: 0 5px 0 0;

}

.tab_wrapper > ul li.active {

  border-color: #49a4d9;

  color: #49a4d9;

}

.tab_wrapper > ul li.active:after {

  content: "";

  position: absolute;

  bottom: -1px;

  height: 1px;

  left: 0;

  background: #fff;

  width: 100%;

}*/

.tab_wrapper .controller {

  display: block;

  overflow: hidden;

  clear: both;

  position: absolute;

  top: 0;

  right: 0;

}

.tab_wrapper .controller span {

  padding: 8px 22px;

  background: #49a4d9;

  color: #fff;

  text-transform: uppercase;

  display: inline-block;

}

.tab_wrapper .controller span.next {

  float: right;

  margin-left: 10px;

}

.tab_wrapper .content_wrapper {

  float: left;

  width: 100%;

/*  border: 1px solid #49a4d9;*/

  border-top: 0;

  box-sizing: border-box;

}

.tab_wrapper .content_wrapper .tab_content {

  display: none;

  padding:20px 10px 10px;

}

.tab_wrapper .content_wrapper .tab_content.active {

  /* display: block; */

  display: flow-root;

}

.tab_wrapper .content_wrapper .tab_content .error {

  color: red;

}

.tab_wrapper .content_wrapper .accordian_header {

  display: none;
 
  color:#fff;
 
  background:#064E67; 

  padding: 10px 20px;

  width:100% !important;

  text-transform: uppercase;

  border-bottom: 1px solid rgba(255,255,255,0.3);

  position: relative;

  cursor: pointer;

}



.tab_wrapper .content_wrapper .accordian_header .arrow {

  float: right;

  display: inline-block;

  margin-top: 5px;

  width: 12px;

  height: 12px;

  position: relative;

  border-radius: 2px;

  transform: rotate(-135deg);

  background: none;

  border-top: 3px solid #fff;

  border-left: 3px solid #fff;

                /* &:after{

					position: absolute;

					top: 0;

					content: "";

					left: 0;

					width: 10px;

					height: 10px;

					background: $white;

					border-top: 3px solid $border_color;

					border-left: 3px solid $border_color;

				} */

}

.tab_wrapper .content_wrapper .accordian_header.active {

  background:none; 
  
  color:#064E67;
  
  font-weight:bold;
	
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {

  transform: rotate(45deg);

  margin-top: 10px;

  border-top: 3px solid #064E67;

  border-left: 3px solid #064E67;

}

.tab_wrapper.left_side > ul {

  width: 25%;

  float: left;

  border-bottom: 1px solid #ccc;

}

.tab_wrapper.left_side > ul li {

  width: 100%;

  box-sizing: border-box;

  margin: 0;

  padding: 12px 18px;

  border-width: 1px;

  border-right: 0;

  border-left: 0;

}

.tab_wrapper.left_side > ul li:after {

  left: 0;

  top: 0;

  content: "";

  position: absolute;

  width: 5px;

  height: 100%;

  background: #ccc;

}

.tab_wrapper.left_side > ul li.active {

  border-color: #ccc;

}

.tab_wrapper.left_side > ul li.active:after {

  left: 0;

  top: 0;

  width: 5px;

  height: 100%;

  background: #49a4d9;

}

.tab_wrapper.left_side > ul li.active:before {

  right: -1px;

  position: absolute;

  top: 0;

  content: "";

  width: 2px;

  height: 100%;

  background: #fff;

}

.tab_wrapper.left_side .content_wrapper {

  width: 75%;

  border: 1px solid #ccc;

  float: left;

}

.tab_wrapper.left_side .controller {

  top: -50px;

}

.tab_wrapper.right_side > ul {

  width: 25%;

  float: right;

  border-bottom: 1px solid #ccc;

}

.tab_wrapper.right_side > ul li {

  width: 100%;

  box-sizing: border-box;

  margin: 0;

  padding: 12px 18px;

  border-width: 1px;

  border-right: 0;

  border-left: 0;

  text-align: right;

}

.tab_wrapper.right_side > ul li:after {

  right: 0;

  left: inherit;

  top: 0;

  content: "";

  position: absolute;

  width: 5px;

  height: 100%;

  background: #ccc;

}

.tab_wrapper.right_side > ul li.active {

  border-color: #ccc;

}

.tab_wrapper.right_side > ul li.active:after {

  right: 0;

  left: inherit;

  top: 0;

  width: 5px;

  height: 100%;

  content: "";

  background: #49a4d9;

}

.tab_wrapper.right_side > ul li.active:before {

  left: -2px;

  right: inherit;

  position: absolute;

  top: 0;

  content: "";

  width: 2px;

  height: 100%;

  background: #fff;

}

.tab_wrapper.right_side .content_wrapper {

  width: 75%;

  float: left;

  border: 1px solid #ccc;

}

.tab_wrapper.right_side .controller {

  top: -50px;

}

.tab_wrapper.accordion .content_wrapper {

  border-color: #ccc;

}

.tab_wrapper.accordion .content_wrapper .accordian_header {

  display: block;

}

.tab_wrapper.accordion > ul {

  display: none;

}

.tab_wrapper .active_tab {

  display: none;

  position: relative;

  background: #000000;

  padding: 12px;

  text-align: center;

  padding-right: 50px;

  color: #fff;

  cursor: pointer;

  border-radius: 30px;

}

.tab_wrapper .active_tab .arrow {

  width: 30px;

  height: 30px;

  overflow: hidden;

  line-height: 30px;

  text-align: center;

  background: #fff;

  position: absolute;

  right: 6px;

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

}

.tab_wrapper .active_tab .arrow:after {

  content: "";

  width: 10px;

  display: inline-block;

  height: 10px;

  border-right: 3px solid #000;

  border-bottom: 3px solid #000;

  transform: rotate(45deg);

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -6px;

  margin-top: -8px;

}

.tab_wrapper .active_tab .text {

  text-indent: 39px;

  display: block;

}



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

  .tab_wrapper > ul {

    display: none;

  }

  .tab_wrapper .content_wrapper {

    border: 0;

  }

  .tab_wrapper .content_wrapper .accordian_header {

    display: block;

  }

  .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {

    width: 100%;

    border-top: 0;

  }

  .tab_wrapper .controller {

    display: none;

  }

  .tab_wrapper.show-as-dropdown > .tab_list {

    border: 0;

    box-shadow: 0 0 8px #ccc;

    position: absolute;

    z-index: 3;

    background: #fff;

    border-radius: 5px;

    margin-top: 15px;

  }

  .tab_wrapper.show-as-dropdown > .tab_list:before {

    content: "";

    position: absolute;

    top: -6px;

    left: 50%;

    width: 14px;

    height: 14px;

    background: #fff;

    transform: rotate(45deg);

    box-shadow: -3px -4px 5px #efefef;

    margin-left: -7px;

  }

  .tab_wrapper.show-as-dropdown > .tab_list li {

    border: 0;

    border-bottom: 1px solid #ccc;

  }

  .tab_wrapper.show-as-dropdown > .tab_list li.active:after {

    display: none;

  }

  .tab_wrapper.show-as-dropdown .active_tab {

    display: block;

  }

  .tab_wrapper.show-as-dropdown > .tab_list {

    display: none;

  }

  .tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header {

    display: none;

  }

  .tab_wrapper.show-as-dropdown > .tab_list li {

    display: block;

    float: none;

    width: 100%;

  }

}

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

  .tab_wrapper.show-as-dropdown > .tab_list {

    display: block !important;

    overflow: hidden;

  }

}

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

  .first_tab > .tab_list li {

    display: block !important;
	border-bottom:1px solid rgba(255,255,255,0.3) !important;
	
  }
	
  .first_tab > .tab_list li.active {border-bottom:1px solid rgba(255,255,255,0.3) !important;}	

  .first_tab > .tab_list li {border-bottom:1px solid rgba(255,255,255,0.3) !important;}
  
}



/*# sourceMappingURL=style.css.map */