.mar-auto{
    margin:0 auto;
}
.w-70{
    width: 70%;
}
.text-center{
    text-align: center;
}
.mb-05{
    margin-bottom: 10px;
}
.set-title{
    font:300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    margin:0 0 20px;
    text-align: center;
}
/*HEADER*/
.header-top{
	background:#101010;
	padding: 10px 0;
}
/*.header-top ul li{
	display: inline-block;
}*/
.header-top .site-info i{
	padding: 0 10px 0 0px;
    color:#fff;
    font-size: 17px;
}

.header-top p,.header-top .site-info a{
  color: #9b9b9b;
  margin:0 0 0 0;
}
.header-top p{
    font:400 13px/21px 'Mulish', sans-serif;
}
.header-top .quote{
    font:800 15px/21px 'Mulish', sans-serif;
}
.lt-1{
    letter-spacing: 1px;
}
.header-block .navbar-fixed-top {
    top: 44px;
}
.header-block  .top-nav-collapse {
	top: 0px;
}
.text-gold{
	color:#cc9f3d !important;
}
.header-block .navbar-brand {
    float: left;
    height: auto;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}
.header-block .navbar-right {
    float: right !important;
    margin-right: -15px;
    margin-top: 10px;
}
.header-block .navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
}
.header-block .top-nav-collapse .navbar-right{
    margin-top: 5px;
}
.header-block .top-nav-collapse .navbar-brand>img{
    padding: 6px 0 6px 0;
    width: 100px;
}

.modal-dialog {
    position: relative;
    top: 15%;}
.modal-header .close {
    margin-top: 0;
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 26px;
}
.modal-title{
    font: 700 18px/20px 'Mulish', sans-serif;
    color: #000000;
}
.modal-body {
    position: relative;
    padding: 0 15px 15px 15px !important;
}

.qota-form {}
.qota-form ul li{
  color: #AAAAAA;
    display: inline-block;
    position: relative;
    float: left;
}

.failed{color: red !important; padding:5px 0 0 0;}
.sent{color: #028a00 !important; padding: 5px 0 0 0;}

a{text-decoration: none;}

.qota-form ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.qota-form ul li label{
  display: block;
    position: relative;
    font-weight: 300;
    /* font-size: 1.35em; */
    font: 400 14px/22px 'Mulish', sans-serif;
    padding:5px 25px 5px 27px;
    margin: 0px auto;
    /* height: 30px; */
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    color: #606060;
}
.radio-block label{display: block;
    font: 400 14px/20px 'Mulish', sans-serif;
    color: #606060; padding: 15px 0 0 0; margin: 0;}

.qota-form ul li:hover label{
    color: #FFFFFF;
}

.qota-form ul li .check{
  display: block;
    position: absolute;
    border: 2px solid #cacaca;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 6px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.clearfix::before {
    content: '';
    clear: both;
}

.qota-form ul li .check::before {
  display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.qota-form input[type=radio]:checked ~ .check {
  border: 2px solid rgb(233, 151, 33);
}

.qota-form input[type=radio]:checked ~ .check::before{
  background: rgb(233, 151, 33);
}

.qota-form input[type=radio]:checked ~ label{
  color: rgb(233, 151, 33);
}
.qota-form .sub-form .field-bx{width: 50%; float: left; margin: 15px 0 0px 0;}
.qota-form .sub-form .field-bx:nth-child(2n+1){padding: 0 10px 0 0;}
.qota-form .sub-form .field-bx:nth-child(2n+2){padding: 0 0 0 10px ;}
.field-bx.full{width: 100%; float: none; padding: 0 !important; margin: 15px 0 0px 0;}
.field-bx label{display: block; font: 400 13px/22px 'Mulish', sans-serif;
    color: #606060;
    margin: 0;}
.field-bx .input-bx{border: 1px solid #cacaca; width: 100%;
    border-radius: 2px;
    padding: 5px 10px;
    resize: none;
    font: 400 14px/22px 'Mulish', sans-serif;
    color: #000;
    outline: none;}
.sub-btn{
    font-size: 14px;
    line-height: 7px;
    width: 160px;
    height: 42px;
    letter-spacing: 1px;
    line-height: 7px;
    color: #000000;
    font-weight: 500;
    font-family: 'Oswald' ,sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(233, 151, 33);
    border: 1px solid #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.sub-btn:hover{
    background: #000; color:rgb(233, 151, 33); border: 1px solid #000; 
}

/*SLIDER*/
.owl-dots{display: none;}
#main-slider .owl-nav {
    position: absolute;
    top: 40%;}
#main-slider .owl-next span, #main-slider .owl-prev span {font-size: 66px;}
#main-slider .owl-nav .owl-next {
    position: absolute;
    right: 60px;
}
#main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 60px;
}
.dyna-banner.hero-slide .carousel-caption .phone {
    font:300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}
