/*Theme Name: Omid - Corporate Material Design Website Template
   Author: Bighero
   Version: 1.0
*/
 /* General Styles */
 
/*
	.coming {
	  background: url("https://www.reviewsmaker.com/site/img/soon.png");
	  background-repeat: no-repeat;
  	  background-size: 100px 100px;
 	  background-position: 260px 0px; 
	}
	
	.now {
	  background: url("https://www.reviewsmaker.com/site/img/now.png");
	  background-repeat: no-repeat;
  	  background-size: 100px 100px;
 	  background-position: 260px 0px; 
	}
*/	

	.now .coming {
		margin-top:15px;
	}
	
	.dil {
		display: inline;
	}
	
	.fil {
		display: inline;
		width:85%;
	}
 
 * {
     font-family: "Open Sans";
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
     -webkit-tap-highlight-color: transparent;
 }
 
 *:focus {
     outline: 0;
 }
 
 body {
     background-color: #fff;
     font-size: 16px;
 }
 
 a:hover {
     text-transform: none;
 }
 
 a:focus,
 a:active,
 button:active,
 button:focus,
 button:hover,
 button::-moz-focus-inner {
     outline: 0 !important;
 }
 
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4 {
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
 }
 
 h1 {
     font-size: 2.8em;
     line-height: .55em;
 }
 
 h4 {
     font-size: 1.3em;
     line-height: 1.55em;
 }
 
 h6 {
     font-size: 0.9em;
     text-transform: uppercase;
     font-weight: 500;
 }
 
 .btn {
     border: none;
     border-radius: 3px;
     position: relative;
     padding: 8px 28px;
     margin: 10px 1px;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0;
     will-change: box-shadow, transform;
     transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .btn::-moz-focus-inner {
     border: 0;
 }
 
 .btn {
     box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
 }
 
 .btn,
 .btn:hover,
 .btn:focus,
 .btn:active,
 .btn:active:focus,
 .btn:active:hover {
     background-color: #353535;
     color: #FFFFFF;
 }
 
 .btn:focus,
 .btn:active,
 .btn:hover {
     box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
 }
 
 .btn:disabled,
 .btn:disabled:hover,
 .btn:disabled:focus,
 .btn:disabled:active {
     box-shadow: none;
 }
 
 .btn.btn-simple {
     background-color: transparent;
     color: #353535;
     box-shadow: none;
 }
 
 .btn.btn-simple:hover,
 .btn.btn-simple:focus,
 .btn.btn-simple:active {
     background-color: transparent;
     color: #353535;
 }
 
 .btn.btn-primary {
     box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
 }
 
 .btn.btn-primary,
 .btn.btn-primary:hover,
 .btn.btn-primary:focus,
 .btn.btn-primary:active,
 .btn.btn-primary:active:focus,
 .btn.btn-primary:active:hover {
     background-color: #9158d9;
 }
 
 .btn.btn-primary:focus,
 .btn.btn-primary:active,
 .btn.btn-primary:hover {
     box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
 }
 
 .btn.btn-primary:disabled,
 .btn.btn-primary:disabled:hover,
 .btn.btn-primary:disabled:focus,
 .btn.btn-primary:disabled:active {
     box-shadow: none;
 }
 
 .btn.btn-danger {
     box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
 }
 
 .btn.btn-danger,
 .btn.btn-danger:hover,
 .btn.btn-danger:focus,
 .btn.btn-danger:active,
 .btn.btn-danger:active:focus,
 .btn.btn-danger:active:hover {
     background-color: #f44336;
     color: #FFFFFF;
 }
 
 .btn.btn-danger:focus,
 .btn.btn-danger:active,
 .btn.btn-danger:hover {
     box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
 }
 
 .btn.btn-danger:disabled,
 .btn.btn-danger:disabled:hover,
 .btn.btn-danger:disabled:focus,
 .btn.btn-danger:disabled:active {
     box-shadow: none;
 }
 
 .btn.btn-white,
 .btn.btn-white:focus,
 .btn.btn-white:hover {
     background-color: #FFFFFF;
     color: #353535;
 }
 
 .btn.btn-white.btn-simple {
     color: #FFFFFF;
     background: transparent;
     box-shadow: none;
 }
 
 .btn:focus,
 .btn:active,
 .btn:active:focus {
     outline: 0;
 }
 
 .btn.btn-lg {
     font-size: 13px;
     padding: 14px 30px;
 }
 
 .btn.btn-just-icon {
     font-size: 20px;
     padding: 12px 12px;
     line-height: 1em;
 }
 
 .btn.btn-just-icon i {
     width: 20px;
 }
 
 .btn.btn-just-icon.btn-lg {
     font-size: 22px;
     padding: 13px 18px;
 }
 
 .btn .material-icons {
     vertical-align: middle;
     font-size: 17px;
     top: -1px;
     position: relative;
 }
 
 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
     animation: rippleOff 500ms;
 }
 
 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
     animation: rippleOff 500ms;
 }
 /*  Animations  */
 
 @keyframes rippleOff {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 0.2;
     }
     100% {
         opacity: 0;
     }
 }
 
 .radio label input[type=radio]:not(:checked) ~ .check:after {
     animation: rippleOff 500ms;
 }
 
 @keyframes rippleOff {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 0.2;
     }
     100% {
         opacity: 0;
     }
 }

 .pagination > li > a, .pagination > li > span{
     border-radius: 3px !important;
 }
 
 .title {
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
 }
 
 .title {
     color: #3C4858;
     text-decoration: none;
 }
 
 .bg-gray {
     background-color: #fafafa;
     padding-bottom: 40px;
 }
 
 .no-mg {
     margin: 0px !important;
 }
 
 .bg-primary {
     background-color: #9158d9;
     padding: 40px 0;
     color: #fff;
 }

 .icon-primary {
     max-width: 100px;
     padding: 0 10px;
 }
 
 .bg-primary .description,
 .bg-primary .title {
     color: #fff;
 }
 /* Navbar */
 
 .navbar .navbar-brand {
     width: 68px;
     height: auto;
 }
 
 .navbar .navbar-brand:hover,
 .navbar .navbar-brand:focus {
     color: inherit;
     background-color: transparent;
 }
 
 .navbar .navbar-nav > li > a {
     color: inherit;
     padding-top: 15px;
     padding-bottom: 15px;
     /*font-weight: 600;*/
     font-size: 13px;
     text-transform: uppercase;
     border-radius: 3px;
 }
 
 .navbar .navbar-nav > li > a:hover,
 .navbar .navbar-nav > li > a:focus {
     color: inherit;
     background-color: transparent;
 }
 
 .navbar .navbar-toggle {
     border: 0;
     padding: 14px 10px;
 }
 
 .navbar .navbar-toggle:hover,
 .navbar .navbar-toggle:focus {
     background-color: transparent;
 }
 
 .navbar .navbar-toggle .icon-bar {
     background-color: inherit;
     border: 1px solid;
     color: #fff;
 }
 
 .navbar .navbar-collapse {
     border-top: none;
     box-shadow: none;
 }
 
 .navbar {
     background-color: #FFFFFF;
     color: #555555;
 }
 
 .navbar.navbar-transparent {
     background-color: transparent;
     box-shadow: none;
     color: #fff;
     padding-top: 25px;
 }
 
 .navbar-absolute {
     position: absolute;
     width: 100%;
     padding-top: 10px;
     z-index: 1029;
 }
 
 .navbar .navbar-nav > li.open > .dropdown-menu {
     border-radius: 2px;
     border-radius: 0px !important;
     padding-top: 0px;
 }
 
 .dropdown-menu li > a {
     color: #525252 !important;
 }
 
 .navbar .dropdown-menu li > a:hover,
 .navbar .dropdown-menu li > a:focus,
 .navbar.navbar-default .dropdown-menu li > a:hover,
 .navbar.navbar-default .dropdown-menu li > a:focus {
     background-color: #9158d9;
     color:white !important;
     border-radius: 0px;
 }
 

 .not-onepage .navbar {
     margin-bottom: 0px;
 }
 
 .navbar {
     -webkit-transition: all 150ms ease 0s;
     -moz-transition: all 150ms ease 0s;
     -o-transition: all 150ms ease 0s;
     -ms-transition: all 150ms ease 0s;
     transition: all 150ms ease 0s;
     background-color: transparent;
     box-shadow: none;
 }
 
 .sticky-wrapper {
     position: absolute;
     width: 100%;
 }
 
 .navbar,
 .navbar.navbar-default {
     background-color: transparent;
     box-shadow: none;
 }
 
 .page-template .navbar-custom {
     padding: 2px 0px !important;
     background-color: #3f51b5;
     box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
 }
 
 .sticky-wrapper.is-sticky .navbar-custom {
     padding: 2px 0px !important;
     background-color: #3f51b5;
     box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
 }
 
 .navbar-custom {
     width: 100%;
     border-radius: 0px;
     z-index: 999;
     padding: 20px 0px;
     margin-bottom: 0px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }
 
 .navbar-custom .navbar-nav li a {
     color: rgba(255, 255, 255, 0.75);
     font-size: 15px;
     margin: 5px 0px;
 }

 
 .navbar-custom .nav>li>a:focus,
 .navbar-custom .nav>li>a:hover {
     background-color: transparent;
     color: #ffffff;
 }
 
 .navbar .navbar-brand {
     height: auto;
     width: 70px;
 }
 
 .navbar .navbar-nav > .open > a,
 .navbar .navbar-nav > .open > a:hover,
 .navbar .navbar-nav > .open > a:focus {
     color: #fff;
 }
 
 .header-hero {
     background-color: #3f51b5;
     background-image: url('../img/bg-cover.png');
     background-size: cover;
     /*padding: 56px 5px 2px;*/
     color: #fff;
     height: 270px;
 }
 
 .header-hero::after {
     position: absolute;
     content: '';
     top:0;
     width: 100%;
     height: 270px;
     background-color: rgba(63, 81, 181, 0.85);
     z-index: 5;
 }
 
 .header-hero hr {
     width: 220px;
     /*float: left;*/
 }
 
 .header-hero .container {
     top:120px;
     position: relative;
     z-index: 20;
 }
 /* Panels */
 
 .panel {
     background-color: transparent;
     border: 0 none;
     box-shadow: none;
 }
 
 .panel .panel-heading {
     background-color: transparent !important;
     border-bottom: 1px solid #ddd;
     padding: 25px 10px 5px 0px;
 }
 
 .panel .panel-heading .panel-title {
     font-size: 15px;
     font-weight: bolder;
 }
 
 .panel .panel-heading a:hover,
 .panel .panel-heading a:focus,
 .panel .panel-heading a:active {
     text-decoration: none;
 }
 
 .panel .panel-heading a {
     color: #3C4858;
 }
 
 .panel .panel-heading a:hover,
 .panel .panel-heading a:active,
 .panel .panel-heading a[aria-expanded="true"] {
     color: #9158d9;
 }
 
 .panel .panel-heading a[aria-expanded="true"] .panel-title > i,
 .panel .panel-heading a.expanded .panel-title > i {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .panel .panel-heading i {
     float: right;
 }
 
 .panel .panel-body {
     border: 0 none;
     padding: 15px 0px 5px;
 }
 
 .panel.panel-default .panel-heading + .panel-collapse .panel-body {
     border: 0 none;
 }
 /* Carousel Slider */
 
 .carousel .carousel-indicators li {
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }
 
 .carousel .carousel-control.left,
 .carousel .carousel-control.right {
     background-image: none;
 }
 
 .carousel .carousel-control.right i {
     right: 0;
 }
 
 .carousel .item {
     text-align: left;
 }
 
 .carousel .carousel-control.left {
     left: -25px;
 }
 
 .carousel .carousel-control.right {
     left: auto;
 }
 
 .carousel .carousel-control .material-icons {
     position: absolute;
     top: 50%;
     z-index: 5;
     display: inline-block;
     font-size: 50px;
     margin-top: -15px;
 }
 
 .carousel .carousel-indicators {
     bottom: 5px;
 }
 
 .carousel .carousel-indicators li,
 .carousel .carousel-indicators .active {
     margin: 11px 2px;
     width: 6px;
     height: 15px;
 }
 
 .carousel .carousel-indicators li {
     background: #FFFFFF;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 10px;
 }
 
 .carousel .carousel-indicators .active {
     margin-top: 10px;
     padding: 14px 0px;
     border-radius: 2px;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
 }
 
 .carousel .carousel-control {
     width: 15%;
 }
 /*** Navigation ***/
 
 .page-header {
     height: auto;
	 /*Changed from 100vh*/
     background-size: cover;
     margin: 0;
     padding: 0;
     border: 0;
     background-color: #3f51b5;
 }
 
 .page-header .container,
 .single-page-header .container {
     /*padding-top: 130px;*/
	 padding-top: 115px;
     color: #FFFFFF;
 }
 
 .page-header .title,
 .single-page-header .title {
     color: #FFFFFF;
     line-height: 45px;
 }
 
 .single-page-header {
     background-attachment: fixed;
 }
 
 .single-page-header .title {
     transition: all 1.3s;
     font-size: 45px;
 }
 
 .header-3 .btn {
     margin: 0;
 }
 
 .header-3 h6 {
     margin-bottom: 0;
 }
 
 .single-page-header {
     height: 450px;
     background-position: center center;
     background-size: cover;
     margin: 0;
     padding: 0;
     border: 0;
 }
 /*  Preloader */
 
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #766dcc;
 }
 
 .loader {
     animation: animate 1.5s linear infinite;
     clip: rect(0, 80px, 80px, 40px);
     height: 80px;
     width: 80px;
     position: absolute;
     left: calc(50% - 40px);
     top: calc(50% - 40px);
 }
 
 @keyframes animate {
     0% {
         transform: rotate(0deg)
     }
     100% {
         transform: rotate(220deg)
     }
 }
 
 .loader:after {
     animation: animate2 1.5s ease-in-out infinite;
     clip: rect(0, 80px, 80px, 40px);
     content: '';
     border-radius: 50%;
     height: 80px;
     width: 80px;
     position: absolute;
 }
 
 @keyframes animate2 {
     0% {
         box-shadow: inset #fff 0 0 0 17px;
         transform: rotate(-140deg);
     }
     50% {
         box-shadow: inset #fff 0 0 0 2px;
     }
     100% {
         box-shadow: inset #fff 0 0 0 17px;
         transform: rotate(140deg);
     }
 }
 /* Social Icons */
 
 .btn.btn-facebook,
 .navbar .navbar-nav > li > a.btn.btn-facebook {
     background-color: #3b5998;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
 }
 
 .btn.btn-facebook:focus,
 .btn.btn-facebook:active,
 .btn.btn-facebook:hover,
 .navbar .navbar-nav > li > a.btn.btn-facebook:focus,
 .navbar .navbar-nav > li > a.btn.btn-facebook:active,
 .navbar .navbar-nav > li > a.btn.btn-facebook:hover {
     background-color: #3b5998;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
 }
 
 .btn.btn-facebook.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
     color: #3b5998;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-twitter,
 .navbar .navbar-nav > li > a.btn.btn-twitter {
     background-color: #55acee;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
 }
 
 .btn.btn-twitter:focus,
 .btn.btn-twitter:active,
 .btn.btn-twitter:hover,
 .navbar .navbar-nav > li > a.btn.btn-twitter:focus,
 .navbar .navbar-nav > li > a.btn.btn-twitter:active,
 .navbar .navbar-nav > li > a.btn.btn-twitter:hover {
     background-color: #55acee;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
 }
 
 .btn.btn-twitter.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
     color: #55acee;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-pinterest,
 .navbar .navbar-nav > li > a.btn.btn-pinterest {
     background-color: #cc2127;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
 }
 
 .btn.btn-pinterest:focus,
 .btn.btn-pinterest:active,
 .btn.btn-pinterest:hover,
 .navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
 .navbar .navbar-nav > li > a.btn.btn-pinterest:active,
 .navbar .navbar-nav > li > a.btn.btn-pinterest:hover {
     background-color: #cc2127;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
 }
 
 .btn.btn-pinterest.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
     color: #cc2127;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-google,
 .navbar .navbar-nav > li > a.btn.btn-google {
     background-color: #dd4b39;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
 }
 
 .btn.btn-google:focus,
 .btn.btn-google:active,
 .btn.btn-google:hover,
 .navbar .navbar-nav > li > a.btn.btn-google:focus,
 .navbar .navbar-nav > li > a.btn.btn-google:active,
 .navbar .navbar-nav > li > a.btn.btn-google:hover {
     background-color: #dd4b39;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
 }
 
 .btn.btn-google.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
     color: #dd4b39;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-linkedin,
 .navbar .navbar-nav > li > a.btn.btn-linkedin {
     background-color: #0976b4;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
 }
 
 .btn.btn-linkedin:focus,
 .btn.btn-linkedin:active,
 .btn.btn-linkedin:hover,
 .navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
 .navbar .navbar-nav > li > a.btn.btn-linkedin:active,
 .navbar .navbar-nav > li > a.btn.btn-linkedin:hover {
     background-color: #0976b4;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
 }
 
 .btn.btn-linkedin.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple {
     color: #0976b4;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-dribbble,
 .navbar .navbar-nav > li > a.btn.btn-dribbble {
     background-color: #ea4c89;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
 }
 
 .btn.btn-dribbble:focus,
 .btn.btn-dribbble:active,
 .btn.btn-dribbble:hover,
 .navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
 .navbar .navbar-nav > li > a.btn.btn-dribbble:active,
 .navbar .navbar-nav > li > a.btn.btn-dribbble:hover {
     background-color: #ea4c89;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
 }
 
 .btn.btn-dribbble.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
     color: #ea4c89;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-github,
 .navbar .navbar-nav > li > a.btn.btn-github {
     background-color: #333333;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
 }
 
 .btn.btn-github:focus,
 .btn.btn-github:active,
 .btn.btn-github:hover,
 .navbar .navbar-nav > li > a.btn.btn-github:focus,
 .navbar .navbar-nav > li > a.btn.btn-github:active,
 .navbar .navbar-nav > li > a.btn.btn-github:hover {
     background-color: #333333;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
 }
 
 .btn.btn-github.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-github.btn-simple {
     color: #333333;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-youtube,
 .navbar .navbar-nav > li > a.btn.btn-youtube {
     background-color: #e52d27;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
 }
 
 .btn.btn-youtube:focus,
 .btn.btn-youtube:active,
 .btn.btn-youtube:hover,
 .navbar .navbar-nav > li > a.btn.btn-youtube:focus,
 .navbar .navbar-nav > li > a.btn.btn-youtube:active,
 .navbar .navbar-nav > li > a.btn.btn-youtube:hover {
     background-color: #e52d27;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
 }
 
 .btn.btn-youtube.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple {
     color: #e52d27;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-instagram,
 .navbar .navbar-nav > li > a.btn.btn-instagram {
     background-color: #125688;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
 }
 
 .btn.btn-instagram:focus,
 .btn.btn-instagram:active,
 .btn.btn-instagram:hover,
 .navbar .navbar-nav > li > a.btn.btn-instagram:focus,
 .navbar .navbar-nav > li > a.btn.btn-instagram:active,
 .navbar .navbar-nav > li > a.btn.btn-instagram:hover {
     background-color: #125688;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
 }
 
 .btn.btn-instagram.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
     color: #125688;
     background-color: transparent;
     box-shadow: none;
 }
 /* Sections */
 
 section p.description {
     width: 70%;
     margin: 0 auto;
 }
 
 section {
     margin-top: 40px;
 }
 
 .section-no-padding-top {
     padding-top: 0px !important;
 }
 
 .description {
     color: #333;
 }
 
 .info p {
     color: #333;
 }
 
 .title,
 .card-title,
 .info-title,
 .footer-brand,
 .footer-big h5,
 .footer-big h4,
 .media .media-heading {
     font-weight: normal;
 }
 
 .section-header .title {
     margin-bottom: 0px;
     margin-top: 45px;
 }
 
 .section-header {
     position: relative;
     padding-bottom: 20px;
 }
 
 .section-header:after {
     content: "-------";
     font-size: 30px;
     border-radius: 50px;
     color: #3f51b5;
 }
 
 .section-header .section-number {
     font-size: 124px;
     color: rgba(74, 74, 74, 0.1);
     position: absolute;
     line-height: 1;
     top: -20px;
     left: 44%;
 }
 .more-about .img-container{
     margin-top: 50px;
 }
 /* About us */
 
 .about .more-about .info .icon > i {
     font-size: 1.8em;
 }
 
 .about .more-about .info .info-title {
     margin: 15px 0 5px;
 }
 
 .about .more-about .info {
     padding: 20px 0 10px;
 }
 
 .about .info {
     max-width: initial;
 }
 
 .about .img-container {
     margin-top: 50px;
 }
 
 .img-about {
     margin-top: 45px;
 }
 
 .about-ul li {
     list-style: none;
 }
 .custom-list li{
     list-style: none;
     padding: 2px 0px;
 }
 .custom-list li:before{
     font-family: "FontAwesome";
     content: "\f101";
     padding-right: 8px;
 }
 /* team */
 
 #team {
     /*padding-bottom: 0;*/
     padding-top: 0;
     margin-top: 0;
 }
 
 .team {
     margin-top: 0 !important;
 }
 
 .team .description {
     padding-bottom: 40px;
 }
 
 .card img {
     width: 100%;
 }
 
 .card .header-primary {
     background: #9158d9 !important;
 }
 
 .card-profile .card-avatar,
 .card-testimonial .card-avatar {
     margin: -70px auto 0;
 }
 
 .team .card {
     -webkit-box-shadow: 0px 0px 60px 0px rgb(145, 88, 217);
     box-shadow: 0px 0px 60px 0px rgb(145, 88, 217);
     margin-top: 85px;
 }
 
 .card-profile .card-avatar {
     max-width: 130px;
     max-height: 130px;
     margin: -80px auto 0;
     border-radius: 50%;
     overflow: hidden;
     box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
 }
 
 .skills-lists {
     margin: 35px;
 }
 
 .skill-1,
 .skill-2,
 .skill-3,
 .skill-4,
 .skill-5 {
     position: relative;
 }
 
 .skill-bar-text {
     position: absolute;
     top: 25px;
     color: #000;
     right: 10%;
 }
 /* Services */
 
 .services-2 img {
     margin-top: 65px;
 }
 
 .services-1 {
     margin-bottom: 40px;
 }
 
 .img-thumbnail {
     border-radius: 0;
 }
 
 .services-item img {
     width: 90px;
     display: inline-block;
 }
 
 .row-space {
     margin-top: 30px;
 }
 /* Blog */
 
 .blog {
     margin-top: 35px;
 }
 
 .card.card-blog {
     border-radius: 0;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     -ms-transition: 0.6s;
     -o-transition: 0.6s;
     transition: 0.6s;
 }
 
 .card.card-blog:hover {
     -webkit-box-shadow: 0px 0px 60px 0px rgba(145, 88, 217, 0.43);
     box-shadow: 0px 0px 60px 0px rgba(145, 88, 217, 0.43);
 }
 
 .blog-tags {
     padding-top: 16px;
 }
 
 .blog-meta {
     margin: 10px 0px;
     font-style: italic;
 }
 
 .post-thumbnail {
     margin: 18px 0px 0px;
 }
 
 .card-profile,
 .card-testimonial {
     background-color: transparent;
     box-shadow: none;
     padding: 15px;
 }
 
 .media .avatar {
     margin: 0 auto;
     width: 64px;
     height: 64px;
     overflow: hidden;
     border-radius: 50%;
     margin-right: 15px;
     box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
 }
 
 .single-post-profile .card-avatar {
     margin: 0px auto 0;
 }
 
 .post-author img {
     display: inline-block;
     max-width: 80px;
     margin-bottom: 15px;
 }
 
 .post-author a {
     color: #fff;
     font-weight: 600;
 }
 
 .post-author a:hover {
     text-decoration: none;
 }
 
 .media .media-heading small {
     font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 }
 
 .media .media-body {
     padding-right: 10px;
 }
 
 .media .media-body .media .media-body {
     padding-right: 0px;
 }
 
 .media .media-footer .btn {
     margin-bottom: 20px;
 }
 
 .media .media-footer:after {
     display: table;
     content: " ";
     clear: both;
 }
 
 a.blog-title {
     font-size: 2.4rem;
 }
 
 a.blog-title:hover {
     text-decoration: none;
 }
 
 .blog .card .header {
     margin: 6px;
     padding: 15px 0;
 }
 
 .blog .card {
     border-radius: 0;
 }
 
 .blog .card-nav-tabs .header,
 .blog .card .header {
     margin-top: -20px;
 }
 
 .nav-tabs > li > a {
     text-transform: none;
     border: 0;
     margin: 0;
     border-radius: 3px;
     line-height: 12px;
     font-size: 13px;
 }
 
 .media p {
     color: #353535;
     font-size: 16px;
     line-height: 1.6em;
 }
 
 .media-left,
 .media > .pull-left {
     padding: 10px;
 }
 
 .blog-title {
     font-size: 2.4rem;
 }
 /* info */
 
 .easypiechart {
     display: inline-block;
     height: 100px;
     position: relative;
     text-align: center;
     width: 100px;
 }
 
 .easypiechart canvas {
     left: 0;
     position: absolute;
     top: 0;
 }

 
 .easypiechart .percent {
     color: #fff;
     display: inline-block;
     font-size: 24px;
     line-height: 100px;
     z-index: 2;
     font-weight: 600;
 }
 .el-list .easypiechart .percent{
     color:#000;
 }
 
 .easypiechart.easypiechart-widget-pie {
     margin-bottom: 5px;
     margin-top: 5px;
 }
 
 .pie-chart > span {
     left: 0;
     margin-top: -2px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
 }
 
 .easypiechart > span > img {
     height: 60%;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
     width: 60%;
 }
 
 .skill-head {
     display: block;
     margin: 18px;
     font-size: 23px !important;
 }
 /* Widgets */
 
 .widget [class*="col"] {
     padding: 5px;
 }
 
 .widget-title {
     font-size: 15px;
     font-weight: 700;
     margin: -1px 0 3px 0;
 }
 
 .widget-header-title {
     font-size: 18px;
     font-weight: 700;
     margin: 3px 0 3px 0;
 }
 
 .widget-space {
     margin: 40px;
 }
 
 .card-nav-tabs {
     margin-top: 0px;
 }
 
 .widget span {
     font-size: 14px;
 }
 
 .card-nav-tabs .nav-tabs {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     justify-content: center;
 }
 
 .blog .tag-cloud .btn {
     text-transform: none;
     margin: 3px;
     padding: 6px 13px;
     background: transparent;
     border-radius: 3px;
     color: #000;
     border: 1px solid #9158d9;
     font-size: 13px;
     box-shadow: none;
 }
 /* Case Study */
 
 .case-study-three-col {
     min-height: 500px;
 }
 

 .case-study-three-col .mix {
     display: none;
 }
 
 .case-study .filter-btn {
     margin-bottom: 30px;
 }
 
 .case-study .btn {
     color: #242424;
     -webkit-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
     box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
 }
 
 .case-study .btn.active {
     background-color: #9158d9 !important;
     color: #fff;
     border-color: transparent;
 }
 .filter-btn{
     margin-bottom: 20px;
 }
 
 .case-study-item {
     overflow: hidden;
     position: relative;
     margin-bottom: 20px;
 }
 
 .case-study-item .overlay {
     background: rgba(23, 32, 23, 0.7);
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -ms-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
 }
 
 .case-study-caption span {
     display: block;
 }
 
 .case-study-caption {
     position: absolute;
     color: #fff;
     top: 10%;
     padding: 30px;
     bottom: 0;
     left: 0;
     right: 0;
     opacity: 0;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     transform: translateY(200px);
 }
 
 .case-study-caption .btn {
     background-color: transparent;
     color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .case-study-caption .fa-heart:hover {
     color: #f44336;
 }
 
 .case-study-item img {
     -webkit-transition: 1s;
     -moz-transition: 1s;
     -ms-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
 }
 
 .case-study-item:hover img {
     -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -ms-transform: scale(1.3);
     -o-transform: scale(1.3);
     transform: scale(1.3);
 }
 
 .case-study-item:hover .case-study-caption,
 .case-study-item:hover .overlay {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
 }


 /*  .case-study-caption .fa-heart{
    padding-right: 30px;
} */
 /* Pricing */
 
.price-table{
     /*padding-top: 30px;*/
     border-radius: 2px;
     background-color: #fff;
     -webkit-box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);
     box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);

}
.price-table-1,
.price-table-2,
.price-table-3{
     padding-top: 30px;
}
.price-icon{
     max-width: 100px;
    display: inline-block;
    margin-top: -52px;
    border: 1px dashed;
    border-radius: 50%;
    padding: 12px;

}
.price-table h2{
     font-weight: 600;
     font-size: 2em;
}
.price-table ul{
     padding: 0;
}
.price-table ul li{
     list-style: none;
     text-align: center;
    padding: 5px 0px;
    font-size: 15px;
}

