@font-face {
         font-family: muse;
         src: url(../fonts/Museo700-Regular.otf);
     }
     
     @font-face {
         font-family: roboto;
         src: url(../fonts/Roboto-Light.ttf);
     }
     
     html {
         height: 100%;
     }
     
     body {
         font-family: "Open Sans";
        
         position: relative;
         height: 100%;
         padding-top: 0rem;
         margin: auto;
         font-size: 16px;
         overflow-x: hidden;
     }
     
     .social_icons {
         width: 50px;
         height: auto;
     }
     
     .about_timeline {
         text-align: center;
     }
     
     .shipper_timeline {
         text-align: left;
     }
     
     .text_shadow {
         text-shadow: 1px 1px 100px black;
     }
     
     .txt2 {
         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
     }
     
     .fade {
         opacity: 1;
     }
     
     .row {
         margin-left: 0%;
         margin-right: 0%;
         padding-left: 0%;
         padding-right: 0%;
     }
     
     .hr_contact {
         border: 0;
         height: 1px;
         background-image: linear-gradient(to right, rgba(131, 132, 135, 0), rgba(131, 132, 135, 0.75), rgba(131, 132, 135, 0));
     }
     
     .hr_footer {
         border: 0;
         height: 1px;
         background-image: linear-gradient(to right, rgba(55, 56, 58, 0), rgba(55, 56, 58, 0.75), rgba(55, 56, 58, 0));
     }
     
     .fix_height {
         height: 100px;
         font-size: 18px;
         font-weight: 400;
     }
     
     .overlap_btn {
         z-index: 1020;
         position: relative;
         /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+19,ffffff+19&0+0,1+19 */
         background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 11%, rgba(255, 255, 255, 1) 12%);
         /* FF3.6-15 */
         background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 11%, rgba(255, 255, 255, 1) 12%);
         /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 11%, rgba(255, 255, 255, 1) 12%);
         /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
         /* IE6-9 */
         height: 150px;
     }
     
     .responsive_e {
         width: 10%;
         height: auto;
         max-width: 10%;
         min-width: 80px;
         margin: auto;
     }
     
     .responsive_e_ab {
         width: 15%;
         height: auto;
         max-width: 15%;
         min-width: 100px;
         margin: auto;
     }
     
     .responsive_icon {
         width: 14%;
         height: auto;
         max-width: 14%;
         min-width: 25px;
         margin: auto;
         opacity: 0.8;
     }
     
     .responsive_e_dr {
         width: 15%;
         height: auto;
         max-width: 15%;
         min-width: 100px;
         margin: auto;
     }
     
     .responsive_about {
         width: 25%;
         height: auto;
         max-width: 25%;
         min-width: 250px;
         margin: auto;
     }
     
     .responsive_about2 {
         width: 30%;
         height: auto;
         min-width: 250px;
         margin: auto;
     }
     
     .responsive_about3 {
         width: 45%;
         height: auto;
         min-width: 240px;
         margin: auto;
     }
     
     .responsive_about4 {
         width: 60%;
         height: auto;
         min-width: 240px;
         margin: auto;
     }
     
     .responsive_contact {
         width: 40%;
         height: auto;
         min-width: 250px;
         margin: auto;
     }
     
     .responsive_phone {
         width: 50%;
         height: auto;
         min-width: 220px;
         margin-bottom: 0px;
         padding-bottom: 0px;
     }
     
     .responsive_bbb {
         width: 12%;
         height: auto;
         min-width: 120px;
         margin: auto;
     }
     
     .logo_timeline {
         padding-top: 30%;
     }
     
     .img-responsive {
         width: 100%;
         height: auto;
     }
     
     .anima {
         padding-bottom: 5%;
     }
     
     .about {
         color: aliceblue;
         /* Location of the image */
     }
     
     .about_2 {
         width: 100%;
         height: auto;
         background-image: url(../img/hi-wall.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
         background-attachment: fixed;
         -webkit-backface-visibility: hidden;
     }
     
     .about_clr {
         background: linear-gradient(to bottom, #ffffff 50%, #ffffff 100%);
     }
     
     .shipper_clr {
         background: linear-gradient(to bottom, #0d84bc 25%, #0f64ac 100%);
     }
     /*#driver-opt .li  {
  content: "• ";
  color: red; 
}*/
     
     .about_trans {
         width: 100%;
         height: 60vh;
         min-height: 200px;
         background-image: url(/img/hi_trans.png);
         background-position: center center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
     }
     
     .about_bck2 {
         width: 100%;
         height: auto;
         min-height: 27vh;
         background-image: url(../img/about_tim.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
         -webkit-backface-visibility: hidden;
     }
     
     .driver_bck {
         width: 100%;
         height: auto;
         min-height: 27vh;
         background-image: url(../img/driver_timeline2.jpg);
         background-position: center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
     }
     
     .shippers_bck {
         width: 100%;
         height: auto;
         min-height: 27vh;
         background-image: url(../img/shipers_timeline.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
     }
     
     .careers_bck {
         width: 100%;
         height: auto;
         min-height: 27vh;
         background-image: url(../img/careers_wall.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
     }
     
     .gall_bck {
         width: 100%;
         height: auto;
         min-height: 27vh;
         background-image: url(../img/gall_bck.jpg);
         background-position: center top;
         background-repeat: no-repeat;
         background-attachment: scroll;
         background-size: cover;
     }
     
     .call_us {
         width: 100%;
         background-image: url(../img/Call_us.jpg);
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center center;
         background-attachment: fixed;
     }
     
     .safe_road {
         width: 100%;
         background-image: url(../img/safe.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
         background-attachment: fixed;
     }
     
     .career_bck {
         width: 100%;
         background-image: url(../img/being_Edr.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
         
     }
     
     .contact2 {
         width: 100%;
         background-image: url(../img/wallpaper_success2.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
         background-attachment: fixed;
     }
     
     .contact_t {
         width: 100%;
         height: auto;
         background-image: url(../img/contact_t.jpg);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
         background-attachment: fixed;
     }
     
     .img-respons {
         width: 70%;
         height: auto;
     }
     
     .shadow_side {
         z-index: 3;
         -webkit-box-shadow: 30px 0 60px -2px black;
         box-shadow: 30px 0 60px -2px black;
     }
     
     form {
         margin-right: 0%;
         margin-right: 0%;
     }
     
     p {
         text-align: justify;
     }
     
     .pic_section img {
         width: 220px;
         height: auto;
     }
     
     .mail_box {
         padding-top: 0%;
     }
     
     .form_style {
         /* Fallback for web browsers that doesn't support RGBa */
         background: rgb(0, 0, 0);
         /* RGBa with 0.6 opacity */
         background: rgba(0, 0, 0, 0.8);
         border-radius: 15px;
     }
     /*@media screen and (max-width:992px) {  
    
    .content{margin-left:0%; margin-right: 0%;}
    .content2{margin-left:0%; margin-right: 0%;} 
    .about_2{background: black;}*/
     /*} 
/*@media screen and (max-width:1150px) and (min-width:992px) { .about_log{padding-top:auto; padding-bottom:auto;}}
@media screen and (min-width:1200px) { .mail_box { padding-top:15%;}}
@media screen and (max-width:1200px) and (min-width:992px) {.content2{margin-left:11%; margin-right: 11%;}form{margin-left:10%; margin-right: 10%;} .mail_box { padding-top:25%;}}*/
     
     .headline {
         text-align: center;
         color: black;
         font-family: "Oswald" !important;
        
     }
     
     .headline p {
         text-align: center;
         color: #505050;
     }
     
     .headline legend h4 {
         text-align: center;
         color: rgba(54, 141, 247, 1);
     }
     /*.show{opacity: 0;}*/
     
     nav.bg_nav {
         background: linear-gradient(black, #101010);
     }
     
     .active {
         -webkit-transition: background-color 1s ease-out;
         -moz-transition: background-color 1s ease-out;
         -o-transition: background-color 1s ease-out;
         transition: background-color 1s ease-out;
         background: #15a6c7;
         height: 44px;
     }
     
     .form-group {
         font-weight: 400;
         font-size: 16px;
     }
     
     #boxshadow {
         /*box-shadow: 0  8px 15px rgba(0,0,0,.2);*/
         -webkit-box-shadow: 2px 6px 61px 3px rgba(0, 0, 0, 0.17);
         -moz-box-shadow: 2px 6px 61px 3px rgba(0, 0, 0, 0.17);
         box-shadow: 2px 6px 61px 3px rgba(0, 0, 0, 0.17);
     }
     
     .load_p {
         /*load animation*/
         -webkit-animation: fadein 2s;
         /* Safari, Chrome and Opera > 12.1 */
         -moz-animation: fadein 2s;
         /* Firefox < 16 */
         -ms-animation: fadein 2s;
         /* Internet Explorer */
         -o-animation: fadein 2s;
         /* Opera < 12.1 */
         animation: fadein 2s;
     }
     
     @keyframes fadein {
         from {
             opacity: 0;
         }
         to {
             opacity: 1;
         }
     }
     /* Firefox < 16 */
     
     @-moz-keyframes fadein {
         from {
             opacity: 0;
         }
         to {
             opacity: 1;
         }
     }
     /* Safari, Chrome and Opera > 12.1 */
     
     @-webkit-keyframes fadein {
         from {
             opacity: 0;
         }
         to {
             opacity: 1;
         }
     }
     /* Internet Explorer */
     
     @-ms-keyframes fadein {
         from {
             opacity: 0;
         }
         to {
             opacity: 1;
         }
     }
     /* Opera < 12.1 */
     
     @-o-keyframes fadein {
         from {
             opacity: 0;
         }
         to {
             opacity: 1;
         }
     }
     /********************************************** animation button
*****/
     /* Pop */
     
     @-webkit-keyframes hvr-pop {
         50% {
             -webkit-transform: scale(1.1);
             transform: scale(1.1);
         }
     }
     
     @keyframes hvr-pop {
         50% {
             -webkit-transform: scale(1.1);
             transform: scale(1.1);
         }
     }
     
     .hvr-pop {
         display: inline-block;
         vertical-align: middle;
         -webkit-transform: perspective(1px) translateZ(0);
         transform: perspective(1px) translateZ(0);
         box-shadow: 0 0 1px transparent;
     }
     
     .hvr-pop:hover,
     .hvr-pop:focus,
     .hvr-pop:active {
         -webkit-animation-name: hvr-pop;
         animation-name: hvr-pop;
         -webkit-animation-duration: 0.2s;
         animation-duration: 0.2s;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
     }
     /********************************************** animation button
*****/
     /* hover 2 */
     /* Push */
     
     @-webkit-keyframes hvr-push {
         50% {
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
         }
         100% {
             -webkit-transform: scale(1);
             transform: scale(1);
         }
     }
     
     @keyframes hvr-push {
         50% {
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
         }
         100% {
             -webkit-transform: scale(1);
             transform: scale(1);
         }
     }
     
     .hvr-push {
         display: inline-block;
         vertical-align: middle;
         -webkit-transform: perspective(1px) translateZ(0);
         transform: perspective(1px) translateZ(0);
         box-shadow: 0 0 1px transparent;
     }
     
     .hvr-push:hover,
     .hvr-push:focus,
     .hvr-push:active {
         -webkit-animation-name: hvr-push;
         animation-name: hvr-push;
         -webkit-animation-duration: 0.6s;
         animation-duration: 0.6s;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
     }
     /**********************************************************/
     /* Radial Out */
     
     .hvr-radial-out {
         display: inline-block;
         vertical-align: middle;
         -webkit-transform: perspective(1px) translateZ(0);
         transform: perspective(1px) translateZ(0);
         box-shadow: 0 0 1px transparent;
         position: relative;
         overflow: hidden;
         background: transparent;
         -webkit-transition-property: color;
         transition-property: color;
         -webkit-transition-duration: 0.3s;
         transition-duration: 0.3s;
     }
     
     .hvr-radial-out:before {
         content: "";
         position: absolute;
         z-index: -1;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: white;
         border-radius: 100%;
         -webkit-transform: scale(0);
         transform: scale(0);
         -webkit-transition-property: transform;
         transition-property: transform;
         -webkit-transition-duration: 0.3s;
         transition-duration: 0.3s;
         -webkit-transition-timing-function: ease-out;
         transition-timing-function: ease-out;
     }
     
     .hvr-radial-out:hover,
     .hvr-radial-out:focus,
     .hvr-radial-out:active {
         color: deepskyblue;
     }
     
     .hvr-radial-out:hover:before,
     .hvr-radial-out:focus:before,
     .hvr-radial-out:active:before {
         -webkit-transform: scale(2);
         transform: scale(2);
     }
     /**********************************************************/
     /*pulse********/
     /**/
     
     @media screen and (max-width:992px) {
         form {
             margin: 0%;
         }
     }
     
     .headline {
         text-align: center;
         color: black;
         font-family: "Oswald";
     }
     
     .headline p {
         text-align: center;
         color: #505050;
     }
     
     .headline legend h4 {
         text-align: center;
         color: rgba(54, 141, 247, 1);
     }
     /* changing bootstrap original button settings */
     
     .btn-drv {
         color: #fff;
         background-color: #397d9d;
         border-color: #397d9d;
     }
     
     .btn-drv:hover {
         color: #fff;
         background-color: #34728e;
         border-color: #34728e;
     }
     
     .btn-drv:focus,
     .btn-info.focus {
         box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
     }
     
     .btn-ship {
         color: #fff;
         background-color: #55948e;
         border-color: #55948e;
     }
     
     .btn-ship:hover {
         color: #fff;
         background-color: #407674;
         border-color: #407674;
     }
     
     .btn-ship:focus,
     .btn-info.focus {
         box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
     }
     
     .btn-car {
         color: #fff;
         background-color: #fea634;
         border-color: #fea634;
     }
     
     .btn-car:hover {
         color: #fff;
         background-color: #f09d31;
         border-color: #f09d31;
     }
     
     .btn-car:focus,
     .btn-info.focus {
         box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
     }
     /**********************************************/
     
     .btn.btn-tour {
         color: #15a6c7;
         background-color: white;
         border-color: whitesmoke;
         font-size: 20px;
         font-family: muse;
     }
     
     .btn.btn-tour:hover {
         color: white;
         background-color: #15a6c7;
         border-color: #15a6c7;
         font-size: 20px;
         font-family: muse;
     }
     
     .btn-tour:focus,
     .btn-info.focus {}
     /************************************************/
     
     .carousel-caption {
         top: 35%;
         bottom: auto;
     }
     
     .car_btn {
         padding-bottom: 10%;
         font-size: 20px;
         font-family: muse;
     }
     /***********************************************/
     
     .car_scroll {
         padding: 4%;
         display: inline-block;
     }
     /* For all text on web page*/
     
     .headline_p {
         font-size: 3.5em;
     }
     
     .headline_sec {
         font-size: 2.7em;
     }
     
     .headline_th {
         font-size: 2.3em;
     }
     
     .headline_th2 {
         font-size: 2em;
     }
     
     .headline_4 {
         font-size: 1.670em;
     }
     .headline_3 {
        font-size: 1.350em;
    }
     
     .text_p {
         font-size: 0.938em;
     }
     
     .text-li {
         font-size: 1.06em;
     }
     
     .text-foot {
         font-size: 1em;
     }
     /*****************************************************************/
     /***********  MEDIA QUERIES *************************************/
     /***************************************************************/
     /* for extra small devices********************************************** */
     
     @media screen and (min-width:250px) and (max-height:540px) {
         .img-responsive {
             width: 40%;
             height: auto;
         }
         .img-responsive_f {
             width: 40%;
             height: auto;
         }
         .carousel-caption {
             top: 14%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 1.5em;
             text-align: center;
             line-height: 1;
         }
         .carousel-caption h4 {
             font-size: 1.1em;
             text-align: center;
             line-height: 1;
         }
         .car_btn {
             padding-bottom: 1%;
         }
         .car_scroll {
             padding: 11%;
             display: none;
         }
         .btn.btn-tour {
             font-size: 12px;
         }
         .btn.btn-tour:hover {
             font-size: 12px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .responsive_bbb {
             width: 12%;
             height: auto;
             min-width: 80px;
             margin: auto;
         }
         .widthFix{

            max-width:100%!important;
         }
         .partnersTemp{
            display: none;
         }
     }
     /*************************************************************/
     /*************** small devices***********************************/
     
     @media screen and (min-width:250px) and (min-height:541px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 40%;
             height: auto;
         }
         .carousel-caption {
             top: 20%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 2em;
             text-align: center;
             line-height: 1;
         }
         .carousel-caption h4 {
             font-size: 1.1em;
             text-align: center;
             line-height: 1;
         }
         .car_btn {
             padding-bottom: 5%;
         }
         .car_scroll {
             padding: 10%;
             display: none;
         }
         .btn.btn-tour {
             font-size: 12px;
         }
         .btn.btn-tour:hover {
             font-size: 12px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .widthFix{

            max-width:100%!important;
         }
         .partnersTemp{
            display: none;
         }
     }
     
     @media screen and (min-width:350px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 40%;
             height: auto;
         }
         .carousel-caption {
             top: 16%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 2.2em;
             text-align: center;
             line-height: 1;
         }
         .carousel-caption h4 {
             font-size: 1.1em;
             text-align: center;
             line-height: 1;
         }
         .car_scroll {
             padding: 8%;
             display: none;
         }
         .car_btn {
             padding-bottom: 10%;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .widthFix{

            max-width:100%!important;
         }
         .partnersTemp{
            display: none;
         }
     }
     
     @media screen and (min-width:390px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 40%;
             height: auto;
         }
         .carousel-caption {
             top: 18%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 2.5em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 1.1em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 10%;
         }
         .car_scroll {
             padding: 12%;
             display: none;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .widthFix{

            max-width:100%!important;
         }
         .partnersTemp{
            display: none;
         }
     }
     
     @media screen and (min-width:450px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 40%;
             height: auto;
         }
         .carousel-caption {
             top: 18%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 3em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 2em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 10%;
         }
         .car_scroll {
             padding: 12%;
             display: none;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .widthFix{

            max-width:100%!important;
         }
         .partnersTemp{
            display: none;
         }
     }
     
     @media screen and (min-width:576px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 40%;
             height: auto;
         }
         .carousel-caption {
             top: 20%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 3em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 1.2em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 20%;
         }
         .car_scroll {
             padding: 15%;
             display: none;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .widthFix{

            max-width:100%!important;
         }
         .partnersTemp{
            display: none;
         }
     }
     /*tablet*/
     
     @media screen and (min-width:768px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 30%;
             height: auto;
         }
         .carousel-caption {
             top: 23%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 3.5em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 1.5em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 3%;
         }
         .car_scroll {
             padding: 10%;
             display: none;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .anim_svg {
             width: 100%;
             height: 200px;
         }
         .widthFix{

            max-width:87%!important;
         }
         .partnersTemp{
            display: inline-block;
         }
     }
     
     @media screen and (min-width:992px) {
         .img-responsive {
             width: 60%;
             height: auto;
         }
         .img-responsive_f {
             width: 70%;
             height: auto;
         }
         .carousel-caption {
             top: 23%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 2.5em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 1.2em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 3%;
         }
         .car_scroll {
             padding: 3.5%;
             display: inline-block;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .widthFix{

            max-width:87%!important;
         }
         .partnersTemp{
            display: inline-block;
         }
     }
     
     @media screen and (min-width:1200px) {
         .img-responsive {
             width: 80%;
             height: auto;
         }
         .img-responsive_f {
             width: 70%;
             height: auto;
         }
         .carousel-caption {
             top: 23%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 2.8em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 1.15em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 0.5%;
         }
         .car_scroll {
             padding: 2.5%;
             display: inline-block;
         }
         .btn.btn-tour {
             font-size: 18px;
         }
         .btn.btn-tour:hover {
             font-size: 18px;
         }
         .widthFix{

            max-width:87%!important;
         }
         .partnersTemp{
            display: inline-block;
         }
     }
     
     @media screen and (min-width:1399px) {
         .img-responsive {
             width: 80%;
             height: auto;
         }
         .img-responsive_f {
             width: 70%;
             height: auto;
         }
         .carousel-caption {
             top: 23%;
             bottom: auto;
         }
         .carousel-caption h1 {
             font-size: 3.5em;
             text-align: center;
         }
         .carousel-caption h4 {
             font-size: 1.5em;
             text-align: center;
         }
         .car_btn {
             padding-bottom: 3%;
         }
         .car_scroll {
             padding: 4%;
             display: inline-block;
         }
         .btn.btn-tour {
             font-size: 19px;
         }
         .btn.btn-tour:hover {
             font-size: 19px;
         }
         .widthFix{

            max-width:87%!important;
         }
         .partnersTemp{
            display: inline-block;
         }
        
     }
     /*/*******************************************************/
     /* colors */
     
     .orange_grad {
         background: #ffbc2f;
         /* For browsers that do not support gradients */
         background: linear-gradient(to right, #ffbc2f, #ff9f23);
         /* Standard syntax (must be last) */
     }
     
     .blue_grad {
         background: #0084fb;
         /* For browsers that do not support gradients */
         background: linear-gradient(to right, #0084fb, #379ffc);
         /* Standard syntax (must be last) */
     }
     
     .evgreen_grad {
         background: #10a4b7;
         /* For browsers that do not support gradients */
         background: linear-gradient(to right, #10a4b7, #4e9ea3);
         /* Standard syntax (must be last) */
     }
     /*******************************************************/
     
     .navbar-nav li {
         display: inline-block;
     }
     
     .scroll {
         white-space: nowrap;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
     /*galerija*/
     
     #gallery {
         margin: 0 auto;
         padding: 1vw;
         font-size: 1.6rem;
         transition: all 0.3s ease-in-out;
     }
     
     #gallery h1 {
         font-weight: normal;
     }
     
     #gallery b {
         font-weight: bold;
     }
     
     #gallery.blur {
         filter: blur(4px);
     }
     
     #gallery #images {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
     }
     
     #gallery #images .figure {
         position: relative;
         width: 16.65%;
         height: 16.65%;
         /*margin: 0.2vh;*/
         margin: 0px;
         background-image: url(../img/Svg%20Wall.svg);
         /* background-image:              linear-gradient(45deg, #0f64ac 35%, #25c9a9 100%);*/
         background-size: cover;
         overflow: hidden;
         cursor: pointer;
     }
     
     #gallery #images .figure .image {
         position: relative;
         display: block;
         object-fit: cover;
         min-height: 100%;
         max-width: 100%;
         opacity: 1;
         transition: all 0.5s ease-in-out;
         user-select: none;
     }
     
     #gallery #images .figure .body {
         display: flex;
         align-items: center;
         justify-content: center;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         opacity: 0;
         font-size: 4rem;
         transition: all 0.5s ease-in-out;
     }
     
     #gallery #images .figure:hover .image {
         opacity: 0.2;
         transform: scale3d(1.2, 1.2, 1.2);
     }
     
     #gallery #images .figure:hover .body {
         opacity: 1;
     }
     
     #lightbox {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         width: 100vw;
         height: 100vh;
         z-index: 1050;
         opacity: 0;
         background: rgba(0, 0, 30, 0.9);
         user-select: none;
     }
     
     #lightbox img {
         position: absolute;
         top: 50%;
         left: 50%;
         max-width: 100%;
         max-height: auto;
         transform: translate(-50%, -50%);
     }
     
     #lightbox span {
         position: absolute;
         z-index: 110;
         padding: 2.5vw;
         font-size: 0rem;
         text-shadow: 0px 0px 0.5vw rgba(0, 0, 0, 0.5);
         text-align: center;
         cursor: pointer;
     }
     
     #lightbox .prev {
         top: 50%;
         left: 0;
         transform: translate(0, -50%);
         color: aliceblue;
         background: url("../img/arr_left.svg") center / contain no-repeat;
         margin: 2%;
         opacity: 0.7;
     }
     
     #lightbox .prev:hover {
         opacity: 1;
     }
     
     #lightbox .next {
         top: 50%;
         right: 0;
         transform: translate(0, -50%);
         color: aliceblue;
         background: url("../img/arr_right.svg") center / contain no-repeat;
         margin: 2%;
         opacity: 0.7;
     }
     
     #lightbox .next:hover {
         opacity: 1;
     }
     
     #lightbox .close {
         top: 0;
         right: 0;
         color: aliceblue;
         background: url("../img/arr_exit") center / contain no-repeat;
         text-shadow: 0px 0px 0.5vw rgba(0, 0, 0, 0.5);
         margin: 2%;
     }
     /* media queries */
     
     @media only screen and (max-width: 48rem) {
         #gallery {
             padding: 0;
         }
         #gallery #images .figure {
             width: 25%;
             height: 25%;
         }
         #lightbox img {
             top: 50%;
         }
         #lightbox span {
             padding: 5vw;
         }
         #lightbox .close {
             top: 25%;
             margin-right: 2%;
         }
         #lightbox .close {
             background: url("../img/arr_MOB_exit") center / contain no-repeat;
             text-shadow: 0px 0px 0.5vw rgba(0, 0, 0, 0.5);
             margin: 2%;
         }
     }
     
     @media only screen and (max-width: 32rem) {
         #gallery {
             padding: 0;
         }
         #gallery #images .figure {
             width: 33.3%;
             height: 33.3%;
         }
         #lightbox img {
             top: 50%;
         }
         #lightbox span {
             padding: 5vw;
         }
         #lightbox .close {
             top: 25%;
             margin-right: 4%;
         }
         #lightbox .close {
             background: url("../img/arr_MOB_exit") center / contain no-repeat;
             text-shadow: 0px 0px 0.5vw rgba(0, 0, 0, 0.5);
             margin: 2%;
             margin-right: 4%;
         }
     }
     
     @media only screen and (min-width:500px) {
         #lightbox .close {
             background: url("../img/arr_MOB_exit") center / contain no-repeat;
             text-shadow: 0px 0px 0.5vw rgba(0, 0, 0, 0.5);
             margin: 2%;
             margin-top: 5%;
             margin-right: 4%;
         }
     }
     
     .item {
         margin: auto;
     }
     
     ;
     /* unvisited link */
     
     a {
         color: dimgray;
     }
     
     a:link {
         color: dimgray;
     }
     /* visited link */
     
     a:visited {
         color: dimgray;
     }
     /* mouse over link */
     
     a:hover {
         color: dimgray;
     }
     /* selected link */
     
     a:active {
         color: dimgray;
     }
     
     .anim_svg {
         width: 100%;
         height: 100%;
         padding-top: 5%;
         padding-bottom: 5%;
     }
     /* lightbox
<!--
Copyright (c) 2018 by tchx (https://codepen.io/tchx/pen/wEJVgx)


Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. Modified gallery by our team.
-->

*/
     
     .greenGr {
         background: rgb(11, 81, 97);
         background: -moz-linear-gradient(59deg, rgba(11, 81, 97, 1) 0%, rgba(0, 186, 174, 1) 100%);
         background: -webkit-linear-gradient(59deg, rgba(11, 81, 97, 1) 0%, rgba(0, 186, 174, 1) 100%);
         background: linear-gradient(59deg, rgba(11, 81, 97, 1) 0%, rgba(0, 186, 174, 1) 100%);
         filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0b5161", endColorstr="#00baae", GradientType=1);
     }
     
     .blueGr {
         background: rgb(1, 28, 64);
         background: -moz-linear-gradient(59deg, rgba(1, 28, 64, 1) 0%, rgba(10, 52, 107, 1) 100%);
         background: -webkit-linear-gradient(59deg, rgba(1, 28, 64, 1) 0%, rgba(10, 52, 107, 1) 100%);
         background: linear-gradient(59deg, rgba(1, 28, 64, 1) 0%, rgba(10, 52, 107, 1) 100%);
         filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#011c40", endColorstr="#0a346b", GradientType=1);
     }

     /*Accordion panel--------------------------------------- */

     .accordion-wrap{
    
   width:100%;
   height: auto;
    }
    
    .accordion-item{
      width: 100%;
      margin: 0 auto;
      cursor: pointer;
    
      margin-top: 10px;
    }
    
    .accordion-header{
      transition: ease-in-out 100ms;
    
    }
    
    .accordion-text{
      width: 100%;
      color:#385464;
      display: none;
      padding-top: 5px;
      padding-bottom: 5px;
     }
    
     .fa{
      transition: ease-in-out 300ms;
      /* font-size:1.2em!important; */
     }
     
     .rotate-fa{
      transform: rotate(180deg);
      color: dodgerblue!important;
      font-weight: 800;
     }
    
    
     .accordion-header .fa{
      float: left;
      line-height: 30px; }
     
    
    
    
     .accordion-gold{
      color: dodgerblue!important;
      font-family:'roboto';
      font-weight: 800;
      /* margin-bottom:30px; */
      /* text-align: justify-all; */
      -webkit-transition: all ease 0.7s!important;
        -moz-transition: all ease 0.7s!important;
        -o-transition: all ease 0.7s!important;
        transition: all ease 0.7s!important;
     }
    
     .accordion-no-bar{
      border-bottom: 0;
    }

    /*Accordion panel--------------------------------------- */
    
     /*------ New calculator style  -----------------------*/

    div.calculoid-info {
        display:none!important;
        color:red!important;
    }
    .ng-scope a{
        display:none!important;
    }
    div.signature-div.ng-scope{
        display:none!important;
    }