.dyna-banner.hero-slide .carousel-caption h1 {
    font:400 44px/55px 'Mulish', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 30px 0 2px;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
    color: #fff;
}
.dyna-banner.hero-slide .carousel-caption h1 span{
    font-weight: 800;
}
.dyna-banner.hero-slide .carousel-caption .lead{
    font:400 16px/26px 'Mulish', sans-serif;
    width: 505px;
}
.learn-more{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 7px;
    color: #000000;
    font-weight: 500;
    font-family: 'Oswald' ,sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(233, 151, 33);
    border: 1px solid #ffffff;
    width: 185px;
    height: 51px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-wrapper.bdr-shadow {
    position: relative;
    top: -120px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #fff;
    z-index: 100;
    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
}

/*INTRO*/
.site-intro.intro-wrapper {
    background: url(../images/intro-traingle.png) no-repeat bottom right;
    background-size: auto;
    background-size: initial;
    padding: 60px;
    text-align: center;
}
.site-intro .set-title{
    color: #e99822;
}
.site-intro h2{
    font:700 34px/40px 'Mulish', sans-serif;
    color: #000000;
    text-align: center;
}
.site-intro p{
    font:400 14px/26px 'Mulish', sans-serif;
    color: #606060;
    text-align: center;
}

/*technology*/
.technology.service-wrapper{
    background: #f1eccf;
}
.technology .section-title:before, .technology .section-title:after{
    display: none;
}
.technology .set-title{
    color: #000000;
}
.technology .media-body h2{
    font:800 25px/32px 'Mulish', sans-serif;
    color: #e99822;
    text-transform: capitalize;
    margin: 0 0 2px;
    text-align: left;
}
.technology .media-body h3{
    font:300 20px/30px 'Oswald', sans-serif;
    color: #141414;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.technology .media-body a{
    font:300 14px/20px 'Oswald', sans-serif;
    letter-spacing: 1px;
    line-height: 7px;
    color: #838383;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
}
.technology .media-body a:hover{
    color: #e99822;
}
.service-wrapper .media {
    display: flex;
    align-items: center;
}
.service-wrapper .media-body {
    padding-left: 10px;
}
.p-txt{margin: 15px 0 15px 0; margin-bottom: 15px !important;}
#products-block{text-align: center; padding: 60px 0 40px 0;}
#products-block h2{
    font: 300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    margin: 0 0 20px;
    text-align: center;
}
.intro-wrapper {
    background: none !important;
}
.products-bx{
    overflow: hidden;
    text-align: center;
    position: relative;
}

.info-ser-wrapper table{width: 100%; margin: 0 0 75px 0;}
.info-ser-wrapper table th{border-bottom:1px solid #7d7a7a; font: 500 18px/20px 'Mulish', sans-serif;}
.info-ser-wrapper table td{font: 400 14px/18px 'Mulish', sans-serif; border-bottom:1px solid #c9c4c4;}
.info-ser-wrapper table th, .info-ser-wrapper table td{padding: 15px 15px; vertical-align: top;}
.info-ser-wrapper table th:nth-child(1), .info-ser-wrapper table td:nth-child(1) {width: 20%;}
.info-ser-wrapper table th:nth-child(2), .info-ser-wrapper table td:nth-child(2){width: 40%;}
.info-ser-wrapper table th:nth-child(3), .info-ser-wrapper table td:nth-child(3){width: 40%;}
.info-ser-wrapper table td:nth-child(1){background-color: #ebe8d6;}

.doors-block{width: 70%;
    margin: 0 auto;}
.doors-block .door-bx{width: 33.33%;
    float: left;
    padding: 0 15px;}
.doors-block .door-bx p{font: 700 15px/20px 'Mulish', sans-serif; margin: 10px 0 40px 0;}

.products-bx .content
{
  background:#685f4d;
    bottom: -37%;
    color: #fff;
    height: 50%;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    transition: bottom 0.5s ease;
    width: 90%;
    margin: 0 auto;
}
.products-bx:hover .content
{
  bottom: 0%;
  background: rgb(55,50,40,0.9);
}

.products-bx .content h5{font: 700 20px/36px 'Mulish', sans-serif; color: #fff; margin: 0; padding: 15px 0;}
.products-bx:hover .content h5{padding: 18px 0 15px 0;}
.products-bx .content p{font: 300 17px/20px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0 30px 0;
    margin: 0;
    letter-spacing: 0.5px;}
.products-bx .content a{text-decoration: underline !important;}
.products-bx .content a:hover{
    color: #fff;
}
#products-slider{padding: 20px 0 40px 0;}
.owl-stage-outer{}
.owl-nav{position: absolute;top: 45%; width: 100%;}
.owl-nav .owl-prev{position: absolute; left: -35px;}
.owl-nav .owl-next{position: absolute; right: -35px;}
.owl-next span, .owl-prev span{font-size: 66px; color: #868686;}
.owl-dots{display: none;}

.clear{clear: both;}

#service-block{}
#service-block h2{text-align: center; font: 300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    margin: 0 0 20px;
    text-align: center;}

#service-block .service-bx{width: 50%; float: left; text-align: center;}
#service-block .service-bx.left-bx{padding:5px 10px 10px 50px;}
#service-block .service-bx img{width: 200px;padding: 0 0 10px 0;
    margin: 30px auto 5px auto;}
#service-block .service-bx h3{text-align: left; font: 900 44px/54px 'Mulish', sans-serif; color: #787265; margin: 0 0 12px 0;
    padding: 30px 0 0 0;}
#service-block .service-bx p{text-align: left;font: 400 14px/20px 'Mulish', sans-serif; color: #fff; margin: 0;
    padding: 0 0 15px 0;}

#service-block .service-bx a{border:0; font-size: 14px;
    letter-spacing: 1px;
    line-height: 7px;
    color: #000000;
    font-weight: 500;
    font-family: 'Oswald' ,sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(233, 151, 33);
    border: 0px solid #ffffff;
    width: 200px;
    height: 51px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
#service-block .service-bx a:hover{
    background: #000;
    border: 2px solid #000;
    color: #e99822;
}

