.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .white-popup {
background: #fff none repeat scroll 0 0;
margin: 0 auto;
max-width: 400px;
padding: 25px;
position: relative;
width: auto;
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-newspaper {}
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(0) rotate(500deg);
transform: scale(0) rotate(500deg);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.mfp-newspaper.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(0) rotate(500deg);
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-horizontal {}
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-from-top {}
.mfp-move-from-top .mfp-content {
vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-3d-unfold {}
.mfp-3d-unfold .mfp-content {
-webkit-perspective: 2000px;
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
-webkit-transform: rotateY(-60deg);
transform: rotateY(-60deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: rotateY(60deg);
transform: rotateY(60deg);
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-zoom-out {}
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
20%,
60% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
40% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
80% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
-webkit-transform: rotate(60deg) translateY(0px);
transform: rotate(60deg) translateY(0px);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
100% {
opacity: 0;
-webkit-transform: translateY(700px);
transform: translateY(700px);
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
20%,
60% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
40% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
80% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
-webkit-transform: rotate(60deg) translateY(0px);
transform: rotate(60deg) translateY(0px);
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
100% {
opacity: 0;
-webkit-transform: translateY(700px);
transform: translateY(700px);
}
}
.hinge {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.5s ease-out 0s;
transition: opacity 0.5s ease-out 0s;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}@font-face { font-family: 'ka'; src: url(//t-rex360.com/wp-content/themes/t-rex/fonts/ka.eot?98878213); src: url(//t-rex360.com/wp-content/themes/t-rex/fonts/ka.eot?98878213#iefix) format('embedded-opentype'),  url(//t-rex360.com/wp-content/themes/t-rex/fonts/ka.woff?98878213) format('woff'),  url(//t-rex360.com/wp-content/themes/t-rex/fonts/ka.ttf?98878213) format('truetype'),  url(//t-rex360.com/wp-content/themes/t-rex/fonts/ka.svg?98878213#ka) format('svg'); font-weight: normal; font-style: normal; }   [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "ka"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;  font-variant: normal; text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.icon-fax:before { content: '\e800'; } .icon-construction-coordination:before { content: '\e801'; } .icon-vimeo:before { content: '\e802'; } .icon-data-collection-and-distribution-systems:before { content: '\e803'; } .icon-email:before { content: '\e804'; } .icon-facebook:before { content: '\e805'; } .icon-flickr:before { content: '\e806'; } .icon-google-plus:before { content: '\e807'; } .icon-its-standards:before { content: '\e808'; } .icon-left-arrow:before { content: '\e809'; } .icon-list-menu:before { content: '\e80a'; } .icon-linkedin:before { content: '\e80b'; } .icon-location:before { content: '\e80c'; } .icon-phone:before { content: '\e80d'; } .icon-right-arrow:before { content: '\e80e'; } .icon-staffing-placements:before { content: '\e80f'; } .icon-traffic-management-systems:before { content: '\e810'; } .icon-transportation-management:before { content: '\e811'; } .icon-transportation-planning:before { content: '\e812'; } .icon-traveler-information-systems:before { content: '\e813'; } .icon-twitter:before { content: '\e814'; } .icon-zone-planning:before { content: '\e815'; } @font-face {
font-family: 'trex';
src: url(//t-rex360.com/wp-content/themes/t-rex/fonts/trex.eot?50974035);
src: url(//t-rex360.com/wp-content/themes/t-rex/fonts/trex.eot?50974035#iefix) format('embedded-opentype'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/trex.woff?50974035) format('woff'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/trex.ttf?50974035) format('truetype'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/trex.svg?50974035#trex) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "trex";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-regional-condition-viewer:before { content: '\e800'; } .icon-regional-highway-viewer:before { content: '\e801'; } .icon-regional-playback-tool:before { content: '\e802'; } .icon-regional-transit-viewer:before { content: '\e803'; } .icon-report-and-tools:before { content: '\e804'; } .icon-roadway-closure-interface-event:before { content: '\e805'; } .icon-roadway-closure-interface-trip-based:before { content: '\e806'; } .icon-roadway-incident-analysis:before { content: '\e807'; } .icon-roadway-restriction-management-tool:before { content: '\e808'; } .icon-route-editor:before { content: '\e809'; } .icon-school-calender:before { content: '\e80a'; } .icon-spatel-dfe:before { content: '\e80b'; } .icon-sso-settings:before { content: '\e80c'; } .icon-ti-med-report:before { content: '\e80d'; } .icon-traffic-incident-management:before { content: '\e80e'; } .icon-transit-dashboard:before { content: '\e80f'; } .icon-transit-report:before { content: '\e810'; } .icon-transportation-performance-management:before { content: '\e811'; } .icon-travel-time-comparison:before { content: '\e812'; } .icon-trip-alert-threshold-configuration:before { content: '\e813'; } .icon-trip-analytics:before { content: '\e814'; } .icon-trip-based-historical-special-report:before { content: '\e815'; } .icon-tt-med-o-d-analysis:before { content: '\e816'; } .icon-video-wall:before { content: '\e817'; } .icon-video-wall-admin:before { content: '\e818'; } .icon-vms:before { content: '\e819'; } .icon-voluminous-data-tool:before { content: '\e81a'; } .icon-zone-viewer:before { content: '\e81b'; } .icon-aashto-performance-measures:before { content: '\e81c'; } .icon-advanced-operations-dashboard:before { content: '\e81d'; } .icon-alarm-notification:before { content: '\e81e'; } .icon-assent-inventory:before { content: '\e81f'; } .icon-bottleneck:before { content: '\e820'; } .icon-cctv:before { content: '\e821'; } .icon-construction-rhcpm:before { content: '\e822'; } .icon-contact-book:before { content: '\e823'; } .icon-corridor-viewer:before { content: '\e824'; } .icon-data-souce-comparison:before { content: '\e825'; } .icon-developer:before { content: '\e826'; } .icon-dynamic-trip-creation:before { content: '\e827'; } .icon-estimated-time-to-arrive:before { content: '\e828'; } .icon-event-notification:before { content: '\e829'; } .icon-event-playback:before { content: '\e82a'; } .icon-exam-portal:before { content: '\e82b'; } .icon-facility-creation-tool:before { content: '\e82c'; } .icon-historical-event-search:before { content: '\e82d'; } .icon-historical-travel-time-analysis-tool:before { content: '\e82e'; } .icon-historical-weather-playback:before { content: '\e82f'; } .icon-hpms-conflation:before { content: '\e830'; } .icon-impact-monitoring-tool:before { content: '\e831'; } .icon-level-of-service:before { content: '\e832'; } .icon-live-speed-layer:before { content: '\e833'; } .icon-maps21:before { content: '\e834'; } .icon-map-training:before { content: '\e835'; } .icon-multiple-routing-options:before { content: '\e836'; } .icon-notification-setting:before { content: '\e837'; } .icon-operational-map:before { content: '\e838'; } .icon-operation-dashboard:before { content: '\e839'; } .icon-origin-destination:before { content: '\e83a'; } .icon-pacct:before { content: '\e83b'; } .icon-performance-measures:before { content: '\e83c'; } .icon-personalized-dashboard:before { content: '\e83d'; } .icon-predictive-model-data-download-tool:before { content: '\e83e'; } .icon-project-viewer:before { content: '\e83f'; } .icon-public-maps:before { content: '\e840'; }.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//t-rex360.com/wp-content/themes/t-rex/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@font-face {
font-family: 'pixie-sso';
src: url(//t-rex360.com/wp-content/themes/t-rex/fonts/pixie-sso.eot?40185888);
src: url(//t-rex360.com/wp-content/themes/t-rex/fonts/pixie-sso.eot?40185888#iefix) format('embedded-opentype'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/pixie-sso.woff2?40185888) format('woff2'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/pixie-sso.woff?40185888) format('woff'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/pixie-sso.ttf?40185888) format('truetype'),
url(//t-rex360.com/wp-content/themes/t-rex/fonts/pixie-sso.svg?40185888#pixie-sso) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="pixie-sso-"]:before, [class*=" pixie-sso-"]:before {
font-family: "pixie-sso";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.pixie-sso-regional-transit-viewer:before { content: '\e800'; } .pixie-sso-report-and-tools:before { content: '\e801'; } .pixie-sso-roadway-closure-interface-event:before { content: '\e802'; } .pixie-sso-roadway-closure-interface-trip-based:before { content: '\e803'; } .pixie-sso-spatel-dfe:before { content: '\e804'; } .pixie-sso-sso-settings:before { content: '\e805'; } .pixie-sso-ti-med-report:before { content: '\e806'; } .pixie-sso-traffic-incident-management:before { content: '\e807'; } .pixie-sso-transit-dashboard:before { content: '\e808'; } .pixie-sso-transit-report:before { content: '\e809'; } .pixie-sso-transportation-performance-management:before { content: '\e80a'; } .pixie-sso-travel-time-comparison:before { content: '\e80b'; } .pixie-sso-tt-med-o-d-analysis:before { content: '\e80c'; } .pixie-sso-video-wall:before { content: '\e80d'; } .pixie-sso-video-wall-admin:before { content: '\e80e'; } .pixie-sso-zone-viewer:before { content: '\e80f'; } .pixie-sso-alarm-notification:before { content: '\e810'; } .pixie-sso-assent-inventory:before { content: '\e811'; } .pixie-sso-bottleneck:before { content: '\e812'; } .pixie-sso-cctv:before { content: '\e813'; } .pixie-sso-corridor-viewer:before { content: '\e814'; } .pixie-sso-data-souce-comparison:before { content: '\e815'; } .pixie-sso-developer:before { content: '\e816'; } .pixie-sso-dynamic-trip-creation:before { content: '\e817'; } .pixie-sso-estimated-time-to-arrive:before { content: '\e818'; } .pixie-sso-event-notification:before { content: '\e819'; } .pixie-sso-event-playback:before { content: '\e81a'; } .pixie-sso-historical-event-search:before { content: '\e81b'; } .pixie-sso-historical-travel-time-analysis-tool:before { content: '\e81c'; } .pixie-sso-historical-weather-playback:before { content: '\e81d'; } .pixie-sso-impact-monitoring-tool:before { content: '\e81e'; } .pixie-sso-level-of-service:before { content: '\e81f'; } .pixie-sso-maps21:before { content: '\e820'; } .pixie-sso-multiple-routing-options:before { content: '\e821'; } .pixie-sso-notification-setting:before { content: '\e822'; } .pixie-sso-operational-map:before { content: '\e823'; } .pixie-sso-opration-dashboard:before { content: '\e824'; } .pixie-sso-performance-measures:before { content: '\e825'; } .pixie-sso-personalized-dashboard:before { content: '\e826'; } .pixie-sso-project-viewer:before { content: '\e827'; } .pixie-sso-public-maps:before { content: '\e828'; } .pixie-sso-regional-condition-viewer:before { content: '\e829'; } .pixie-sso-regional-highway-viewer:before { content: '\e82a'; } .pixie-sso-facility-creation-tool:before { content: '\e82b'; } .pixie-sso-construction-rhcpm:before { content: '\e82c'; } .pixie-sso-route-editor:before { content: '\e82d'; } .pixie-sso-hpms-conflation:before { content: '\e82e'; } .pixie-sso-vms:before { content: '\e82f'; } .pixie-sso-contact-book:before { content: '\e830'; } .pixie-sso-exam-portal:before { content: '\e831'; } .pixie-sso-map-training:before { content: '\e832'; } .pixie-sso-school-calender:before { content: '\e833'; } .pixie-sso-trip-alert-threshold-configuration:before { content: '\e834'; } .pixie-sso-transit-performance-measure:before { content: '\e836'; } .pixie-sso-trip-based-historical-special-report:before { content: '\e973'; }body { font-family: 'Poppins', sans-serif; color: #434141; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul, ol, li { margin: 0; padding: 0; list-style: none; }
a { color: #200E76; }
a:hover, a:focus { text-decoration: none; color: #0070C0; outline: none !important; }
img { max-width: 100%; }
p { color: #727384; margin: 0; font-size: 18px; line-height: 1.4; }
h1, h2, h3, h4, h5 { color: #0C173C; margin-top: 0 !important; line-height: 1.4; font-weight: 600; }
.disp-table { display: table; width: 100%; height: 100%; }
.disp-cell { display: table-cell; vertical-align: middle; }
.common-section { padding: 70px 0; }
.common-section-top { padding-top: 70px; }
.common-section-bottom { padding-bottom: 70px; }
.common-btn { background: #E01313; color: #fff; font-size: 20px; overflow: hidden; border: none; position: relative; transition: all 0.5s; z-index: 1; padding: 18px 38px; outline: none !important; border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.common-btn { background: linear-gradient(to right, #0070c0 50%, #e01313 50%); background-size: 200% 100%; background-position: right bottom; transition: all .5s ease-out; }
.common-btn:hover { background-position: left bottom; color: #fff; } .line-btn { background: transparent; border: 2px solid #0C173C; font-size: 18px; color: #0C173C; border-radius: 50px; padding: 10px 26px; }
.line-btn:hover { background: #0C173C; border: 2px solid #0C173C; color: #fff; }
.menu-close { display: none; }
.form-control:focus { box-shadow: none; }
.form-control::placeholder { color: #727384; opacity: 1; }
.title-box { padding-bottom: 50px; text-align: center; }
.title-box h2 { font-size: 42px; margin: 0; color: #0070C0; font-weight: 600; letter-spacing: 1px; }
.title-box p { color: #0C173C; font-size: 20px; line-height: 30px; letter-spacing: 1px; width: 67%; margin: 0 auto; padding-top: 20px; }
.custom-container { width: 85%; margin: 0 auto; }
.border-line { font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 1px; z-index: 999; position: relative; } .border-line:hover { color: #0070c0; } .back-to-top { text-align: center; z-index: 99; position: fixed; right: 20px; bottom: 40px; font-size: 32px; color: #fff; display: none; background: #0070C0; height: 50px; width: 50px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.back-to-top:hover, .back-to-top:focus { background: #E01313; color: #fff; } header { background: #fff; position: relative; z-index: 9; top: 0; right: 0; left: 0; width: 100%; margin: 0 auto; -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91); }
header .logo a { width: 200px; display: block; }
header .close-btn { display: none; }
.bottom-header .logo { display: inline-block; vertical-align: middle; width: 20%; }
.bottom-header .custom-nav { text-align: right; display: inline-block; vertical-align: middle; width: 80%; margin-left: -5px; }
.menu-btn { display: none; }
.bottom-header .custom-nav ul > li { display: inline-block; vertical-align: middle; }
.bottom-header .custom-nav ul > li a { display: block; padding: 30px 25px; font-size: 18px; color: #434141; }
.bottom-header .custom-nav ul > li a:hover { color: #0070C0; }
.bottom-header .custom-nav ul > li .common-btn { font-size: 16px; color: #fff; padding: 12px 20px; }
.bottom-header .custom-nav ul > li .common-btn:hover { background-position: left bottom; color: #fff; }
.bottom-header .custom-nav ul > li a i { font-size: 25px; padding-left: 5px; display: inline-block; vertical-align: bottom; }
.bottom-header .custom-nav ul > li a.menu-active { color: #0070C0; }
.sub-menu-inner { display: none; }
.sub-menu:hover .sub-menu-inner { display: block; position: absolute; background: #fff; text-align: left; margin-left: 24px; z-index: 9999; padding-bottom: 15px; padding-top: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.sub-menu-inner ul li { display: block !important; }
.sub-menu-inner ul li a { padding: 10px 20px 0px !important; text-align: left; font-size: 16px !important; }
.sub-menu-inner ul li a:hover { color: #0070C0 !important; }
.sub-menu i { display: none; }
#nav-toggle { position: absolute; right: 15px; top: 50%; margin-top: -13px; display: none }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; outline: none; z-index: 99999999; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 30px; background: #fff; position: absolute; display: block; content: ''; -moz-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -o-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -webkit-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47) }
#nav-toggle span:before { top: -10px }
#nav-toggle span:after { bottom: -10px }
#nav-toggle.active span { background-color: transparent }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0 }
#nav-toggle.active span:before { transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg) }
#nav-toggle.active span:after { transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg) }
.shrink { position: fixed; top: 0; left: 0; width: 100%; z-index: 999999999999; background: #fff; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -ms-box-shadow: 0 0 5px #999; -o-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -moz-animation-duration: 1.0s; -ms-animation-duration: 1.0s; -o-animation-duration: 1.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; }
@keyframes slideInDown {
from { top: -100%; visibility: visible; }
to { top: 0; }
}
@-webkit-keyframes slideInDown {
from { top: -100%; visibility: visible; }
to { top: 0; }
}  .banner-section { position: relative; background: url(//t-rex360.com/wp-content/themes/t-rex/images/Transportation-Banner.png); width: 100%; height: 850px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.banner-section .banner-box { position: absolute; left: 0; right: 0;width: 90%;text-align: center;  margin: 0 auto; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.banner-section .text-box { background: rgba(255, 255, 255, 0.75); display: inline-block; vertical-align: middle; width: 49%; padding: 30px; margin-bottom: 0 !important; }
.banner-section .text-box ul li {display: inline-block;}
.banner-section .text-box h2 { margin: 0; padding-bottom: 20px; letter-spacing: 4px; font-size: 36px; line-height: 50px; font-weight: 300; }
.banner-section .text-box p { color: #0C173C; margin: 0; padding-bottom: 30px; letter-spacing: 2px; line-height: 30px; }
.banner-section .text-box ul li:last-child { margin-left: 20px; }
.banner-section .banner-box .main-box { margin: 0 auto; display: inline-block; vertical-align: middle; width: 48%; }
.banner-section .point-box { display: inline-block; vertical-align: top; width: 49%; margin-left: -4px; padding: 0 25px; }
.banner-section .point-box .cols { background: #0C173CCC; padding: 25px; text-align: center; border-radius: 4px; }
.banner-section .point-box .cols:last-of-type { margin-right: 0; }
.banner-section .point-box .cols img { width: 70px; padding-bottom: 15px; }
.banner-section .point-box .cols h3 { color: #fff; margin: 0; padding-bottom: 15px; font-size: 22px; font-weight: 400; }  .arrow { text-align: center; padding-right: 50px; position: fixed; left: 0; right: 0; margin: 0 auto; bottom: -70px !important; }
.arrow a { position: relative; }
.arrow a:before { content: ""; position: absolute; width: 40px; height: 40px; border-top: 6px solid white; border-right: 6px solid white; transform: rotate(135deg); }
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
40% { -moz-transform: translateY(-30px); transform: translateY(-30px); }
60% { -moz-transform: translateY(-15px); transform: translateY(-15px); }
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }
60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }  .t-rex-video-section .video-box { width: 62%; float: left; }
.t-rex-video-section .content-box { width: 33%; padding: 50px; float: right; background: #0C173C; border-radius: 5px; border-bottom-right-radius: 80px; }
.t-rex-video-section .content-box h4 { margin: 0; font-size: 24px; color: #fff; padding-bottom: 30px; line-height: 40px; font-weight: 400; } .t-rex-video-section .content-box .common-btn { background: linear-gradient(to right, #e01313 50%, #fff 50%); background-size: 200% 100%; background-position: right bottom; transition: all .5s ease-out; color: #0070C0; }
.t-rex-video-section .content-box .common-btn:hover { background-position: left bottom; color: #fff; } .multimodal-section { background-color: #0C173C; background-image: url(//t-rex360.com/wp-content/themes/t-rex/images/bg-pattern.png); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.multimodal-section .title-box h2, .multimodal-section .title-box p { color: #fff; }
.multimodal-section .multimodal-box { text-align: center; }
.multimodal-section .multimodal-box img { width: 100px; padding-bottom: 30px; }
.multimodal-section .multimodal-box h3 { font-size: 30px; color: #fff; font-weight: 400; margin: 0; padding-bottom: 10px; }  .features-functions-section .tab-box .resp-tabs-list { width: 100%;float: none; margin: 0 auto 30px!important;text-align: center; }
.features-functions-section .tab-box .resp-tabs-container { width: 100%; border: none;height: 100%; }
.features-functions-section .tab-box .resp-tab-content img { width: auto !important; height: auto !important; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item { padding: 15px 80px !important; border: none !important; margin: 0 !important; background: #f7f7f7 !important; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item h3 { font-size: 30px; font-weight: 400; margin: 0; padding-bottom: 0 !important; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item p { font-weight: 400; color: #727384; margin: 0; line-height: 30px; }
.features-functions-section .tab-box .resp-tabs-list .white-bg { background: #fff !important; }
.features-functions-section .tab-box .resp-tab-item.resp-tab-active { background: #0C173C !important; position: relative; }
.features-functions-section .tab-box .resp-tab-item.resp-tab-active h3, .features-functions-section .tab-box .resp-tab-item.resp-tab-active p { color: #fff; }
.features-functions-section .tab-box .resp-tab-item.resp-tab-active::before { position: absolute; content: none; left: -30px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.features-functions-section .tab-box .resp-tab-content { padding: 0; position: relative;height: 100%; }
.features-functions-section .tab-box .resp-tab-content .t-box {display: none; position: absolute; left: 0; right: 0; bottom: 50px; background: #0C173C; text-align: center; margin: 0 80px; }
.features-functions-section #parentVerticalTab {height: auto !important;}
.features-functions-section .tab-box .resp-tab-content .t-box h2 { font-size: 36px; color: #fff; font-weight: 400; margin: 0; padding: 25px; }
.features-functions-section .common-btn{margin-top: 20px;}
.features-functions-section{text-align: center;}  .clients-section .clients-box .item { text-align: center; }
.clients-section .clients-box .item p { font-size: 16px; color: #000; padding-top: 20px; }
.clients-section .clients-box .item li { display: inline-block; vertical-align: middle; position: relative; }
.clients-section .clients-box .owl-theme .owl-dots .owl-dot span { width: 18px; height: 18px; }
.clients-section .clients-box .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 30px; }
.clients-section .clients-box .owl-theme .owl-dots .owl-dot.active span { background: #0070C0; }  .call-to-section { position: relative; background: url(//t-rex360.com/wp-content/themes/t-rex/images/call-to-action-bg.png); height: 450px; background-size: cover; background-repeat: no-repeat; }
.call-to-section .call-box { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.call-to-section .call-box h2 { color: #fff; font-size: 36px; width: 65%; margin: 0 auto; padding-bottom: 50px; line-height: 55px; } .call-to-section .call-box .common-btn:hover { color: #fff; }
.call-to-section .common-btn { background: linear-gradient(to right, #e01313 50%, #fff 50%); background-size: 200% 100%; background-position: right bottom; transition: all .5s ease-out; color: #0070C0; }
.call-to-section .common-btn:hover { background-position: left bottom; color: #fff; }  .resources-section .case-studies-box { width: 50%; float: left; padding-right: 25px; }
.resources-section .resources-box { width: 100%; float: right; text-align: center; }
.resources-section .case-studies-box .image-box { position: relative; }
.resources-section .case-studies-box .image-box img { border-radius: 4px; }
.resources-section .case-studies-box .text-box { background: #F5F5F5; padding: 30px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -2px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.resources-section .case-studies-box .text-box h3 { font-weight: 400; font-size: 26px; margin: 0; padding-bottom: 15px; }
.resources-section .case-studies-box .text-box a { font-size: 24px; color: #0070C0; position: relative; }
.resources-section .case-studies-box .text-box a:hover { color: #0C173C; }
.resources-section .case-studies-box .text-box a::after { position: absolute; content: "\f178"; font: normal normal normal 14px/1 FontAwesome; font-size: 35px; right: -50px; padding-top: 3px; }
.resources-section .case-studies-box .owl-theme .owl-dots .owl-dot span { width: 18px; height: 18px; }
.resources-section .case-studies-box .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 25px; }
.resources-section .case-studies-box .owl-theme .owl-dots .owl-dot.active span { background: #0070C0; }
.resources-section .resources-box .col-box { display: inline-block; vertical-align: top; width: 30%; margin-left: -4px; padding: 0 25px; padding-bottom: 50px; } .resources-section .resources-box .col-box .cols { background: #0070C0; padding: 50px 30px; text-align: center; border-radius: 4px; }
.resources-section .resources-box .col-box .cols h4 {margin-bottom: 0; font-weight:normal; color: #fff; padding-top: 30px; font-size: 26px; display: block; }
.resources-section .resources-box .col-box:nth-child(4), .resources-section .resources-box .col-box:nth-child(5) { padding-bottom: 0; }
.resources-section .resources-box .col-box .cols h4:hover { color: #0C173C; }
.resources-section .resources-box .col-box a:hover h4 { color: #0C173C; }  footer .top-footer { background-color: #0C173C; padding: 60px 0; background-image: url(//t-rex360.com/wp-content/themes/t-rex/images/bg-pattern.png); background-size: cover; background-repeat: no-repeat; background-position: center center; }
footer .footer-logo-box a { display: block; }
footer .footer-logo-box > a img { width: 220px; padding-bottom: 30px; }
footer .footer-logo-box p { color: #fff; margin: 0; padding-bottom: 20px; }
footer .footer-logo-box .develop-by a:last-child { padding-top: 25px; }
footer .footer-title h4 { position: relative; color: #fff; margin: 0; font-weight: 400; padding-bottom: 30px; font-size: 30px; }
footer .link-menu ul { float: left; width: 50%; }
footer .link-menu ul li { display: block; }
footer .link-menu ul li a { display: block; color: #fff; font-size: 20px; padding-bottom: 20px; }
footer .link-menu ul li a:hover { color: #0070C0; }
footer .subscribe-form form .form-control { height: 60px; padding-left: 30px; border-radius: 50px; border: none; margin-bottom: 30px; }
footer .subscribe-form .common-btn { padding: 14px 45px; font-size: 18px; letter-spacing: 2px; }
footer .contact-box p { font-size: 18px; margin: 0; padding-bottom: 30px; color: #fff; }
footer .contact-box p span, footer .contact-box a span { width: 85%; display: inline-block; vertical-align: middle; padding-left: 15px; }
footer .contact-box p:first-child span { vertical-align: top; }
footer .contact-box a { font-size: 18px; color: #fff; display: block; padding-bottom: 30px; }
footer .contact-box a:hover { color: #0070C0; }
footer .contact-box .social-icons ul li { display: inline-block; }
footer .contact-box .social-icons ul li a { display: block; background: #fff; color: #0C173C; border-radius: 50px; width: 35px; height: 35px; padding-top: 4px; margin-right: 10px; text-align: center; }
footer .contact-box .social-icons ul li a:hover { color: #0070C0; }
footer .bottom-footer-box { background: #05113E; padding: 20px 0; }
footer .bottom-footer-box p, footer .bottom-footer-box span { display: inline-block; vertical-align: middle; width: 50%; color: #fff; }
footer .bottom-footer-box span { font-size: 18px; margin-left: -5px; text-align: right; color: #fff; }
footer .bottom-footer-box span a { color: #fff; }
footer .bottom-footer-box span a:hover { color: #0070C0; }
footer .footer-logo-box .develop-by p { font-size: 14px; margin: 0; padding-bottom: 15px; }
footer .contact-box .social-icons { display: none; } .inner-banner-section { position: relative; background: url(//t-rex360.com/wp-content/themes/t-rex/images/inner-banner.png); background-size: auto, auto; text-align: center; height: 300px; position: relative; background-size: cover; width: 100%; }
.inner-banner-section .inner-tittle { color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.inner-banner-section .inner-tittle h2 { color: #fff; text-align: center; margin: 0; font-size: 56px; letter-spacing: 4px; }
.common-text-box p { padding-bottom: 20px; font-weight: normal; letter-spacing: 1px; font-weight: 300; line-height: 30px; }
.common-text-box p:last-child { padding-bottom: 0; }
.common-text-box b { font-weight: bold; color: #000; }
.common-img-box { padding: 50px 0; }
.overview-section .common-img-box, .what-is-t-rex-section .common-img-box{
padding: 50px 10px;
float: left;
width: 50%;
}
.small-title-box { padding-bottom: 30px; }
.small-title-box a { display: inline-block; }
.small-title-box h3 { margin: 0; }
.common-list li { display: block; position: relative; color: #000000; padding-bottom: 20px; font-size: 18px; font-weight: 300; padding-left: 35px; }
.common-list li::before { position: absolute; content: '\e80e'; font-family: "ka"; left: 0; top: -4px; font-size: 25px; color: #000000; }
.common-list li:last-child { padding-bottom: 0; }
.padding-top-30 { padding-top: 30px; }
.padding-top-bottom-30 { padding: 30px 0; }
.padding-bottom-30 { padding-bottom: 30px; }
.who-we-are-section { background: #0C173C; }
.who-we-are-section .common-text-box p { color: #fff; }
.who-we-are-section .title-box h2, .who-we-are-section .small-title-box h3 { color: #fff; }
.who-we-are-section .services-box { padding-top: 50px; }
.who-we-are-section .services-box .cols { text-align: center; }
.who-we-are-section .services-box h4 { color: #fff; font-size: 16px; font-weight: 400; margin: 0; padding-top: 10px; line-height: 28px; }
.who-we-are-section .services-box .cols i { font-size: 64px; color: #fff; }
.who-we-are-section .services-box .cols i::before { font-family: "ka"; }
.who-we-are-section .services-box .second-row { padding-top: 50px; }
.t-rex-features-section { background: #0C173C; }
.t-rex-features-section .title-box h2, .t-rex-features-section .small-title-box h3 { color: #fff; }
.t-rex-features-section .col-box h4 { color: #fff; font-weight: 400; margin: 0; padding-bottom: 10px; }
.t-rex-features-section .col-box p { color: #fff; }
.t-rex-features-section .content-box-left { display: inline-block; vertical-align: middle; width: 50%; margin-left: -5px; padding-right: 30px; }
.t-rex-features-section .img-box-right { display: inline-block; vertical-align: middle; width: 50%; }
.t-rex-features-section .img-box-right img { border-radius: 5px; }
.t-rex-features-section .img-box-left { display: inline-block; vertical-align: middle; width: 50%; margin-left: -5px; }
.t-rex-features-section .content-box-right { display: inline-block; vertical-align: middle; width: 50%; padding-left: 30px; }
.t-rex-features-section .img-box-left img { border-radius: 5px; }
.t-rex-features-section .features-box { padding-bottom: 50px; }
.t-rex-features-section .features-box:last-child { padding-bottom: 0; }
.t-rex-features-section .common-text-box p, .t-rex-features-section .common-text-box b { color: #fff; } .login-inner-section .bottom-link-box .left-box { float: left; width: 50%; }
.login-inner-section .bottom-link-box .right-box { float: right; width: 50%; text-align: right; }
.login-inner-section .bottom-link-box .left-box a, .bottom-link-box .right-box a { display: inline-block; }
.login-inner-section .inner-box { width: 45%; margin: 0 auto; }
.login-inner-section .common-btn, .request-demo-inner-section .common-btn, .contact-con-inner-section .common-btn { padding: 12px 30px; font-size: 16px; margin-top: 30px; }
.login-inner-section .form-group, .request-demo-inner-section .form-group, .contact-con-inner-section .form-group { margin-bottom: 25px; }
.login-inner-section::placeholder, .request-demo-inner-section::placeholder, .contact-con-inner-section::placeholder { / Chrome, Firefox, Opera, Safari 10.1+ /
color: #ccc; opacity: 1; / Firefox / }
.login-inner-section:-ms-input-placeholder, .request-demo-inner-section::placeholder, .contact-con-inner-section::placeholder { / Internet Explorer 10-11 /
color: #ccc; }
.login-inner-section::-ms-input-placeholder, .request-demo-inner-section::placeholder, .contact-con-inner-section::placeholder { / Microsoft Edge /
color: #ccc; }
.request-demo-inner-section .inner-box { width: 80%; margin: 0 auto }
.request-demo-inner-section .form-group, .contact-con-inner-section .form-group { display: inline-block; vertical-align: top; width: 49%; padding: 0 15px; }
.request-demo-inner-section .form-group:last-of-type, .contact-con-inner-section .form-group:last-of-type { width: 98%; }
.contact-con-inner-section .form-group.message-box { width: 98%; }
.contact-con-inner-section .left-box { position: relative; height: 575px; padding: 40px 25px; display: inline-block; vertical-align: middle; width: 30%; background: url(//t-rex360.com/wp-content/themes/t-rex/images/contact-left.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.contact-con-inner-section .left-box .inner-box { position: absolute; left: 0; right: 0; z-index: 999; width: 80%; margin: 0 auto; top: 50%; transform: translateY(-50%); }
.contact-con-inner-section .left-box:after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; background: #0056b3; opacity: 0.9; }
.contact-con-inner-section .right-box { display: inline-block; width: 69%; vertical-align: middle; padding-left: 25px; }
.contact-con-inner-section .left-box h2 { font-size: 25px; color: #fff; font-weight: normal; margin-bottom: 50px; }
.contact-con-inner-section .left-box p, .contact-con-inner-section .left-box a { color: #fff; }
.contact-con-inner-section .left-box p span, .contact-con-inner-section .left-box a span { display: inline-block; vertical-align: top; margin-top: -35px; padding-left: 45px; }
.contact-con-inner-section .left-box a span { margin-top: -25px; }
.contact-con-inner-section .left-box p span { font-size: 1rem; }
.contact-con-inner-section .left-box .inner-box img { display: block; width: 25px; }
.contact-con-inner-section .left-box .inner-box p { margin-bottom: 20px; }
.contact-con-inner-section .left-box .inner-box a { margin-bottom: 10px; display: block; }
.contact-con-inner-section .left-box .inner-box a:last-of-type { margin-bottom: 0; }
.contact-con-inner-section .form-control, .request-demo-inner-section .form-control, .login-inner-section .form-control { padding-left: 20px; height: 54px; }
.contact-con-inner-section textarea.form-control { min-height: 160px; resize: none; padding-top: 10px; }
.contact-con-inner-section .social-icons ul li { margin-right: 8px; display: inline-block; vertical-align: middle; }
.contact-con-inner-section .social-icons ul li a { display: block; padding: 8px; }
.contact-con-inner-section .social-icons ul li:last-of-type { margin-right: 0; }
.contact-con-inner-section .common-btn { margin-left: 20px; margin-top: 15px; }
.map-section { padding-top: 0 !important }
.request-demo-inner-section .common-btn { margin-top: 10px; }
.request-demo-inner-section { text-align: center; }
.request-demo-inner-section .form-group { text-align: left; }
.request-demo-inner-section textarea.form-control { min-height: 160px; }
.main-resources-section { background: #f5f5f5; }
.main-resources-section .videos-t-box h4 { font-size: 20px; margin: 0; font-weight: 400; margin: 0; padding-top: 15px; text-align: center; }
.main-resources-section .videos-t-box img { border-radius: 5px; }
.brochure-section .brochure-box { text-align: center; }
.brochure-section .brochure-box h4 { font-size: 19px; margin: 0; font-weight: 400; margin: 0; padding: 15px 0; text-align: center; }
.brochure-section .brochure-box .common-btn { font-size: 16px; padding: 8px 25px; } .brochure-section .brochure-box img {width: 90%;}
.suite-of-services-section .tools-box .resp-tabs-list { width: 100%; }
.suite-of-services-section .tools-box .resp-tabs-list li { width: 20%; text-align: center; margin: 0; background: #0C173C !important; color: #fff; font-size: 18px; padding: 20px 0 !important; border: none !important; font-weight: 400; }
.suite-of-services-section .tools-box .resp-tabs-list li i { display: block; font-size: 70px; line-height: 0; }
.suite-of-services-section .tools-box .resp-tab-item.resp-tab-active { background: #0070C0 !important; border: none !important; }
.suite-of-services-section .tools-box .resp-tab-content { border: none; padding: 0; margin-top: 50px; text-align: center; }
.suite-of-services-section .tools-box .resp-tab-content li { font-size: 18px; color: #0C173C; width: 20%; display: inline-block; vertical-align: top; margin-left: -4px; padding: 0 10px; padding-bottom: 30px; }
.suite-of-services-section .tools-box .resp-tab-content h3 { margin: 0; padding-bottom: 30px; font-size: 30px; font-weight: 400; }
.suite-of-services-section .tools-box .resp-tab-content li i { display: block; font-size: 55px; color: #fff; line-height: 0; background: #0070C0; border-radius: 50%; width: 100px; height: 100px; margin: 0 auto 10px; padding: 21px 0 0; }
.suite-of-services-section .tools-box .resp-tab-content li a:hover { color: #0070C0; }
.suite-of-services-section .tools-box .cols-box i { display: inline-block; vertical-align: middle; font-size: 55px; color: #fff; line-height: 0; }
.suite-of-services-section .tools-box .cols-box { text-align: left; padding: 30px; background: #0C173C; border-radius: 5px; margin-bottom: 30px; }
.suite-of-services-section .tools-box .cols-box h4 { display: inline-block; vertical-align: middle; font-weight: 400; color: #fff; margin: 0; }
.suite-of-services-section .tools-box .cols-box p { color: #fff; padding-top: 15px; }
.suite-of-services-section .tools-box .cols-box:last-child { margin: 0; }
.suite-of-services-section .tools-box { padding-top: 50px; }
.suite-of-services-section .tools-box .cols-box img { }
.case-studies-section .image-box { position: relative; }
.case-studies-section .image-box img { border-radius: 4px; }
.case-studies-section .text-box { background: #F5F5F5; padding: 20px; left: 0; right: 0; margin: 0 auto; bottom: -1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.case-studies-section .text-box h3 { font-weight: 400; font-size: 20px; margin: 0; padding-bottom: 10px; }
.case-studies-section .text-box a { font-size: 18px; color: #0070C0; position: relative; }
.case-studies-section a:hover { color: #0C173C; }
.case-studies-section .text-box a::after { position: absolute; content: "\f178"; font: normal normal normal 14px/1 FontAwesome; font-size: 25px; right: -35px; padding-top: 3px; }
.f-link { display: none; }
.social-icons-box { display: none; padding-left: 20px; }
.common-colsize-box { float: left; width: 66.666667%; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { width: 80%; margin: 0 auto; }
.phone { position: relative; }
.ext { position: absolute; top: 6px; left: 50%; color: #fff; }
.mfp-title { text-align: center !important; font-size: 20px !important; padding-top: 15px !important; padding-right: 0 !important; }
.brochure-section .brochure-box .col-md-3{margin-bottom: 30px;}
.brochure-section .brochure-box .col-md-3:last-of-type, .brochure-section .brochure-box .col-md-3:nth-last-child(2){margin-bottom: 0;}
.request-demo-inner-section .form-group.request-message{width: 100%;}
.features-functions-section .resp-tabs-list li{float: none;display: inline-block;
vertical-align: middle;
width: 20%;}
.contact-con-inner-section .title-box{padding-bottom: 0 !important}
span .wpcf7-not-valid {border: 1px solid #ff0000 !important; background: #FFD3D3 !important; }
.wpcf7-not-valid-tip{display:none;} video::-webkit-media-controls-fullscreen-button {display: none; } .contact-con-inner-section .right-box .g-recaptcha{margin-left: 15px;} .common-content-video-box-section .content-box-left { width: 50%; display: inline-block; vertical-align: middle; padding-right: 30px; }
.common-content-video-box-section .video-box-right { width: 50%; display: inline-block; vertical-align: middle; margin-left: -5px; }
.common-icon-box-section .common-box { text-align: center; border-radius: 4px; padding: 30px; background: #0070C0; height: 425px; }
.common-icon-box-section .common-box img { width: 80px; padding-bottom: 20px; }
.common-icon-box-section .common-box h4 { color: #fff; margin-bottom: 20px; font-weight: normal; height: 65px; }
.common-icon-box-section .common-box p { color: #fff; }
.common-icon-box-section .common-box i { display: block; margin-bottom: 15px; color: #fff; }
.common-icon-box-section .common-box i::before { font-size: 85px; }
.content-number-section h2 { color: #0C173C; text-align: left; }
.content-number-section .number-box	{ text-align: center; border-radius: 4px; margin-top: 70px; padding: 80px 50px; background: linear-gradient(180deg, rgb(0, 112, 192) 0%, rgb(12, 23, 60) 100%) }
.content-number-section .number-box h4 { color: #fff; font-weight: 400; margin-bottom: 50px; }
.content-number-section .number-box li { width: 33.33%; display: inline-block; vertical-align: top; margin-left: -5px; }
.content-number-section .number-box .common-box { width: 90%; margin: 0 auto; padding: 35px 20px; border: 5px solid #fff; }
.content-number-section .number-box .common-box h2 { color: #fff; text-align: center; font-size: 50px; text-transform: uppercase; margin: 0; }
.content-number-section .number-box .common-box p { color: #fff; margin-bottom: 0; font-weight: 400; font-size: 20px; text-transform: uppercase; }
.content-number-section .number-box li:nth-child(1), .content-number-section .number-box li:nth-child(2) { padding-bottom: 50px; }
.left-right-bg-box-section { background: #0C173C; }
.left-right-bg-box-section .title-box h2 { color: #fff; }
.left-right-bg-box-section .title-box p { width: 100%; color: #fff; }
.left-right-bg-box-section .content-box-left { width: 50%; display: inline-block; vertical-align: middle; padding-right: 30px; }
.left-right-bg-box-section .img-box-right { width: 50%; display: inline-block; vertical-align: middle; margin-left: -5px; }
.left-right-bg-box-section .img-box-right img { width: 100%; }
.left-right-bg-box-section .common-list li { color: #fff; }
.left-right-bg-box-section .common-list li::before { color: #fff; }
.left-right-bg-box-section .content-box-right { width: 50%; display: inline-block; vertical-align: middle; padding-left: 30px; }
.left-right-bg-box-section .img-box-left { width: 50%; display: inline-block; vertical-align: middle; margin-left: -5px; }
.left-right-bg-box-section .img-box-left img { width: 100%; }
.left-right-bg-box-section .common-box { padding-bottom: 80px; }
.left-right-bg-box-section .common-box:last-of-type { padding-bottom: 0; }
.data-privacy-section .title-box h2 { color: #0C173C; text-align: left; }
.inner-banner-section.pacct-banner-section { background: url(//t-rex360.com/wp-content/themes/t-rex/images/pacct-bg-banner.png); background-size: 100% 100%; }
.inner-banner-section.pacct-banner-section .inner-tittle img { width: 800px; }
.banner-section .text-box li { margin-right: 20px; }
.banner-section .text-box li:last-child { margin-left: 0 !important; margin-right: 0; }
.banner-section .text-box { text-align: center; width: 55%; margin: 0 auto; }
.banner-section { height: calc(100vh - 87px) }
.banner-section .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0; background: #0070C0; }
.banner-section .owl-dots .owl-dot.active span { background: #E01313; }
.banner-section .owl-theme .owl-dots .owl-dot { margin-right: 15px; }
.suite-of-services-section .tools-box .resp-tab-content li { position: relative; }
.suite-of-services-section .tools-box .resp-tab-content li .new { position: absolute; background: #E01313; color: #fff; padding: 0 15px; top: -20px; right: 15px; font-size: 16px; border-radius: 50px; }
.resources-section .resources-box .col-box .cols img { width: 120px; }
.banner-section .text-box p { padding-bottom: 10px !important; }
.banner-section .text-box ul { padding-top: 15px; }
.suite-of-services-section .tools-box .resp-tabs-list li {width: 25%;}
.contact-con-inner-section .left-box .inner-box span p:last-of-type {
margin-bottom: 0;
display: inline-block;
font-size: 1rem;
padding-left: 15px;
}
footer .contact-box span p {
display: none;
}
.grecaptcha-badge {
display: none !important;
}
footer .subscribe-form .common-btn {margin-top:15px;}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {border: none !important;background: none !important;} .subscribe-form span.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha > div { max-width : 100%;}
.subscribe-form span.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha iframe { max-width : 100%;} .contact-con-inner-section #wpcf7-f305-o1 .recaptcha iframe { padding-left : 15px; }
#loading-image { position: absolute; top: 50%; left: 0; right: 0; z-index: 100; margin: 0 auto; -webkit-animation: 4s linear infinite spin; -moz-animation: 4s linear infinite spin; animation: 4s linear infinite spin }
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg) }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg) }
}
@keyframes spin {
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
#loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; opacity: 1; z-index: 99 }
#loading { background-color: #fff } .request-demo-inner-section .form-group.request-message  { width : 98%; }
.subscribe-form  .wpcf7-response-output { color : #FFF; } .contact-con-inner-section #wpcf7-f305-o1 .recaptcha iframe { padding-left: 0 !important; height: auto; width: 310px; margin-left: 15px !important;}
.contact-con-inner-section .right-box .g-recaptcha { margin-left: 0px !important;}
.contact-con-inner-section .common-btn { margin-top: 30px !important; margin-left: 15px;}@media screen and (max-width:1900px) { .banner-section .text-box h2 { font-size: 30px; padding-bottom: 15px; line-height: 45px; }
.banner-section .point-box .cols h3 { font-size: 20px; padding-bottom: 10px; }
.banner-section .point-box .cols { padding: 20px; }
.banner-section .text-box p { padding-bottom: 20px; }
.border-line { font-size: 16px; }
.banner-section .point-box { padding: 0 15px; }
.bottom-header .custom-nav ul > li a { font-size: 16px; padding: 25px; }
header .logo a { width: 190px; }
.bottom-header .custom-nav ul > li .common-btn { font-size: 15px; padding: 10px 20px; }
.bottom-header .custom-nav ul > li a i { font-size: 22px; }
.sub-menu-inner ul li a { font-size: 15px !important; } .title-box h2 { font-size: 36px; }
.title-box { padding-bottom: 40px; }
.title-box p { font-size: 18px; width: 95%; }
.common-section { padding: 60px 0; }
.common-section-top { padding-top: 60px; }
.common-section-bottom { padding-bottom: 60px; }
.arrow { bottom: -20px; }
.t-rex-video-section .content-box h4 { font-size: 20px; line-height: 39px; padding-bottom: 20px; }
.t-rex-video-section .content-box { padding: 35px 30px; width: 34%; }
.common-btn { font-size: 18px; padding: 16px 34px; }
.multimodal-section .multimodal-box h3 { font-size: 26px; }
.multimodal-section .multimodal-box img { padding-bottom: 20px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item h3 { font-size: 24px; padding-bottom: 10px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item { padding: 15px 50px !important; }
.features-functions-section .tab-box .resp-tab-content .t-box h2 { font-size: 30px; padding: 20px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item p { font-size: 16px; }
.call-to-section .call-box h2 { font-size: 30px; line-height: 50px; padding-bottom: 30px; }
.call-to-section .call-box .common-btn { font-size: 18px; padding: 15px 35px; }
.call-to-section { height: 375px; }
.resources-section .resources-box .col-box .cols h4 { font-size: 22px; }
.resources-section .resources-box .col-box { padding: 0 15px; padding-bottom: 30px; }
.resources-section .resources-box .col-box .cols { padding: 40px 20px; }
.resources-section .case-studies-box .text-box h3 { font-size: 24px; padding-bottom: 10px; }
.resources-section .case-studies-box .text-box a { font-size: 20px; }
.resources-section .case-studies-box .text-box a::after { font-size: 30px; right: -45px; padding-top: 1px; }
footer .footer-title h4 { font-size: 24px; }
footer .bottom-footer-box p, footer .bottom-footer-box span { font-size: 16px; }
.ext { left: 60%; }
.features-functions-section #parentVerticalTab { height: 932px; }
.banner-section .text-box { width: 67%; }
}
@media screen and (max-width:1599px) {
.custom-container { width: 90%; }
p { font-size: 16px; }  .banner-section .text-box h2 { font-size: 26px; line-height: 35px; }
.line-btn { font-size: 16px; }
.banner-section .text-box p { line-height: 25px; } .bottom-header .custom-nav ul > li a { padding: 25px 18px; }
.title-box h2 { font-size: 30px; }
.common-section { padding: 50px 0; }
.common-section-top { padding-top: 50px; }
.common-section-bottom { padding-bottom: 50px; }
.title-box { padding-bottom: 30px; }
.t-rex-video-section .content-box h4 { line-height: 37px; }
.common-btn { font-size: 16px; padding: 15px 30px; }
.title-box p { padding-top: 15px; }
.multimodal-section .multimodal-box h3 { font-size: 22px; }
.multimodal-section .multimodal-box img { width: 85px; padding-bottom: 15px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item h3 { font-size: 22px; padding-bottom: 5px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item p { line-height: 25px; }
.features-functions-section .tab-box .resp-tab-content .t-box h2 { font-size: 26px; }
.call-to-section .call-box h2 { font-size: 28px; line-height: 45px; padding-bottom: 25px; }
.resources-section .case-studies-box .text-box { padding: 25px; }
.resources-section .case-studies-box .text-box h3 { font-size: 22px; }
.resources-section .resources-box .col-box .cols { padding: 35px 20px; }
.call-to-section { height: 335px; }
.clients-section .clients-box .owl-theme .owl-dots .owl-dot span, .resources-section .case-studies-box .owl-theme .owl-dots .owl-dot span { width: 16px; height: 16px; }
.clients-section .clients-box .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 20px; }
footer .footer-title h4, footer .footer-logo-box > a img { padding-bottom: 20px; }
footer .link-menu ul li a, footer .contact-box p, footer .contact-box a { font-size: 17px; }
footer .contact-box img { width: 35px; }
footer .link-menu ul li a { padding-bottom: 15px; }
footer .contact-box p { padding-bottom: 20px; }
footer .footer-logo-box > a img { width: 200px; }
footer .subscribe-form form .form-control { height: 55px; padding: 0 20px; }
.resources-section .case-studies-box .text-box a { font-size: 18px; }
.resources-section .case-studies-box .text-box a::after { padding: 0; }
footer .contact-box a:last-of-type { padding-bottom: 0; }
footer .top-footer { padding: 50px 0; }
footer .subscribe-form .common-btn { font-size: 16px; padding: 12px 40px; }
footer .footer-logo-box .develop-by a { width: 180px; }
.banner-section .point-box .cols h3 { font-size: 18px; }
.clients-section .clients-box .item p { font-size: 15px; }
.sub-menu:hover .sub-menu-inner { margin-left: 18px; } .features-functions-section #parentVerticalTab { height: 770px; }
.common-icon-box-section .common-box h4 { font-size: 20px; height: auto; }
.common-icon-box-section .common-box { height: 355px; }
.content-number-section .number-box { padding: 70px; margin-top: 50px; }
.content-number-section .number-box h4 { font-size: 22px; }
.banner-section { height: calc(100vh - 74px) }
.common-icon-box-section .common-box i { margin-bottom: 10px; }
.banner-section .text-box ul { padding-top: 10px; }
}
@media screen and (max-width:1439px) { .banner-section .point-box .cols img { width: 65px; padding-bottom: 10px; } .arrow { bottom: -40px; }
.line-btn { padding: 8px 24px; }
.t-rex-video-section .content-box h4 { font-size: 18px; line-height: 35px; }
.multimodal-section .multimodal-box img { width: 75px; }
.multimodal-section .multimodal-box h3 { font-size: 20px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item h3 { font-size: 20px; }
.features-functions-section .tab-box .resp-tab-content .t-box h2 { font-size: 24px; padding: 15px; }
.features-functions-section .tab-box .resp-tab-content img { width: 100%; }
.resources-section .resources-box .col-box .cols img { width: 90px; }
footer .link-menu ul li a, footer .contact-box p, footer .contact-box a { font-size: 16px; }
.call-to-section { height: 318px; }  }
@media screen and (max-width:1365px) {
.bottom-header .custom-nav ul > li a { padding: 25px 15px; font-size: 15px; }
.sub-menu-inner ul li a { font-size: 14px !important; }
.banner-section .point-box { padding: 0 10px; }
.common-section { padding: 40px 0; }
.common-section-top { padding-top: 40px; }
.common-section-bottom { padding-bottom: 40px; }
.title-box { padding-bottom: 25px; }
.title-box h2 { font-size: 26px; }
.title-box p { font-size: 16px; line-height: 27px; width: 100%; padding-top: 10px; }
.t-rex-video-section .content-box { padding: 30px; width: 35%; }
.t-rex-video-section .content-box h4 { line-height: 33px; }
p { font-size: 15px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item h3 { font-size: 18px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item { padding: 18px 30px !important; }
.sub-menu:hover .sub-menu-inner { margin-left: 12px; }
.call-to-section .call-box h2 { font-size: 24px; line-height: 40px; }
.call-to-section .call-box .common-btn { font-size: 16px; padding: 12px 30px; }
.call-to-section { height: 298px; }
.bottom-header .common-btn { font-size: 14px; }
.resources-section .case-studies-box .text-box h3 { font-size: 20px; }
.resources-section .case-studies-box .text-box { padding: 20px; }
.resources-section .resources-box .col-box .cols img { width: 80px; }
.resources-section .resources-box .col-box .cols h4 { font-size: 20px; padding-top: 20px; }
footer .footer-logo-box > a img { width: 185px; }
footer .link-menu ul li a, footer .contact-box p, footer .contact-box a { font-size: 15px; }
footer .top-footer { padding: 40px 0; }
footer .subscribe-form form .form-control { height: 50px; font-size: 15px; margin-bottom: 25px; }
footer .bottom-footer-box p, footer .bottom-footer-box span { font-size: 15px; }
.resources-section .case-studies-box .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 20px; }
.banner-section .text-box { padding: 25px; }
.inner-banner-section .inner-tittle h2 { font-size: 42px; }
.suite-of-services-section .tools-box .resp-tabs-list li { font-size: 20px; }
.suite-of-services-section .tools-box .resp-tabs-list li i { font-size: 60px; }
.suite-of-services-section .tools-box .resp-tab-content { margin-top: 40px; }
.features-functions-section #parentVerticalTab { height: 780px; }
.common-icon-box-section .common-box { height: 330px; }
.content-number-section .number-box h4 { margin-bottom: 40px; }
.left-right-bg-box-section .common-box { padding-bottom: 50px; }
.common-list li { font-size: 16px; }
.banner-section .text-box { width: 70%; }
.banner-section .text-box li { margin-right: 15px; }
}
@media screen and (max-width:1279px) {
.container { width: 100%; padding: 0 15px; max-width: 100%; }
.custom-container { width: 100%; padding: 0 15px; }
.bottom-header .custom-nav ul > li a { padding: 22px 8px; }
header .logo a { width: 170px; }
.banner-section .text-box h2 { font-size: 24px; padding-bottom: 10px; }
.banner-section .text-box p { padding-bottom: 15px; }
.line-btn { font-size: 15px; padding: 6px 20px; }
.banner-section .text-box { margin-bottom: 50px; }
.banner-section .point-box .cols h3 { font-size: 16px; padding-bottom: 5px; }
.banner-section .text-box { width: 80%; }
.banner-section .point-box .cols { height: 200px; }
.banner-section .banner-box .main-box { width: 40%; }
.banner-section { height: 650px; }
.border-line { font-size: 14px; }
.t-rex-video-section .content-box h4 { font-size: 15px; line-height: 27px; }
.t-rex-video-section .content-box { padding: 25px; }
.common-btn { font-size: 15px; padding: 12px 25px; }
.banner-section .point-box .cols img { width: 65px; }
.multimodal-section .multimodal-box h3 { font-size: 18px; padding-bottom: 5px; }
.multimodal-section .multimodal-box img { padding-bottom: 10px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item h3 { font-size: 16px; }
.features-functions-section .tab-box .resp-tabs-list .resp-tab-item p { font-size: 14px; }
.features-functions-section .tab-box .resp-tab-content .t-box h2 { font-size: 22px; padding: 12px; }
.features-functions-section #parentVerticalTab { height: 790px; }
.call-to-section .call-box h2 { font-size: 20px; line-height: 35px; }
.call-to-section { height: 240px; }
.call-to-section .call-box .common-btn { font-size: 15px; }
.resources-section .resources-box .col-box .cols img { width: 65px; }
.resources-section .resources-box .col-box .cols h4 { font-size: 18px; }
.resources-section .case-studies-box .text-box h3 { font-size: 18px; }
.resources-section .case-studies-box .text-box a { font-size: 16px; }
.resources-section .case-studies-box .text-box a::after { right: -40px; font-size: 26px; }
.resources-section .resources-box .col-box { padding: 0 10px; padding-bottom: 20px; }
.clients-section .clients-box .owl-theme .owl-dots .owl-dot span, .resources-section .case-studies-box .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; }
footer .footer-title h4 { font-size: 20px; }
footer .footer-title h4, footer .footer-logo-box > a img { padding-bottom: 15px; }
footer .footer-logo-box .develop-by a:last-child { padding-top: 20px; }
footer .contact-box img { width: 30px; }
footer .contact-box p span, footer .contact-box a span { padding-left: 10px; }
footer .link-menu ul li a, footer .contact-box p, footer .contact-box a { font-size: 14px; }
footer .subscribe-form form .form-control { height: 45px; margin-bottom: 20px; }
footer .subscribe-form .common-btn { font-size: 14px; padding: 10px 30px; }
footer .footer-logo-box .develop-by a { width: 170px; }
footer .footer-logo-box > a img { width: 180px; }
footer .bottom-footer-box p { width: 40%; }
footer .bottom-footer-box span { width: 60%; }
footer .bottom-footer-box p, footer .bottom-footer-box span { font-size: 14px; }
footer .bottom-footer-box { padding: 15px 0; }
.arrow a::before { width: 35px; height: 35px; }
.arrow { padding-right: 45px; }
.multimodal-section .multimodal-box { text-align: center; }
.clients-section .clients-box .item p { font-size: 12px; padding-top: 10px; }
.clients-section .clients-box .item li { padding: 0 10px; } .request-demo-inner-section .inner-box { width: 90%; }
.contact-con-inner-section .form-control, .request-demo-inner-section .form-control, .login-inner-section .form-control { height: 45px; padding-left: 15px; }
.request-demo-inner-section .form-group, .contact-con-inner-section .form-group { margin-bottom: 20px; }
.contact-con-inner-section .left-box { height: 540px; }
.contact-con-inner-section .left-box .inner-box { width: 85%; }
.contact-con-inner-section .right-box { padding-left: 15px; }
.contact-con-inner-section .left-box h2 { margin-bottom: 40px; }
.case-studies-section .text-box h3 { font-size: 18px; }
.case-studies-section .text-box { padding: 15px; }
.common-text-box p { padding-bottom: 10px; }
.small-title-box h3 { font-size: 20px; }
.small-title-box { padding-bottom: 20px; }
.common-list li { padding-bottom: 15px; font-size: 16px }
.padding-top-bottom-30 { padding: 25px 0; }
.t-rex-features-section .col-box h4 { font-size: 18px; }
.suite-of-services-section .tools-box .resp-tab-content li { font-size: 16px; }
.suite-of-services-section .tools-box .resp-tabs-list li { font-size: 18px; }
.suite-of-services-section .tools-box .resp-tabs-list li i { font-size: 46px; }
.suite-of-services-section .tools-box .resp-tab-content li { width: 25%; }
.suite-of-services-section .tools-box .resp-tab-content li i { width: 90px; height: 90px; font-size: 42px; padding: 24px 0 0; }
.suite-of-services-section .tools-box .resp-tab-content h3 { font-size: 24px; }
.suite-of-services-section .tools-box .cols-box h4 { font-size: 22px; }
.suite-of-services-section .tools-box .cols-box { padding: 20px; }
.suite-of-services-section .tools-box .cols-box i { font-size: 44px; }
.ext { left: 68%; }
.common-icon-box-section .col-md-4 { padding: 0 10px; }
.common-icon-box-section .common-box img { padding-bottom: 15px; }
.common-icon-box-section .common-box { padding: 20px; height: 295px; }
.common-icon-box-section .common-box h4 { font-size: 18px; margin-bottom: 15px; }
.content-number-section .number-box { margin-top: 30px; padding: 50px; }
.content-number-section .number-box h4 { font-size: 20px; margin-bottom: 30px; }
.content-number-section .number-box .common-box p { font-size: 18px; }
.content-number-section .number-box .common-box { width: 90%; padding: 30px; }
.content-number-section .number-box li:nth-child(1), .content-number-section .number-box li:nth-child(2) { padding-bottom: 40px; }
.left-right-bg-box-section .common-box { padding-bottom: 40px; }
.content-number-section .number-box .common-box h2 { font-size: 25px; }
.common-icon-box-section .common-box i::before { font-size: 75px; } .contact-con-inner-section .left-box { width: 43% !important;}
.contact-con-inner-section .right-box { width: 57% !important;}
}
@media screen and (max-width:1023px) {
header .logo a { width: 150px; }
body.menu-open { overflow: hidden; }
header { position: relative; }
body.responsive-nav { overflow: hidden; }
header .top-header { display: none; }
.custom-nav ul { display: block; margin-top: 60px; height: auto; }
.custom-nav ul>li { display: block; }
.bottom-header .custom-nav ul>li { display: block; }
.bottom-header .custom-nav ul>li a { padding: 10px 10px !important; margin-right: 0; color: #fff; }
.bottom-header .custom-nav ul>li a.contact-btn { width: 115px; margin-left: 10px; margin-top: 10px; }
.custom-nav { text-align: center; background: #0C173C; float: none; padding: 0; position: fixed; top: 0; left: -100%; width: 100%; box-shadow: 0 0 5px; height: 100%; z-index: 9999; overflow-y: auto; transform: translate3d(0px, 150px, 0px); transition-delay: 0s, 0s; transition-duration: 0.3s, 0.3s; transition-property: transform, opacity; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) }
#nav-toggle { display: block; padding: 30px 35px 29px 0; }
#nav-toggle { margin-top: 0; padding: 20px 35px 24px 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
#nav-toggle span::before, #nav-toggle span::after, #nav-toggle span { background: #0E2C46; }
.responsive-nav header .custom-nav { left: 0; pointer-events: auto; top: 0; transform: translate3d(0px, 0px, 0px); }
.bottom-header .custom-nav { margin: 0; width: 100%; }
.bottom-header .custom-nav ul>li a { text-align: center; margin: 0; }
.bottom-header .custom-nav ul>li a:hover { background: #0070c0; }
.shrink #nav-toggle span::before, .shrink #nav-toggle span::after, .shrink #nav-toggle span { background: #000; }
.shrink #nav-toggle.active span::before, .shrink #nav-toggle.active span::after { background: #fff; }
.shrink .bottom-header .custom-nav ul > li a { color: #fff; }
.shrink #nav-toggle.active span { background: transparent; }
.bottom-header { padding: 8px 0; }
.main-navbar-active #nav-toggle span::before, .main-navbar-active #nav-toggle span::after { background: #fff; }
.main-navbar-active .bottom-header .custom-nav ul > li .menu-active { background: #0070c0; color: #fff; }
.main-navbar-active .bottom-header .custom-nav ul > li a { color: #fff; }
.main-navbar-active .bottom-header .custom-nav ul > li a:hover { color: #fff; }
.sub-menu:hover .sub-menu-inner { width: 100%; margin: 0; position: relative; padding: 0; }
.custom-nav ul .sub-menu .sub-menu-inner ul { margin: 0; }
.bottom-header .custom-nav ul .sub-menu-inner ul li a:hover { background: #0070c0; color: #fff !important; }
.sub-menu i { display: block; color: #fff; position: absolute; right: 10px; padding: 10px; cursor: pointer; top: -2px; font-size: 26px; }
.sub-menu a > i { display: none !important; }
.sub-menu-inner ul .col-box ul li a { padding: 10px !important; }
.sub-menu:hover .sub-menu-inner { display: none; }
.sub-menu { position: relative; }
.bottom-header .custom-nav ul > li a { text-align: left; padding-left: 20px !important; }
.submenu-open .sub-menu-inner { display: block !important; background: #fff; }
.sub-menu i:hover { color: #fff; }
.sub-menu-inner ul .col-box ul li a { padding-left: 20px !important; }
.sub-menu i:active { color: #fff; }
.bottom-header .common-btn { background: transparent; display: block; width: 100%; text-align: left; padding-left: 20px !important; border-radius: 0; }
.bottom-header .common-btn::before, .bottom-header .common-btn::after { position: relative; }
.bottom-header .common-btn:hover { background: #0070c0; }
.submenu-open .sub-menu-inner li a { color: #434141 !important; } .features-functions-section .tab-box .resp-tabs-container { width: 100%; }
.resp-arrow { border-top: 12px solid #0070c0; }
.banner-section .point-box .cols { height: 188px; }
.multimodal-section .multimodal-box h3 { font-size: 14px; }
.t-rex-video-section .video-box { width: 80%; margin: 0 auto; margin-bottom: 20px; float: none; }
.t-rex-video-section .content-box { float: none; width: 100%; }
.tab-box h3 { font-size: 22px; }
.resources-section .case-studies-box { width: 100%; float: none; padding: 0; }
.resources-section .resources-box { width: 100%; float: none; text-align: center; }
.resources-section .resources-box .col-box { width: 49%; margin: 0; }
.top-footer .col-md-3 { width: 50%; float: right; flex: 50%; max-width: 50%; }
.top-footer .col-md-3 .footer-logo-box { margin-bottom: 20px; }
footer .bottom-footer-box p { width: 32%; }
footer .bottom-footer-box span { width: 68% }
.tab-box h3 { font-size: 20px; } .brochure-section .brochure-box .col-md-3 { width: 50%; flex: 50%; max-width: 50%; }
.brochure-section .brochure-box .col-md-3:last-child, .brochure-section .brochure-box .col-md-3:nth-last-child(2) { padding-bottom: 0 }
.main-resources-section .videos-t-box .col-md-4 { width: 50%; flex: 50%; max-width: 50%; padding-bottom: 30px; }
.main-resources-section .videos-t-box .col-md-4:last-child, .main-resources-section .videos-t-box .col-md-4:nth-last-child(2) { padding-bottom: 0 }
.request-demo-inner-section .inner-box { width: 100%; }
.contact-con-inner-section .left-box { width: 40%; }
.contact-con-inner-section .right-box { width: 59%; }
.contact-con-inner-section .form-group { padding: 0 5px; }
.suite-of-services-section h2.resp-accordion { font-size: 18px; font-weight: 400; background: rgb(0, 112, 192) none repeat scroll 0% 0% !important; color: #fff; }
.suite-of-services-section h2.resp-accordion i { padding-right: 15px; font-size: 28px; }
.suite-of-services-section .tools-box .cols-box { margin-bottom: 20px; }
.suite-of-services-section .resp-tab-active { border: 0 !important; }
.suite-of-services-section .resp-arrow { border-top: 12px solid #fff; }
.suite-of-services-section h2.resp-tab-active span.resp-arrow { border-bottom-color: #fff; }
.who-we-are-section .services-box .cols i { font-size: 54px; }
.who-we-are-section .services-box h4 { font-size: 14px; }
.who-we-are-section .services-box { padding-top: 40px; }
.who-we-are-section .common-img-box { padding: 35px 0; }
.contact-con-inner-section .left-box { z-index: 1; }
.main-menu { display: none; } .subscribe-box { display: none; }
.contact-box-detail { margin-bottom: 20px; }
.contact-box-detail h4 { font-size: 1.5rem !important; font-weight: 600 !important; } .f-link { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: block; }
.f-link .foot-col-data ul { float: left; width: 50%; }
.f-link .foot-col-data ul li a { color: #fff; padding-bottom: 15px; display: block; }
.f-link .foot-col-data ul li:last-child a { padding-bottom: 0; }
.f-title { position: relative; margin-bottom: 20px; cursor: pointer; }
.f-title h4 { color: #fff; margin-bottom: 0; }
footer .toggle-arrow { font-family: Fontawesome; position: absolute; right: 0; top: -10px; }
.banner-section .banner-box .main-box { width: 100%; margin-top: 20px; }
.features-functions-section #parentVerticalTab { height: auto; }
footer .toggle-arrow::before { color: #fff; content: "\f105"; font-size: 34px; }
footer .menushow .toggle-arrow { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
ul.foot-col-data { padding: 0; overflow: hidden; width: 100%; max-height: 0; min-width: 100%; -webkit-transition: max-height .4s linear; -moz-transition: max-height .4s linear; -ms-transition: max-height .4s linear; -o-transition: max-height .4s linear; transition: max-height .4s linear; margin: 8px 0 15px 0; }
ul.foot-col-data.menushowtoggle { max-height: 360px; }
.bottom-header .custom-nav .social-icons-box ul { margin-top: 20px; text-align: left; }
.bottom-header .custom-nav .social-icons-box ul li { display: inline-block; }
.bottom-header .custom-nav .social-icons-box ul li a { background: #fff; text-align: center; color: #0070c0; padding: 8px !important; border-radius: 50px; display: block; height: 40px; width: 40px; }
.bottom-header .custom-nav .social-icons-box ul li a i { font-size: 18px; padding-left: 0; }
.bottom-header .custom-nav .social-icons-box ul li a:hover { background: #0070c0; color: #fff; }
.features-functions-section .resp-tab-active { border-top: 1px solid #c1c1c1 !important; }
.call-to-section { background: #0c173c; }
footer .top-footer { background-color: #0C173C !important; background-image: none; }
.banner-section .text-box { width: 100%; }
.arrow { bottom: -40px !important }
.features-functions-section .resp-tab-content { display: block !important; }
.features-functions-section .resp-tab-content.resp-accordion-closed { display: none !important; }
.ext { left: 42%; width: auto !important; top: 5px; }
.inner-banner-section.pacct-banner-section .inner-tittle img { width: 600px; }
.common-content-video-box-section .content-box-left { width: 100%; padding-right: 0; padding-bottom: 20px; }
.common-content-video-box-section .video-box-right { width: 100%; margin-left: 0; }
.common-icon-box-section .common-box { height: auto; padding: 20px; margin-bottom: 15px; }
.common-icon-box-section .col-md-4:last-of-type .common-box { margin-bottom: 0; }
.content-number-section .number-box .common-box { padding: 20px; }
.content-number-section .number-box h4 { font-size: 18px; }
.content-number-section .number-box { padding: 30px; }
.common-list li { font-size: 15px; }
.title-box p { font-size: 15px; }
.common-list li { padding-left: 30px; }
.common-list li::before { font-size: 20px; }
.common-icon-box-section .col-md-4 { width: 100%; max-width: 100%; flex: 100%; }
.common-icon-box-section .common-box img { padding-bottom: 10px; }
.content-number-section .number-box .common-box p { font-size: 16px; }
.content-number-section .number-box li:nth-child(1), .content-number-section .number-box li:nth-child(2) { padding-bottom: 25px; }
.contact-con-inner-section #wpcf7-f305-o1 .recaptcha iframe { padding-left : 5px; }
.suite-of-services-section h2.resp-accordion{display:flex; align-items:center;position: relative;}
.suite-of-services-section h2.resp-accordion span.resp-arrow {position: absolute; right: 20px;}
footer .top-footer {  padding-bottom : 0px !important; } footer .top-footer { overflow: hidden;}
.contact-con-inner-section #wpcf7-f305-o1 .recaptcha iframe { margin-left: 5px !important;}
.contact-con-inner-section .common-btn { margin-top: 15px !important; margin-left: 5px;}
}
@media screen and (max-width:899px) {
.banner-section .text-box ul { width: 70%; margin: 0 auto; }
.banner-section .text-box ul li:nth-child(1) { margin-bottom: 15px; } }
@media screen and (max-width:767px) {
footer .bottom-footer-box span, footer .bottom-footer-box p { width: 100%; text-align: center; }
.banner-section .text-box p { font-size: 14px; }
.multimodal-section .multimodal-box .col-md-3 { width: 50%; margin-bottom: 10px; }
.multimodal-section .multimodal-box .col-md-3:last-child, .multimodal-section .multimodal-box .col-md-3:nth-last-child(2) { margin-bottom: 0; }
.call-to-section { height: 215px; }
.call-to-section .call-box h2 { width: 100%; font-size: 18px; line-height: 30px; }
.title-box h2 { font-size: 22px; }
.banner-section .point-box .cols img { display: inline-block; padding-bottom: 0; width: 55px; }
.banner-section .point-box { width: 50%; margin-left: -3; }
.point-box .cols .point-text { display: inline-block; text-align: left; vertical-align: middle; padding-left: 10px; }
.banner-section .point-box .cols { height: auto; margin-bottom: 10px; padding: 15px; text-align: left; }
.inner-banner-section { height: 280px; }
.inner-banner-section .inner-tittle h2 { font-size: 32px; }
.request-demo-inner-section .form-group, .contact-con-inner-section .form-group { padding: 0 10px; }
.request-demo-inner-section .form-group, .contact-con-inner-section .form-group { margin-bottom: 15px; }
.request-demo-inner-section textarea.form-control { min-height: 130px; }
.contact-con-inner-section .left-box { width: 100%; height: 400px; margin-bottom: 25px; }
.contact-con-inner-section .right-box { width: 100%; padding-left: 0; }
.contact-con-inner-section textarea.form-control { min-height: 140px; }
.case-studies-section .text-box a { font-size: 16px; }
.case-studies-section .text-box a::after { font-size: 20px; }
.case-studies-section .col-md-6:nth-last-child(2) { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 20px; }
.common-img-box { padding: 20px 0; }
.t-rex-features-section .content-box-left, .t-rex-features-section .img-box-right, .t-rex-features-section .img-box-left, .t-rex-features-section .content-box-right { width: 100%; }
.t-rex-features-section .content-box-right { padding-left: 0; }
.t-rex-features-section .img-box-left { margin-left: 0; display: table-footer-group; }
.t-rex-features-section .content-box-left { margin-left: 0; display: table-header-group; }
.t-rex-features-section .content-box-right { margin-left: 0; display: table-header-group; }
.t-rex-features-section .img-box-right { margin-left: 0; display: table-footer-group; }
.t-rex-features-section .features-box { padding-bottom: 20px; }
.t-rex-features-section .content-box-right p, .t-rex-features-section .content-box-left { padding-bottom: 20px; display: block; }
.small-title-box h3 { font-size: 18px; }
.suite-of-services-section .tools-box .resp-tab-content li { width: 33.33%; }
.suite-of-services-section .tools-box .resp-tab-content li i { width: 75px; height: 75px; font-size: 36px; padding: 20px 0 0; }
.suite-of-services-section .tools-box .cols-box p { padding-bottom: 15px; }
.suite-of-services-section .tools-box .cols-box h4 { font-size: 18px; }
.suite-of-services-section .tools-box .cols-box i { font-size: 36px; }
.suite-of-services-section .tools-box .resp-tab-content { margin-top: 30px; }
.who-we-are-section .services-box .cols { max-width: 50%; flex: 50%; -ms-flex: 50%; }
.who-we-are-section .services-box .second-row { padding-top: 0; }
.banner-section .point-box .cols img { width: 45px; }
.overview-section .common-img-box, .what-is-t-rex-section .common-img-box { width: 100%; padding: 6px 0; }
.common-colsize-box { width: 100%; }
.features-functions-section .tab-box .resp-tab-content img { width: 85% !important; } .banner-section { height: 600px; }
.banner-section .text-box { background: rgb(255, 255, 255); }
.ext { left: 51%; }
.inner-banner-section.pacct-banner-section .inner-tittle img { width: 500px; }
.left-right-bg-box-section .content-box-left { width: 100%; padding: 0; padding-bottom: 20px; }
.left-right-bg-box-section .img-box-right { width: 100%; margin: 0; }
.content-number-section .number-box h4 { font-size: 16px; margin-bottom: 25px; }
.left-right-bg-box-section .img-box-left { width: 100%; margin: 0; }
.left-right-bg-box-section .content-box-right { width: 100%; padding: 0; padding-top: 20px; }
.left-right-bg-box-section .common-box { padding-bottom: 30px; }
.banner-section .text-box h2 { font-size: 20px; }
.common-icon-box-section .common-box i { margin-bottom: 5px; }
.common-icon-box-section .common-box i::before { font-size: 60px; }
.banner-section .text-box p { padding-bottom: 5px !important; }
.banner-section .text-box ul { padding-top: 5px; }
.content-number-section .number-box .common-box { padding: 20px 10px; }
.content-number-section .number-box .common-box p { font-size: 15px; }
.content-number-section .number-box li:nth-child(1), .content-number-section .number-box li:nth-child(2) { padding-bottom: 20px; }
footer .top-footer { padding-bottom : 0px !important; }
.contact-con-inner-section #wpcf7-f305-o1 .recaptcha iframe { padding-left : 10px; } .contact-con-inner-section .left-box { width: 100%;}
.contact-con-inner-section .right-box { width: 100%;}
.contact-con-inner-section #wpcf7-f305-o1 .recaptcha iframe { margin-left: 10px !important;}
.contact-con-inner-section .common-btn { margin-top: 20px !important; margin-left: 10px;}
}
@media screen and (max-width:639px) {
header .logo a { width: 115px; }
.common-section-top { padding-top: 25px; }
.t-rex-video-section .video-box { width: 100% }
.banner-section .text-box h2 { font-size: 16px; line-height: 25px; }
.banner-section .text-box { width: 100%; margin-left: 0; padding: 20px; margin-bottom: 10px; }
.banner-section .text-box p { line-height: 22px; } .resources-section .resources-box .col-box { width: 49%; padding: 0 5px; }
.resources-section .resources-box .col-box .cols { padding: 20px 25px; }
.resources-section .resources-box .col-box .cols img { width: 50px; }
.resources-section .resources-box .col-box .cols h4 { padding-top: 10px; font-size: 18px; }
.title-box p { font-size: 14px; }
.title-box h2 { font-size: 18px; }
.common-section { padding: 25px 0; }
.resources-section .resources-box .col-box, .resources-section .resources-box .col-box:nth-child(4), .resources-section .resources-box .col-box:nth-child(5) { padding-bottom: 10PX; }
.tab-box h3 { font-size: 18px; }
p { font-size: 14px; }
.features-functions-section .tab-box .resp-tab-content img { height: auto; }
.features-functions-section .tab-box .resp-tab-content .t-box h2 { font-size: 16px; padding: 10px; line-height: 22px; }
.call-to-section { background: #0c173c; }
.clients-section .clients-box .owl-theme .owl-dots .owl-dot span, .resources-section .case-studies-box .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px; }
.call-to-section .call-box .common-btn { padding: 10px 20px; font-size: 14px; }
.call-to-section .call-box h2 { line-height: 25px; padding: 0 5px; margin-bottom: 15px; font-weight: 400; width: 97%; }
.t-rex-video-section .content-box h4 { font-size: 14px; }
.t-rex-video-section .content-box { padding: 15px; }
.common-btn { font-size: 14px; padding: 10px 20px; }
.top-footer .col-md-3 { width: 100%; float: none; flex: 100%; max-width: 100%; }
.banner-section .point-box .cols img { display: inline-block; padding-bottom: 0; width: 55px; }
.banner-section .point-box { width: 100%; margin-left: 0; }
.point-box .cols .point-text { display: inline-block; text-align: left; vertical-align: middle; padding-left: 10px; }
.banner-section .point-box .cols { height: auto; margin-bottom: 10px; padding: 12px; text-align: left; }
.multimodal-section .multimodal-box img { width: 65px; }
.multimodal-section .multimodal-box h3 { font-size: 13px; }
.resources-section .case-studies-box .text-box h3 { font-size: 16px; }
.resources-section .case-studies-box .text-box a { font-size: 14px; }
.resources-section .case-studies-box .text-box a::after { right: -32px; font-size: 20px; top: 1px; }
footer .footer-logo-box .develop-by img { width: 145px; }
footer .contact-box { margin-bottom: 20px; }
footer .footer-logo-box > a img { width: 140px; }
footer .link-menu { margin-bottom: 5px; }
.brochure-section .brochure-box .col-md-3 { width: 100%; flex: 100%; max-width: 100%; }
.brochure-section .brochure-box .col-md-3:nth-last-child(2) { padding-bottom: 20px; }
.brochure-section .brochure-box h4, .main-resources-section .videos-t-box h4 { font-size: 18px; }
.main-resources-section .videos-t-box .col-md-4 { width: 100%; flex: 100%; max-width: 100%; padding-bottom: 20px; }
.main-resources-section .videos-t-box .col-md-4:nth-last-child(2) { padding-bottom: 20px; }
.inner-banner-section { height: 265px; }
.inner-banner-section .inner-tittle h2 { font-size: 24px; }
.brochure-section .brochure-box .common-btn { font-size: 14px; padding: 8px 20px; }
.request-demo-inner-section .form-group, .contact-con-inner-section .form-group { width: 100%; font-size: 14px; }
.contact-con-inner-section .form-control, .request-demo-inner-section .form-control, .login-inner-section .form-control { height: 40px; font-size: 14px; }
.request-demo-inner-section textarea.form-control { min-height: 100px; }
.login-inner-section .common-btn, .request-demo-inner-section .common-btn, .contact-con-inner-section .common-btn { padding: 10px 20px; font-size: 14px; }
.request-demo-inner-section .common-btn { margin-top: 5px; } .contact-con-inner-section .left-box h2 { font-size: 18px; margin-bottom: 25px; }
.contact-con-inner-section .left-box p span, .contact-con-inner-section .left-box a span { font-size: 14px; }
.contact-con-inner-section textarea.form-control { min-height: 100px; }
.contact-con-inner-section .left-box { height: 295px; }
.map-section { height: 210px; }
.map-section img { height: 100%; }
.case-studies-section .text-box h3 { font-size: 16px; }
.case-studies-section .text-box a { font-size: 14px; }
.small-title-box h3 { font-size: 16px; font-weight: 400; }
.common-list li { font-size: 14px; padding-bottom: 10px; padding-left: 30px; }
.common-list li::before { font-size: 20px; top: 0; }
.padding-top-bottom-30 { padding: 20px 0; }
.padding-top-30 { padding-top: 20px; }
.suite-of-services-section .tools-box .cols-box { margin-bottom: 15px; }
.suite-of-services-section .tools-box .resp-tab-content li { font-size: 14px; width: 50%; padding: 0 0 15px 0 }
.suite-of-services-section .common-text-box p { line-height: 20px; }
.suite-of-services-section .tools-box { padding-top: 25px; }
.title-box { padding-bottom: 20px; }
.suite-of-services-section .tools-box .cols-box h4 { font-size: 16px; display: block; margin-top: 15px; }
.suite-of-services-section .tools-box .cols-box i { margin-bottom: 5px; display: block; }
.suite-of-services-section .tools-box .resp-tab-content li i { width: 70px; height: 70px; font-size: 30px; }
.who-we-are-section .services-box .cols { max-width: 100%; flex: 100%; -ms-flex: 100%; }
.contact-con-inner-section .common-btn { margin-top: 0px; margin-left: 5px; } .resources-section .resources-box .col-box .cols h4 { padding-top: 10px; }
.banner-section .text-box p { color: #727384; }
.banner-section .text-box h2 { font-weight: 400; }
footer .footer-logo-box .develop-by a { width: 150px; }
footer .subscribe-form .common-btn { padding: 8px 20px; }
.brochure-section .brochure-box .col-md-3:nth-last-child(2) { margin-bottom: 20px; }
.contact-con-inner-section .left-box { height: 370px; }
.banner-section .text-box .line-btn { font-size: 14px; }
.contact-con-inner-section .common-btn { margin-top: 10px; }
.contact-con-inner-section .right-box .g-recaptcha { margin-left: 10px; }
.ext { left: 33%; }
.inner-banner-section.pacct-banner-section .inner-tittle img { width: 90%; }
.content-number-section .number-box li { width: 100%; margin: 0; }
.content-number-section .number-box .common-box { width: 80%; padding: 15px; }
.content-number-section .number-box li:nth-child(1), .content-number-section .number-box li:nth-child(2) { padding-bottom: 0; }
.content-number-section .number-box li { padding-bottom: 20px !important; }
.content-number-section .number-box li:last-of-type { padding-bottom: 0 !important; }
.banner-section .text-box ul { width: 90%; }
.banner-section .text-box { padding: 15px; }
.banner-section .text-box h2 { font-size: 14px; }
.banner-section .text-box p { font-size: 12px; }
.banner-section .text-box li { margin-right: 5px; }
.banner-section .text-box ul li { margin-bottom: 10px !important; }
.arrow { display: none; }
}
@media screen and (max-width:479px) {
.arrow { bottom: -20px !important; }
.arrow a::before { width: 26px; height: 26px; }
.banner-section .point-box .cols h3 { font-size: 14px; }
.resources-section .resources-box .col-box { width: 100%; }
.arrow { bottom: -8px !important; } .ext { left: 45%; }
}
@media screen and (max-width:359px) { .banner-section .text-box h2 { font-size: 16px; line-height: 20px; }
.banner-section .text-box p { font-size: 13px; line-height: 21px; }
.banner-section .text-box { padding: 10px; }
.banner-section .text-box ul li:last-child { margin-left: 7px; }
.banner-section .text-box h2 { font-size: 14px; }
.banner-section { height: 540px; }
.ext { left: 51%; }
} .t-rex-video-section .content-box h4 {font-size: 22px; line-height: 40px;}
@media screen and (max-width: 1900px) {
.t-rex-video-section .content-box h4 {font-size: 18px;}
}
@media screen and (max-width: 1599px) {
.t-rex-video-section .content-box h4 {line-height: 34px;}
}
@media screen and (max-width: 1439px) {
.t-rex-video-section .content-box h4 { font-size: 18px;line-height: 32px;}
}
@media screen and (max-width: 1365px) {
.t-rex-video-section .content-box h4 {line-height: 30px;}
}
@media screen and (max-width: 1279px) {
.t-rex-video-section .content-box h4 {font-size: 15px;line-height: 25px;}
} @media screen and (max-width : 639px) {
.request-demo-inner-section .form-group.request-message  { width : 100%; } 
}