@charset "utf-8"; /* CSS Document */
/*----*****---- << Color >> ----*****----*/
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a, #logo h2 a span, .widget ul li a:hover, .widget.tweetbox ul.tweet_list li a, #secondary .widget h3.widgettitle:hover a:before, #secondary ul.product_list_widget li .amount, #secondary .widget.woocommerce h3.widgettitle:hover a, #main-menu ul ul li a:hover, #main-menu ul ul li.current_page_item a, #main-menu ul ul li.current_page_item ul li.current_page_item a, #main-menu ul ul li.current_page_item ul li a:hover, .ico-content.type1:hover h5 a, .ico-content.type2:hover h5 a, .ico-content.type2:hover .icon, .product .summary .price, .side-nav-container ul li a:hover, .side-nav-container ul li.current_page_item a, .portfolio.one-column:hover .portfolio-detail h5 a:hover, .portfolio.one-column-with-sidebar .portfolio-detail h5 a:hover, .entry-metadata div, ul.commentlist li .author-name a:hover, .error-info h2 span.error, #footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, #footer h6 a:hover, #footer .tweets a:hover, h5.toggle:hover, h5.toggle a:hover, h5.toggle-accordion:hover, h5.toggle-accordion a:hover, .toggle-frame h5.toggle-accordion a:hover, .toggle-frame h5.toggle a:hover, h5.toggle.active, h5.toggle.active a, h5.toggle-accordion.active a, h5.toggle-accordion.active, .entry-metadata a:hover, .entry-body .read-more:hover, .entry-body .read-more:hover span, .pr-tb-col.selected .tb-title h5 {
    color: #0038a8;
}


.border-title h1, .border-title h2, .border-title h3, .border-title h4, #main-menu > ul > li:hover, #main-menu > ul > li.current_page_item, #main-menu > ul > li.current_page_item.hasSubmenu:hover {
    border-bottom: 5px solid #0038a8;
}

.border-title h1 span, .border-title h2 span, .border-title h3 span, .border-title h4 span, #main-menu > ul > li:hover > ul:before {
    border-bottom: 6px solid #0038a8;
}

#main-menu ul li ul {
    border-top: 5px solid #0038a8;
}


* {
  box-sizing: border-box;
}

input[type=text], [type=password], input[type=date], select, textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 8px 8px 0px 8px;
  display: inline-block;
  text-align: right;
  width: 100%;
}

input[type=submit], [type=reset] {
  background-color: #0038a8;
  color: white;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  margin-right: 10px;
}

input[type=submit]:hover, input[type=reset]:hover {
  background-color: #002b7f;
}

.btn-info {
  color: white;
  background-color: #0038a8;
  border-color: #0038a8;
  border-radius: 4px;
  padding: 8px;
}

	
.btn-info:hover {
	background-color: #002b7f;
	border-color: #25cff2
}

.alertini {
  color: red;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  top: 4px;
  left: 80px;
  z-index: 1;
}

.alertfin {
  color: red;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  top: 36px;
  left: 80px;
  z-index: 1;
}

.container {
  border-radius: 8px;
  background-color: #f2f2f2;
  /* padding: 20px;	*/
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
  position: relative;
}

/* Clear floats after the columns */

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 479px) {
  .col-25, .col-75 {
    width: 100%;
    margin-top: 0;
  }

  input[type=submit], input[type=reset] {
    width: 180px;
    margin: 10px 10px 0px 0px;
  }

  label {
    text-align: left;
  }
}

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

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