#partners-block{text-align: center; padding:90px 60px;}
#partners-block h2{
    font: 300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    margin: 0 0 20px;
    text-align: center;
}

.custom-block{
    text-align: center;
    padding: 0 0 80px 0;
    margin: -15px 0 0 0;
}
.custom-block h2{font: 900 34px/40px 'Mulish', sans-serif; color: #000; margin: 0 0 30px 0;}
.custom-block p{font: 300 14px/20px 'Mulish', sans-serif; color: #606060; width: 50%; margin: 0px auto 25px auto;}
.custom-block h3{font: 500 24px/28px 'Mulish', sans-serif; color: #e99822; margin: 5px 0 0 0;}
.custom-block h3 a{font: 700 24px/28px 'Mulish', sans-serif; color: #e99822; padding: 0 0 0 5px;}
.custom-block h3 br{display:none;}

.footer-bx{border-top: 1px solid #282828; padding: 30px 0;}
.call-bx{margin: 5px 0 0 0;}
.num-bx{margin: 20px 0 0 0;}
.num-bx i{font-size: 16px !important;}
.num-bx a{font-size: 16px !important; font-weight: 700 !important;}
.contact-info i{margin-right: 7px; color: #f2f2f2;}
.foo-bx{width: 21.66%; float: left;}
.footer-bx-1{width: 35%;}

.site-intro.inside-page{padding: 0 0px 0px 60px;}
.p-txt-info{padding: 50px 10px 0 0;}
.pro-info-block{/*display: flex; text-align: left;*/}
.info-bx-pro{width: 50%; float: left;}
.info-bx-pro p{font: 400 14px/24px 'Mulish', sans-serif;
    color: #606060;
    margin: 0 0 22px 0;
    text-align: left;
    padding: 0 35px 0 0;
}
.info-ser-wrapper{padding: 90px 60px; background: #f1eccf;}
.info-bx-pro img{height: 100%; position: relative;
    top: -1px;
    right: -2px;}
.right-txt-bx{text-align:left; width: 60%; float: right; padding: 10px 0 0 0;
    margin: 0 5px 0 0;}
.right-txt-bx h4{font: 300 28px/32px 'Oswald', sans-serif; color: #3a3a3a; margin: 0;}
.right-txt-bx h3{font: 300 34px/42px 'Oswald', sans-serif; color: #9f966e; margin: 0;}
.right-txt-bx img{width: 265px;
    position: relative;
    top: 0; 
    right: 15px;}

.sub-info-bx{display: flex; align-items: center;}
.sub-info-bx img{width: 33%; padding: 0 12px;}
.sub-info-bx h3{font: 300 32px/42px 'Oswald', sans-serif; padding: 0 0 0 35px; text-transform: uppercase; color: #e99822;}
.sub-info-bx h3 span{color: #202020;}
.feature-block{padding: 25px 0px 0 0px;
    width: 80%;
    margin: 0 auto;}
.feature-bx{width: 33.33%; float: left;}
.feature-bx:nth-child(1){padding:0 20px 0 0px;}
.feature-bx:nth-child(2){padding:0 10px 0 10px;}
.feature-bx:nth-child(3){padding:0 0 0 20px;}
.feature-bx .feature-head{width: 100%; display: flex; align-items: center;}
.feature-bx .feature-head img{width: 75px; margin:0 5px 0 0;}
.feature-bx .feature-head h3{font: 900 24px/30px 'Mulish', sans-serif; color: #000; margin: 0;}
.feature-bx p{font: 300 14px/20px 'Mulish', sans-serif;color: #606060; text-align: left; padding:5px 15px 0 15px;}

.plan-block{width: 100%; padding: 35px 0 0 0;}
.plan-bx{width: 50%; float: left;}
.plans-3 .plan-bx{width: 33.33%; float: left; padding: 0 10px;}
.plan-bx h3{font: 900 22px/28px 'Mulish', sans-serif;  color: #000;}
.plan-bx img{width: 299px; margin:0 auto;}
.plan-bx p{font: 300 14px/20px 'Mulish', sans-serif;color: #606060; text-align: left; margin: 0; padding: 25px 0 0 55px;}

.black-txt{color: #000 !important;}
.acod-block{width: 80%; margin:15px auto; }
.acod-block img{margin:10px 0 25px 0; width: 70%;}
.acod-block p{text-align: left; font: 300 14px/20px 'Mulish', sans-serif;color: #606060; padding: 0 0 15px 0; margin: 0;}

.fea-bx{width: 50%; float: left; padding: 0 10px 25px 10px; display: flex; text-align: left;}
.fea-bx img{width: 100px;
    height: 100px;}
.fea-bx h3{font: 700 16px/20px 'Mulish', sans-serif; padding: 10px 0 8px 0; margin: 0;}
.fea-bx p{font: 400 14px/24px 'Mulish', sans-serif; margin: 0 0 15px 0;}
.fea-txt{padding: 0 0 0 10px;}

.goods-ele{margin: 20px auto 0px auto;
    width: 70%;}
.goods-bx{width: 33.33%; float: left; text-align: center;}
.goods-bx img{width: 90px; height:auto;}
.goods-bx p{font: 400 14px/24px 'Mulish', sans-serif; margin: 0 0 15px 0;}
.plan-new-bx{padding: 40px 0 0 0;}
.plan-new{width: 50%; float: left; padding: 0 10px;}
.plan-new img{width: 100%;}

.features-block{width: 70%; margin: 0 auto;}
.features-block ul{padding: 20px 0 0 25px;  margin: 25px 0 0 0;}
.features-block ul li{text-align:left; font: 400 14px/24px 'Mulish', sans-serif; width: 50%; float: left; list-style: initial;
padding: 0 0 10px 0;}

.cap-block{margin: 0 0 50px 0;}
.cap-block h3{font: 600 20px/26px 'Mulish', sans-serif;  color: #000; margin: 0 0 10px 0;}
.cap-block p{font: 400 14px/24px 'Mulish', sans-serif; margin: 0 0 10px 0;}

.forms-block{width: 75%;
    margin: 0 auto;}
.forms-bx{width: 25%; padding: 0 5px; float: left;}
.forms-bx img{width: 180px; margin: 15px auto 0 auto;}
.forms-bx p{font: 600 16px/20px 'Mulish', sans-serif;  color: #000; margin: 0;}

.char-block{width: 70%; margin: 0 auto;}
.char-block ul{padding: 0 0 0 25px; margin:25px 0 15px 0; display: flex;}
.char-block li{text-align:left; font: 400 14px/24px 'Mulish', sans-serif; list-style: none;
    padding: 0 5px 10px 5px;
    width: 33.33%;}
.char-block p{font: 400 14px/24px 'Mulish', sans-serif; margin: 0 0 15px 0; text-align: left;}

.plan-bx-2{
    width: 50%;
    margin: 0 auto;
    float: none;
}

.plan-bx.p-auto img{width: 100%; padding: 0 15px;}
.plan-block.plan-auto{padding: 0px 15px 0 15px;}

.txt-p{width: 80%; margin: 0 auto;}

.plan-bx.plan-star{width: 80%;
    margin: 0 auto;
    float: none;}
.plan-bx img.s-img{width: 50% !important; float: left;}
.pos-t{position: relative;
    top: 25px;}

.site-intro.contact{padding:60px 0 20px;}
.site-intro.contact h2{margin: 35px 0 15px 0; text-transform: uppercase;}
.site-intro.contact p{margin: 0 0 15px 0;}

.contact form{text-align: left; width: 65%; margin: 0 auto;}
.contact form label{font: 400 13px/20px 'Mulish', sans-serif; margin: 0 0 2px 0;}
.contact form .input-bx{width: 50%; padding: 0 10px; float: left; margin: 0 0 17px 0; }
.contact form .input-bx.full{width: 100%; clear: both;}
.contact form .in-bx{border: 1px solid #cacaca;
    width: 100%;
    border-radius: 2px;
    padding: 7px 10px;
    resize: none;
    font: 400 14px/22px 'Mulish', sans-serif;
    color: #000; resize: none;
    outline: none;}
.contact form .sub-btn{margin-top: 10px;}

.gallery-block{width: 100%;}
.gallery-bx{width:33.33%; float:left; padding: 0 20px;
    margin: 0 0 40px 0;}
.clients-bx .gallery-bx{width:25%;}

.career-block{display: flex; text-align: left;}
.positions-block{width: 60%; }
.positions-block h3{font: 300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    margin: 0 0 20px;
}
.position-box{ border-bottom: 1px dotted #cacaca; padding: 17px 0 10px 0; }
.position-box:hover{cursor: pointer;}
.position-box h4{font: 600 18px/20px 'Mulish', sans-serif;
    position: relative;
    margin: 0px 0 7px 0;}

.position-box h4 i{font-size: 15px;
    color: #9e9e9e;
    position: absolute;
    right: 15px;
    top: 5px;}
.position-box p{text-align: left;
    font: 400 14px/20px 'Mulish', sans-serif;
    margin: 0 0 15px;}
.apply-btn{font-size: 14px;
    letter-spacing: 1px;
    line-height: 14px;
    color: #000000;
    font-weight: 500;
    font-family: 'Oswald' ,sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(233, 151, 33);
    border: 1px solid #ffffff; padding: 12px 35px; margin:0 0 10px 0;}
.apply-btn:hover{background: #000;
    border: 1px solid #000;
    color: #e99822;}
.pos-box{display: none;}

.form-block{width: 40%; padding: 0 0 0 30px; text-align: left;}
.form-block h3{font: 300 26px/30px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #e99822;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    margin: 0 0 20px 10px;
}
.form-block form {text-align: left;}
.form-block form label{font: 400 13px/20px 'Mulish', sans-serif; margin: 0 0 2px 0;}
.form-block form .in-block{width: 100%; padding: 0 10px;  margin: 0 0 17px 0; }
.form-block form .in-bx{border: 1px solid #cacaca;
    width: 100%;
    border-radius: 2px;
    padding: 7px 10px;
    resize: none;
    font: 400 14px/22px 'Mulish', sans-serif;
    color: #000; resize: none;
    outline: none;}
.contact form .sub-btn{margin-top: 10px;}

.auto-middle{width: 70%; margin:0 auto;}
.auto-middle .plan-bx img {
    width: 100%;}

.color-bxs{width: 50%; float: left;}

.head-one{text-align: left; text-align: left !important;
    font: 700 18px/20px 'Mulish', sans-serif !important;
    margin: 0 0 10px 0;}

.fea-block{width: 75%;
    margin: 0 auto;}

.safe-block{display: flex; padding: 15px 0 0 0;}
.safe-bx{width: 33.33%; padding: 0 15px; margin: 0 0 10px 0;}
.safe-bx img{border-radius: 17px; margin-bottom: 7px; border: 1px solid #f2f2f2;}
.safe-bx p{
   font: 500 14px/20px 'Mulish', sans-serif;
    color: #000;
    margin: 0;
}

.w-75{width: 85%;}
.w-85{width: 95%; margin:0 auto;}

.safe-bx-b{text-align: left;}
.safe-bx-b .fea-bx img{width: 120px; height: 120px;}
.safe-bx-b .fea-bx p{text-align: left;}

.products-list-block{}
.products-list-block .products-bx{width: calc(33.33% - 20px); float: left; margin: 0 10px 25px 10px;}

.gallery-bx h3.head-g{font: 900 16px/20px 'Mulish', sans-serif;
    padding: 10px 0 1px 0;
    margin: 0;}
.gallery-bx p.info-g{font: 400 14px/20px 'Mulish', sans-serif;
    color: #d27e04; margin:0;
    text-align: center;}

#partners-slider.owl-carousel .owl-item img{width:auto !important;}    
.reset-width{width:700px; margin:0 auto;} 

.custom-block h3 i{font-size: 26px;
    position: relative;
    top: 3.1px;
    right: 1px;
    /*color: #3c3c3c;*/}
    
.flex-bx{display:flex; padding:10px 0 0 0;}
.img-block{width:30%;}
.img-block img {width:100%;}
.about-txt-block{width:70%; padding:5px 0 0 35px;}
    
    
@media screen and (max-width: 1290px){
    .dyna-banner.hero-slide .carousel-caption h1{
        font: 400 36px/42px 'Mulish', sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin: 10px 0 2px;
    }
    .dyna-banner.hero-slide .carousel-caption .phone {
    font: 300 24px/24px 'Oswald', sans-serif;}
    .dyna-banner.hero-slide .carousel-caption .lead {
    font: 400 15px/22px 'Mulish', sans-serif;
    margin-bottom: 20px;}
}

@media screen and (max-width: 1200px){
    .right-txt-bx h3 {
    font: 300 30px/40px 'Oswald', sans-serif;}
    .sub-info-bx h3 {
    font: 300 26px/36px 'Oswald', sans-serif;}

    .site-info a{font-size: 13px;}
    .navbar {padding: 12px 0 20px 0;}
    .header-block .navbar-default .navbar-nav > li > a {
        font-size: 13px;
        line-height: 18px;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nav>li>a {
        padding: 10px 10px;
    }
    .navbar-brand>img {
        width: 100px;
    }

    .dyna-banner.hero-slide .carousel-caption .phone {
    font: 300 20px/24px 'Oswald', sans-serif;}
    .dyna-banner.hero-slide .carousel-caption h1 {
    font: 400 32px/42px 'Mulish', sans-serif;
    letter-spacing: 1.5px;
    margin: 7px 0 10px;}
    .dyna-banner.hero-slide .carousel-caption .lead {
    font: 400 14px/22px 'Mulish', sans-serif;
    width: 505px;margin-bottom: 20px;}
    .learn-more {
    font-size: 14px;
    line-height: 7px;
    width: 160px;
    height: 42px;}
    .w-70 {
        width: 85%;
    }
    .technology .media-body h2 {
    font: 800 38px/44px 'Mulish', sans-serif;}
    .media img{width: 160px;}
    .products-bx .content {
    bottom:-34%;}
    .products-bx .content h5 {
    font: 700 20px/36px 'Mulish', sans-serif;
    padding: 13px 0 15px 0;}
    #service-block .service-bx h3 {
        text-align: left;
        font: 900 38px/48px 'Mulish', sans-serif;
        color: #787265;
        margin: 0 0 7px 0;
        padding: 20px 0 0 0;
    }
    #service-block .service-bx p {
        text-align: left;
        font: 400 13px/20px 'Mulish', sans-serif;
        color: #fff;
        margin: 0;
        padding: 0 0 10px 0;
    }
    #service-block .service-bx img {
    width: 180px;}
    #service-block .service-bx a{
        width: 185px;
        height: 42px;
    }
    .support-wrapper a.btn {
    margin-top: 20px;}

    .navbar.top-nav-collapse {
        padding: 0px 0 0px 0;
    }
    .header-block .top-nav-collapse .navbar-right {
        margin-top: 13px;
    }

}

@media screen and (max-width: 991px){
    .header-top p {
        font: 400 10.5px/21px 'Mulish', sans-serif;
    }
    .header-top .site-info i {
        padding: 0 5px 0 0px;
        color: #fff;
        font-size: 13.5px;
    }
    .site-info a {
        font-size: 11.5px;
    }
    .header-top .quote {
        font: 800 13px/20px 'Mulish', sans-serif;
    }
    .navbar-brand>img {
        width: 85px;
        padding: 0 0 0 3px;
    }
    .header-block .navbar-default .navbar-nav > li > a {
        font-size: 12px;
        line-height: 18px;
        padding: 5px 8px;
    }
    .content-wrapper.bdr-shadow {
    position: relative;
    top: -55px;}
    .dyna-banner.hero-slide .carousel-caption .phone {
        font: 300 17px/20px 'Oswald', sans-serif;
        margin:50px 0 0 0;
    }
    .dyna-banner.hero-slide .carousel-caption h1 {
        font: 400 26px/32px 'Mulish', sans-serif;
        letter-spacing: 1.5px;
        margin: 5px 0 7px;
    }
    .dyna-banner.hero-slide .carousel-caption .lead {
        font: 400 13px/20px 'Mulish', sans-serif;
        width: 450px;
        margin-bottom: 15px;
    }
    .learn-more {
        font-size: 13px;
        line-height: 7px;
        width: 140px;
        height: 36px;
    }
    .navbar {
        padding: 7px 0 20px 0;
    }
    .header-block .top-nav-collapse .navbar-brand>img {
        padding: 5px 0 5px 0;
        width: 80px;
    }
    .w-70 {
        width: 100%;
    }
    .site-intro.intro-wrapper{padding: 60px 45px;}
    .service-wrapper{padding:60px 40px 45px 40px;}

    .tech-bx{width: 50%; float: left;}
    .media img {
        width: 130px;
    }
    .technology .media-body h2 {
        font: 800 30px/34px 'Mulish', sans-serif;
    }
    .technology .media-body h3 {
        font: 300 15px/24px 'Oswald', sans-serif;
        color: #141414;
        text-transform: uppercase;
        margin: 5px 0 7px;
    }
    .support-wrapper {
    padding: 60px 40px}
    .service-wrapper .media {
        margin-top: 35px;
        margin-bottom: 30px;
    }
    #service-block .service-bx.left-bx {
        padding: 0px 0px 10px 20px;
    }
    #service-block .service-bx img {
        width: 160px;
        margin: 70px auto 5px auto;
    }
    #partners-block {
        text-align: center;
        padding: 50px 50px;
    }
    .custom-block p{width: 80%;}
    .footer-widget-wrapper {
    padding: 47px 0 40px 35px;}
    .footer-widget img{width: 100px;}
    .social-link {
        margin-bottom: 25px !important;
    }
    .footer-bx {
        border-top: 1px solid #282828;
        padding: 20px 0;
    }
    .doors-block .door-bx {
        width: 33.33%;
        float: left;
        padding: 0 10px;
    }
    .doors-block .door-bx p {
        font: 700 12px/16px 'Mulish', sans-serif;
        margin: 8px 0 30px 0;
    }
    .forms-bx {
        width: 50%;
        padding: 0 5px 25px 0;
        float: left;
    }
    .forms-bx p {
    padding: 7px 0 0 0;}
    .forms-bx {
    width: 100%;
    padding: 0 0px 25px 0;}

    .contact form {
    text-align: left;
    width: 100%;}

    .auto-middle{width: 100%;}

    .positions-block h3{font: 300 20px/24px 'Oswald', sans-serif;
    margin: 0 0 15px 0px;}
    .form-block h3{font: 300 20px/24px 'Oswald', sans-serif;
    margin: 0 0 10px 10px;}
    
    .products-list-block .products-bx {
        width: calc(50% - 20px);
        float: left;
        margin: 0 10px 25px 10px;
    }
    .custom-block h3 br{display:block;}
    .reset-width {
        width: 100%;
        margin: 0 auto;
    }
}

.mob-ban{display: none !important}
.m-call{display: none;}
.con-txt br{display: none;}

@media screen and (max-width: 600px){
    .header-top{display: none;}
    .desk-ban{display: none !important}
    .mob-ban{display: block !important}
    .header-block .navbar-fixed-top {
        top: 0;
    }
    .navbar {
        padding: 5px 0 5px 0;
    }
    .navbar-brand>img {
        width: 85px;
        padding: 0 0 0 0px;
        margin: 0 0 0 10px;
    }
    .dyna-banner.hero-slide .carousel-caption .phone {
        font: 300 16px/18px 'Oswald', sans-serif;
        margin: 25px 0 0 0;
    }
    .dyna-banner.hero-slide .carousel-caption h1 {
        font: 400 22px/28px 'Mulish', sans-serif;
        letter-spacing: 1.5px;
        margin: 8px 0 15px;
    }
    .dyna-banner.hero-slide .carousel-caption .lead {
    display: none;}

    .site-intro.intro-wrapper {
        padding: 50px 20px;
    }
    .set-title {
    font: 300 24px/30px 'Oswald', sans-serif;
    margin: 0 0 15px;}

    .site-intro h2 {margin-bottom: 27px;
    font: 700 24px/32px 'Mulish', sans-serif;}
    .site-intro p {
        font: 400 13px/24px 'Mulish', sans-serif;
        color: #606060;
        text-align: center;
    }
    .tech-bx {
        width: 100%;
        float: none;
    }
    .intro-wrapper, .service-wrapper, .advantages-wrapper, .handover-wrapper, .testimonial-wrapper, .trusted-client-wrapper, .subscription-wrapper, .support-wrapper, .about-us-wrapper, .team-wrapper, .job-page-wrapper, .faq-wrapper, .contact-us-wrapper {
        padding: 40px 20px !important;
    }
    .service-wrapper {
        padding: 50px 20px 10px 20px !important;
    }
    #products-block h2 {
    font: 300 24px/28px 'Oswald', sans-serif;
    margin: 0 0 15px;}
    .owl-nav .owl-prev {
        position: absolute;
        left: -17px;
    }
    .owl-nav .owl-next {
        position: absolute;
        right: -17px;
    }
    #service-block .service-bx {
        width: 100%;
        float: none;
        text-align: center;
    }
    #service-block .service-bx img {
        width: 160px;
        margin: 15px auto 0px auto;
    }
    #service-block .service-bx h3{
        padding: 10px 0 0 0;
    }
    #partners-block {
        text-align: center;
        padding: 40px 30px 10px 30px;
    }

    .custom-block {
        text-align: center;
        padding: 0 0 60px 0;
        margin: 0px 0 0 0;
    }
    .custom-block h2 {
        font: 900 28px/36px 'Mulish', sans-serif;
        color: #000;
        margin: 0 0 25px 0;
    }
    .custom-block p {
        width: 100%;
        margin: 0px auto 17px auto;
    }
    .custom-block h3 {
    font: 500 20px/28px 'Mulish', sans-serif;}
    .custom-block h3 a {
    font: 700 20px/24px 'Mulish', sans-serif;
    color: #e99822;
    padding: 0 0 0 0px;
}
.footer-bx-1 {
    width: 100%;
}
.foo-bx {
    width: 100%;
    float: none; padding:0 0 0px 0;
}
.footer-widget-wrapper {
    padding: 55px 0 10px 20px;
}
.copyright p {
    margin: 0;
    color: #565656;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.pro-info-block {
    display: block;
    text-align: left;
    width: 100%;
}
.site-intro.inside-page {
    padding: 0 0px 0px 0px;
}
.info-bx-pro {
    width: 100%;
}
.p-txt-info {
    padding:40px 20px 10px 20px;
}
.info-bx-pro p {
    font: 400 14px/24px 'Mulish', sans-serif;
    color: #606060;
    margin: 0 0 15px 0;
   
    padding: 0 0px 0 0;
}
.right-txt-bx {
    text-align:center;
    width: 100%;
    float: none;
    padding: 30px 0 20px 0;
    margin: 0 5px 0 0;
}
.info-bx-pro img {
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
}
.sub-info-bx {
    display: block;}
.info-ser-wrapper {
    padding: 60px 20px;
    background: #f1eccf;
}
.sub-info-bx img {
    width: 50%;
    padding: 0 10px 20px 10px;
    float: left;
}
.sub-info-bx h3 {
    width: 100%;
    font: 300 26px/36px 'Oswald', sans-serif;
    padding: 0 0 0 0px;
    text-align: center;}

.feature-bx {
    width: 100%;
    float: none;
}
.feature-bx:nth-child(1) {
    padding: 0 0px 0 0px;
}
.feature-bx:nth-child(2) {
    padding: 0 0px 0 0px;
}
.feature-bx:nth-child(3) {
    padding: 0 0 0 0px;
}
.plan-bx {
    width: 100%;
    float: none;
    padding: 0 0 35px 0;
}
.plans-3 .plan-bx{width:100%; float: none;}
.plan-bx p{padding: 15px 0 0 0px;}
.plan-bx h3 {
    font: 900 20px/26px 'Mulish', sans-serif;}
.acod-block {
    width: 100%;
    margin: 15px auto 0 auto;
}
.footer-bx-2, .footer-bx-3, .footer-bx-4{
    display: none;
}

.modal-dialog {
    position: relative;
    top: 5%;
}
.qota-form .sub-form .field-bx {
    width: 100%;
    float: none;
    margin: 15px 0 0px 0;
}
.qota-form .sub-form .field-bx:nth-child(2n+1) {
    padding: 0 0px 0 0;
}
.qota-form .sub-form .field-bx:nth-child(2n+2) {
    padding: 0 0 0 0px;
}
#main-slider .owl-nav {
    display: none;}
.hero-slide .carousel-caption{width: 65%;}

.navbar-default {
    background: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
}

.m-call{display: block;
    position: absolute;
    right: 70px;
    font-size: 26px;
    color: #fff;
    top: 12.5px;
    padding: 5px;}

.get-btn{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 7px;
    color: #000000;
    font-weight: 500;
    font-family: 'Oswald' ,sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(233, 151, 33);
    border: 0px solid #ffffff;
    width: 81%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.get-btn:hover{
    background: #1a1a1a;
}
.offcanvas-menu h3{padding: 0; margin: 0;}
#off-canvas-close-btn{height: 51px;}
.offcanvas-menu ul li a {
    display: block;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 400;}
.offcanvas-menu ul li a{position: relative;}
.offcanvas-menu ul li a i{color: #fff; font-size: 12px;
    position: absolute;
    right: 17px;
    top: 21px;}

.sub-meun{display: none;}
.sub-meun a{display: block;
    padding: 12px 12px 12px 17px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    font-weight: 400 !important; }

.doors-block .door-bx {
        width: 50%;
        float: left;
        padding: 0 5px;
    }
.doors-block .door-bx:nth-child(2n+1){clear: left;}

.info-ser-wrapper table th {
    border-bottom: 1px solid #7d7a7a;
    font: 500 13px/20px 'Mulish', sans-serif;
}
.info-ser-wrapper table th:nth-child(1), .info-ser-wrapper table td:nth-child(1) {
    width: calc(20% - 20px);
}
.info-ser-wrapper table th:nth-child(2), .info-ser-wrapper table td:nth-child(2) {
    width: calc(40% - 20px);
}
.info-ser-wrapper table th:nth-child(3), .info-ser-wrapper table td:nth-child(3) {
    width: calc(40% - 20px);
}
.info-ser-wrapper table th, .info-ser-wrapper table td {
    padding:10px 5px;
    vertical-align: top;
}
.info-ser-wrapper table td {
    font: 400 12px/16px 'Mulish', sans-serif;
    border-bottom: 1px solid #c9c4c4;
}
.features-block ul li {
    text-align: left;
    font: 400 14px/24px 'Mulish', sans-serif;
    width: 100%;
    float: none;
    list-style: initial;
    padding: 0 0 12px 0;
}

.char-block {
    width: 100%;}
.plan-bx-2{
    width: 100%;
    margin: 0 auto;
    float: none;
}
.features-block{width: 100%; margin: 0 auto;}
.plan-new{width: 100%; float: none; padding: 0 0 20px 0;}
.carousel {
    position: relative;
    top: 58px;
}
.content-wrapper.bdr-shadow {
    position: relative;
    top: 25px;
}
.plan-bx img.s-img {
    width: 100% !important;
    float: none;
}
.plan-bx.plan-star {
    width: 100%;}

.contact form .input-bx {
    width: 100%;
    padding: 0 0px;
    float: none;
    margin: 0 0 10px 0;
}

.content-wrapper.main-page{
   position: relative;
    top: -55px; 
}

.con-txt br{display: block;}
.char-block ul{display: block;}
.char-block li{width: 100%;}
.fea-block {
    width: 100%;
    margin: 0 auto;
}
.gallery-bx {
    width:100%;
    float: left;
    padding: 0 10px;
    margin: 0 0 20px 0;
}



.clients-bx .gallery-bx {
    width: 50%;
}

.safe-block{display: block; padding: 15px 0 0 0;}
.safe-bx{width: 100%; padding: 0 0px; margin: 0 0 30px 0;}
.w-75{width: 100%;}

.fea-bx {
    width: 100%;
    float: none;
    padding: 0 0px 15px 0px;}
.safe-bx-b .fea-bx img {
    width: 100px;
    height: 100px;
}

.career-block {
    display: block;}
.positions-block {
    width: 100%;
    margin: 0 0 30px 0;
}
.form-block {
    width: 100%;
    padding: 0 0 0 0px;
    text-align: left;
}
.form-block form .in-block {
    width: 100%;
    padding: 0 0px;
    margin: 0 0 10px 0;
}
.position-box p {
    text-align: left;}
.apply-btn{margin: 10px 0 0px 0;}
.products-list-block .products-bx {
    width: calc(100% - 0px);
    float: left;
    margin: 10px 0px 15px 0px;
}

#partners-slider.owl-carousel .owl-item img{width:100% !important;} 
.flex-bx {
    display: block;
    padding: 10px 0 0 0;
}
.img-block {
    width: 100%;
    margin: 0 0 10px 0;
}
.about-txt-block {
    width: 100%;
    padding: 7px 0 0 0px;
}


}