@media only screen and (min-width: 1024px){
.container{width: 1024px;}
}

a{outline: none;}
body{font-size: 16px; color: #5a5a5a;font-family: 'Roboto', sans-serif;}
header {padding: 26px 0;border-bottom: 38px solid #f5f5f5;}
.border{border:1px solid #a8a8a8;float: left;width: 100%;}
ul.card-nav{margin:0;padding: 0;width: 28%;background: #f6f6f6;display: inline-block;vertical-align: top;min-height: 519px;border-right: 1px solid #a8a8a8}
ul.card-nav li{display: block;list-style-type: none;position: relative;width: 100%;}
ul.card-nav li a{padding: 10px 30px; color: #545454;display: block;text-decoration: none;outline: 0;border-bottom: 1px solid #e5e5e5;}
ul.card-nav li a:hover{background: #fff;color: #00aeef;border-right: 1px solid #a8a8a8!important;position: relative;border-radius: 0;border-bottom: 1px solid #e5e5e5}
ul.card-nav li a:hover::after{border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 5px solid #a8a8a8;position: absolute;top: 39%;right: 0;content: ""}
ul.card-nav li.active a{background: #fff;color: #00aeef!important;border-right: 1px solid #a8a8a8!important;position: relative;border-bottom: 1px solid #e5e5e5}
ul.card-nav li.active a::after{border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 5px solid #a8a8a8;position: absolute;top: 39%;right: 0;content: ""}


ul.card-nav table{display: block;list-style-type: none;position: relative;width: 100%;}
ul.card-nav table td{padding: 10px 30px; color: #545454;display: block;text-decoration: none;outline: 0;border-bottom: 1px solid #e5e5e5;}
ul.card-nav table td:hover{background: #fff;color: #00aeef;border-right: 1px solid #a8a8a8!important;position: relative;border-radius: 0;border-bottom: 1px solid #e5e5e5}
ul.card-nav table td:hover::after{border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 5px solid #a8a8a8;position: absolute;top: 39%;right: 0;content: ""}
ul.card-nav table.active td{background: #fff;color: #00aeef!important;border-right: 1px solid #a8a8a8!important;position: relative;border-bottom: 1px solid #e5e5e5}
ul.card-nav table.active td::after{border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 5px solid #a8a8a8;position: absolute;top: 39%;right: 0;content: ""}




.card-detalis{padding: 36px 0;}
.card-use{display: inline-block; vertical-align: top;width: 70.4%;padding: 20px 20px 20px 28px;}
.card-use label{font-weight: normal;display: block;margin-bottom: 20px;}
.card-use .form-inline{display: inline-block;vertical-align: top;border: 1px solid #d7d7d7;padding: 10px 17px;margin-right: 22px;margin-bottom: 30px;}
.card-use .form-inline img{margin-left: 10px;}
.form-group{font-size: 14px;color: #494949;margin-top: 10px;margin-bottom: 30px;}
.form-group input{margin: 0 5px 10px 0;float: left;}
.btn-primary{display: block;background: #f47a21;color: #fff;font-size: 18px;font-weight: 600;border-radius: 0;width: 100%;border: none;padding: 15px 0;margin-top: 0;}
.btn-primary:hover{background: #f47a21;color: #fff;}
.mobile{display: none;}
.order{border:1px solid #a8a8a8;}
.order h2{color: #fff;font-size: 20px;padding: 20px 25px; margin: 0;background: #a8a8a8;}
.order div{padding: 25px;}
.order p{margin-bottom: 5px;color: #979797}
.order p b{color: #000;}
footer{padding: 25px 0}
footer p b{color: #898989;}
footer p{font-size: 13px;color: #979797;}
footer img{float: right;}
.form-control{border-radius: 0;border-color: #e7e7e7;}
.group{margin-bottom: 30px;}
span{display: block;}
.nav-tabs > li > a{margin: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border:none;border-radius: 0;}
@media only screen and (max-width: 980px){
.order{margin-top: 30px;}
footer img{float: none;margin-top: 20px;}
.foot-img{float: none;text-align: center;}
}

@media only screen and (max-width: 767px){
.card-nav{min-height: auto!important;width: 100%!important;background: none!important;}
ul.card-nav li a:hover::after{content: none!important;}
ul.card-nav li.active a::after{content: none!important;}
.card-use{padding: 0;}
.card-use form{padding: 20px 20px 20px 28px;border:1px solid #a8a8a8;}
.mobile{display: block;margin: 0;padding: 0;}
.border{border:none;}
.mobile li{list-style-type: none;display: block;}
ul.card-nav li a{display: block;background: #fafafa;color: #686868;border: 1px solid #d2d2d2;padding: 5px 0;width: 100%;margin-bottom: 10px;text-decoration: none;text-align: center;outline: 0;font-size: 14px;}
ul.card-nav li a:hover{background: #fafafa!important;color: #00aeef!important;border: 1px solid #d2d2d2!important;}
ul.card-nav li.active a{background: #fafafa!important;color: #00aeef!important;border: 1px solid #d2d2d2!important;}
.card-btn:hover{color: #686868;text-decoration: none;}
.card-use{width: 100%;}
.card-detalis {padding: 8px 0;}
.card-use .form-inline{margin-right: 3px;}
.form-group input{margin: 4px 5px 10px 0;}
.logo{text-align: center;}
.logo img{width: 100px;}
header {padding: 10px 0;border-bottom: 5px solid #f5f5f5;}
ul.card-nav li{width: 49%;margin-right: 1%;}
.nav-tabs > li > a{border-radius: 0;}
.nav-tabs > li:last-child{width: 99%!important;}
span {display: inline;}
.btn-primary{[padding: 10px 0;font-size: 15px}
}
@media only screen and (max-width: 480px){
.card-use form{padding: 20px 14px;}
}
@media only screen and (max-width: 320px){
.card-use form{padding: 20px 15px;}
.card-use .form-inline {padding: 10px 13px;margin-right: 22px;margin-bottom: 12px;margin-right: 0;}
}