/*!
     * Start Bootstrap - Resume v5.0.1 (https://startbootstrap.com/template-overviews/resume)
     * Copyright 2013-2018 Start Bootstrap
     * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
     */

    /*#BD5D38 orange*/
    body {
      font-family: 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
      padding-top: 54px;
      color: #393C40;
        width: 100%;
            opacity: 1;
        transition: 1s opacity;
        
    }
    body.fade-out {
        opacity: 0;
        transition: none;
    }

    @media (min-width: 992px) {
      body {
        padding-top: 0;
        padding-left: 17rem;
      }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
      font-weight: 700;
      text-transform: uppercase;
      color: #343a40;
    }

    h1 {
      font-size: 4rem;
      line-height: 2rem;
    }

    h2 {
      font-size: 3.5rem;
    }

    h3 {
      font-size: 2rem;
    }

    p.lead {
      font-size: 1.15rem;
      font-weight: 400;
        margin: 0 20px !important; 
    }

    .subheading {
      text-transform: uppercase;
      font-weight: 500;
      font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
      font-size: 1.25rem;
    }
    

    .social-icons a {
      display: inline-block;
      height: 3.5rem;
      width: 3.5rem;
      background-color: #495057;
      color: #fff !important;
      border-radius: 100%;
      text-align: center;
      font-size: 1.5rem;
      line-height: 3.5rem;
      margin-right: 1rem;
    }

    .social-icons a:last-child {
      margin-right: 0;
    }

    .social-icons a:hover {
      background-color: #596d7f;
    }

    .dev-icons {
      font-size: 3rem;
    }

    .dev-icons .list-inline-item i:hover {
      color: #596d7f;
    }

    #sideNav .navbar-nav .nav-item .nav-link {
      font-weight: 800;
      letter-spacing: 0.05rem;
      text-transform: uppercase;
    }

    #sideNav .navbar-toggler:focus {
      outline-color: #FF4C4C;
    }

    @media (min-width: 992px){
      #sideNav {
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 17rem;
      height: 100%;
          padding-top: 0;
          padding-bottom: 0;

      }
      #sideNav .navbar-brand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto auto 0;
        padding: 0.5rem;
      }
      #sideNav .navbar-brand .img-profile {
        max-width: 10rem;
        max-height: 10rem;

      }
      #sideNav .navbar-collapse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%;
        margin-bottom: auto;
      }
      #sideNav .navbar-collapse .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
      }
      #sideNav .navbar-collapse .navbar-nav .nav-item {
        display: block;
      }
      #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
        display: block;
      }
    }

    section.ies-section {
      padding-top: 2rem !important;
      max-width: 75rem;
    }

    section.ies-section .ies-item .ies-date {
      min-width: none;
    }

    @media (min-width: 768px) {
      section.ies-section {
        min-height: 100vh;
      }
      section.ies-section .ies-item .ies-date {
        min-width: 18rem;
      }
    }

    @media (min-width: 992px) {
      section.ies-section {
        padding-top: 3rem !important;

      }
    }

    .bg-primary {
    /*  background-color: rgba(123, 150, 173, 0.7 ) !important;*/
        background-color: rgba(192, 192, 192, 1) !important;
    }