.price-table sup{
     font-size: 14px;
}
.table-active{
     background-color: #7e57c2 !important;
     -webkit-box-shadow: 0 19px 32px -10px rgba(69, 89, 202, 0.75) !important;
     box-shadow: 0 19px 32px -10px rgba(69, 89, 202, 0.75) !important;
}
.table-active ul li{
     color:#fff;
}
.price-table h3{
     font-weight: 600;
     font-size: 2em;
}
.price-table h3 sub{
     font-size: 14px;
}

.table-active .price-icon,
.price-red .price-icon,
.price-blue .price-icon,
.price-green .price-icon{
     border-color: #000;
     border-bottom-color: #fff;
}

.price-red{
     background-color: #f0525c !important;
     color: #fff;
}

.price-green{
     background-color: #4caf50 !important;
     color: #fff;
}
 
.price-blue{
     background-color: #03a9f4 !important;
     color: #fff;
}
 
.price-table-2 [class*='col-md-'],
.price-table-3 [class*='col-md-']{
     padding: 0px;
} 
.price-table-3 .price-table{
     margin: 60px auto;
}
.price-table-3 .table-active{
     -webkit-transform:scale(1.2);
     -ms-transform:scale(1.2);
     -o-transform:scale(1.2);
     transform:scale(1.2);
     position: relative;
     z-index: 10;

}


 /* Clients */
 
 .clients .title,
 .clients .description {
     color: #fff;
     position: relative;
 }
 
 .clients .clients-text {
     padding-bottom: 30px;
 }
 
 .clients .single-review {
     position: relative;
     margin-left: 1rem;
     margin-right: 1rem;
     padding-bottom: 1rem;
     background-color: #fff;
     padding: 49px;
     border-radius: 5px;
     color: #3e3e3e;
 }
 
 .clients .slider {
     background-color: transparent;
 }
 
 .clients .clients-logo {
     margin-bottom: 16px;
     padding: 20px;
 }
 
 .clients .single-review img {
     max-width: 6rem;
     height: 6rem;
 }
 
 .clients .owl-carousel .owl-item img {
     display: inline-block;
 }
 
 .clients .owl-theme .owl-dots .owl-dot span {
     display: block;
     width: 2px;
     height: 12px;
     margin: 5px 7px;
     opacity: 0.5;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     border: solid 3px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 
 .clients .owl-theme .owl-dots .owl-dot.active span,
 .clients .owl-theme .owl-dots .owl-dot:hover span {
     color: #fff;
     opacity: 1;
     height: 20px;
 }
 
 .clients .owl-controls {
     margin-top: 20px;
 }
 
 .clients .owl-controls .owl-dots {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     justify-content: center;
 }
 
.single-review blockquote {
     border: 0;
     color: #969696;
     letter-spacing: 0.3px;
    font-size: 16px;
 }

.clients-img{
     width: 90px !important;
    display: inline-block !important;
}


.clients1,.clients2{
     margin: 80px 10px;
}
.clients1 .owl-carousel .owl-stage,
.clients2 .owl-carousel .owl-stage{
     height: 300px;
     padding: 32px 0px;
}
.clients1 .single-review,
.clients2 .single-review
{
    margin: 15px;
    box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
    padding: 30px 10px;
    border-radius: 4px;
}

.clients1 .owl-carousel .owl-item img{
     margin-bottom: 20px;
}  

/*Clients 2*/

.clients2 .owl-carousel .owl-item img{
    margin: 0px 12px 10px 6px;
    width: 56px !important;
}
.clients2 .media-body h4{
     margin-bottom: 0;
}

.clients2 .media-body p{
     font-size: 14px;
     font-style:italic;
}

/* Team */

.team1 .team-profile{
     padding: 15px;
     box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
     border-radius: 4px;

}

.team2 .team-profile{
     transition: 0.4s;
     padding: 15px;
}
.team2 .team-profile:hover{
     box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
     border-radius: 4px;

}
.team3{
     margin-bottom: 30px;
}
.team3 .team-profile{
     transition: 0.4s;
     padding: 15px;
}
.team3 .team-profile:hover{
     box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
     border-radius: 4px;

}
.team3 .team-profile img{
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
}
.team3 .team-profile:hover img{
     margin-top: -50px;
}

.team-name{
     font-size: 24px;
}
.team-profile img{
     display: inline-block;
     max-width: 120px;
}
.team-profile ul li{
     display: inline-block;
     padding: 5px 10px;
}
.team-profile ul.social{
     margin: 10px;
}
.team-profile ul{
     padding: 0;    
}
.team-skill{
     font-size: 14px;
}
.team-profile p{
     padding: 10px 0px;
}

/* 404 */
.page-404{
     margin-bottom: 40px;
}

.page-404 .wrapper{
     max-width: 700px;
     margin: 0 auto;
}

.cls-1 {
  fill: #f44336;
}

.cls-2 {
  fill: #2b3ea3;
}

.cls-3 {
  fill: #3f51b5;
}

.cls-4 {
  fill: #f78d5e;
}

.cls-5 {
  fill: #ff9800;
}

.cls-6,
.cls-7,
.cls-8 {
  fill: #b65c32;
}

.cls-10,
.cls-6 {
  opacity: 0.6;
}

.cls-7 {
  opacity: 0.4;
}

.cls-9 {
  fill: #f4b73b;
}

.cls-11 {
  fill: #f9c358;
}

.cls-12 {
  fill: #9b462c;
}

.cls-13 {
  fill: #aa512e;
}

.cls-14 {
  fill: #7d6aa5;
}


/* animations */

.wheel {
  animation: wheel-rotate 6s ease infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes wheel-rotate {
  50% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  100% {
    transform: rotate(960deg)
  }
}

.clock-hand-1 {
  animation: clock-rotate 3s linear infinite;
  transform-origin: bottom;
  transform-box: fill-box;
}

.clock-hand-2 {
  animation: clock-rotate 6s linear infinite;
  transform-origin: bottom;
  transform-box: fill-box;
}

@keyframes clock-rotate {
  100% {
    transform: rotate(360deg)
  }
}

#box-top {
  animation: box-top-anim 2s linear infinite;
  transform-origin: right top;
  transform-box: fill-box;
}

@keyframes box-top-anim {
  50% {
    transform: rotate(-5deg)
  }
}

#umbrella {
  animation: umbrella-anim 6s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes umbrella-anim {
  25% {
    transform: translateY(10px) rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
}

#cup {
  animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  transform-origin: top left;
  transform-box: fill-box;
}

@keyframes cup-rotate {
  50% {
    transform: rotate(-5deg)
  }
}

#pillow {
  animation: pillow-anim 3s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes pillow-anim {
  25% {
    transform: rotate(10deg) translateY(5px)
  }
  75% {
    transform: rotate(-10deg)
  }
}

#stripe {
  animation: stripe-anim 3s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes stripe-anim {
  25% {
    transform: translate(10px, 0) rotate(-10deg)
  }
  75% {
    transform: translateX(10px)
  }
}


#rucksack {
  animation: ruck-anim 3s linear infinite;
  transform-origin: top;
  transform-box: fill-box;
}