li#calculoid-field-733336{
    background: rgb(225, 229, 233)!important;
    border:1px solid white!important;
    -webkit-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    -moz-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
  
    
}
li#calculoid-field-733337{
    background: rgb(225, 229, 233)!important;
    border:1px solid white!important;
    -webkit-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    -moz-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
  
    
}
li#calculoid-field-733338{
    background: rgb(225, 229, 233)!important;
    border:1px solid white!important;
    -webkit-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    -moz-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
  
    
}
li#calculoid-field-733339{
    background: rgb(225, 229, 233)!important;
    border:1px solid white!important;
    -webkit-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    -moz-box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    box-shadow: -1px 6px 48px 0px rgba(255,255,255,0.3)!important;
    
}
h2.calculoid-field-title{
    color:#045096!important;
    font-weight: 600!important;
}

.calculoid-slider-field {
    color:#111a22!important;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
}
.calculoid-radio-field{
    color:#111a22!important;
    font-weight: 600!important;
}
.formula-result{
    color:#1ca69c!important;
    font-weight: 600!important;

}
.calculoid-color-scheme-dark-blue .calcNewInputDesign.calculoid-field-item .rzslider .rz-pointer, .calculoid-color-scheme-default .calcNewInputDesign.calculoid-field-item .rzslider .rz-pointer{
background:#1ca69c!important;
}
.calcNewInputDesign.calculoid-field-item .rzslider .rz-bar-wrapper .rz-selection{
    background:#1ca69c!important;
}
.calculoid-color-scheme-default .calcNewInputDesign.calculoid-field-type-radio label input[type=radio]:checked+.calculoid-option-name .radio-before{
    border-color:#1ca69c!important;
}
.calculoid-color-scheme-default .calcNewInputDesign.calculoid-field-type-radio label input[type=radio]:checked+.calculoid-option-name .radio-after {
    background:#1ca69c!important;
}
.calcNewInputDesign.calculoid-field-type-radio label .calculoid-option-name .radio-before {
    border:1px solid #1c63a63b!important;
}
.rzslider .rz-bubble{
    color:#1ca69c!important;
}
.rzslider .rz-bar {
background:#044f963a!important;
}
span.calculoid-option-name{
    color:#111a22!important;
    font-weight: 400!important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
    
}

