@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');.flt {float: left;width: 100%;} .what_image img {margin: 0px auto;} .white_container {display: none;} .logo img {float: left;width: 100%;margin: 0% auto;} .header {margin: 15px 0px;position: relative;} .menuH {margin-top: 18px;} .menuH .navbar {float: right;margin-bottom: 0px;} .navbar-brand {display: none;} .menuH ul li a {font-size: 14px;font-family: 'Roboto', sans-serif;color: rgb(4, 43, 86);border: 1px solid rgb(255, 255, 255);margin: 0px 2px;padding: 5px 20px;} .menuH ul li a:hover {border: 1px solid rgb(126, 146, 168);border-radius: 30px;background-color: transparent;} .menuH ul li.active a {border: 1px solid rgb(126, 146, 168);border-radius: 30px;} .dropdown-menu {display: block;left: 50%;transform: translateX(-50%) translateY(15%);top: calc(100% + 31px);visibility: hidden;opacity: 0;background-color: rgba(0, 0, 0, 0.66);transition: 0.8s all ease;} .dropdown:hover .dropdown-menu {visibility: visible;opacity: 1;transform: translateX(-50%) translateY(0%);} .dropdown-menu li a {border: none !important;color: rgb(255,255,255) !important;} .dropdown-menu li a:hover {border: none !important;background-color: rgb(255, 255, 255) !important;border-radius: 0px !important;color: rgb(4, 43, 86) !important;} .banner {position: relative;} .banner_image img {float: left;width: 100%;margin: 0% auto;} .banner_text {position: absolute;left: 50%;top: 50%;transform: translateX(-50%);} .item .text1 {opacity: 0;visibility: hidden;transition: 1.5s all ease-in-out;} .item.active .text1 {opacity: 1;visibility: visible;transition: 1.5s all ease-in-out;} .item .text2 {transform: translateY(50%);transition: 1s all ease;display: inline-block;opacity: 0;visibility: hidden;} .item.active .text2 {transform: translateY(0%);transition: 1s all ease;opacity: 1;visibility: visible;} .text1 {font-size: 60px;font-family: "Roboto";color: rgb(255, 253, 251);text-shadow: 0px 5px 5px rgb(0,0,0);} .text2 {font-size: 36px;font-family: "Roboto";color: rgb(255, 253, 251);text-transform: uppercase;text-shadow: 0px 5px 5px rgb(0,0,0);} .white {margin: 10% 0%;} .white_image {position: absolute;left: 50%;top: -56px;transform: translateX(-50%);} .white_box {position: relative;transition: 0.5s all ease;} .white_box:hover {background-color: rgb(240, 240, 240);transition: 0.5s all ease;} .white_image img {margin: 0% auto;} .white_info {padding: 15% 6%;} .white_head {font-size: 18px;font-family: "Roboto";color: rgb(14, 26, 53);font-weight: bold;text-align: center;margin: 3% 0%;} .white_cont {font-size: 14px;font-family: "Roboto";color: rgb(102, 102, 102);text-align: center;line-height: 22px;} .about_container {background-image: url(../../uploads/traabindianewcom/about_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;} .about_container::before {content: '';background-image: url('../../uploads/traabindianewcom/about_arrow.png');background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;bottom: -40px;left: 50%;height: 80px;width: 80px;background-color: rgb(14, 25, 53);border: 20px solid rgb(14, 25, 53);border-radius: 50%;transform: translateX(-50%);} .about {margin: 8% 0%;position: relative;} .about .col-sm-6:nth-child(1) {left: 0px;top: 0px;height: 100%;position: absolute;} .about .col-sm-6 {float: right;} .about_head {font-size: 18px;font-family: "Roboto";color: rgb(255, 255, 255);font-weight: bold;line-height: 28px;} .about_head span {font-size: 36px;font-weight: bold;} .about_cont {font-size: 14px;font-family: "Roboto";color: rgb(255, 255, 255);margin: 4% 0%;line-height: 24px;} .about_button a {font-size: 13px;font-family: "Roboto";color: rgb(255, 255, 255);border: 1px solid rgb(87, 95, 114);text-decoration: none;border-radius: 30px;padding: 5px 25px;transition: 0.5s all ease-in-out;} .about_button a:hover {transition: 0.5s all ease-in-out;background-color: rgb(255,255,255);color: rgb(15, 26, 56);} .product {margin: 8% 0%;} .product_head {font-size: 18px;font-family: "Roboto";color: rgb(14, 26, 53);font-weight: bold;text-align: center;line-height: 24px;margin-bottom: 4%;} .product_head span {font-size: 36px;text-transform: uppercase;} .product_box {box-shadow: 0px 0px 10px rgb(141, 141, 141);padding: 8% 2%;transition: 0.5s all ease;} .product_name {font-size: 16px;font-family: "Roboto";color: rgb(102, 102, 102);font-weight: bold;position: relative;padding-left: 65px;} .product_box:hover {background-color: rgb(14, 25, 53);transition: 0.5s all ease;} .product_box:hover .product_name {color: rgb(255, 255, 255);transition: 0.5s all ease;} .product_name::before {content: '';background-image: url('../../uploads/traabindianewcom/product_icon.png');background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;height: 50px;width: 50px;left: 0px;top: 50%;transform: translateY(-50%);} .product_name::after {position: absolute;right: 8px;top: 50%;font-family: "Font Awesome 5 Free";content: '\f142';font-weight: 600;transform: translateY(-50%);font-size: 18px;color: rgb(255, 255, 255);} .why_head {font-size: 18px;font-family: "Roboto";color: rgb(14, 26, 53);font-weight: bold;text-align: center;line-height: 24px;margin-bottom: 5%;} .why_head span {font-size: 36px;text-transform: uppercase;} .why_box_name {font-size: 16px;font-family: "Roboto";color: rgb(41, 41, 41);font-weight: bold;text-align: center;margin: 4% 0%;} .why_box_name span {font-size: 18px;text-transform: uppercase;} .why_box_image img {margin: 0% auto;} .why_cont {padding: 0% 15%;} .why_bg img {float: left;width: 100%;margin: 0% auto;} .what {margin: 5% 0%;} .what_head {font-size: 18px;font-family: "Roboto";color: rgb(14, 26, 53);font-weight: bold;text-align: center;line-height: 24px;margin-bottom: 4%;} .what_head span {font-size: 36px;text-transform: uppercase;} .what_cont .owl-carousel .owl-item img {width: auto;margin: 0% auto;} .what_cont .owl-stage-outer {float: left;width: 100%;} .what_desc {font-size: 14px;font-family: "Roboto";color: rgb(153, 153, 153);text-align: center;margin: 2% 0%;line-height: 24px;} .what_cont .owl-nav {display: none;} .what_cont .owl-dots {display: block !important;float: left;width: 100%;text-align: center;} .owl-dot span {margin: 0px 2px;display: inline-block;border-radius: 50%;overflow: hidden;background-color: red;display: block !important;height: 12px;width: 12px;background-color: rgb(155, 153, 153);} .what_cont .owl-dot.active span {background-color: rgb(8, 8, 85);} .get {margin: 5% 0%;} .get_head {font-size: 18px;font-family: "Roboto";color: rgb(255, 255, 255);font-weight: bold;text-transform: uppercase;text-align: center;margin-bottom: 2%;} .get_head span {background-color: rgb(85, 132, 255);padding: 5px 25px;border-radius: 30px;position: relative;} .get_head span::before {position: absolute;left: 0%;top: 50%;content: '';width: 200px;height: 1px;background-color: rgb(155, 153, 153);transform: translateY(-50%) translateX(calc(-100% - 10px));} .get_head span::after {position: absolute;right: 0%;top: 50%;content: '';width: 200px;height: 1px;background-color: rgb(155, 153, 153);transform: translateY(-50%) translateX(calc(+100% + 10px));} .get_logo {margin-bottom: 15px;} .get_logo img {margin: 0% auto;} .get_name {font-size: 22px;font-weight: bold;font-family: "Roboto";color: rgb(4, 43, 86);text-transform: uppercase;text-align: center;} .get_address {font-size: 18px;font-family: "Roboto";color: rgb(102, 102, 102);text-align: center;} .get_bg {background-image: url(../../uploads/traabindianewcom/footer_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;} .get_social {text-align: center;margin-top: 2%;} .get_social a {display: inline-block;} .copyright {font-size: 14px;font-family: "Roboto";color: rgb(132, 146, 175);background-color: rgb(14,25,53);text-align: center;padding: 20px 0px;} .navbar-toggle {background-color: #0f1a38;} .navbar-toggle .icon-bar {background: #fff;} @media(min-width:320px) and (max-width:767px) {.dropdown-menu {top: calc(100% + 2px);} .menuH ul li a {padding: 5px 71px;} .about .col-sm-6:nth-child(1) {position: relative;} .product {margin: 18% 0%;} .product_box {margin-bottom: 10px;} .get_head span::after {width: 35%;} .get_head span::before {width: 35%;}} @media(min-width:768px) and (max-width:1201px){.menuH ul li a {margin: 0px -14px;}} .modal-body {position: relative;padding: 40px 20px 60px !important;text-align: center;} .modal-body h3 {color: #11c7dc;} .modal-body p {line-height: 31px;font-size: 18px;} .modal-header .close {margin-top: -10px;color: #0043ff;opacity: 1;font-size: 25px;} .modal-header {padding: 20px 015px;border-bottom: 1px solid #c7c7c7;min-height: 16.43px;}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}