@keyframes ruck-anim {
  50% {
    transform: rotate(5deg)
  }
}

.circle {
  animation: circle-anim ease infinite;
  transform-origin: center;
  transform-box: fill-box;
  perspective: 0px;
}

.circle.c1 {
  animation-duration: 2s
}

.circle.c2 {
  animation-duration: 3s
}

.circle.c3 {
  animation-duration: 1s
}

.circle.c4 {
  animation-duration: 1s
}

.circle.c5 {
  animation-duration: 2s
}

.circle.c6 {
  animation-duration: 3s
}

@keyframes circle-anim {
  50% {
    transform: scale(.2) rotateX(360deg) rotateY(360deg)
  }
}

.four,
#ou {
  animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
}

.four.a {
  transform-origin: bottom left;
  animation-duration: 3s;
  transform-box: fill-box;
}

.four.b {
  transform-origin: bottom right;
  animation-duration: 3s;
  transform-box: fill-box;
}

#ou {
  animation-duration: 6s;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes four-anim {
  50% {
    transform: scale(.98)
  }
}


 /* Contact */
 
 .card-title,
 .info-title {
     font-weight: 700;
 }
 
 .card-title,
 .info-title {
     color: #3C4858;
     text-decoration: none;
 }
 
 .description {
     color: #4a4a4a;
 }
 
 .card {
     display: inline-block;
     position: relative;
     width: 100%;
     margin-bottom: 30px;
     border-radius: 2px;
     color: rgba(0, 0, 0, 0.87);
     background: #fff;
     box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);
 }
 
 .card .content {
     padding: 15px 30px;
 }
 
 .card .header {
     box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
     margin: 15px;
     border-radius: 3px;
     padding: 15px 0;
     background-color: #FFFFFF;
 }
 
 .card .header-rose {
     background: linear-gradient(60deg, #ec407a, #c2185b);
 }
 
 .card [class*="header-"] {
     color: #FFFFFF;
 }
 
 .card [class*="header-"] .card-title {
     color: #FFFFFF;
 }
 
 .card .checkbox {
     margin-top: 16px;
 }
 
 .card-contact .header {
     margin-top: -20px;
 }
 
 .card-raised {
     box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
 }
 
 .info {
     max-width: 360px;
     margin: 0 auto;
     padding: 5px 0 5px;
 }
 
 .info .icon > i {
     font-size: 4.4em;
 }
 
 .info .info-title {
     color: #3C4858;
     margin: 30px 0 15px;
 }
 
 .info p {
     color: #4a4a4a;
 }
 
 .info-horizontal .icon {
     float: left;
     margin-top: 24px;
     margin-right: 10px;
 }
 
 .info-horizontal .icon > i {
     font-size: 2.6em;
 }
 
 .info-horizontal .description {
     overflow: hidden;
 }
 
 .form-group .help-block {
     display: inline-block;
     position: initial;
 }
 
 .form-group .help-block ul li {
     list-style-type: none;
 }
 /* Theme */
 
 .dropdownjs > ul > li:h > .close:hover:before {
     opacity: .9;
 }
 /*** Navigation ***/
 
 .section-white {
     background: #FFFFFF;
 }
 
 [class*="contact-us-"] {
     padding: 80px 0;
 }
 
 .contact-us {
     padding: 0;
 }
 
 .contact-us .info-horizontal .icon {
     margin-top: 26px;
 }
 
 .contact-us .info-horizontal .icon > i {
     font-size: 2.2em;
 }
 
 #contactUsMap {
     height: 400px;
     margin-bottom: 30px;
 }
 
 .contact-us .info {
     padding: 0px 0 0px;
 }
 /* Subscribe */
 
 .subscribe .input-group-addon .fa {
     font-size: 22px;
     color: #fff;
 }
 
 .subscribe .btn.btn-info {
     margin-bottom: 0;
     margin-top: 25px;
 }
 /* trial */
 
 .trial {
     background-color: #9158d9;
     padding: 40px 0;
     color: #fff;
     margin-top: 0px;
 }
 
 .trial .trial-des {
     color: #fff;
     font-size: 20px;
 }
 
 .trial-title {
     font-size: 3.8rem;
 }
 
 .trial .trial-btn {
     margin-top: 35px;
 }

