/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

/* #Product
================================================== */
#top .no-mp{
  padding: 0;
  margin: 0;
}

#top .circle-img{
  line-height: 64px;
  width: 64px;
  height: 64px;
  padding: 20px !important;
  margin: auto !important;
}

.fy-center{
  display: flex;
  justify-content: center;
}


/* avia layout */
.avia-right {
  display: block;
  float: right;
}

ul.not-margin li {
  margin: 0;
}


/*  flex*/
.fx-center{
  display: flex;
  align-items: center;
}

/*  ul no style*/
ul.footer-contact{
   list-style: none;
    margin: 0;
    padding: 0;
}

.footer-contact li:first-child{
  margin-left: 0;
  margin-right: 26px;
}

.footer-contact li a{
  font-size: 18px;
}

.footer-contact [data-av_icon]:before {
  margin-right: 8px;
}

.opacity-8 div ul{
  opacity: 0.5;
}



/* contact header buttom */
.list-buttom-contact{
    margin-bottom: 0px;
    float: right;
    display: flex;
    align-items: center;
    height: 30px;
    z-index: 150;
}

.list-buttom-contact li a.avia-button.avia-size-large{
  margin: 0;
  min-width: 82px;
  padding: 0 10px;
  line-height: 30px;
  margin-left: 8px;
  border: none;
}

#top ul.header-contact li{
  border-right-style: none;
  margin-right: 12px;
  font-size: 14px;
}

#top ul.header-contact .avia_hidden_link_text{
  display: inline-block;
  margin-left: 8px;
}

#top ul.header-contact li a,
#top ul.header-contact li{
  width: auto;
}


#top .footer-contact li a{
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color:#cd0119;
}

#top .footer-contact li a:hover{
  color: #88bbc8;
}





/*  background color and hover to buttom */
.header_color a.back-colo-black,
a.back-colo-black{
  color: #FFF;
  background: #000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header_color a.back-colo-black:hover,
a.back-colo-black:hover{
  background: #263238;
  color:#fff;
}

.header_color a.back-colo-blue,
a.back-colo-blue{
  color: #FFF;
  background: #4285f4;
}

.header_color a.back-colo-auto,
a.back-colo-auto{
  color: #FFF;
  background: #ff0000;
}

.header_color a.back-colo-auto:hover,
a.back-colo-auto:hover{
  opacity: 0.9;
  color:#fff;
}

.header_color a.back-colo-white,
a.back-colo-white{
  color: #ff0000;
  background: white;
}

.header_color a.back-colo-white:hover,
a.back-colo-white:hover{
  opacity: 0.9;
  color:#ff0000;
}

#top .bk-auto{
  background: #ff0000;
}

#top .main_color input[type='submit']{
  background: #ff0000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#top .main_color input[type='submit']{
    opacity: 0.9;
    color: #fff;
    background: #ff0000;
}

#top .avia-button img{
  width: 28px;
  margin-right: 8px;
}

#top .avia-button.fx-center{
  display: flex;
  align-items: center;
}
/* end background color and hover to buttom */

/* Letter , background  (color)*/
#top .color-auto{
  color: #ff0000 !important;
}
#top .font-weight-100{
  font-weight: 100;
}

#top .justify-text p{
  text-align: justify !important;
}

#top .bd-color-auto{
  border-color: #ff0000;
}

#top .bd-color-black{
  border-color: #000;
}
/* End letter Color */


/*Font size letter  */

/* End Font size letter */


#header_meta {
  display: flex;
  align-items: center;
  height: 55px;
  background: #263238;
}

#top .header-contact li a{
  color: #f5f5f5;
  opacity: 0.8;
  font-size: 12px;
  font-weight: 100;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#top .footer a{
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#top .footer a:before{
  margin-right: 8px
}

#top .footer a:hover {
  color: #fff;
  opacity: 0.6;
  text-decoration: none;
}

#top .header-contact li a:hover{
  color:#ff0000;
}

.auto-x:before{
  background: #ff0000;
  display: inline-block;
  width: 1.8%;
  height: 3px;
  content: "";
  transform: rotate(58deg);
  vertical-align: middle;
  margin-top: 33px;
  position: absolute;
  margin-left: 17px;
}

.auto-x:after{
  background: #ff0000;
  display: inline-block;
  width: 1.7%;
  height: 3px;
  content: "";
  transform: rotate(122deg);
  vertical-align: middle;
  margin-top: -27px;
  margin-left: -12px;
}

/*.av_icon_active_left .social_bookmarks.header-contact{
  float: right;
}*/

.logo a{
  display: flex;
  align-items: center;
}

/*  Footer */
.container.footer .content{
  padding: 26px 0;
}
#after_section_4{
  border: none;
}
/* End footer  */



/* List Style */
#top .list-check li{
  list-style: none;
}

#top .list-check li:before{
  margin-left: -16px;
  margin-right: 8px;
}

#top .list-hover a:hover{
  text-decoration: none;
}

#top .list-hover a:hover{
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* End List Style  */


/* Breadcrumb */
#top .bk-breadcrumb{
    overflow: hidden;
    background: url(../images/desert-highway-with-speed.jpg);
    background-size: cover;
    background-position: 73% 34%;
    position: relative;
}

#top .bk-breadcrumb .bk-black{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}

#top .bk-breadcrumb a{
  color:#fff !important;
}

#top .bk-breadcrumb span {
  color:#fff;
}


#top .bk-breadcrumb span.sep {
  color: #888888;
}
/*  End Breadcrumb*/


/* Download */
.instructions{
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 35px 15px 20px 75px;
}

.instructions ol {
  list-style: none;
  counter-reset: item;
  font-size: 20px;
  line-height: 62px;
}

.instructions ol li {
 counter-increment: item;
 margin-bottom: 5px;
}

.instructions ol li:before {
  margin-right: 10px;
  content: counter(item);
  border: 1px solid #ff0000;
  border-radius: 100%;
  width: 3em;
  text-align: center;
  display: inline-block;
  color: #000;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.instructions ol li:hover:before {
  background-color: #ff0000;
  color:#fff;
}
/* End Download */


/*  Tab */
#top .tabcontainer .tab{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#top .main_color .tabcontainer .tab:hover{
  color:#ff0000;
}

#top .main_color .tabcontainer .tab.active_tab{
  color:#ff0000;
}

#top .main_color .tabcontainer .active_tab{
  background: transparent;
  border:none;
}

#top .main_color .tabcontainer .active_tab_content{
  background: transparent;
}

#top #idsolution .av-special-heading-tag{
    font-size: 2em;
}

#top #idsolution .av-special-heading-h3 .special-heading-border{
  height: 3em;
}

#top #idsolution .avia_textblock p,
#top #idsolution .avia_textblock ul li{
  font-size: 1.1em;
  color:#000;
}

#top #idsolution .bk-grey{
  background: #dadada;
}

.responsive #idsolution .container {
  max-width: 1630px;
}

#download.av-layout-grid-container {
max-width: 1330px !important;
margin: 0 auto !important;
border: none !important;
}

/* End Tab */










/*  Media Screen */
@media only screen and (min-width: 1024px) {
  #download .dividing-line{
    position: absolute;
    background: #ff0000;
    width: 4px;
    height: 100%;
    right: -2px;
  }
}

@media only screen and (min-width: 1280px) {
  .size-font-silicon{
    font-size: 19px;
  }
}
/* End Media Screen */