=
    @media (max-width: 991px){
        .bg-primary {
      background-color: rgba(192, 192, 192, 1) !important;
    }
    }

    .text-primary {
      color: #FF4C4C !important;
        float: none;
    }

    a {
      color: #7B96AD;
    }

    a:hover, a:focus, a:active {
      color: #FF4C4C;
    }

    .telnumber{
        margin-left: 1rem;
        display: inline;
    }



    .fbfloatbig{
        float: right;
        background-color:#06C;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        box-shadow: 0px 7px 5px #999;
        max-width: 100%;
    }
    .fbfloatsmall{
        float: right;
        background-color:#06C;
        color:#FFF;
        border-radius:50px;
        max-width: 100%;
        margin-left: 5px;
        margin-top: 20px;
    }

    .joinfloat{
        float: left;
        background-color:#06C;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
        max-width: 100%;
    }

    .joinfloat:hover, .fbfloatbig:hover, .fbfloatsmall:hover{
        transform: scale(1.1);
    }

    .submit {
        position: relative; 
        align-items: center;
        border: 0.5px solid #4CA3FF;
       /* background-color: #d8dad3;*/
        box-shadow: 2px 2px 3px #999;
        color: #000;    
        cursor: pointer;
        font-weight: 505;
        font-size: 100%;
        font-size-adjust: auto;
    } 

    .submit:hover {
        background: #4CA3FF;
        color: #fff;
        }

    select:invalid { color: #6c757d; }

.select2{
    
}

    .btn-info {
      color: #fff;
      background-color: #4CA3FF;
      border-radius: 35px;
      border: 1px solid rgba(76, 163, 255, 0.75);  
    }

    .img_size{
        height: 200px;
        width: 280px;
    }

    .nav-tabs2{
        float: left;
        display: inline-block;
        text-align: center;
    }

    .nav-tabs2 .nav-item {
      margin-bottom: 1px;
        border: 1px solid transparent;
        border-color: #ffff;
    }

    .nav-tabs2 .nav-link {
        border: 1px solid transparent;
        border-radius: .5rem;
        background: #ccc;
        color: #002D7F;
    }

    .nav-tabs2 .nav-link.active{
        color: #E8FFF8;
        background-color:#17a2b8 !important;
        border-color: transparent !important;
    }

    .nav-tabs2 .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6;
    }

    .nav-tabs2 .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent;
    }

    .nav-tabs2 .nav-item.show .nav-link {
      color: #495057;
      background-color: #fff;
      border-color: #dee2e6 #dee2e6 #fff;
    }

    .nav-tabs2 .dropdown-menu {
      margin-top: -1px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .tab-content .tab-pane a:hover{
        cursor: context-menu;
    }

    .hidden{
        display: none;
    }

    .selectWrapper {
        width: 100%;
        overflow: hidden;
        height: auto;
        position: relative;
        border: 1px solid #bbb;
        border-radius: 2px;
        background:#FFFFFF url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%2300AEA9%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
        white-space: normal;
    }

    .selectWrapper select {
            padding: 8px;
            font-size: auto;
            font-family: font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            font-weight: bolder;
            overflow: hidden;
            height: auto;
            width: 100%;
            border: none;
            box-shadow: none;
            -webkit-appearance: none;
            outline: none;
            cursor: pointer;
            -moz-appearance: none;
            text-indent: 0.01px;
            white-space: normal;
            background-color: #fff;
        }

.main-btn{
    background-color: #4CA3FF;
    color: #fff !important;
}
.main-btn:active{
        background-color: #4CA3FF;
        color: #fff;
    }

    .filter-button
    {
        font-size: 18px;
        border: 1px solid #4CA3FF;
        border-radius: 5px;
        box-shadow: 4px 4px 3px #999;
        color: #002D7F;
        margin-bottom: 5px;
        transform: none;
        transition-duration:0.4s;

    }
    .filter-button:hover
    {
        font-size: 18px;
        border: 1px solid #4CA3FF;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        background-color: #4CA3FF;
        transform: scale(1.1);
        transition-duration:0s;
    }

     .filter-button:active
    {
        background-color: #4CA3FF;
        color: #fff;
    }

    .port-image
    {
        width: 100%;
    }

    .gallery_product
    {
        display: flex;

        margin-bottom: 30px;
    }
    .img-thumbnail1 {
      padding: .25rem;
      background-color: #fff;
      border: 1px solid #dee2e6;
      border-radius: 0.25rem;
      max-width: 100%;
      height: auto;
      box-shadow: 5px 5px 4px #999;
        transition: 0.4s;
    }
    .img-thumbnail1:hover{
        border-color: #17a2b8;
        transform: scale(1.1);
        transition: 0.4s;
        box-shadow: none;
    }
    .img-thumbnail2 {
      padding: 10px;
      background-color: #fff;
      border: 1px solid #dee2e6;
      border-radius: 0.25rem;
        width: 100%;
        height: auto;
      transition: 0.4s;
      box-shadow: 5px 5px 4px #999;
    }
    .img-thumbnail2:hover {
        border-color: #17a2b8;
        transform: scale(1.1);
        transition: 0.4s;
    }
    .img-thumbnail3 {
      background-color: #fff;
      border: 1px solid #dee2e6;
      border-radius: 0.25rem;
      width: 100%;  
        height: auto;
    }
    .img-thumbnail3:hover {
        border-color: #17a2b8;

    }
    /*equipment-list-hover-effect*/
    .product-list-fade-effect
    {
        width:100%;
        height:100%;
        position:relative;
        margin-bottom:20px;	
        overflow:hidden;
         cursor: default;
    }

    .equip-list-fade-effect img
    {
        transition-duration:0.4s;
        margin: 5px;
        box-shadow: 3px 3px 1px #999;

    }

    .equip-list-fade-effect .equip-overlay
    {
        width: 90%;
        height:90%;
        text-align: center;
        position: absolute;
        padding:10px;
        background:rgba(3, 122, 147, 0.6);
        color:#fff;
        top:5%;   
        opacity:0;
        transition-duration:0.4s;
        margin: auto;

    }

    .equip-list-fade-effect .equip-overlay h3
    {
    font-size: 1.5em;
        color: #000;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0);
        cursor: default;
        text-shadow: 2px 2px 3px #999;
    }

    .equip-list-fade-effect:hover .equip-overlay
    {
        opacity:1;
        border-color: #17a2b8;

    }

    .equip-list-fade-effect:hover img
    {
         transform: scale(1.1);
        border-color: #17a2b8;
        box-shadow: none;

    }
    .equip-list-fade-effect p {
      color: #FFF;
      padding:0;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
        font-size: 1em;
            -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        cursor: default;
    }

    @media (min-width: 1000px){
        .equip-list-fade-effect .equip-overlay p{
       font-size: 0.58em;
        }
        .equip-list-fade-effect .equip-overlay h3{
            font-size: 1em;
        }
    }
    @media (min-width: 1100px){
        .equip-list-fade-effect .equip-overlay p{
       font-size: 0.8em;
        }
        .equip-list-fade-effect .equip-overlay h3{
            font-size: 1.4em;
        }
    }
    @media (min-width: 1250px){
            .equip-list-fade-effect .equip-overlay p{
       font-size: 1em;
        }
        .equip-list-fade-effect .equip-overlay h3{
            font-size: 2em;
        }
    }   
    @media (max-width: 767px){
            .equip-list-fade-effect .equip-overlay p{
       font-size: 0.7em;
        }
    }
    @media (max-width: 575px){
            .equip-list-fade-effect .equip-overlay p{
       font-size: 1em;
        }
    }
    @media (max-width: 509px){
            .equip-list-fade-effect .equip-overlay p{
       font-size: 0.5em;
        }
        .equip-list-fade-effect .equip-overlay h3{
            font-size: 1em;
        }
    }
    .equip-list-fade-effect:hover p, .equip-list-fade-effect:hover h3 {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
    /*equipment-list-hover-effect*/

    /*body fade effect*/
        #epek{ 
        animation: fadein 1s;
        -moz-animation: fadein 1s; /* Firefox */
        -webkit-animation: fadein 1s; /* Safari and Chrome */
        -o-animation: fadein 1s; /* Opera */
        
    }
        @keyframes fadein {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-moz-keyframes fadein { /* Firefox */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-webkit-keyframes fadein { /* Safari and Chrome */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-o-keyframes fadein { /* Opera */
        from {
            opacity:0;
        }
        to {
            opacity: 1;
        }
    }/*body fade effect*/

    .modalbodysize{
        max-height: 100%;
        max-width: 100%;
    }

    .max{
        width: 100%;
        height: auto;
        max-width: 150px;
        overflow: visible;
    }

    .btn-color{
        color: rgba(76 166, 255, 1);
        font-weight: 400;
        background-color: #4CA3FF;
        border-color: #4CA3FF;
        box-shadow: 4px 4px 6px #999;
        border-color: none !important;
    }

    .text-indent{
        text-indent: 15px !important;
    }

    /* Circle */
    .hover15 figure {
        position: relative;
        box-shadow: 5px 5px 4px #999; 
    }
    .hover15 figure::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;

    }
    .hover15 figure:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;

    }
    @-webkit-keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }
    @keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 150%;
            height: 150%;
            opacity: 0;
        }
    }

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    left: 0;
    display:none;
}

ul.c {list-style-image: url(../images/icons-square.gif);}
ul.b{list-style-image: url(../images/icons-diamond.gif);}
    
.capt{
	background-image: url(../captcha%20-%20Copy.JPG);
	width: 100px;
	height: 40px;
   
	
}
#Captchatxt{

text-align: center;
	
}

#refresh{
	position:relative;
	left:100px;
	width:30px;
	height:30px;
	bottom:45px;
}