.colleft_side {  float: left;  width: 50%;}
.colrightside { float: left;  width: 50%;}
.find_button_bx { float: left;  margin: 45px 30px 30px 0;}
.find_button_bx a{ color:#f56922; text-decoration:none; border:2px solid #f56922; padding:10px 16px; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:900;}



.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }


.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
@-webkit-keyframes empty { 0% {
opacity: 1
}
}
@-moz-keyframes empty { 0% {
opacity: 1
}
}
@keyframes empty { 0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn { 0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}
}
@keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes fadeOut { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut { 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut { 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut { 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn { 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade { to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade { to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade { to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown { from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown { from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown { from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom { from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom { from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom { from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo { to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo { to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo { to {
opacity: 0;
transform: scale(1.5);
}
}
.owl-theme .owl-controls {  text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #f56922; filter: Alpha(Opacity=50); opacity: 0.5; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #f56922; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
/* how it works
---------------------------------------------------------------------------*/
.how-it-works { font-family: 'Roboto', sans-serif;  font-weight: 300; background-color: #fff; padding: 0px 0; -webkit-transition: background-color 50ms ease-in-out; -moz-transition: background-color 50ms ease-in-out; -o-transition: background-color 50ms ease-in-out; transition: background-color 50ms ease-in-out; }
.how-it-works article .icon { width: 60px; height: auto; margin: 30px auto 0; }
.how-it-works article .img-container { position: relative;  height: 180px; margin: 0 auto; width: 290px; }
.how-it-works article .img-container img { position: absolute; top: 6px; left: 55px; width: auto; height: 115px; }
.how-it-works article h3 { font-size: 18px; color: #323234; font-family: 'Roboto', sans-serif; font-weight:900; text-align: center; margin-bottom: 20px; min-height: 25px; }
.how-it-works article p { color: #000; font-size: 18px; line-height: 30px; padding: 0px; margin-top: 20px;   margin-bottom: 25px;}
.how-it-works .mac-container { display: none; }
.how-it-works .owl-theme .owl-controls { position: absolute; right: 0; left: 0; top: 230px; }
 @media (min-width: 435px) {
.how-it-works .owl-theme .owl-controls { top: 230px; }
.how-it-works article h3 { min-height: auto; }
.how-it-works article .how-it-works article .img-container { height: 220px; width: 360px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.how-it-works .owl-theme .owl-controls { top: 65%; }
.how-it-works article .img-container { height: 400px; width: auto; }
.how-it-works article .img-container img { top: 14px; left: 134px; width: auto; height: 286px; }
}
@media (min-width: 992px) {
.how-it-works { position: relative; overflow: hidden; }
.how-it-works .stuck { position: fixed; top: 0; }
.how-it-works .heading { width: 100%; background-color: #fff; z-index: 1; }
.how-it-works .heading.stuck { right: 0; }
.how-it-works h2 { font-size: 45px; }
 .how-it-works::-webkit-scrollbar {
 display: none;
}
.how-it-works .owl-carousel { display: block; }
.how-it-works .owl-carousel article { margin: 100px 0 200px 0; opacity: 0; }
.how-it-works .owl-carousel article:last-child { margin-bottom: 400px; }
.how-it-works .owl-carousel article .icon { float: left; width: 75px; margin: -16px 30px 0; }
.how-it-works .owl-carousel article h3 { font-size: 20px; text-align: left; margin: 20px 0 10px 0; font-family: 'Roboto', sans-serif; font-weight:900;}
.how-it-works .owl-carousel article .img-container { display: none; }
.how-it-works .owl-carousel article p { margin: 0 50px 0 0px; font-size: 14px; line-height: 30px; color:#6d6d6d; font-family: 'Roboto', sans-serif;  text-align:left; }
.how-it-works .mac-container { position: relative; float: left; display: block; margin: 100px 0 0 -50px; width: 450px; height: 250px; }
.how-it-works .mac-container.stuck { position: fixed; top: 45px; }
.how-it-works .mac-container img { position: absolute; top: 8px; left: 84px; /*width: 288px; height: auto;*/ }
}
@media (min-width: 1200px) {
.how-it-works .owl-carousel article { margin: 100px 0 230px 0; }
.how-it-works .mac-container { margin: 50px 0 0 -200px; width: 1200px; height: 700px; }
.how-it-works .mac-container.stuck { margin: 170px 0 0 -200px; width: 1200px; height: 600px; }
.how-it-works .mac-container.stuck img { top: 23px; left: 225px; /*width: 766px; height: 479px;*/ }
.how-it-works .mac-container img { position: absolute; top: 23px; left: 224px; /*width: 766px; height: 478px; */}
}
@media (min-width: 1100px) and (max-width: 1199px) {
.how-it-works .mac-container { margin: 100px 0 0 -50px; width: 550px; height: 350px; }
.how-it-works .mac-container.stuck { position: fixed; top: 50px; }
.how-it-works .mac-container img { position: absolute; top: 11px; left: 103px; /*width: 351px; height: 218px;*/ }
}

@media(max-width: 884px) {
.colleft_side{width:100%;}
.find_button_bx{ float:none; text-align:center;}
.discover_section h2{ font-size:24px;}
.discover_section p{ padding:0px;}
.how-it-works article p { float: left; }
.how-it-works article p{font-size: 14px; line-height: 25px;}
.find_button_bx a{ font-size:12px;}
.how-it-works article h3{ height:40px;}
.owl-buttons{ display:none;}

}



@media(max-width: 480px) {
.find_button_bx{margin: 25px auto;}
.find_button_bx a{border: 1px solid #f56922;     font-size: 10px; }
.how-it-works article p{font-size: 14px; line-height: 25px;}	
}

@media only screen and (min-width: 1024px) and (max-width: 1152px) {
	.how-it-works .mac-container.stuck{ top:112px;}
	.how-it-works .mac-container img { position: absolute; top: 11px; left: 103px; width: 351px; height: auto; }
	}