.Brokerage {
    width: 100%;
    background-image: url(../img/BrokerageSectionBck.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    
}

.BrokerageWall {
    width: 100%;
    height: auto;
    background-image: url(../img/BrokerageWall.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    
}

.partners {
    width: 100%;
    height: auto;
    background-image: url(../img/partners.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    
}

.partners2 {
    width: 100%;
    height: auto;
    background-image: url(../img/partners2.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    
}

.btn-brok {
    color: #fff;
    background-color: #58A5CA;
    border-color: #58A5CA;
}

.btn-brok:hover {
    color: #fff;
    background-color: #4d91b1;
    border-color: #4d91b1;
}

.btn-brok:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.responsive_B {
    width: 18vw;
    height: auto;
    /* max-width: 500px; */
    min-width: 200px;
    margin: auto;
   
}
.slicedPic{
   width:100%;
    max-width:420px; 
    min-width:200px;
    height:auto;
}
.darkSec{

    background: rgb(33,41,43);
background: -moz-linear-gradient(90deg, rgba(33,41,43,1) 47%, rgba(63,90,101,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(33,41,43,1) 47%, rgba(63,90,101,1) 100%);
background: linear-gradient(90deg, rgba(33,41,43,1) 47%, rgba(63,90,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21292b",endColorstr="#3f5a65",GradientType=1);
}




      /*------ New calculator style END -----------------------*/