.owl-theme .owl-controls{ margin-top: 27px; text-align: center; }  .owl-carousel.small .owl-controls{ margin-top: 20px; text-align: left; } .owl-carousel.small .owl-controls .owl-page span{ display: block; width: 10px; height: 10px; margin: 5px 3px; filter: Alpha(Opacity=30); opacity: 0.3; border-radius: 100%; background: #727272; }  .owl-carousel.small .owl-controls .owl-page.active span, .owl-carousel.small .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); opacity: 1; }  .owl-carousel.small.two .owl-controls{ text-align: right; }  .owl-carousel.small.three .owl-controls{ margin-top: 0px; text-align: right; }  .owl-carousel.small.four .owl-controls{ text-align: left; }  .owl-demo .item{ margin: 3px; } .owl-demo .item img{ display: block; width: 100%; height: auto; }  .owl-demo7 .item{ margin: 3px; } .owl-demo7 .item img{ display: block; width: 100%; height: auto; border-radius: 4px; }   .owl-demo2 .owl-item img{ display: block; width: 100%; height: auto; }  .owl-demo8 .owl-item img{ display: block; width: 100%; height: auto; }   .owl-demo9 .item img{ display: block; width: 100%; height: 400px; } .owl-demo9 .owl-item img{ display: block; width: 100%; height: auto; }  body .owl-carousel .owl-item .vc_single_image-wrapper{ max-width: inherit; display: inherit; }  .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 5px 18px 7px 18px; font-size: 12px; border-radius: 20px; background: #ccc; line-height: 10px; transition: all 0.3s ease; }  .owl-theme .owl-controls.clickable .owl-buttons div:hover{ text-decoration: none; background: #393939; }   .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span{ display: block; width: 10px; height: 10px; margin: 5px 3px; filter: Alpha(Opacity=30); opacity: 0.3; border-radius: 100%; background: #707070; }  .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); opacity: 1; }   .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; }  .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }  .owl-demo22 .owl-controls{ margin-top: 0px; text-align: center; float: left; } .owl-demo22 .owl-controls .owl-buttons div{ float: left; position: absolute; top: 50%; color: #e3e3e3; display: inline-block; zoom: 1; *display: inline; margin: 5px; width: 25px; height: 49px; font-size: 0px; border-radius: 20px; background: none; line-height: 10px; transition: all 0.3s ease; } .owl-demo22 .owl-controls .owl-buttons .owl-prev { float: left; left: -110px; background: url(../images/arrow-prev.png) no-repeat center top; background-size: 25px 49px; opacity: 0.6; } .owl-demo22 .owl-controls .owl-buttons .owl-prev:hover { background: url(../images/arrow-prev.png) no-repeat center top !important; background-size: 25px 49px !important; opacity: 1; } .owl-demo22 .owl-controls .owl-buttons .owl-next { float: left; margin-left: 0px; background: url(../images/arrow-next.png) no-repeat center top; background-size: 25px 49px; opacity: 0.6; left: auto; right: -110px; } .owl-demo22 .owl-controls .owl-buttons .owl-next:hover { background: url(../images/arrow-next.png) no-repeat center top !important; background-size: 25px 49px !important; opacity: 1; }   .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%; float: left; -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); }    #bar{ width: 0%; max-width: 100%; height: 4px; background: #e54c4c; } #progressBar{ width: 100%; clear: both; background: #454545; }  #sync1 .item{ background: #eee; padding: 0px 0px; height: auto; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } #sync1 .owl-item img{ display: block; width: 100%; height: auto; }  #sync1 .owl-item iframe{ display: block; width: 100%; height: 480px; }    #sync2 { width: 55%; margin: 20px auto 0 auto; display: block; } #sync2 .item{ background: #C9C9C9; padding: 0px 0px 0px 0px; width: 120px; height: 50px; margin: 25px 5px 5px 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; } #sync2 .item img { width: 120px; height: 50px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; } #sync2 .item h1{ font-size: 18px; } #sync2 .synced .item{ background: #eee; }      #sync3 .item { float: left; width: 100%; background: #f3f3f3; padding: 0px 0px; height: auto; text-align: center; } #sync3 .item .left { float: left; width: 50%; } #sync3 .item .left img { float: left; width: 100%; } #sync3 .item .right { float: left; width: 50%; text-align: left; padding: 90px 50px 90px 75px; }    #sync4 { float: left; width: 27%; margin-left: 41.5%; } #sync4 .item{ background: none; padding: 0px 0px; margin: 0px 10px; text-align: center; cursor: pointer; color: #181818; font-size: 32px; } #sync4 .synced .item{ color: #f62459; }         .owl-demo14 .item { color: #ccc; } .owl-demo14 .item .one_fourth { margin-bottom: 18px; } .owl-demo14 .item h4 { font-weight: 600; margin-bottom: 10px; } .owl-demo14 .item img { float: left; margin-bottom: 22px; }   .owl-demo15 .item { margin-bottom: 10px; } .owl-demo15 .item img { float: left; } .owl-demo15 .item span { float: left; width: 100%; padding: 23px; text-align: center; background: rgba(255,255,255,0.90); position: absolute; left: 0; bottom: 0; } .owl-demo15 .item span h4 { margin-bottom: 3px; }   .owl-demo16 .item { border: 1px solid #eee; text-align: center; } .owl-demo16 .item h5 { margin-top: 40px; margin-bottom: 5px; } .owl-demo16 .item i { color: #87d37c; font-size: 11px; margin: 0 1px; } .owl-demo16 .item p { width: 80%; margin: 30px auto 75px auto; }  .owl-demo16 .item .who { width: 100%; padding: 22px 0px 25px 0px; background: #f3f3f3; text-align: left; } .owl-demo16 .item .who img { float: left; margin-right: 16px; margin-left: 34%; border-radius: 100%; } .owl-demo16 .item .who strong { color: #87d37c; font-weight: 600; line-height: 14px; } .owl-demo16 .item .who strong em { color: #727272; font-size: 11px; font-weight: normal; font-style: normal; display: block; }   .owl-demo17 .item { float: left; width: 85%; margin: 0px 20px 0px 20px; } .owl-demo17 .item img { float: left; width: 100%; } .owl-demo17 .item span { float: left; width: 85%; padding: 23px; text-align: center; background: rgba(255,255,255,0.90); position: absolute; left: 20px; bottom: 0; } .owl-demo17 .item span h4 { margin-bottom: 3px; }  .owl-demo18 .item { color: #fff; padding-bottom: 18px; } .owl-demo18 .item h4 { color: #fff; font-weight: 300; line-height: 30px; width: 80%; margin: 0 auto; } .owl-demo18 .item h4 strong { font-weight: 600; } .owl-demo18 .item h4 em { font-size: 14px; font-weight: 400; font-style: normal; }        @media only screen and (min-width: 1000px) and (max-width: 1169px){  #sync2 .item{ width: 100px; height: 50px; margin: 5px; } #sync2 .item img { width: 100px; height: 50px; }  #sync3 .item .right { padding: 40px 30px 40px 40px; }  .owl-demo14 .item img { width: 100%; }  .owl-demo16 .item p { width: 90%; margin-bottom: 52px; }    }  @media only screen and (min-width: 768px) and (max-width: 999px){  .owl-demo14 .item img { width: 100%; }  #sync3 .item .left { width: 100%; } #sync3 .item .right { width: 100%; padding: 75px 75px 90px 75px; }  #sync4 { margin-left: 35%; }  .owl-demo16 .item p { width: 90%; margin-top: 20px; margin-bottom: 40px; }  .owl-demo18 .item h4 { width: 90%; }   }  @media only screen and (min-width: 640px) and (max-width: 767px){  .owl-demo14 .item img { width: 100%; }  .owl-demo18 .item h4 { width: 100%; }  #sync3 .item .left { width: 100%; } #sync3 .item .right { width: 100%; padding: 75px 50px 90px 50px; }  #sync4 { margin-left: 35%; }   }   @media only screen and (min-width: 480px) and (max-width: 639px){  #sync2 .item{ width: 80px; height: 40px; margin: 5px; } #sync2 .item img { width: 80px; height: 40px; }  #sync1 .owl-item iframe{ height: 350px; }  #sync3 .item .left { width: 100%; } #sync3 .item .right { width: 100%; padding: 50px 40px 90px 50px; }  #sync4 { width: 45%; margin-left: 25%; }   .owl-demo14 .item img { width: 100%; } .owl-demo14 .item .one_fourth { margin-bottom: 40px; }  .owl-demo16 .item .who img { margin-left: 25%; }  .owl-demo18 .item h4 { width: 100%; font-size: 16px; line-height: 23px; }  }  @media only screen and (max-width: 479px){  #sync2 { width: 72%; }  #sync2 .item{ width: 65px; height: 35px; margin: 5px; } #sync2 .item img { width: 65px; height: 35px; }  #sync1 .owl-item iframe{ height: 200px; }  #sync3 .item .left { width: 100%; } #sync3 .item .right { width: 100%; padding: 40px 30px 75px 30px; }  #sync4 { width: 45%; margin-left: 27%; } #sync4 .item{ font-size: 21px; }  .owl-demo14 .item img { width: 100%; } .owl-demo14 .item .one_fourth { margin-bottom: 40px; }  .owl-demo16 .item .who img { margin-left: 18%; }  .owl-demo18 .item h4 { width: 100%; font-size: 16px; line-height: 23px; }  }