/*
     Cast study
*/





 /* Footer */
 
 .footer {
     padding-bottom: 0;
 }
 
 .footer .social {
     padding-top: 12px;
     justify-content: center;
 }
 
 .footer .typo-light {
     font-size: 16px;
     font-weight: 700;
 }
 
 footer ul li {
     display: block;
     line-height: 26px;
 }
 
 footer ul li a {
     padding: 10px 5px;
     font-size: 14px;
     text-transform: none;
     line-height: 16px;
     display: inline-block;
 }
 
 .up-hr {
     margin: 16px;
     margin-left: 0;
 }
 
 .footer .social a {
     padding: 10px;
     font-size: 20px;
 }
 
 .footer .footer-btn {
     width: 100%;
 }
 
 .footer-logo {
     width: 50px;
     display: inline-block;
 }
 
 .footer-widget {
     text-align: left;
 }
 
 .newsletter {
     max-width: 400px;
     margin: 0 auto;
 }
 
 .footer .fa-heart {
     color: #ee1a30;
 }

 /* Elements */


/* Buttons */

 .el-list .button-list{
     margin: 20px auto;
 }

 .btn.btn-rounded{
     border-radius: 60px;
 }


.btn.btn-outline {
    border: 1px solid;
    background-color: transparent !important;
}

