@charset "UTF-8";
a {-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
a:hover {color:#5192ff;text-decoration:none;outline:none}
a:focus {color:#5192ff;text-decoration:none;outline:none}
a:not([href]):not([tabindex]) {color:#fff}
a:not([href]):not([tabindex]):focus {color:#5192ff}
a:not([href]):not([tabindex]):hover {color:#5192ff}
h1 {font-family:'Roboto',sans-serif;font-size:40px;font-weight:500}
h2 {font-family:'Roboto',sans-serif;font-size:40px;font-weight:500}
h3 {font-family:'Roboto',sans-serif;font-weight:400}
h4 {font-family:'Roboto',sans-serif;font-weight:500}
h5 {font-family:'Roboto',sans-serif;font-weight:600}
.btn {font-size:14px;padding:10px 30px;border-radius:0;font-weight:400;color:#fff;text-transform:uppercase;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;display:inline-block;font-family:'Roboto',sans-serif}
.btn:focus {-webkit-box-shadow:none;box-shadow:none;outline:none;color:#fff}
.btn:active {-webkit-box-shadow:none;box-shadow:none;outline:none;color:#fff}
.btn.disabled {opacity:1}
.btn:disabled {opacity:1}
.double-bounce1 {width:100%;height:100%;border-radius:50%;background-color:#5192ff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2 {width:100%;height:100%;border-radius:50%;background-color:#5192ff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out;-webkit-animation-delay:-1s;animation-delay:-1s}
.double-bounce3 {width:100%;height:100%;border-radius:50%;background-color:#5192ff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out;-webkit-animation-delay:-3s;animation-delay:-3s}
body {font-family:'Roboto',sans-serif;color:#333;font-size:14px;font-weight:300;background:#fff;overflow-x:hidden;line-height:26px}
html {overflow-x:hidden}
p {font-size:14px;line-height:26px}
ul {margin:0;padding:0}
ul li {list-style:none}
.section {padding:90px 0}
.section-header {color:#fff;margin-bottom:40px;text-align:center}
.section-header .section-title {font-size:28px;margin-top:0;font-weight:700;color:#333;position:relative;padding-bottom:15px}
.section-header .section-title span {color:#5192ff}
.section-header .section-subtitle {margin-top:15px;color:#333;font-size:14px;font-weight:400}
.section-header .lines {margin:auto;width:120px;position:relative;border-top:2px solid #5192ff;margin-top:15px}
.section-header .lines:before {position:absolute;content:"";display:inline-block;height:20px;width:20px;top:-10px;border:4px solid #fff;border-radius:50%;background:#5192ff;left:50px}
.btn-common {border:2px solid #5192ff;background-color:#5192ff;position:relative;z-index:1;border-radius:4px}
.btn-common:hover {color:#5192ff;background-color:transparent;border:2px solid #5192ff;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.btn-border {color:#fff;background-color:transparent;border:2px solid #fff;border-radius:4px}
.btn-border:hover {border:2px solid #fff;color:#fff;background-color:#5192ff}
.btn-lg {padding:14px 33px;text-transform:uppercase;font-size:16px}
.btn-rm {padding:7px 10px;text-transform:capitalize}
.clear {clear:both}
.social-icons {margin-bottom:10px;margin-top:20px}
.social-icons ul {margin:0;padding:0;list-style:none}
.social-icons ul li {display:inline}
.social-icons ul li a {display:inline-block;margin-left:5px;margin-right:5px;margin-bottom:15px;border-radius:4px;border:1px solid rgba(255,254,254,0.07);line-height:40px;width:40px;height:40px;text-align:center;font-size:16px}
.social-icons ul li a:hover {color:#fff;background:#5192ff}
#loader {position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999999999}
.spinner {width:80px;height:80px;top:45%;position:relative;margin:0 auto}
@keyframes sk-bounce {0% {-webkit-transform:scale(0);transform:scale(0) }100% {-webkit-transform:scale(0);transform:scale(0) }50% {-webkit-transform:scale(1);transform:scale(1) }}
.back-to-top {display:none;position:fixed;bottom:18px;right:15px}
.back-to-top i {display:block;width:36px;height:36px;line-height:36px;color:#fff;font-size:14px;text-align:center;border-radius:4px;background-color:#5192ff;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#page-header {background-size:cover;color:#fff;overflow:hidden;position:relative}
#page-header .contents h1 {color:#fff;font-size:50px}
#page-header .contents p {font-size:14px;color:#fff;font-weight:400;line-height:30px;letter-spacing:0.5px}
#page-header .contents .btn {margin:25px 25px 0 0;text-transform:uppercase}
#page-header .banner_bottom_btn {margin-top:40px}
#page-header .banner_bottom_btn i {color:#fff;font-size:48px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#page-header .banner_bottom_btn i:hover {color:#5192ff}
#page-header .post-meta {color:#fff;margin-bottom:20px}
#page-header .post-meta ul li {display:inline-block;margin-right:8px;margin-left:8px}
#page-header .post-meta ul li i {margin-right:5px}
#page-header .post-meta ul li a {color:#fff}
#page-header .post-social {color:#fff;margin-bottom:25px}
#page-header .post-social ul li {display:inline-block;margin-right:8px;margin-left:8px}
#page-header .post-social ul li i {margin-right:5px;font-size:16px}
#page-header .post-social ul li a {color:#fff}
#page-header.pageheader-image {height:550px}
#page-header.pageheader-image .overlay {background:#000;opacity:0.6}
#page-header.pageheader-image .contents {position:absolute;right:15%;left:15%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;padding:20px 0}
.bg-faded {background-color:#fff}
.top-section {border-bottom:1px solid #e7e6e6}
.top-section .top-area {padding:3px 0}
.top-section .top-area .language .picker-lang {display:inline-block}
.top-section .top-area .language .picker-lang a {color:#999;font-size:0.8rem;line-height:2;padding:0}
.top-section .top-area .language .picker-lang.active a {color:#5192ff}
.top-section .top-area .language .picker-lang:not(:last-child):after {content:"|";color:#999}
.top-section .top-area .language i {color:#999;font-size:0.8rem}
.top-section .top-area i {margin-right:3px}
.top-section .top-area .call-us p {color:#999;margin-bottom:0;font-size:0.8rem}
.top-section .top-area .user-account ul li a {color:#999;font-size:0.8rem;line-height:2;padding:0}
.mainmenu-area {padding:0;border:none;margin:0;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.1);box-shadow:0 0 0 0 rgba(0,0,0,0.1)}
.mainmenu-area .menu-button {position:relative;color:#333;line-height:58px;top:0;outline:none}
@-webkit-keyframes MenuFadeIn {0% {opacity:0 }100% {opacity:1 }}
@keyframes MenuFadeIn {0% {opacity:0 }100% {opacity:1 }}
.navbar-brand {color:rgba(0,0,0,0.9)}
.navbar-brand img {max-width:115px}
.navbar-toggler {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.4s;animation-duration:1.4s;border-radius:0;cursor:pointer;float:right}
.navbar-toggler i {color:#fff}
.navbar-toggler:hover {-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.navbar-toggler:hover i {color:#fff !important;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
#carousel-area {overflow:hidden;background:#2c3e50}
#carousel-area .carousel-item {background-size:100%;background-size:cover;height:auto}
#carousel-area .carousel-item .overlay {background:#000;opacity:0.2;z-index:1}
#carousel-area .carousel-item .carousel-caption {top:25%;right:10%;left:10%;text-shadow:none}
#carousel-area .carousel-item .carousel-caption h1 {font-weight:100;font-size:50px;line-height:60px;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1.2s;animation-duration:1.2s}
#carousel-area .carousel-item .carousel-caption p {color:#fff;font-size:14px;font-weight:400;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1.4s;animation-duration:1.4s}
#carousel-area .carousel-item .carousel-caption .btn {margin:30px 15px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.4s;animation-duration:1.4s}
#carousel-area .carousel-item .carousel-caption i {margin-right:5px}
#carousel-area .carousel-control-next {opacity:1}
#carousel-area .carousel-control-next i {width:40px;display:block;color:#fff;font-size:20px;line-height:40px;border:2px solid #fff;background:transparent;border-radius:2px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#carousel-area .carousel-control-next i:hover {border:2px solid #5192ff;background:#5192ff}
#carousel-area .carousel-control-prev {opacity:1}
#carousel-area .carousel-control-prev i {width:40px;display:block;color:#fff;font-size:20px;line-height:40px;border:2px solid #fff;background:transparent;border-radius:2px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#carousel-area .carousel-control-prev i:hover {border:2px solid #5192ff;background:#5192ff}
#carousel-area .carousel-indicators {bottom:20px}
#carousel-area .carousel-indicators li:hover {opacity:1}
#carousel-area .carousel-indicators li.active {opacity:1}
#slider-area {margin-top:-1px}
#slider-area .btn {margin-right:15px}
#slider-area .large_white {color:#fff}
#slider-area .about-info p {color:#333}
.owlcarousel-area {position:relative}
#header-area {position:relative}
#header-area .header-image {height:800px}
#header-area .header-image .overlay {background:#000;opacity:0.6}
#header-area .header-video .video-item {height:800px}
#header-area .header-video .overlay {background:#000;opacity:0.6}
#header-area .header-caption {position:absolute;right:15%;left:15%;z-index:8;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;padding:20px 0}
#header-area .header-caption p {font-size:18px;font-family:'Roboto',sans-serif}
#header-area .header-caption h1 {font-size:45px}
#header-area .header-caption i {margin-right:5px}
#owlcarousel-area .item {width:100%;height:800px;background:#000}
#owlcarousel-area .item .overlay {background:#000;opacity:0.6;z-index:1}
#owlcarousel-area .item .owl-video-play-icon {z-index:12;opacity:0.7}
#owlcarousel-area .item .owl-video-play-icon:hover {opacity:1}
#owlcarousel-area .item .owl-image {background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;min-width:100%;min-height:100%}
#owlcarousel-area .item .owl-video-tn {background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%}
#owlcarousel-area .item .owl-video-frame {z-index:11}
#owlcarousel-area .item .owl-video-wrapper.ratio-5-4 {padding-bottom:80%}
#owlcarousel-area .item .owl-video-wrapper.ratio-4-3 {padding-bottom:70%}
#owlcarousel-area .item .owl-video-wrapper.ratio-16-10 {padding-bottom:62.5%}
#owlcarousel-area .item .owl-video-wrapper.ratio-16-9 {padding-bottom:56.25%}
#owlcarousel-area .item .owl-video-wrapper iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important}
#owlcarousel-area .owlcarousel-caption {position:absolute;right:15%;left:15%;z-index:8;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;padding:20px 0}
#owlcarousel-area .owlcarousel-caption p {font-size:18px;font-family:'Roboto',sans-serif}
#owlcarousel-area .owlcarousel-caption h1 {font-size:45px}
#owlcarousel-area .owlcarousel-caption i {margin-right:5px}
#owlcarousel-area .owlcarousel-video-caption {position:absolute;right:15%;left:15%;z-index:8;bottom:-4%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;padding:20px 0}
#owlcarousel-area .owlcarousel-video-caption p {font-size:18px;font-family:'Roboto',sans-serif}
#owlcarousel-area .owlcarousel-video-caption h1 {font-size:45px}
#owlcarousel-area .owlcarousel-video-caption i {margin-right:5px}
#owlcarousel-area .owl-nav {opacity:0;margin-top:0;text-align:center;webkit-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#owlcarousel-area .owl-nav div {background:#fff;position:absolute;top:50%;border-radius:0;margin:-30px 0 0;padding:0;left:0;opacity:0.3;filter:alpha(opacity=30);width:60px;height:60px;line-height:60px;font-size:20px;color:#333;webkit-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#owlcarousel-area .owl-nav div:hover {opacity:0.5;filter:alpha(opacity=50)}
#owlcarousel-area .owl-nav div.owl-next {left:auto;right:0}
#owlcarousel-area .owl-dots {position:absolute;bottom:45px;width:100%}
#owlcarousel-area .owl-dots .owl-dot span {background:#fff}
#owlcarousel-area .owl-dots .owl-dot.active span {background:#fff}
#owlcarousel-area .owl-item.active .owlcarousel-title {-webkit-animation:1s 0.2s fadeInUp both;animation:1s 0.2s fadeInUp both}
#owlcarousel-area .owl-item.active .owlcarousel-desc {-webkit-animation:1s 0.6s fadeInUp both;animation:1s 0.6s fadeInUp both}
#owlcarousel-area .owl-item.active .btn {-webkit-animation:1s 0.9s flipInX both;animation:1s 0.9s flipInX both}
#owlcarousel-area:hover .owl-nav {opacity:1}
.contents .head-title {text-transform:uppercase;font-size:42px !important;font-weight:700 !important}
.contents h4 {font-size:36px;line-height:50px}
.contents .header-button .btn i {margin-left:10px}
.intro-img {padding:130px 0}
.intro-img img {display:block;height:auto;max-width:100%}
#video-area {overflow:hidden;position:relative}
#video-area .contents {padding:160px 0 80px}
#video-area .contents h1 {color:#fff;font-size:50px;font-weight:600;margin-bottom:25px;line-height:70px}
#video-area .contents p {font-size:14px;color:#fff;font-weight:400;line-height:30px;letter-spacing:0.5px}
#video-area .contents .btn {margin:20px 10px;text-transform:uppercase}
#video-area .banner_bottom_btn {margin-top:40px}
#video-area .banner_bottom_btn i {color:#fff;font-size:48px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#video-area .banner_bottom_btn i:hover {color:#5192ff}
.overlay-2 {background:rgba(0,0,0,0.9) !important}
#about {position:relative;background:#f2f2f2}
.item-boxes {text-align:center;padding:15px 40px;border-radius:4px;margin-bottom:15px;webkit-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.item-boxes .icon {width:60px;height:60px;text-align:center;border:1px solid #5192ff;display:inline-block;border-radius:5px;margin-top:10px;margin-bottom:15px;webkit-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.item-boxes .icon i {font-size:30px;line-height:60px;color:#5192ff}
.item-boxes h4 {font-size:20px;font-weight:600;margin-bottom:10px}
.item-boxes .item-line {margin:3px auto;width:30px;height:1px;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.item-boxes:hover .icon {background:#5192ff;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.item-boxes:hover .icon i {color:#fff}
.item-boxes:hover .item-line {width:62px}
#services {position:relative;background:#f2f2f2}
#features {background:#fff}
#features .icon {display:inline-block;width:60px;height:60px;border-radius:4px;text-align:center;position:relative;z-index:1}
#features .content-left {position:relative}
#features .content-left span {float:right;margin-left:25px}
#features .content-right {position:relative}
#features .content-right span {float:left;margin-right:25px}
#features .box-item {padding:15px 0}
#features .box-item .icon {border:1px solid #5192ff;text-align:center;margin:12px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#features .box-item .icon i {color:#5192ff;font-size:24px;line-height:60px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#features .box-item .text h4 {font-weight:600;font-size:18px;line-height:22px}
#features .box-item .text p {font-size:14px;line-height:26px}
#features .box-item:hover .icon {background:#5192ff}
#features .box-item:hover .icon i {color:#fff}
#features .show-box {padding:20px 0 0}
#features .show-box img {width:100%}
.video-promo {background-position:center;background-size:cover;position:relative}
.video-promo .video-promo-content {color:#fff}
.video-promo .video-promo-content h2 {color:#fff;font-size:30px;text-transform:uppercase}
.video-promo .video-promo-content p {margin-bottom:30px}
.video-promo .video-promo-content .video-popup {width:80px;height:80px;line-height:80px;text-align:center;background:#fff;color:#333;border-radius:50%;display:inline-block;font-size:24px;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.video-promo .video-promo-content .video-popup i {line-height:80px}
.video-promo .video-promo-content .video-popup:hover {background:#5192ff}
.video-promo .video-promo-content .video-popup:hover i {color:#fff}
.video-promo .video-item {width:100%;height:100vh;margin:auto;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.overlay {position:absolute;width:100%;height:100%;top:0;left:0;background:#5192ff;opacity:0.7;filter:alpha(opacity=80)}
.overlay .item-icon {line-height:48px;color:#fff;z-index:2;visibility:hidden;opacity:0;cursor:pointer;text-align:center;font-size:24px;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;border:1px solid #ddd;border-radius:4px;padding:15px}
.overlay .meta-item {color:#fff;padding:35px;position:absolute;z-index:2;visibility:hidden;opacity:0;cursor:pointer;text-align:center;width:100%;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%}
.overlay .meta-item h4 {font-size:16px;text-transform:uppercase;margin-top:12px}
.overlay .meta-item p {font-size:13px;line-height:1.5}
#portfolios {background:#f2f2f2}
#portfolios .picture-item {padding:10px}
#portfolios .portfolio-item .shot-item {margin:2px}
.controls {text-align:center;padding:0 0 20px}
.controls .active {color:#5192ff !important;border-color:#5192ff;background:transparent}
.controls .btn {text-transform:uppercase;margin:2px}
.controls:hover {cursor:pointer}
.portfolio-img {overflow:hidden;display:block;position:relative}
.portfolio-img img {width:100%}
.shot-item {margin-right:15px;padding:8px;border-radius:4px;background:#fff}
.shot-item img {width:100%}
.shot-item .overlay {display:block;position:relative;opacity:1}
.shot-item .overlay:before {position:absolute;content:"";height:30%;width:30%;background:#5192ff;opacity:0;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;top:0;left:0;z-index:1}
.shot-item .overlay:after {position:absolute;content:"";height:30%;width:30%;background:#5192ff;opacity:0;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;bottom:0;right:0;z-index:1}
.shot-item:hover .overlay {opacity:0.8}
.shot-item:hover .overlay:before {height:100%;width:50%;opacity:0.8}
.shot-item:hover .overlay:after {height:100%;width:50%;opacity:0.8}
.shot-item:hover .item-icon {visibility:visible;opacity:1}
.shot-item:hover .meta-item {visibility:visible;opacity:1}
.pricing-table {padding:20px 20px 40px 20px;margin:0 auto;margin-top:20px;margin-bottom:5px;border:transparent;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.pricing-table:hover {-webkit-box-shadow:0 0 60px 0 rgba(0,0,0,0.1);box-shadow:0 0 60px 0 rgba(0,0,0,0.1)}
.pricing-table:hover .icon {background:#5192ff}
.pricing-table:hover .icon i {color:#fff}
.pricing-table .icon {font-size:26px;color:#5192ff;border:1px solid #5192ff;border-radius:4px;width:64px;height:64px;text-align:center;line-height:64px;margin:30px auto;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.pricing-table .pricing-details h2 {font-size:22px;font-weight:600;color:#333;margin-bottom:10px}
.pricing-table .pricing-details span {display:inline-block;font-size:28px;font-weight:400;color:#5192ff;margin-bottom:20px}
.pricing-table .pricing-details ul {margin-bottom:35px}
.pricing-table .pricing-details ul li {padding:10px;font-size:15px;border-bottom:1px solid #eee}
.pricing-table.table-top {margin-top:0;border:1px solid #5192ff;border-radius:4px}
.counters {position:relative}
.counters .section-header .lines {border-color:#fff}
.counters .section-header .section-title {color:#fff}
.counters .section-header .section-subtitle {color:#fff}
.counters .facts-item {text-align:center;color:#fff}
.counters .facts-item .icon {border:1px solid #fff;border-radius:4px;width:80px;height:80px;text-align:center;line-height:80px;margin:20px auto;font-size:35px}
.counters .facts-item .icon i {color:#fff}
.counters .facts-item .fact-count h3 {font-size:35px;color:#fff;margin-bottom:15px}
.counters .facts-item .fact-count h4 {font-size:20px;color:#fff}
#testimonial {background:#f2f2f2}
#testimonial .owl-carousel .owl-item img {display:initial;width:auto}
.testimonial-item {text-align:center}
.testimonial-item img {width:80px;height:80px;border-radius:50%}
.testimonial-item .testimonial-text h3 {font-size:16px;font-weight:100;text-transform:uppercase}
.testimonial-item .testimonial-text span {color:#000;padding-bottom:10px;display:inline-block}
.testimonial-item .testimonial-text p {padding:10px 10px;letter-spacing:1px;margin:0;line-height:1.7;color:#000}
#download {position:relative;background-position:center right;background-repeat:no-repeat;background-size:cover}
#download .section-header {margin-top:40px}
#download .section-header .lines {border-color:#fff}
#download .section-header .section-title {color:#fff;margin:0;padding:0}
#download .section-header .section-subtitle {color:#fff;margin:0;font-size:16px}
#download .section-title {color:#fff;font-weight:700}
#download .btn {margin:10px}
#download .btn i {margin-right:5px}
.single-team {position:relative;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.1);box-shadow:0 0 0 0 rgba(0,0,0,0.1);border-radius:0;overflow:hidden}
.single-team:hover {-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);box-shadow:0 5px 10px 0 rgba(0,0,0,0.1)}
.single-team:hover .team-details {opacity:1}
.single-team:hover .team-inner {-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.single-team img {width:100%}
.single-team .team-inner {position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.single-team .team-details {position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:2;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0}
.single-team .team-details .team-title {margin-bottom:5px;font-size:16px;font-weight:700;color:#fff}
.single-team .team-details .team-desc {font-size:12px;text-align:center;margin:30px auto 0 auto;line-height:18px;width:58%}
.single-team .team-details p {color:#fff}
.single-team .social-list li {display:inline-block}
.single-team .social-list li a {display:block;height:34px;line-height:34px;text-align:center;width:34px;color:#5192ff;font-size:14px;background:#fff;border-radius:4px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.single-team .social-list .facebook a:hover {background:#4867aa;color:#fff}
.single-team .social-list .twitter a:hover {background:#1da1f2;color:#fff}
.single-team .social-list .google-plus a:hover {background:#dd4d42;color:#fff}
.single-team .social-list .linkedin a:hover {background:#007bb6;color:#fff}
#clients {background:#f2f2f2}
#clients .client-item-wrapper {text-align:center;border:1px solid #ddd;padding:20px;margin:0 5px;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
#clients .client-item-wrapper:hover {border-color:#5192ff}
#clients #clients-scroller .owl-pagination {display:none}
#clients #clients-scroller img {opacity:0.5;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;width:100%}
#clients #clients-scroller img:hover {-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;opacity:1}
#clients .owl-carousel .owl-item img {display:initial;width:auto}
#blog .blog-item-wrapper {background:#fff;border-radius:0;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-webkit-transition:-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear;transition:-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear;-o-transition:transform 0.2s linear,box-shadow 0.2s linear;transition:transform 0.2s linear,box-shadow 0.2s linear;transition:transform 0.2s linear,box-shadow 0.2s linear,-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear}
#blog .blog-item-wrapper:hover {-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.1);box-shadow:0 0 40px 0 rgba(0,0,0,0.1)}
#blog .blog-item-wrapper:hover .blog-item-img:before {opacity:0.7;height:100%;width:100%}
#blog .blog-item-wrapper:hover .blog-item-img .post-link {opacity:0.7}
#blog .blog-item-img {position:relative}
#blog .blog-item-img img {width:100%}
#blog .blog-item-img .post-link {font-size:55px;position:absolute;opacity:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}
#blog .blog-item-img:before {width:25%;height:100%;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(70,142,250,0.7);opacity:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
#blog .blog-item-text {border:1px solid #f1f1f1;padding:20px}
#blog .blog-item-text h3 {line-height:26px;font-size:18px;font-weight:600;margin-bottom:10px}
#blog .blog-item-text h3 a {color:#333}
#blog .blog-item-text h3 a:hover {color:#5192ff}
#blog .blog-item-text p {line-height:25px;margin-bottom:20px}
.meta-tags {margin-bottom:10px}
.meta-tags span {color:#999;margin-right:10px}
.meta-tags span i {margin-right:5px}
.meta-tags span a {color:#999}
.meta-tags span a:hover {color:#5192ff}
.form-control {width:100%;margin-bottom:20px;padding:18px;font-size:14px;border-radius:4px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;font-family:'Roboto',sans-serif}
.form-control:focus {-webkit-box-shadow:none;box-shadow:none;outline:none}
#contact {background:#f2f2f2;position:relative;overflow:hidden}
#contact .contact-block {background:#fff;padding:30px;overflow:hidden}
#contact #contactForm {margin-top:30px}
.contactinfo-table {padding:20px;margin:0 auto;border:transparent;background-color:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.contactinfo-table:hover {-webkit-box-shadow:0 0 60px 0 rgba(0,0,0,0.1);box-shadow:0 0 60px 0 rgba(0,0,0,0.1)}
.contactinfo-table .contactinfo-details h2 {font-size:22px;font-weight:600;color:#333;margin-bottom:10px;padding:10px}
.contactinfo-table .contactinfo-details span {font-size:16px;color:#5192ff;margin-right:10px;display:inline-block;width:17px}
.contactinfo-table .contactinfo-details ul {margin-bottom:35px}
.contactinfo-table .contactinfo-details ul li {padding:10px;font-size:15px;border-bottom:1px solid #eee}
.text-danger {font-size:14px;margin-top:10px}
#subscribe .sub_btn {border:none;line-height:44px;margin:0;font-size:15px;text-transform:uppercase;position:absolute;right:0;border-top-right-radius:4px;border-bottom-right-radius:4px;min-width:150px;color:#fff;top:0;height:50px;background:#5192ff;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;font-family:'Roboto',sans-serif;cursor:pointer}
#subscribe form input {background:#fff;border:1px solid #ddd;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;color:#999;height:50px;padding:0 20px;margin:0;width:100%}
#subscribe form input:focus {border:1px solid #5192ff}
footer {background:#fff}
footer .footer-widget .widget-title {margin-bottom:10px;color:#000;font-size:20px;font-weight:600}
footer .footer-widget .block-subscribe p {color:#000;margin-bottom:15px}
footer .footer-widget .block-subscribe .form-control {margin-bottom:10px;padding:8px;background-color:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:4px;display:block;height:48px;-webkit-box-shadow:none;box-shadow:none;width:100%}
footer .footer-widget ul li {padding:5px 0}
footer .footer-widget ul li a {color:#000}
footer .footer-widget ul li a::before {content:"";display:inline-block;font-family:FontAwesome;margin-right:10px;font-size:15px}
footer .footer-widget .tagcloud a {padding:5px 10px;border:1px solid #666;display:inline-block;color:#999;border-radius:2px;margin:0 2px 5px 0;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
footer .footer-widget .tagcloud a:hover {border:1px solid #5192ff;color:#5192ff}
footer .footer-widget .contact-list li {margin-bottom:18px;color:#000}
footer .footer-widget .contact-list li i {width:40px;background:#5192ff;height:40px;border:1px solid #5192ff;border-radius:100%;line-height:37px;float:left;color:#fff;text-align:center;font-size:14px;top:4px;margin-right:10px}
#copyright {background:#333;padding:10px 0;text-align:center}
.subscribe-box {margin-top:18px}
.subscribe-box input[type="text"] {color:#444;font-size:12px;padding:6px 12px;border:none;background:#fff;border-radius:0;outline:none}
.subscribe-box input[type="submit"] {display:inline-block;text-decoration:none;color:#fff;font-size:12px;background:#5192ff;text-transform:uppercase;border:none;padding:7px 16px;border-radius:0;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-family:'Roboto',sans-serif;cursor:pointer}
.blog-section {background:#ecf0f1;padding:110px 0}
.blog-section .blog-post {background:#fff;overflow:hidden;margin-bottom:50px}
.blog-section .blog-post .blog-meta {color:#999;margin-bottom:15px}
.blog-section .blog-post .blog-meta ul {margin-bottom:0;padding-left:0}
.blog-section .blog-post .blog-meta ul li {color:#999;display:inline-block;margin-right:8px;margin-left:8px}
.blog-section .blog-post .blog-meta ul li i {margin-right:5px}
.blog-section .blog-post .blog-meta ul li a {color:#999}
.blog-section .blog-post .blog-meta ul li:first-child {margin-left:0}
.blog-section .blog-post .post-content {padding:30px}
.blog-section .blog-post .post-content h3 {font-size:30px;padding-bottom:10px}
.blog-section .blog-post .post-content h2.blog-post-title {font-size:26px;font-weight:600;line-height:26px;text-transform:capitalize;margin-bottom:20px}
.blog-section .blog-post .blog-data {display:inline-block;width:100%;padding:15px 30px 30px}
.blog-section .blog-post .blog-data .blog-tags {float:left;margin-top:3px}
.blog-section .blog-post .blog-data .blog-tags span {font-weight:500;color:#999}
.blog-section .blog-post .blog-data .blog-tags a {font-size:14px;font-style:italic;padding:7px}
.blog-section .blog-post .blog-data .blog-share {float:right}
.blog-section .blog-post .blog-data .blog-share a {border:1px solid #5192ff;border-radius:50px;width:32px;height:32px;display:inline-block;text-align:center;line-height:32px}
.blog-section .blog-post .blog-data .blog-share a:hover {color:#fff;background:#5192ff}
.blog-section .blog-post .post-line {padding:0 30px}
.blog-section .blog-post .post-thumb img {width:100%}
.blog-section .sidebar-area {background:#ecf0f1}
.blog-section .sidebar-area .widget {background:#fff;padding:30px;margin-bottom:50px}
.blog-section .sidebar-area .widget ul {list-style:outside none none;padding-left:0}
.blog-section .sidebar-area .widget h2.widget-title {font-size:20px;font-weight:600;text-transform:uppercase;margin-bottom:20px;color:#333}
.blog-section .sidebar-area .search-bar {margin-bottom:50px}
.blog-section .sidebar-area .search-bar button {border-radius:0 4px 4px 0;height:59px;position:absolute;right:0;top:0;width:59px}
.blog-section .sidebar-area .tag-cloud li {float:left;margin-bottom:5px;margin-right:5px}
.blog-section .sidebar-area .tag-cloud a {font-size:10px;padding:4px 10px}
.blog-section .sidebar-area .popular-post h4 {font-size:16px;font-weight:600}
.blog-section .sidebar-area .popular-post ul li {margin-bottom:20px}
.blog-section .sidebar-area .media {display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}
.blog-section .sidebar-area .media .media-left {padding-right:10px}
.blog-section .sidebar-area .media span.published-time {font-size:12px}
.blog-section .sidebar-area .media span.published-time i.fa {margin-right:5px}
.blog-section .sidebar-area .categories .category-list li {padding:10px 0;border-bottom:1px solid #eee}
.blog-section .sidebar-area .categories .category-list li a {text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.blog-section .sidebar-area .categories .category-list li a i {margin-right:5px}
.blog-section .sidebar-area .categories .category-list li .num-posts {font-size:14px;float:right}
.blog-section .sidebar-area .categories .category-list li:last-child {border:0}
.blog-pagination {text-align:center}
.blog-pagination nav ul.pagination li.page-item a {border-radius:0;margin-right:15px !important;color:#333}
.blog-pagination nav ul.pagination li.page-item a:hover {color:#fff}
.blog-pagination nav ul.pagination li.page-item a:focus {color:#fff}
.blog-pagination nav ul.pagination li.page-item a i {font-size:11px}
.blog-pagination nav ul.pagination li.page-item.active a {color:#fff}
.blog-gallery {background:#fff;padding:50px 30px;margin-top:20px;overflow:hidden}
.blog-gallery h4 {font-size:24px;margin-bottom:30px}
.blog-gallery img {width:100%}
.blog-gallery #post-gallery-items .item {text-align:center;margin:0 10px;background:#fff;border-radius:0;-webkit-transition:-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear;transition:-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear;-o-transition:transform 0.2s linear,box-shadow 0.2s linear;transition:transform 0.2s linear,box-shadow 0.2s linear;transition:transform 0.2s linear,box-shadow 0.2s linear,-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear}
.blog-gallery #post-gallery-items .item:hover .post-gallery-item:before {opacity:0.7;height:100%;width:100%}
.blog-gallery #post-gallery-items .item:hover .post-gallery-item a i {opacity:0.7}
.blog-gallery #post-gallery-items .post-gallery-item {position:relative}
.blog-gallery #post-gallery-items .post-gallery-item img {width:100%}
.blog-gallery #post-gallery-items .post-gallery-item:before {width:25%;height:100%;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(70,142,250,0.7);opacity:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.blog-gallery #post-gallery-items .post-gallery-item a i {font-size:55px;position:absolute;opacity:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}
.similar-posts {padding:50px 0;overflow:hidden}
.similar-posts h4 {font-size:24px;margin-bottom:30px}
.similar-posts .blog-item-wrapper {background:#fff;border-radius:0;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-webkit-transition:-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear;transition:-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear;-o-transition:transform 0.2s linear,box-shadow 0.2s linear;transition:transform 0.2s linear,box-shadow 0.2s linear;transition:transform 0.2s linear,box-shadow 0.2s linear,-webkit-transform 0.2s linear,-webkit-box-shadow 0.2s linear}
.similar-posts .blog-item-wrapper:hover {-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.1);box-shadow:0 0 40px 0 rgba(0,0,0,0.1)}
.similar-posts .blog-item-wrapper:hover .blog-item-img:before {opacity:0.7;height:100%;width:100%}
.similar-posts .blog-item-wrapper:hover .blog-item-img .post-link {opacity:0.7}
.similar-posts .blog-item-img {position:relative}
.similar-posts .blog-item-img img {width:100%}
.similar-posts .blog-item-img .post-link {font-size:55px;position:absolute;opacity:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}
.similar-posts .blog-item-img:before {width:25%;height:100%;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(70,142,250,0.7);opacity:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.similar-posts .blog-item-text {border:1px solid #f1f1f1;padding:20px}
.similar-posts .blog-item-text h3 {line-height:26px;font-size:18px;font-weight:600;margin-bottom:10px}
.similar-posts .blog-item-text h3 a {color:#333}
.similar-posts .blog-item-text h3 a:hover {color:#5192ff}
.similar-posts .blog-item-text p {line-height:25px;margin-bottom:20px}
.blog-single {background:#ecf0f1}
.blog-single .blog-post {background:#fff;overflow:hidden;margin-bottom:40px}
.blog-single .blog-post .post-content {padding:30px}
.blog-single .blog-post .post-content .post-title {font-size:36px;font-weight:600;line-height:36px;text-transform:capitalize;margin-bottom:20px}
.blog-single .blog-post .post-content h3 {font-size:30px;padding-bottom:10px}
.blog-single .blog-post .post-content ul {margin-bottom:1rem;padding-left:40px}
.blog-single .blog-post .post-content ul li {list-style-type:inherit;padding-bottom:3px}
.blog-single .blog-post .post-content ol {margin-bottom:1rem;padding-left:40px}
.blog-single .blog-post .post-content ol li {list-style-type:inherit;padding-bottom:3px}
.blog-single .blog-post .post-thumb img {width:100%}
.blog-comment {background:#fff;padding:50px 30px;margin-top:20px;overflow:hidden}
.blog-comment h4 {font-size:24px;margin-bottom:30px}
.blog-comment .comment-list {list-style:none;margin:0;padding:0;margin-bottom:50px}
.blog-comment .comment-list .the-comment {border-bottom:1px solid #e7e6e6;padding-bottom:25px;margin-bottom:25px}
.blog-comment .comment-list .children {padding-left:40px}
.blog-comment .avatar {float:left;margin-right:15px;padding:5px;border-radius:3px;background:#fff;border:1px dashed #5192ff}
.blog-comment .comment-author {margin-bottom:10px}
.blog-comment .meta {margin-bottom:10px;color:#999}
.page-section ul {margin-bottom:1rem;padding-left:40px}
.page-section ul li {list-style-type:inherit;padding-bottom:3px}
.page-section ol {margin-bottom:1rem;padding-left:40px}
.page-section ol li {list-style-type:inherit;padding-bottom:3px}
.page-section p:first-child {padding-top:80px}
.page-section p:last-child {padding-bottom:80px}
.about-section {background-color:#f2f2f2}
.about-section .lead {font-size:14px;font-weight:300}
.about-section .details-list {margin-top:36px}
.about-section .details-list h4 {font-size:15px;font-weight:600;color:#5192ff}
.about-section img {width:100%}
.about-section h2.title {font-size:28px;margin:10px 0 20px;font-weight:700;color:#5192ff}
.tabs-section img {width:100%}
.tabs-section .tabs-intro-image {margin-bottom:20px}
.tabs-section .tabs-title {font-weight:600;font-size:22px;position:relative;text-align:left}
.tabs-section #default-tab ul.nav-tabs {border-bottom:1px solid #f1f1f1;margin-bottom:10px;padding-bottom:5px}
.tabs-section #default-tab ul.nav-tabs li a {border:medium none !important;color:#999;font-size:16px;font-weight:400;line-height:18px;margin-bottom:10px;padding:10px 15px;text-transform:uppercase}
.tabs-section #default-tab ul.nav-tabs >li a.active::before {bottom:-14px;content:"";height:3px;left:0;position:absolute;width:100%}
.tabs-section #default-tab .nav-tabs >li >a.active {border:0 none;position:relative}
.tabs-section #default-tab .nav-tabs >li a.active:focus {border:0 none;position:relative}
.tabs-section #default-tab .nav-tabs >li a.active:hover {border:0 none;position:relative}
.tabs-section #default-tab a.nav-link {background:none}
#skills-tabs {background:#fff}
#skills-tabs .tab-content {margin:10px 0 0 90px}
#skills-tabs ul.nav-tabs {border-bottom:none;float:left;display:table-cell;vertical-align:top}
#skills-tabs ul.nav-tabs li {float:none}
#skills-tabs ul.nav-tabs li a {width:60px;height:60px;text-align:center;border:1px solid #5192ff;border-radius:5px;margin-top:10px;margin-bottom:15px;webkit-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:transparent;padding:0}
#skills-tabs ul.nav-tabs li a i {font-size:30px;line-height:60px;color:#5192ff;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
#skills-tabs ul.nav-tabs li a:focus {background:#5192ff none repeat scroll 0 0}
#skills-tabs ul.nav-tabs li a:focus i {color:#fff}
#skills-tabs ul.nav-tabs li a:hover {background:#5192ff none repeat scroll 0 0}
#skills-tabs ul.nav-tabs li a:hover i {color:#fff}
#skills-tabs ul.nav-tabs li a.active {background:#5192ff none repeat scroll 0 0}
#skills-tabs ul.nav-tabs li a.active i {color:#fff}
#skills-tabs .service-content h3 {font-size:24px}
.progress {background:#f5f5f5;height:10px;margin:0 0 20px;position:relative;width:100%}
.progress-bar {float:left;height:100%;font-size:12px;color:#fff;border:1px solid #fff;text-align:center;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 0.6s linear;-o-transition:all 0.6s linear;transition:all 0.6s linear;position:relative}
.next-prev {display:none}
.next-prev ul {margin:0;padding:0;border-right:0;list-style:none;border:0}
.next-prev ul >li {margin:0;padding:0;float:left;width:48%;position:relative;background:transparent;height:auto;cursor:pointer;height:109px;border:0;position:fixed !important;height:48px;height:70px;left:0;margin:0 !important;top:45%;text-align:center;width:auto;z-index:999}
.next-prev ul >li a {min-height:72px;padding-top:20px;border-radius:0;position:relative}
.next-prev ul >li a i {color:#999;font-size:32px;position:absolute;top:20px}
.next-prev ul >li a:hover {background-color:transparent;border-color:#5192ff}
.next-prev ul >li a:hover i {color:#5192ff}
.next-prev ul >li a:focus {background-color:transparent;border-color:#5192ff}
.next-prev ul >li a:focus i {color:#5192ff}
.next-prev ul >li a:active {background-color:transparent;border-color:#5192ff}
.next-prev ul >li a:active i {color:#5192ff}
.next-prev ul >li span {background-color:#eaeaea;color:#555;display:inline-block;font-size:11px;font-weight:600;line-height:1;letter-spacing:1px;padding:3px 5px;margin-bottom:5px;text-transform:uppercase}
.next-prev ul >li strong {color:#3c3c3c;display:block;max-height:65px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:270px}
.next-prev ul >li.previous {margin-right:10px;text-align:left}
.next-prev ul >li.previous a {padding-left:40px;padding-right:5px}
.next-prev ul >li.previous .navigation-detail {border-left:0;-webkit-transform:translateX(-250%);-ms-transform:translateX(-250%);transform:translateX(-250%);-webkit-transition:-webkit-transform 600ms;transition:-webkit-transform 600ms;-o-transition:transform 600ms;transition:transform 600ms;transition:transform 600ms,-webkit-transform 600ms}
.next-prev ul >li.next {margin-left:10px;float:right;text-align:right;left:auto;right:0}
.next-prev ul >li.next a {padding-right:40px;padding-left:5px}
.next-prev ul >li.next i {right:10px}
.next-prev ul >li.next .lnr {left:auto;right:0}
.next-prev ul >li.next .navigation-detail {border-right:0;left:auto;right:100%;text-align:right;-webkit-transform:translateX(250%);-ms-transform:translateX(250%);transform:translateX(250%);-webkit-transition:-webkit-transform 600ms;transition:-webkit-transform 600ms;-o-transition:transform 600ms;transition:transform 600ms;transition:transform 600ms,-webkit-transform 600ms}
.next-prev ul >li .lnr {left:0}
.next-prev ul >li >a {border:0 none;border-radius:0;float:left;padding:0}
.next-prev ul >li >a:hover {background:none}
.next-prev ul >li >a:focus {background:none}
.next-prev ul >li >a:active {background:none}
.next-prev ul >li >a .lnr {background:#fff;border-radius:0;border:1px solid #eaeaea;color:#111;padding:0;font-size:25px;line-height:70px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);text-align:center;top:0;height:70px;width:70px;z-index:1;-webkit-transition:-webkit-transform 500ms;transition:-webkit-transform 500ms;-o-transition:transform 500ms;transition:transform 500ms;transition:transform 500ms,-webkit-transform 500ms;-webkit-transform:rotateX(0);transform:rotateX(0)}
.next-prev ul >li >a .lnr:hover {background:#eaeaea}
.next-prev ul >li >a .lnr:focus {background:#eaeaea}
.next-prev ul >li >a .lnr:active {background:#eaeaea}
.next-prev ul >li .navigation-detail {background:#fff;border:1px solid #eaeaea;color:#3c3c3c;display:none \9 ;height:70px;left:100%;line-height:1.5;position:absolute;padding:7px 8px;top:0;text-align:left;width:250px}
.next-prev ul >li .navigation-detail span {background:transparent;display:block;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}
.next-prev ul >li .navigation-detail strong {display:block;font-size:14px;text-transform:none;width:auto;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.next-prev ul >li:hover.previous .navigation-detail {left:70px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.next-prev ul >li:hover.next .navigation-detail {right:70px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mfp-fade.mfp-bg {opacity:0;-webkit-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}
.mfp-fade.mfp-bg.mfp-ready {opacity:0.8}
.mfp-fade.mfp-bg.mfp-removing {opacity:0}
.mfp-fade.mfp-wrap .mfp-content {opacity:0;-webkit-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity:1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity:0}
.video-wrapper {position:relative;padding-top:25px;margin-bottom:15px;height:400px}
.video-wrapper.ratio-5-4 {padding-bottom:80%}
.video-wrapper.ratio-4-3 {padding-bottom:70%}
.video-wrapper.ratio-16-10 {padding-bottom:62.5%}
.video-wrapper.ratio-16-9 {padding-bottom:56.25%}
.video-wrapper iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important}
#particles-js {position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}
.jarallax {background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
#header-wrap.transparent {position:absolute;width:100%;z-index:10}
#header-wrap.transparent .top-section {border-bottom:1px solid rgba(231,230,230,0.33)}
#header-wrap.transparent .top-section .top-area .language i {color:#fff}
#header-wrap.transparent .top-section .top-area .language .picker-lang a {color:#fff}
#header-wrap.transparent .top-section .top-area .language .picker-lang.active a {color:#5192ff}
#header-wrap.transparent .top-section .top-area .language .picker-lang:not(:last-child):after {color:#fff}
#header-wrap.transparent .top-section .top-area .call-us p {color:#fff}
#header-wrap.transparent .top-section .top-area .user-account ul li a {color:#fff}
#header-wrap.transparent .mainmenu-area .navbar-nav >li >.nav-link {color:#fff}
#header-wrap.transparent .mainmenu-area .navbar-nav >li >.nav-link:hover {color:#fff !important}
#header-wrap.transparent .mainmenu-area .navbar-nav >li.active >.nav-link {color:#fff !important;font-weight:500}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky {background-color:#333}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky .navbar-nav >li >.nav-link {color:#fff}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky .navbar-nav >li >.nav-link:hover {color:#fff !important}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky .navbar-nav >li.active >.nav-link {color:#fff !important;font-weight:500}
#main-menu ul .dropdown-toggle::after {display:none}
#main-menu ul .dropdown .dropdown-menu {padding:0;border-radius:0;margin-top:0;border:none}
.sticky.is-sticky {position:fixed;left:0;right:0;top:0;z-index:1000;width:100%;-webkit-box-shadow:0 3px 6px 3px rgba(0,0,0,0.06);box-shadow:0 3px 6px 3px rgba(0,0,0,0.06);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;background-color:#333}
.navbar-expand-md .navbar-nav .nav-link {color:#fff;font-size:14px;padding:25px 15px 10px;position:relative}
.navbar-expand-md .navbar-nav .nav-link:focus {color:#fff !important}
.navbar-expand-md .navbar-nav .nav-link:hover {color:#fff !important}
.navbar-expand-md .navbar-nav .nav-link:hover:before {color:#fff !important}
.navbar-expand-md .navbar-nav .nav-link.active {color:#fff !important}
.navbar-expand-md .navbar-nav .nav-link.active:before {color:#fff !important}
.navbar-expand-md .navbar-nav .nav-link.open {color:#fff !important}
.navbar-expand-md .navbar-nav .active >.nav-link {color:#fff !important;font-weight:500}
.navbar-expand-md .navbar-nav .open >.nav-link {color:#fff !important}
.widget.gallery .col-4 {padding:0 5px}
button:focus {outline:none !important}
.logo-menu a {font-size:20px;color:#fff}
.menu-button:hover {cursor:pointer;opacity:#eee}
.collapse.show {margin-top:10px;-webkit-transition:0.6s;-o-transition:0.6s;transition:0.6s}
.owl-theme .owl-dots {margin-top:20px}
.owl-theme .owl-dots .owl-dot span {background:#5192ff;opacity:0.5}
.owl-theme .owl-dots .owl-dot.active span {background:#5192ff;opacity:1}
.list-unstyled li {color:#d9534f}
.site-info p {line-height:34px;color:#fff}
.site-info p a {color:#fff}
.page-breadcrumb-area .breadcrumb {margin:0;background:transparent;border-radius:0;padding:1.5rem 1rem;position:relative;z-index:9}
.page-breadcrumb-area .breadcrumb li {line-height:25px}
.skill p {margin-bottom:10px;color:#999}
.grey-progress-bar .progress-bar {background:#e0e0e0 none repeat scroll 0 0}
.skill-striped .progress-bar {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}
.skill-animated .progress-bar {-webkit-animation:2s linear 0s normal none infinite running progress-bar-stripes;animation:2s linear 0s normal none infinite running progress-bar-stripes}
@media (min-width:768px) and (max-width:1024px) {.btn {padding:10px 12px }.intro-img {padding:130px 0 }.contents .head-title {font-size:24px !important }.contents h4 {font-size:22px;line-height:38px }#features .box-item .icon {width:48px;height:48px;margin:5px 0 }#features .box-item .icon i {line-height:48px }#features .box-item .text h4 {font-size:12px }#features .content-left .text {margin-right:60px }#features .content-right .text {margin-left:60px }.section-header .section-title {font-size:22px }#page-header {padding:40px }#page-header .contents {padding:0 }#page-header .contents h1 {font-size:35px }#page-header.pageheader-image {height:400px }#video-area .contents h1 {font-size:32px;line-height:48px }.mainmenu-area .menu-button {line-height:46px }.item-boxes h4 {font-size:16px }#carousel-area .carousel-item img {width:100%;height:100% }#carousel-area .carousel-item .carousel-caption h1 {font-size:28px;margin:0 0 0.5rem 0;line-height:1 }#carousel-area .carousel-item .carousel-caption p {margin-bottom:0.5rem;line-height:1 }#carousel-area .carousel-item .carousel-caption .btn {margin:0.5rem 0 0 0;padding:0.5rem 1rem;font-size:12px }#owlcarousel-area .item {height:500px }#owlcarousel-area .item .owlcarousel-caption h1 {font-size:35px }#owlcarousel-area .item .owlcarousel-caption p {font-size:16px }#header-area .header-image {height:500px }#header-area .header-video .video-item {height:500px }#header-area .header-caption h1 {font-size:35px }#header-area .header-caption p {font-size:16px }.subscribe-box input[type="text"] {padding:6px 10px }.pricing-table .pricing-details ul li {font-size:13px }#blog .blog-item-text h3 {font-size:14px }#map_canvas {height:300px }.blog-section {padding:70px 0 }.blog-section .blog-post .blog-data .blog-tags {margin-bottom:20px }.tabs-section #default-tab ul.nav-tabs li a {padding:8px;font-size:14px }.overlay.image-popup .meta-item {padding:25px }.overlay.image-popup .meta-item .item-icon {font-size:20px;padding:10px }.overlay.image-popup .meta-item p {display:none }.overlay.image-popup .meta-item h4 {margin-top:5px }}
@media only screen and (min-width:480px) and (max-width:767px) {.section {padding:40px 30px }#blog .blog-item-wrapper {margin-bottom:30px }.similar-posts .blog-item-wrapper {margin-bottom:30px }#page-header .contents {padding:0 }#page-header .contents .btn {margin:0 25px 15px 0 }#page-header .contents h1 {font-size:25px;margin-bottom:13px }#page-header.pageheader-image {height:300px }#page-header.pageheader-image .post-social {margin-bottom:10px }#page-header.pageheader-image .post-social ul li {margin-right:5px;margin-left:5px;font-size:12px }#page-header.pageheader-image .post-meta {margin-bottom:10px }#page-header.pageheader-image .post-meta ul li {margin-right:5px;margin-left:5px;font-size:12px }.blog-section {padding:50px 0 }.blog-section .sidebar-area {margin-top:50px }.blog-section .blog-post .blog-meta {margin-bottom:15px }.blog-section .blog-post .blog-meta ul li {margin-right:4px;margin-left:4px;font-size:12px }.blog-section .blog-post .blog-meta ul li i {margin-right:2px }.blog-section .blog-post .blog-data .blog-tags {margin-bottom:20px }.blog-single .blog-post .post-content .post-title {font-size:26px;line-height:26px;margin-bottom:10px }#map_canvas {height:200px }#carousel-area .carousel-item img {width:100%;height:100% }#carousel-area .carousel-item .carousel-caption h1 {font-size:18px;margin:0 0 0.5rem 0;line-height:1 }#carousel-area .carousel-item .carousel-caption p {margin-bottom:0.5rem;line-height:1;font-size:11px }#carousel-area .carousel-item .carousel-caption .btn {margin:5px 0 0 0;padding:5px 10px;font-size:9px }#carousel-area .carousel-control-prev i,#carousel-area .carousel-control-next i {font-size:10px;width:25px;line-height:25px;border:1px solid #fff }#owlcarousel-area .item {height:400px }#owlcarousel-area .item .owlcarousel-caption h1 {font-size:23px }#owlcarousel-area .item .owlcarousel-caption p {font-size:14px;line-height:20px }#owlcarousel-area .item .owlcarousel-caption .btn {font-size:12px;padding:5px 15px }#owlcarousel-area .item .owlcarousel-video-caption h1 {font-size:23px }#owlcarousel-area .item .owlcarousel-video-caption p {font-size:14px;line-height:20px }#owlcarousel-area .item .owlcarousel-video-caption .btn {font-size:12px;padding:5px 15px }#owlcarousel-area .owl-dots {bottom:0 }#header-area .header-image {height:400px }#header-area .header-video .video-item {height:400px }#header-area .header-caption h1 {font-size:23px }#header-area .header-caption p {font-size:14px }#header-area .header-caption .btn {font-size:12px;padding:5px 15px }#main-menu ul >li >a {font-size:13px !important;padding:12px 10px;border-top:1px solid #e2e6e7 }.dropdown .dropdown-menu {background:#f1f1f1 }.btn {padding:10px 12px }.logo-menu {padding:15px }.mainmenu-area {padding:12px 15px }.mainmenu-area .menu-button {display:none }.contents .head-title {font-size:18px !important }.contents h4 {font-size:18px;line-height:30px }.intro-img {padding:100px 0 }.menu-wrap {padding:10px }.icon-list a {padding:5px 0 }.icon-list a::before {top:5px }.bg-faded {background:#fff !important }#features .box-item .icon {margin:12px 0 }#features .box-item .text h4 {font-size:13px }#features .content-right span {float:none }#features .content-left span {float:none }.single-team {margin-bottom:30px }.table-left {margin:0 }.navbar-toggleable-sm >.container {width:100%;padding-left:30px;padding-right:30px }.navbar-collapse {overflow-y:auto;max-height:400px }.navbar-collapse ul.navbar-nav .nav-link {padding:4px 12px;text-align:center }.navbar-collapse ul.navbar-nav .nav-link.active {background:#ddd }.navbar-collapse ul.navbar-nav .nav-link.active::before {background:#ddd }.navbar-collapse ul.navbar-nav .nav-link.open {background:#ddd }.navbar-collapse ul.navbar-nav .open >.nav-link {background:#ddd }.section-header .section-title {font-size:22px }#video-area .contents h1 {font-size:30px;line-height:48px }.counters .facts-item {margin-bottom:30px }.next-prev {display:none !important }.tabs-section #default-tab ul.nav-tabs li a {padding:8px;font-size:14px }#header-wrap.transparent .mainmenu-area ul.navbar-nav {background:#fff }#header-wrap.transparent .mainmenu-area .navbar-nav >li >.nav-link {color:#fff }.pricing-table.table-top {margin-top:20px }#contactinfo .contactinfo-table {margin-bottom:30px }}
@media (min-width:320px) and (max-width:480px) {.section {padding:40px 10px }.logo-menu {padding:15px }.mainmenu-area {padding:7px 15px }.mainmenu-area .menu-button {display:none }.bg-faded {background:#fff !important }#page-header .contents {padding:0 }#page-header .contents .btn {margin:0 25px 15px 0 }#page-header .contents h1 {font-size:20px;margin-bottom:13px }#page-header.pageheader-image {height:200px }#page-header.pageheader-image .post-social {display:none;margin-bottom:5px }#page-header.pageheader-image .post-social ul li {margin-right:3px;margin-left:3px;font-size:11px }#page-header.pageheader-image .post-meta {margin-bottom:5px }#page-header.pageheader-image .post-meta ul li {margin-right:3px;margin-left:3px;font-size:11px }.next-prev {display:none !important }.tabs-section #default-tab ul.nav-tabs li a {padding:5px;font-size:13px }.contents .head-title {font-size:16px !important }.contents h4 {font-size:18px;line-height:30px }.dropdown .dropdown-menu {background:#f1f1f1 }#carousel-area .carousel-item img {width:100%;height:100% }#carousel-area .carousel-item .carousel-caption h1 {font-size:18px;margin:0 0 0.5rem 0;line-height:1 }#carousel-area .carousel-item .carousel-caption p {margin-bottom:0.5rem;line-height:1;font-size:11px }#carousel-area .carousel-item .carousel-caption .btn {margin:5px 0 0 0;padding:5px 10px;font-size:9px }#carousel-area .carousel-control-prev i,#carousel-area .carousel-control-next i {font-size:10px;width:25px;line-height:25px;border:none }#carousel-area .carousel-indicators {bottom:5px }#owlcarousel-area .item {height:300px }#owlcarousel-area .item .owlcarousel-caption h1 {font-size:18px }#owlcarousel-area .item .owlcarousel-caption p {display:none }#owlcarousel-area .item .owlcarousel-caption .btn {font-size:12px;padding:5px 15px }#owlcarousel-area .item .owlcarousel-video-caption h1 {font-size:18px }#owlcarousel-area .item .owlcarousel-video-caption p {display:none }#owlcarousel-area .item .owlcarousel-video-caption .btn {font-size:12px;padding:5px 15px }#owlcarousel-area .owl-dots {bottom:0 }#header-area .header-image {height:300px }#header-area .header-video .video-item {height:300px }#header-area .header-caption h1 {font-size:18px }#header-area .header-caption p {display:none }#header-area .header-caption .btn {font-size:12px;padding:5px 15px }.text-right {text-align:left !important }.single-team {margin-bottom:30px }.blog-section {padding:40px 0 }.blog-section .blog-post {margin-bottom:30px }.blog-section .blog-post .post-content h2.blog-post-title {font-size:18px;line-height:18px;margin-bottom:8px }.blog-section .blog-post .post-content .btn-rm {padding:5px 8px;font-size:12px }.blog-section .blog-post .blog-meta {margin-bottom:10px }.blog-section .blog-post .blog-meta ul li {margin-right:4px;margin-left:4px;font-size:12px }.blog-section .blog-post .blog-meta ul li i {margin-right:2px }.blog-section .blog-post .blog-data .blog-tags {margin-bottom:20px;float:none }.blog-section .blog-post .blog-data .blog-tags a {font-size:12px;font-style:italic;padding:4px }.blog-section .blog-post .blog-data .blog-share {float:none }.blog-section .sidebar-area {margin-top:30px }.blog-section .sidebar-area .widget {margin-bottom:30px }.blog-section .sidebar-area .search-bar {margin-bottom:30px }#blog .blog-item-wrapper {margin-bottom:30px }#blog .blog-item-text h3 {font-size:18px }#blog .blog-item-text .meta-tags span {margin-right:5px }.similar-posts .blog-item-wrapper {margin-bottom:30px }.blog-comment .comment-author {margin-bottom:40px }.blog-comment .comment-list .children {padding-left:0 }.navbar-toggleable-sm >.container {width:100%;padding-left:30px;padding-right:30px }.navbar-collapse {overflow-y:auto;max-height:400px }.navbar-collapse ul.navbar-nav .nav-link {padding:8px 10px;text-align:center;border-top:1px solid #e2e6e7 }.section-header .section-title {font-size:20px;line-height:30px }#video-area .contents {padding:80px 0 60px }#video-area .contents h1 {font-size:18px;line-height:32px }.video-promo .video-promo-content h2 {font-size:18px }.controls .btn {font-size:12px;text-transform:capitalize }.pricing-table.table-top {margin-top:20px }.counters .facts-item {margin-bottom:30px }#contact .section-title {font-size:22px }#subscribe .sub_btn {min-width:120px }.social-icons ul li a {width:36px;height:36px;line-height:36px;margin-left:0 }.blog-single .blog-post .post-content .post-title {font-size:18px;line-height:18px;margin-bottom:8px }.blog-single .blog-post .post-content h3 {font-size:15px }.post-meta ul li {line-height:28px }#header-wrap.transparent .navbar-expand-md ul.navbar-nav {background:#fff }#header-wrap.transparent .navbar-expand-md .navbar-nav >li >.nav-link {color:#666 }#contactinfo .contactinfo-table {margin-bottom:30px }}
@media (min-width:767px) {.dropdown:hover >ul.dropdown-menu {display:block;webkit-animation:MenuFadeIn 400ms;-webkit-animation:MenuFadeIn 400ms;animation:MenuFadeIn 400ms;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s }.dropdown .dropdown-menu {left:0;right:0;width:220px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175) }.dropdown .dropdown-menu a {display:block;height:auto;padding:14px 20px 15px !important;margin:0;line-height:16px;font-weight:400;border-top:1px solid #e2e6e7;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s }.next-prev ul >li {height:76px }}