body {font-family: 'Lato', sans-serif;font-size: 14px;background: #fff;}

/* Loader */
.loader-wrapper {position: fixed;width: 100%;height: 100%;z-index: 100;background-color: #6495ed;}
.loader-wrapper .text {position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);margin: 0 0 100px;color: rgba(255, 255, 255, .7);text-transform: uppercase;font-size: 11px;font-family: sans-serif, helvetica;letter-spacing: .5px;}
.loader {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 300px;height: 24px;border-left: 8px solid #fff;border-right: 8px solid #fff;overflow: hidden;}
.loader .ball {height: 8px;width: 0;background: white;position: relative;margin: 0;}
.loader .ball:nth-child(1) {-webkit-animation: ball 2s ease-in-out infinite;animation: ball 2s ease-in-out infinite;}
.loader .ball:nth-child(2) {-webkit-animation: ball 2s ease-in-out .1s infinite;animation: ball 2s ease-in-out .1s infinite;}
.loader .ball:nth-child(3) {-webkit-animation: ball 2s ease-in-out .2s infinite;animation: ball 2s ease-in-out .2s infinite;}
@-webkit-keyframes ball {
  0% {left: 0;width: 0px;}
  25% {left: 0;width: 300px;}
  50% {left: 300px;width: 0px;}
  75% {left: 0;width: 300px;}
  100% {left: 0;width: 0px;}
}
@keyframes ball {
  0% {left: 0;width: 0px;}
  25% {left: 0;width: 300px;}
  50% {left: 300px;width: 0px;}
  75% {left: 0;width: 300px;}
  100% {left: 0;width: 0px;}
}

/* Header */
header {position: relative;}
header .container {padding: 30px 0px;position: relative;}
header .menu_show , header .menu_hide {width: 100px;float: right;display: inline-block;color: #000;}
header .menu_show:hover , header .menu_hide:hover {text-decoration: none;}
header .menu_hide {display: none;}
header .menu_show:hover {text-decoration: none;}
.navigation {position: fixed;right: -100px;top: 3%;background: #fff;z-index: 999;margin:0;padding: 0;text-align: center;transition: 0.4s;}
.navigation_show {display: block;transition: 0.4s;right: 0;}
.navigation li:nth-child(1){background: #01a3a4;}
.navigation li:nth-child(2){background: #ee5253;}
.navigation li:nth-child(3){background: #10ac84;}
.navigation li:nth-child(4){background: #f368e0;}
.navigation li:nth-child(5){background: #ff9f43;}
.navigation li:nth-child(6){background: #0abde3;}
.navigation li:nth-child(7){background: #2e86de;}
.navigation li:nth-child(8){background: #feca57;}
.navigation li {list-style: none;padding: 5px;}
.navigation li i {font-size: 35px;color: #fff;}
header .menu_show span , header .menu_hide span {margin-right: 10px;display: inline-block;}
header .menu_show i , header .menu_hide i {background: #3498db;width: 40px;height: 40px;display: inline-block;padding: 13px 13px;border-radius: 50%;font-size: 14px;color: #fff;}
header .menu_hide i {font-size: 18px;padding: 10px 13px;}
#particles-js {position: absolute;width: 100%;height: 100%;background-color: #fff;background-image: url("");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
header .heading {font-size: 50px;font-family: 'Fjalla One', sans-serif;position: relative;padding: 90px 0px 20px 50px;}
header .heading span:nth-child(1) {position: absolute;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);left: 5px;font-size: 35px;top: 150px;}
header .heading span:nth-child(2) {color: #e74c3c;}
header .small_heading {padding: 120px 0 0 0;}
header .small_heading h4 {font-size: 19px;color: #6a6b6c;position: relative;font-style: italic;}
header .small_heading h4 span {color: #e74c3c;}
header .small_heading h4:after {content:"";border-right: 2px solid #e74c3c;position: absolute;height: 50%;right: 10px;bottom: 5px;}
header .small_heading h4 span:nth-child(2):after {content:"";border-bottom: 2px solid #e74c3c;position: absolute;width: 30%;bottom: -10px;right: 20px}
.scroll-down {position: absolute;bottom: 20px;left: 50%;margin-left: -16px;display: block;width: 32px;height: 32px;background-size: 14px auto;border-radius: 50%;z-index: 2;-webkit-animation: bounce 2s infinite 2s;animation: bounce 2s infinite 2s;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;z-index: 3;}
.scroll-down i {font-size: 50px;color: #3498db;}
@keyframes bounce {
  0%,100%,20%,50%,80% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
}


/* Slider */
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;-moz-box-shadow: 0 0 9px #888;-webkit-box-shadow: 0 0 9px #888;box-shadow: 0 0 9px #888;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slideshow{width: 100%;position: relative;}
.slideshow .rslides_nav{display: inline-block;background: #000;color: #fff;padding: 5px 25px;font-size: 30px;}
.slideshow a:nth-child(2) , .slideshow a:nth-child(3){display: none;}
.slideshow .nav_slider a {display: inline-block !important;}
.slideshow .nav_slider {position: absolute;bottom: 0px;right: 0px;z-index: 5;}
.slideshow .nav_slider .prev i {position: relative;transition: 0.4s;right: 0;}
.slideshow .nav_slider .next i {position: relative;transition: 0.4s;left: 0;}
.slideshow .nav_slider .prev:hover i {right: 10px;transition: 0.4s;}
.slideshow .nav_slider .next:hover i {left: 10px;transition: 0.4s;}


/* About Us */
#about {width: 100%;padding: 80px 0px;background: #fff;}
#about h5 {text-align: center;font-size: 15px;color: #6a6b6c;}
#about h2 {text-align: center;font-family: 'Fjalla One',sans-serif;font-size: 70px;text-transform: uppercase;margin-bottom: 50px;}
#about .about_wrap {padding: 40px 0px;text-align: center;}
#about .about_wrap i {font-size: 45px;padding-bottom: 20px;}
#about .about_wrap h3 {font-size: 35px;font-family: 'Monda', sans-serif;padding:20px 0px 5px 0px;}
#about .about_wrap p {color: #6a6b6c;font-size: 18px;}
#about .row .col-sm-6:nth-child(1) .about_wrap i {color: #9b59b6}
#about .row .col-sm-6:nth-child(2) .about_wrap i {color: #f39c12}
#about .row .col-sm-6:nth-child(3) .about_wrap i {color: #1abc9c}
#about .row .col-sm-6:nth-child(4) .about_wrap i {color: #e74c3c}
#about .row .col-sm-6:nth-child(1) {border-bottom: 1px solid #e8e9e9;border-right: 1px solid #e8e9e9;}
#about .row .col-sm-6:nth-child(2) {border-bottom: 1px solid #e8e9e9;}
#about .row .col-sm-6:nth-child(3) {border-right: 1px solid #e8e9e9;}


/* Service */
#service {background-image: url("../images/service_bg.jpg");min-height: 1000px; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
#service .services_wrap img {width: 100%;}
#service .col-sm-4 {padding: 0px;}
#service .container h2 {text-align: center;padding:130px 0px 10px 0px;color: #fff;font-family: 'Fjalla One',sans-serif;font-size: 70px;text-transform: uppercase;}
#service .container h5 {text-align: center;color: #c9c9c9;font-size: 18px;padding:0px 0px 80px 0px;}
#service .services_wrap {position: relative;}
#service .services_wrap h3 {position: absolute;bottom: 10px;z-index: 1;color: #fff;left: 20%;border: 5px solid #fff;padding:10px;font-size: 23px;}
/* Our Service Images*/
.glitch__img {position: absolute;top: calc(-1 * var(--gap-vertical));left: calc(-1 * var(--gap-horizontal));width: calc(100% + var(--gap-horizontal) * 2);height: calc(100% + var(--gap-vertical) * 2);background: url(../images/service1.jpg) no-repeat 50% 0;background-color: var(--blend-color-1);background-size: cover;transform: translate3d(0,0,0);background-blend-mode: var(--blend-mode-1);}
.glitch--style-2 .glitch__img {background-image: url(../images/service2.jpg);transform: scale3d(1.1, 1.1, 1);z-index: 1;}
.glitch--style-3 .glitch__img {background-image: url(../images/service3.jpg);}


/* Our Portfolio */
#portfolio {background: #fff;padding:80px 0 4px 0;}
#portfolio .container h2 {text-align: center;padding:60px 0px 10px 0px;color: #e74c3c;font-family: 'Fjalla One',sans-serif;font-size: 70px;text-transform: uppercase;}
#portfolio .container h5 {text-align: center;color: #6a6b6c;font-size: 18px;padding:0px 0px 80px 0px;}
#portfolio .container .portfolio_images {position: relative;}
#portfolio .container .portfolio_images img {width: 80%;}
#portfolio .container .portfolio_images img:nth-child(1) {position: relative;z-index: 1;}
#portfolio .container .portfolio_images img:nth-child(2) {position: absolute;left: 10%;top: 10%;z-index: 0;-moz-box-shadow: 0 0 9px #888;-webkit-box-shadow: 0 0 9px #888;box-shadow: 0 0 9px #888;}
.skills .container h2 {background: #e74c3c;display: inline-block;color: #fff;padding:10px 20px;height: 60px;z-index: 1;position: relative;}
.skills .skills_text{background: #e74c3c;padding: 10px;}
.skills .skills_head{padding: 10px;position: absolute;top: 15%;left: 40%;}
.skills .skills_head h2 {font-size: 70px;color: #e74c3c;font-family: 'Fjalla One',sans-serif;text-transform: uppercase;}
.skills .container-fluid .col-sm-6 {padding: 0;}
.skills .skills_bg {background: #e74c3c;font-size: 70px;color: #fff;padding: 60px 10px !important;}
.skills .skills_bg i:hover {transform: scale3d(1.2,1.2,1.2)}
.skills .skills_bg i {border: 2px solid #fff;padding: 5px;width: 100px;text-align: center;transition: 0.4s;}
#hourglass {opacity: 1;color: #9b59b6;font-size: 80px;}
#hourglass i {opacity: 0;animation: hourglass 2.4s ease-in infinite, hourglass-spin 2.4s ease-out infinite;
   color: #9b59b6;}
#hourglass > i:nth-child(1) {color: #e74c3c;animation-delay: 0s, 0s;}
#hourglass > i:nth-child(2) {color: #e74c3c;animation-delay: 0.6s, 0s;}
#hourglass > i:nth-child(3) {color: #e74c3c;animation-delay: 1.2s, 0s;}
#hourglass > i:nth-child(4) {color: #e74c3c;animation-delay: 1.8s, 0s;}
#hourglass > i:nth-child(4) {animation: hourglass-end 2.4s ease-in infinite, hourglass-spin 2.4s ease-out infinite;}
#hourglass > i:nth-child(5) {color: #e74c3c;opacity: 1;animation: hourglass-spin 2.4s ease-out infinite;}
@keyframes hourglass {0% {opacity: 1;}24% {opacity: 0.9;}26% {opacity: 0;}}
@keyframes hourglass-end {0% {opacity: 0;}70% {opacity: 0;}75% {opacity: 1;}100% {opacity: 1;}}
@keyframes hourglass-spin {75% {transform: rotate(0deg);}100% {transform: rotate(180deg);}}


/* Our Portfolio Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;
    -khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;width: 100%;transition: transform .5s ease;}
.slick-slide img:hover{transform: scale3d(1.5,1.5,1.5) rotate(7deg);}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;overflow: hidden;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slider {position: relative;margin-top: 90px;}
.slider .slick-dots {text-align: center;margin-top: 10px;overflow: hidden;}
.slider .slick-dots li {display: inline;list-style: none;margin-right: 10px;}
.slider .slick-dots li button {display: inline;list-style: none;border:none;background: #fff;text-indent: -99999px;width: 22px;height: 3px;cursor: pointer;border:1px solid #e74c3c;}
.slider .slick-active button {background: #e74c3c !important;border:1px solid #e74c3c !important;}


/* Team */
#team {min-height: 700px;clear: both;}
#team .container h2 {font-size: 100px; color: #fff;text-align: center;padding: 80px 0px;font-family: 'Fjalla One',sans-serif;opacity: 0.8;text-transform: uppercase;text-shadow: 2px 2px #000;}
#team .team_wrap {position: relative;overflow: hidden;}
#team .team_wrap:after{border-top: 3px solid #e74c3c;animation: slideDash 5.5s infinite linear;width: 100%;content: "";position: absolute;bottom: 0;}
#team .team_wrap img {width: 100%;}
#team .team_wrap .team_text {width: auto;padding: 5px;color: #e74c3c;text-align: center;background: rgba(255,255,255,0.8);position: absolute;bottom: -80%;width: 100%;transition: 0.4s;}
#team .team_wrap .team_text h4 {font-size: 25px;margin: 0;}
#team .team_wrap .team_text span {font-size: 20px;display: block;}
#team .team_wrap .team_text i {font-size: 26px;}
#team .team_wrap .team_text .fa-facebook-square {color: #475993;}
#team .team_wrap .team_text .fa-twitter-square {color: #76a9ea;}
#team .team_wrap .team_text .fa-linkedin {color: #0077b7;}
#team .team_wrap .team_text .fa-google-plus-square {color: #f34a38;}
#team .team_wrap .team_text .fa-instagram {color: #ab1c8b;}
#team .team_wrap:hover .team_text {bottom: 0;}
@keyframes slideDash {
	from {transform: translateX(-100%);} to {transform: translateX(100%);}
}


/* Blog */
#blog {padding: 80px 0px 140px 0px;background: #fff;overflow: hidden;position: relative;width: 100% !important;height: 100% !important}
#blog_bg {position: absolute;margin:0;padding: 0;left: 0;top: 0;z-index: 0;}
#blog .container {position: relative;z-index: 1;}
#blog .container h3 {text-align: center;font-size: 80px;font-family: 'Fjalla One',sans-serif;text-transform: uppercase;margin-bottom: 60px;}
#blog .container img {width: 100%;}
#blog .container .col-md-6 {position: relative;}
#blog .container .blog_wrap {padding: 20px;color: #fff;width: 80%;position: absolute;right: 0px;top: 40%;}
#blog .container .row .col-md-6:nth-child(1) .blog_wrap{background: #3498db;}
#blog .container .row .col-md-6:nth-child(2) .blog_wrap{background: #1abc9c;}
#blog .container .blog_wrap h4 {font-size: 30px;font-family: 'Monda', sans-serif;}
#blog .container .blog_wrap p {font-size: 18px;}
#blog .container .blog_wrap a {display: inline-block;text-align:right;float: right;font-size: 20px;color: #fff;-moz-animation: moveleft 2s infinite;-webkit-animation: moveleft 2s infinite;animation: moveleft 2s infinite;}
@keyframes moveleft {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
  40% {-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-webkit-transform: translateX(-30px);transform: translateX(-30px);}
  60% {-moz-transform: translateX(-15px);-ms-transform: translateX(-15px);-webkit-transform: translateX(-15px);transform: translateX(-15px);}
}


/* Testimonial */
#testimonial h3 {text-align: center;font-size: 80px;font-family: 'Fjalla One',sans-serif;text-transform: uppercase;margin-bottom: -150px;z-index: 1;position: relative;color: #fff;}
.testimonial_slider{position: relative;width: 100%;overflow: hidden;transition: all .3s;perspective: 900px;transform-style: preserve-3d;box-shadow: 0 0 9px #888;}
.testimonial_slider .previous, .testimonial_slider .next{display: none;}
.slide{padding: 10%;width: 100vw;text-align: center;position: absolute;transform: scale(0.5,0.5);opacity: 0;transition: all .3s;}
.slide.col1{background: #9b59b6;color: #fff;}
.slide.col2{background: #f39c12;color: #fff;}
.slide.col3{background: #1abc9c;color: #fff;}
.slide.active{z-index: 10;left: 0;opacity: 1;transform: scale(1,1);}
.slide.inactiveLeft{left: -100vw;z-index: 11;}
.slide.inactiveRight{left: 100vw;z-index: 11;}
.testimonial_slider .bullets{text-align: center;position: absolute;bottom: 10%;width: 100%;}
.testimonial_slider .bullets .bullet{position: relative;display: inline-block;background: rgba(255,255,255,.8);width: 20px;height: 8px;z-index: 14;margin: 0 5px;cursor: pointer;border: 2px solid transparent;transition: all .3s;}
.testimonial_slider .bullets .bullet.active{background: rgba(255,255,255,.4);}
.testimonial_slider .bullets .bullet:hover{border: 2px solid rgba(255,255,255,.8);background: transparent;}
#testimonial .testimonial_slider .slides img {border-radius: 100%;margin-top: 60px;}
#testimonial .testimonial_slider .slides h2 {font-size: 40px;padding: 20px 0;}
#testimonial .testimonial_slider .slides p {font-size: 20px;padding: 0;}
.clients {width: 100%;background: transparent;padding: 30px 0;}
.clients .clients_slide a {display: block;text-align: center;border: 5px solid transparent;}
.clients .clients_slide {margin-top: 0px;}


/* Contact Us */
#contact {width: 100%;position: relative;}
#map {width: 100%;height: 600px;}
#contact .contact_wrap {position: absolute;z-index: 9;top: 20%;right: 0;width: 40%;}
#contact .contact_wrap .container {position: relative;}
#contact .contact_wrap .contact_form h3 {font-size: 40px;color: #fff;text-transform: uppercase;margin: 30px 0 30px 0;text-align: center;font-family: 'Fjalla One',sans-serif;}
#contact .contact_wrap .contact_form {background: #9b59b6;padding: 20px;border-radius: 10px;-moz-box-shadow: 0 0 9px #888;-webkit-box-shadow: 0 0 9px #888;box-shadow: 0 0 9px #888;border-top: 5px solid #b452dc;border-left: 5px solid #b452dc;}
#contact .contact_wrap .contact_form input {width: 100%;background: transparent;border: 0px dotted transparent;padding: 5px;margin-bottom: 7px;color: #fff;font-size: 17px;border-bottom: 2px dotted #fff;transition: 0.4s;outline: 1px solid transparent;}
#contact .contact_wrap .contact_form textarea {width: 100%;background: transparent;border: 0px dotted transparent;padding: 5px;height: 70px;margin-bottom: 7px;color: #fff;font-size: 17px;border-bottom: 2px dotted #fff;transition: 0.4s;outline: 1px solid transparent;}
#contact .contact_wrap .contact_form button {background: rgba(110,40,139,0.5);padding: 5px 20px;border-radius: 5px;border: 3px solid transparent;color: #fff;font-size: 20px;cursor: pointer;transition: 0.4s;display: block;width: 150px;margin:0 auto;}
#contact .contact_wrap .contact_form input:focus , #contact .contact_wrap .container .contact_form textarea:focus {outline: 1px solid transparent;text-indent: 10px;}
#contact .contact_wrap .contact_form button:hover {background: #fff;color: #9b59b6;width: 170px;}
#contact .contact_form .contact_icon {position: absolute;top: -30px;left: 42%;}
#contact .contact_form .contact_icon i {font-size: 40px;color: #fff;border: 5px solid #9b59b6;padding: 10px;background: #9b59b6;border-radius: 10px;border-top: 5px solid #b452dc;}
#contact .contact_wrap ::placeholder {color: #fff;}

/* Footer */
footer {background: #222f3e;padding: 20px 0px;color: #fff;}
footer .address p{margin-bottom: 0;font-size: 18px;}
footer .address a {color: #ee5253;font-size: 18px;}
.copyright {background: #222f3e;padding: 10px 0;border-top: 2px solid #576574;}
.copyright p {font-size: 14px;color: #fff;margin: 0;}
.copyright ul {margin:0;padding: 0;}
.copyright ul li {display: inline;margin-right: 10px;}
.copyright ul li i {font-size: 26px;color: #fff;}