.btn-default.btn-outline {
    color: #696969;
}

.btn-primary.btn-outline {
    color: #9158d9;
}

.btn-warning.btn-outline {
    color: #ff5722;
}

.btn-danger.btn-outline {
    color: #f44336;
}

.btn-info.btn-outline {
    color: #03a9f4;
}

.btn-success.btn-outline {
    color: #4caf50;
}

.btn.btn-default.btn-outline:hover,
.btn.btn-default.btn-outline:focus,
.btn.btn-default.btn-outline:active {
    color: #636363;
    background: transparent !important;
    border-color: #636363;
}

.btn.btn-primary.btn-outline:hover,
.btn.btn-primary.btn-outline:focus,
.btn.btn-primary.btn-outline:active {
    color: #9158d9;
    background: transparent;
    border-color: #9158d9;
}

.btn.btn-success.btn-outline:hover,
.btn.btn-success.btn-outline:focus,
.btn.btn-success.btn-outline:active {
    color: #8BC34A;
    background: transparent;
    border-color: #8BC34A;
}

.btn.btn-warning.btn-outline:hover,
.btn.btn-warning.btn-outline:focus,
.btn.btn-warning.btn-outline:active {
    color: #ff5722;
    background: transparent;
    border-color: #ff5722;
}

.btn.btn-danger.btn-outline:hover,
.btn.btn-danger.btn-outline:focus,
.btn.btn-danger.btn-outline:active {
    color: #f44336;
    background: transparent;
    border-color: #f44336;
}

.btn.btn-info.btn-outline:hover,
.btn.btn-info.btn-outline:focus,
.btn.btn-info.btn-outline:active {
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

.btn.btn-icon .fa {
    padding: 0 8px;
}


/* _Animated btn */


.btn.btn-animate,
.wizard > .actions a.btn-animate,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate,
.sweet-alert button.btn-animate,
.owl-theme .owl-nav .btn-animate[class*="owl-"],
button.btn-animate.fc-agendaDay-button,
button.btn-animate.fc-month-button,
button.btn-animate.fc-agendaWeek-button,
.btn-animate.fc-prev-button,
.btn-animate.fc-next-button,
.btn-animate.fc-today-button {
    position: relative;
    overflow: hidden;
}

.btn.btn-animate i,
.wizard > .actions a.btn-animate i,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate i,
.sweet-alert button.btn-animate i,
.owl-theme .owl-nav .btn-animate[class*="owl-"] i,
button.btn-animate.fc-agendaDay-button i,
button.btn-animate.fc-month-button i,
button.btn-animate.fc-agendaWeek-button i,
.btn-animate.fc-prev-button i,
.btn-animate.fc-next-button i,
.btn-animate.fc-today-button i {
    font-size: 16px;
    height: 100%;
    left: 0;
    padding-top: 10px;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.btn.btn-animate .btn-text,
.wizard > .actions a.btn-animate .btn-text,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate .btn-text,
.sweet-alert button.btn-animate .btn-text,
.owl-theme .owl-nav .btn-animate[class*="owl-"] .btn-text,
button.btn-animate.fc-agendaDay-button .btn-text,
button.btn-animate.fc-month-button .btn-text,
button.btn-animate.fc-agendaWeek-button .btn-text,
.btn-animate.fc-prev-button .btn-text,
.btn-animate.fc-next-button .btn-text,
.btn-animate.fc-today-button .btn-text {
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn.btn-animate:hover i,
.wizard > .actions a.btn-animate:hover i,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate:hover i,
.sweet-alert button.btn-animate:hover i,
.owl-theme .owl-nav .btn-animate[class*="owl-"]:hover i,
button.btn-animate.fc-agendaDay-button:hover i,
button.btn-animate.fc-month-button:hover i,
button.btn-animate.fc-agendaWeek-button:hover i,
.btn-animate.fc-prev-button:hover i,
.btn-animate.fc-next-button:hover i,
.btn-animate.fc-today-button:hover i {
    top: 0;
}

.btn.btn-animate:hover .btn-text,
.wizard > .actions a.btn-animate:hover .btn-text,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate:hover .btn-text,
.sweet-alert button.btn-animate:hover .btn-text,
.owl-theme .owl-nav .btn-animate[class*="owl-"]:hover .btn-text,
button.btn-animate.fc-agendaDay-button:hover .btn-text,
button.btn-animate.fc-month-button:hover .btn-text,
button.btn-animate.fc-agendaWeek-button:hover .btn-text,
.btn-animate.fc-prev-button:hover .btn-text,
.btn-animate.fc-next-button:hover .btn-text,
.btn-animate.fc-today-button:hover .btn-text {
    top: 50px;
}

.btn-lg {
    font-size: 18px !important;
}

/*Typography*/

.card-view{
     -webkit-box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);
     box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);
     padding: 25px;
     transition: 0.6s;
}
.card-view:hover{
     -webkit-box-shadow: 0px 0px 60px 0px rgba(145, 88, 217, 0.43);
     box-shadow: 0px 0px 60px 0px rgba(145, 88, 217, 0.43);
}
.card-view .panel-heading{
     padding: 0px 0px 16px 0px;
}

/*Notifications*/
.alert-dismissable{
     padding-right: 35px;
}

.alert {
    border-radius: 2px;
}

.alert-icon {
    background: #fff;
    border-color: #d5d5d5;
    color: #404040;
    padding-left: 61px;
    position: relative;
    border: none !important;
}

.alert-icon .icon {
    text-align: center;
    width: 45px;
    height: 103%;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #BDBDBD;
    padding-top: 15px;
}

.alert-icon .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #BDBDBD;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}

.alert-icon.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.alert-icon.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.alert-icon .icon i,
.alert-bordered .icon i{
    font-size: 20px;
    color: #FFF;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.alert-icon.alert-danger .icon,
.alert-icon.alert-danger .icon:after {
    border-color: #eeeeee;
    background: #f44336;
}

.alert-icon.alert-info .icon,
.alert-icon.alert-info .icon:after {
    border-color: #eeeeee;
    background: #03a9f4;
}

.alert-icon.alert-warning .icon,
.alert-icon.alert-warning .icon:after {
    border-color: #eeeeee;
    background: #ff9800;
}

.alert-icon.alert-success .icon,
.alert-icon.alert-success .icon:after {
    border-color: #eeeeee;
    background: #4caf50;
}

.alert-icon.alert-primary .icon,
.alert-icon.alert-primary .icon:after {
    border-color: #eeeeee;
    background: #9158d9;
}

.close {
    text-shadow: none;
}


/*Alert Bordered*/

.alert-primary {
    background-color: #9158d9 !important;
    border-color: #9158d9 !important;
    color: #fff !important;
}

.alert-success {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #fff;
}

.alert-info {
    background-color: #03A9F4 !important;
    border-color: #03A9F4 !important;
    color: #fff !important;
}

.alert-warning {
    background-color: #FF9800 !important;
    border-color: #FF9800 !important;
    color: #fff !important;
}

.alert-danger {
    background-color: #F44336 !important;
    border-color: #F44336 !important;
    color: #fff !important;
}

.alert-bordered {
    border:1px solid;
    background-color: #fff !important;
    color: #404040 !important;
    padding-left: 61px;
    position: relative;
}

.alert-bordered .icon {
    text-align: center;
    width: 45px;
    height: 103%;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #BDBDBD;
    padding-top: 15px;
    color: #fff;
}

.alert-bordered .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #BDBDBD;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}

.alert-bordered button.close{
     color: #999;
}  

.alert-bordered.alert-danger .icon,
.alert-bordered.alert-danger .icon:after {
    border-color: #e05749;
    background: #f44336;
}

.alert-bordered.alert-info .icon,
.alert-bordered.alert-info .icon:after {
    border-color: #4099d5;
    background: #4aa3df;
}

.alert-bordered.alert-warning .icon,
.alert-bordered.alert-warning .icon:after {
    border-color: #ff9800;
    background: #ff9800;
}

.alert-bordered.alert-success .icon,
.alert-bordered.alert-success .icon:after {
    border-color: #0fac8e;
    background: #4caf50;
}

.alert-bordered.alert-primary .icon,
.alert-bordered.alert-primary .icon:after {
    border-color: #9158d9;
    background: #9158d9;
}

/* Forms */

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group {
    padding-bottom: 10px;
    margin: 6px 0 0 0;
}
.panel .form-horizontal .label-on-left {
    padding: 18px 5px 0 0;
    text-align: right;
}
.radio input[type=radio]:checked ~ .check{
     background-color: #3f51b5;
}
 /* Responsive */
 
 @media (min-width: 768px) {
     .page-header .container {
	 	padding-top: 115px;
         /*padding-top: 215px;*/
     }
 }
 
 @media (max-width: 768px) {
     /*     .navbar-custom {
         background-color: rgba(0, 0, 0, 0.68);
     }*/
     .navbar.navbar-transparent {
         background-color: rgba(0, 0, 0, 0.4);
         padding-top: 10px;
         border-radius: 0;
     }
     h1 {
         font-size: 2.8em;
     }
     .footer-widget {
         text-align: center;
     }
     .post-footer-meta {
         /*text-align: center;*/
     }
     .price-table {
          max-width: 400px;
          margin: 0 auto;
          margin-top: 65px;
     }
 }
 
 @media (min-width: 992px) {
     .navbar .navbar-collapse {
         text-align: center;
     }
 }
 
 @media (max-width: 991px) {
     .navbar .navbar-nav > li > a {
         padding-left: 0px;
         padding-right: 0px;
     }
     .navbar .navbar-nav > li {
         margin-left: 15px;
         margin-right: 15px;
     }
     .page-header {
         height: auto;
         min-height: 10vh;
		 /*changed from 100vh*/
     }
     .carousel .page-header {
         padding: 0 30px;
     }
     .carousel .buttons {
         margin-bottom: 100px;
     }
     .card-profile,
     .card-testimonial {
         text-align: center;
     }
     .card-profile img {
         display: inline-block;
     }
     .price-table-3 .table-active{
          transform: none;
     }
 }
 
 @media (max-width: 1199px) {
     .navbar {
         /*
        .navbar-form {
          margin-top: 10px;
        }
    */
     }
     .navbar .navbar-nav > li > a {
         padding-top: 15px;
         padding-bottom: 15px;
     }
 }