|
|
@@ -1,35 +1,35 @@
|
|
|
-/*
|
|
|
-Template Name: Acme Business Template with Bootstrap 3
|
|
|
+/* Template Name: Acme Business Template with Bootstrap 3
|
|
|
Template Version: 1.0
|
|
|
-Author: cosmic
|
|
|
-Website:
|
|
|
-*/
|
|
|
+Author: cosmic */
|
|
|
+
|
|
|
body {
|
|
|
color: #373a3c;
|
|
|
padding: 0px !important;
|
|
|
margin: 0px !important;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
+
|
|
|
a {
|
|
|
text-decoration: none;
|
|
|
outline: none;
|
|
|
}
|
|
|
-a:hover,
|
|
|
-a:focus {
|
|
|
- text-decoration: underline;
|
|
|
- outline: none;
|
|
|
- color: #046DBC;
|
|
|
+
|
|
|
+p {
|
|
|
+ line-height: 22px;
|
|
|
}
|
|
|
-.external.text:hover, .external.text:focus {
|
|
|
- color: #015301;
|
|
|
+
|
|
|
+.head-section {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
}
|
|
|
-p { line-height: 22px }
|
|
|
-/*header*/
|
|
|
-.head-section { border-bottom: 1px solid #eee }
|
|
|
+
|
|
|
.head-section .navbar {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
-.navbar-default { border: none }
|
|
|
+
|
|
|
+.navbar-default {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
.navbar-brand {
|
|
|
color: #bcc0cd;
|
|
|
font-size: 30px;
|
|
|
@@ -38,21 +38,32 @@ p { line-height: 22px }
|
|
|
margin-top: 30px;
|
|
|
padding: 0;
|
|
|
}
|
|
|
-.navbar-brand span { color: rgb(44, 62, 80) }
|
|
|
+
|
|
|
+.navbar-brand span {
|
|
|
+ color: rgb(44, 62, 80);
|
|
|
+}
|
|
|
+
|
|
|
.head-section .navbar-collapse ul.navbar-nav {
|
|
|
float: right;
|
|
|
margin-right: 0;
|
|
|
z-index: 199;
|
|
|
}
|
|
|
-.head-section .navbar-default { background-color: #fff }
|
|
|
-.head-section .nav li a,
|
|
|
-.head-section .nav li.active ul.dropdown-menu li a {
|
|
|
+
|
|
|
+.head-section .navbar-default {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.head-section .nav li a, .head-section .nav li.active ul.dropdown-menu li a {
|
|
|
color: #373A3C;
|
|
|
font-size: 14px;
|
|
|
font-weight: 300;
|
|
|
background: none;
|
|
|
}
|
|
|
-ul.dropdown-menu { border: none }
|
|
|
+
|
|
|
+ul.dropdown-menu {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
.head-section .nav li a:hover,
|
|
|
.head-section .nav li a:focus,
|
|
|
.head-section .nav li.active a,
|
|
|
@@ -63,74 +74,67 @@ ul.dropdown-menu { border: none }
|
|
|
.head-section .nav li.active ul.dropdown-menu li.active a {
|
|
|
color: #fff;
|
|
|
background-color: rgb(44, 62, 80);
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
}
|
|
|
+
|
|
|
.head-section .navbar-default .navbar-nav > .open > a,
|
|
|
.head-section .navbar-default .navbar-nav > .open > a:hover,
|
|
|
.head-section .navbar-default .navbar-nav > .open > a:focus {
|
|
|
color: #fff;
|
|
|
background-color: rgb(44, 62, 80);
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
}
|
|
|
-.head-section .navbar { min-height: 85px }
|
|
|
+
|
|
|
+.head-section .navbar {
|
|
|
+ min-height: 85px;
|
|
|
+}
|
|
|
+
|
|
|
.head-section .navbar-nav > li {
|
|
|
padding-bottom: 25px;
|
|
|
padding-top: 30px;
|
|
|
}
|
|
|
-.head-section ul.navbar-nav li:last-child() { margin-left: 10px !important }
|
|
|
+
|
|
|
+.head-section ul.navbar-nav li:last-child() {
|
|
|
+ margin-left: 10px !important;
|
|
|
+}
|
|
|
+
|
|
|
.head-section .navbar-nav > li > a {
|
|
|
padding-bottom: 5px;
|
|
|
padding-top: 5px;
|
|
|
margin-left: 2px;
|
|
|
line-height: 30px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
}
|
|
|
-.dropdown-menu li a:hover { color: #fff !important }
|
|
|
+
|
|
|
+.dropdown-menu li a:hover {
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+
|
|
|
.head-section .navbar-default .navbar-nav > .open > a .caret,
|
|
|
.navbar-default .nav li.dropdown > a:focus .caret {
|
|
|
border-top-color: #ffffff;
|
|
|
border-bottom-color: #ffffff;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.dropdown-menu { box-shadow: none }
|
|
|
+
|
|
|
+.dropdown-menu {
|
|
|
+ box-shadow: none;
|
|
|
+}
|
|
|
+
|
|
|
.head-section .nav li .dropdown-menu {
|
|
|
padding: 0;
|
|
|
- box-shadow: 0 2px 5px rgba(50,50,50,0.1);
|
|
|
+ box-shadow: 0 2px 5px rgba(50,50,50,0.1);
|
|
|
}
|
|
|
+
|
|
|
.head-section .nav li .dropdown-menu li a {
|
|
|
line-height: 25px;
|
|
|
padding: 3px 12px;
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
-/*search*/
|
|
|
+
|
|
|
.search {
|
|
|
margin-top: 3px;
|
|
|
border-radius: 0px;
|
|
|
-webkit-border-radius: 0px;
|
|
|
-moz-border-radius: 0px;
|
|
|
width: 180px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
border: 1px solid #fff;
|
|
|
box-shadow: none;
|
|
|
background: none;
|
|
|
@@ -138,2804 +142,97 @@ ul.dropdown-menu { border: none }
|
|
|
color: #fff;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
-#searchInput:hover, #searchInput:focus {
|
|
|
- color: gray;
|
|
|
-}
|
|
|
+
|
|
|
#searchInput {
|
|
|
border-color: gray;
|
|
|
color: gray;
|
|
|
}
|
|
|
+
|
|
|
+#searchInput:hover, #searchInput:focus {
|
|
|
+ color: gray;
|
|
|
+}
|
|
|
+
|
|
|
.search:focus {
|
|
|
margin-top: 3px;
|
|
|
width: 180px;
|
|
|
border: 1px solid #eaeaea;
|
|
|
box-shadow: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
color: gray;
|
|
|
font-weight: 300;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
-/*homepage features*/
|
|
|
-.feature-head { padding: 10px 0 }
|
|
|
-.feature-head h1 {
|
|
|
- color: #797979;
|
|
|
- font-size: 30px;
|
|
|
- font-weight: 300;
|
|
|
- text-transform: uppercase;
|
|
|
- margin-top: 40px;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.feature-head p {
|
|
|
- color: #8a8b8b;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: 300;
|
|
|
- text-align: center;
|
|
|
- padding-bottom: 5px;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.f-box {
|
|
|
- background: #f4f4f4;
|
|
|
- padding: 20px;
|
|
|
- text-align: center;
|
|
|
- min-height: 210px;
|
|
|
- margin-bottom: 20px;
|
|
|
- transition-duration: 500ms;
|
|
|
- transition-property: width, background;
|
|
|
- transition-timing-function: ease;
|
|
|
- -webkit-transition-duration: 500ms;
|
|
|
- -webkit-transition-property: width, background;
|
|
|
- -webkit-transition-timing-function: ease;
|
|
|
-}
|
|
|
-.f-box i {
|
|
|
- font-size: 50px;
|
|
|
- line-height: normal;
|
|
|
- margin-top: 40px;
|
|
|
- display: block;
|
|
|
- color: rgb(44, 62, 80);
|
|
|
-}
|
|
|
-.f-box:hover,
|
|
|
-.f-box.active {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- padding: 20px;
|
|
|
- text-align: center;
|
|
|
- min-height: 210px;
|
|
|
- margin-bottom: 20px;
|
|
|
- transition-duration: 500ms;
|
|
|
- transition-property: width, background;
|
|
|
- transition-timing-function: ease;
|
|
|
- -webkit-transition-duration: 500ms;
|
|
|
- -webkit-transition-property: width, background;
|
|
|
- -webkit-transition-timing-function: ease;
|
|
|
-}
|
|
|
-.f-box:hover i,
|
|
|
-.f-box.active i {
|
|
|
- font-size: 50px;
|
|
|
- line-height: normal;
|
|
|
- margin-top: 40px;
|
|
|
- display: block;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.f-box:hover h2,
|
|
|
-.f-box.active h2 { color: #fff }
|
|
|
-.f-box h2 {
|
|
|
- font-size: 20px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: 400;
|
|
|
-}
|
|
|
-.f-text {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 300;
|
|
|
- padding-bottom: 10px;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-/*quote*/
|
|
|
-.quote {
|
|
|
- margin: 40px 0 40px 0;
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.quote-info {
|
|
|
- padding: 20px;
|
|
|
- min-height: 72px;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-.quote-info h1 {
|
|
|
- color: #fff;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 26px;
|
|
|
- margin: 0 0 15px 0;
|
|
|
- text-transform: uppercase;
|
|
|
-}
|
|
|
-.quote-info p {
|
|
|
- color: #9eb3c4;
|
|
|
- font-weight: 300;
|
|
|
- font-size: 16px;
|
|
|
- margin: 0 0 20px 0px;
|
|
|
-}
|
|
|
-.purchase-btn {
|
|
|
- width: 200px;
|
|
|
- height: 60px;
|
|
|
- line-height: 46px;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 400;
|
|
|
- text-transform: uppercase;
|
|
|
- color: #000;
|
|
|
- transition-duration: 500ms;
|
|
|
- transition-property: width, background, color;
|
|
|
- transition-timing-function: ease;
|
|
|
- -webkit-transition-duration: 500ms;
|
|
|
- -webkit-transition-property: width, background;
|
|
|
- -webkit-transition-timing-function: ease;
|
|
|
-}
|
|
|
-.purchase-btn:hover {
|
|
|
- background-color: #16a085;
|
|
|
- border: 1px solid #16a085;
|
|
|
- color: #fff;
|
|
|
- transition-duration: 500ms;
|
|
|
- transition-property: width, background, color;
|
|
|
- transition-timing-function: ease;
|
|
|
- -webkit-transition-duration: 500ms;
|
|
|
- -webkit-transition-property: width, background;
|
|
|
- -webkit-transition-timing-function: ease;
|
|
|
-}
|
|
|
-.accordion {
|
|
|
- margin-bottom: 40px;
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-/*tabs*/
|
|
|
-.tab { background: transparent; }
|
|
|
-.tab .nav > li > a { padding: 18px 15px }
|
|
|
-.tab-bg-dark-navy-blue {
|
|
|
- background: #6f6f6f;
|
|
|
- border-bottom: none;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.tab-bg-dark-navy-blue .nav > li > a:hover,
|
|
|
-.tab-bg-dark-navy-blue .nav > li > a:focus {
|
|
|
- background-color: #f4f4f4;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.panel-heading .nav > li > a,
|
|
|
-.panel-heading .nav > li.active > a,
|
|
|
-.panel-heading .nav > li.active > a:hover,
|
|
|
-.panel-heading .nav > li.active > a:focus {
|
|
|
- border-width: 0;
|
|
|
- border-radius: 0;
|
|
|
-}
|
|
|
-.panel-heading .nav > li > a { color: #fff }
|
|
|
-.panel-heading .nav > li.active > a,
|
|
|
-.panel-heading .nav > li > a:hover {
|
|
|
- color: #6f6f6f;
|
|
|
- background: #f4f4f4;
|
|
|
-}
|
|
|
-.tab .nav-tabs.nav-justified > li { border-right: 1px solid #f4f4f4 }
|
|
|
-.tab .nav-tabs.nav-justified > li:last-child { border-right: none }
|
|
|
-.p-head {
|
|
|
- color: rgb(44, 62, 80);
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
-}
|
|
|
-.cmt-head {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
-}
|
|
|
-.p-thumb img {
|
|
|
- border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- height: 50px;
|
|
|
- width: 50px;
|
|
|
-}
|
|
|
-/*testimonial*/
|
|
|
-.about-testimonial ul li { list-style: none }
|
|
|
-.about-testimonial {
|
|
|
- margin: 20px 0 0 0;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-ul.about-flex-slides { margin-left: 0 }
|
|
|
-.flex-direction-nav {
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- top: 30px;
|
|
|
- width: 70px;
|
|
|
-}
|
|
|
-.flex-direction-nav li {
|
|
|
- display: inline-block;
|
|
|
- width: 12px;
|
|
|
-}
|
|
|
-.flex-direction-nav li a { outline: none }
|
|
|
-.flex-direction-nav li a i { color: #cccccc }
|
|
|
-.flex-control-paging { display: none }
|
|
|
-.about-carousel { margin-top: 8px }
|
|
|
-.about-testimonial .about-testimonial-image {
|
|
|
- float: left;
|
|
|
- margin: 0 15px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.about-testimonial .about-testimonial-image img {
|
|
|
- border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
- height: 100px !important;
|
|
|
- width: 100px !important;
|
|
|
-}
|
|
|
-.about-flexslider .about-flex-slides img {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.about-testimonial a.about-testimonial-author {
|
|
|
- display: inline-block;
|
|
|
- font-size: 15px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 11px;
|
|
|
- margin: 30px 0 8px 0;
|
|
|
- color: #504946;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.about-testimonial .about-testimonial-company {
|
|
|
- display: block;
|
|
|
- font-size: 13px;
|
|
|
- line-height: 14px;
|
|
|
- color: #ababab;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.about-testimonial.boxed-style .about-testimonial-content {
|
|
|
- background-color: #fff;
|
|
|
- margin-right: 1px;
|
|
|
- border: 1px solid #e9e9e9;
|
|
|
-}
|
|
|
-.about-testimonial .about-testimonial-content {
|
|
|
- margin-top: 55px;
|
|
|
- padding: 20px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.about-testimonial .about-testimonial-content p {
|
|
|
- line-height: 20px;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.about-testimonial.boxed-style .about-testimonial-content:before {
|
|
|
- background-color: #fff;
|
|
|
- border-top: 1px solid #e9e9e9;
|
|
|
- border-left: 1px solid #e9e9e9;
|
|
|
- top: -8px;
|
|
|
- content: "";
|
|
|
- display: block;
|
|
|
- height: 14px;
|
|
|
- left: 60px;
|
|
|
- position: absolute;
|
|
|
- transform: rotate(45deg);
|
|
|
- -moz-transform: rotate(45deg);
|
|
|
- -webkit-transform: rotate(45deg);
|
|
|
- width: 15px;
|
|
|
- display: none;
|
|
|
-}
|
|
|
-/*----image hove----*/
|
|
|
-.view {
|
|
|
- float: left;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- cursor: default;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-.view .mask,
|
|
|
-.view .content {
|
|
|
- position: absolute;
|
|
|
- overflow: hidden;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.view img {
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.view h2 {
|
|
|
- text-transform: uppercase;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- position: relative;
|
|
|
- font-size: 16px;
|
|
|
- padding: 10px;
|
|
|
- background: rgba(0, 0, 0, 0.8);
|
|
|
- margin: 5px 0 0 0;
|
|
|
-}
|
|
|
-.view p {
|
|
|
- font-size: 12px;
|
|
|
- position: relative;
|
|
|
- color: #fff;
|
|
|
- padding: 10px 20px 20px;
|
|
|
- text-align: center;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-.view a.info {
|
|
|
- display: inline-block;
|
|
|
- background-color: rgba(0,0,0,0.6);
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- border-radius: 60px;
|
|
|
- -moz-border-radius: 60px;
|
|
|
- -webkit-border-radius: 60px;
|
|
|
-}
|
|
|
-.view a.info:hover { background-color: rgb(44, 62, 80) }
|
|
|
-.mask a i {
|
|
|
- color: #fff !important;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.view-tenth img {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
- -webkit-transition: all 0.4s ease-in-out;
|
|
|
- -moz-transition: all 0.4s ease-in-out;
|
|
|
- -o-transition: all 0.4s ease-in-out;
|
|
|
- -ms-transition: all 0.4s ease-in-out;
|
|
|
- transition: all 0.4s ease-in-out;
|
|
|
-}
|
|
|
-.view-tenth .mask {
|
|
|
- background-color: rgba(0, 0, 0, 0.3);
|
|
|
- -webkit-transition: all 0.5s linear;
|
|
|
- -moz-transition: all 0.5s linear;
|
|
|
- -o-transition: all 0.5s linear;
|
|
|
- -ms-transition: all 0.5s linear;
|
|
|
- transition: all 0.5s linear;
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=0);
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-.view-tenth h2 {
|
|
|
- background: transparent;
|
|
|
- margin: 0px 10px;
|
|
|
- -webkit-transform: scale();
|
|
|
- -moz-transform: scale();
|
|
|
- -o-transform: scale();
|
|
|
- -ms-transform: scale();
|
|
|
- transform: scale();
|
|
|
- color: #333;
|
|
|
- -webkit-transition: all 0.5s linear;
|
|
|
- -moz-transition: all 0.5s linear;
|
|
|
- -o-transition: all 0.5s linear;
|
|
|
- -ms-transition: all 0.5s linear;
|
|
|
- transition: all 0.5s linear;
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=0);
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-.view-tenth p {
|
|
|
- color: #333;
|
|
|
- line-height: normal;
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=0);
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale();
|
|
|
- -moz-transform: scale();
|
|
|
- -o-transform: scale();
|
|
|
- -ms-transform: scale();
|
|
|
- transform: scale();
|
|
|
- -webkit-transition: all 0.5s linear;
|
|
|
- -moz-transition: all 0.5s linear;
|
|
|
- -o-transition: all 0.5s linear;
|
|
|
- -ms-transition: all 0.5s linear;
|
|
|
- transition: all 0.5s linear;
|
|
|
-}
|
|
|
-.view-tenth a.info {
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=0);
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: scale();
|
|
|
- -moz-transform: scale();
|
|
|
- -o-transform: scale();
|
|
|
- -ms-transform: scale();
|
|
|
- transform: scale();
|
|
|
- -webkit-transition: all 0.5s linear;
|
|
|
- -moz-transition: all 0.5s linear;
|
|
|
- -o-transition: all 0.5s linear;
|
|
|
- -ms-transition: all 0.5s linear;
|
|
|
- transition: all 0.5s linear;
|
|
|
-}
|
|
|
-.view-tenth:hover img {
|
|
|
- -webkit-transform: scale(5);
|
|
|
- -moz-transform: scale(5);
|
|
|
- -o-transform: scale(5);
|
|
|
- -ms-transform: scale(5);
|
|
|
- transform: scale(5);
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=.5);
|
|
|
- opacity: .5;
|
|
|
-}
|
|
|
-.view-tenth:hover .mask {
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
|
- filter: alpha(opacity=100);
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-.view-tenth:hover h2,
|
|
|
-.view-tenth:hover p,
|
|
|
-.view-tenth:hover a.info {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
|
- filter: alpha(opacity=100);
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-/*imageview icon hover*/
|
|
|
-[data-zlname] {
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- -moz-box-sizing: border-box;
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-/*IMGS IN CONTAINER*/
|
|
|
-[data-zlname] > img {
|
|
|
- display: block;
|
|
|
- max-width: 100%;
|
|
|
-}
|
|
|
-/*POP UP ELEMENTS*/
|
|
|
-[data-zlname] [data-zl-popup] {
|
|
|
- position: absolute;
|
|
|
- display: block;
|
|
|
- padding: 1px;
|
|
|
- height: 40px;
|
|
|
- width: 40px;
|
|
|
- background: #323231;
|
|
|
- color: #fff;
|
|
|
- overflow: hidden;
|
|
|
- display: none;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-/*OVERLAY*/
|
|
|
-/*classic*/
|
|
|
-[data-zl-overlay] {
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: none;
|
|
|
- padding: inherit;
|
|
|
-}
|
|
|
-/*four*/
|
|
|
-[data-zl-ovzoom0],
|
|
|
-[data-zl-ovzoom1],
|
|
|
-[data-zl-ovzoom2],
|
|
|
-[data-zl-ovzoom3] {
|
|
|
- position: absolute;
|
|
|
- width: 25%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-/*rolling*/
|
|
|
-[data-zl-ovrolling] {
|
|
|
- position: absolute;
|
|
|
- display: none;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-/*double*/
|
|
|
-[data-zl-ovdouble0],
|
|
|
-[data-zl-ovdouble1] {
|
|
|
- position: absolute;
|
|
|
- display: none;
|
|
|
-}
|
|
|
-/*-------*/
|
|
|
-[data-zlname = reverse-effect] [data-zl-popup = link] {
|
|
|
- background: rgba(256,256,256,1);
|
|
|
- border-radius: 50%;
|
|
|
- -webkit-border-radius: 50%;
|
|
|
- -moz-border-radius: 50%;
|
|
|
-}
|
|
|
-[data-zlname = reverse-effect] [data-zl-popup = link2] {
|
|
|
- background: rgba(256,256,256,1);
|
|
|
- border-radius: 50%;
|
|
|
- -webkit-border-radius: 50%;
|
|
|
- -moz-border-radius: 50%;
|
|
|
-}
|
|
|
-[data-zlname = reverse-effect] [data-zl-popup = link]:hover,
|
|
|
-[data-zlname = reverse-effect] [data-zl-popup = link2]:hover { opacity: .5 }
|
|
|
-/*pricing table*/
|
|
|
-.price-two-container {
|
|
|
- margin-bottom: 50px;
|
|
|
- margin-top: 15px;
|
|
|
-}
|
|
|
-.mar-two { margin-bottom: 3px }
|
|
|
-.service-price-one h1 {
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 20px;
|
|
|
- display: inline-block;
|
|
|
- border-bottom: 1px solid #c7c7c7;
|
|
|
- padding-bottom: 5px;
|
|
|
- text-transform: uppercase;
|
|
|
-}
|
|
|
-.pricing-table {
|
|
|
- background: #fff;
|
|
|
- text-align: center;
|
|
|
- margin: 0 -8px 30px;
|
|
|
- padding: 0 0 25px 0;
|
|
|
- border: 1px solid #eee;
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
-}
|
|
|
-.pricing-table.most-popular {
|
|
|
- top: -20px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.most-popular {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- border: 1px solid #16a085;
|
|
|
-}
|
|
|
-.most-popular h1 {
|
|
|
- font-size: 25px !important;
|
|
|
- padding-bottom: 10px;
|
|
|
- padding-top: 17px !important;
|
|
|
-}
|
|
|
-.most-popular h2 {
|
|
|
- background: #16a085 !important;
|
|
|
- margin-top: 20px !important;
|
|
|
-}
|
|
|
-.most-popular ul li { border-bottom: 1px dotted #fff !important }
|
|
|
-.most-popular .price-actions .btn {
|
|
|
- background: #f35958 !important;
|
|
|
- margin: 10px 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.pricing-table .price-actions .btn {
|
|
|
- border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- -webkit-border-radius: 4px;
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- border: none;
|
|
|
- box-shadow: none;
|
|
|
- text-shadow: none;
|
|
|
- padding: 10px 20px;
|
|
|
- width: 90%;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.pricing-head h1 {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 300;
|
|
|
- padding-top: 15px;
|
|
|
-}
|
|
|
-.pricing-head h2 {
|
|
|
- padding: 30px 0;
|
|
|
- background: #EEC;
|
|
|
- font-size: 50px;
|
|
|
- border-radius: 50%;
|
|
|
- -moz-border-radius: 50%;
|
|
|
- -webkit-border-radius: 50%;
|
|
|
- font-weight: 100;
|
|
|
-}
|
|
|
-.pricing-table ul {
|
|
|
- margin: 15px 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.pricing-table ul li {
|
|
|
- border-bottom: 1px dotted #CCCCCC;
|
|
|
- margin: 0 2em;
|
|
|
- padding: 1em 0;
|
|
|
- text-align: center;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.pricing-head span.note {
|
|
|
- display: inline;
|
|
|
- font-size: 25px;
|
|
|
- line-height: 0.8em;
|
|
|
- position: relative;
|
|
|
- top: -18px;
|
|
|
-}
|
|
|
-.pricing-quotation,
|
|
|
-.team-info {
|
|
|
- background: #EEEEEE;
|
|
|
- padding: 20px 20px 35px 20px;
|
|
|
- margin-bottom: 100px;
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
-}
|
|
|
-.pricing-quotation h3,
|
|
|
-.team-info h3 { font-weight: 300 }
|
|
|
-.pricing-quotation p,
|
|
|
-.team-info p { margin-bottom: 0px }
|
|
|
-.pricing-plan,
|
|
|
-.team-info-wrap { position: relative }
|
|
|
-.pricing-quotation:before,
|
|
|
-.team-info:before {
|
|
|
- background-color: #EEEEEE;
|
|
|
- border-color: #EEEEEE;
|
|
|
- border-image: none;
|
|
|
- border-right: 1px solid #EEEEEE;
|
|
|
- border-style: none;
|
|
|
- top: -7px;
|
|
|
- content: "";
|
|
|
- display: block;
|
|
|
- height: 14px;
|
|
|
- left: 48%;
|
|
|
- position: absolute;
|
|
|
- transform: rotate(45deg);
|
|
|
- -moz-transform: rotate(45deg);
|
|
|
- -webkit-transform: rotate(45deg);
|
|
|
- width: 15px;
|
|
|
-}
|
|
|
+
|
|
|
.breadcrumbs {
|
|
|
- background:rgb(44, 62, 80);
|
|
|
+ background:rgb(44, 62, 80);
|
|
|
color: #fff;
|
|
|
padding: 25px 0;
|
|
|
- margin-bottom: 40px;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
+
|
|
|
.breadcrumb {
|
|
|
margin-bottom: 0;
|
|
|
background: none;
|
|
|
}
|
|
|
-.breadcrumb li a { color: white }
|
|
|
-.breadcrumb li.active { color: #fff }
|
|
|
+
|
|
|
+.breadcrumb li a {
|
|
|
+ color: white;
|
|
|
+}
|
|
|
+
|
|
|
+.breadcrumb li.active {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
.breadcrumbs h1 {
|
|
|
font-size: 24px;
|
|
|
margin: 3px 0 0;
|
|
|
text-transform: none;
|
|
|
}
|
|
|
-/*contact*/
|
|
|
-.contact-map {
|
|
|
- margin-top: 40px;
|
|
|
- margin-bottom: 40px;
|
|
|
-}
|
|
|
-.contact-form { margin-bottom: 20px }
|
|
|
-.address h4 {
|
|
|
- color: #797979;
|
|
|
- margin-top: -3px;
|
|
|
- text-transform: uppercase;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-section.contact-infos {
|
|
|
- border: 1px solid #eee;
|
|
|
- margin-bottom: 15px;
|
|
|
- padding: 10px;
|
|
|
-}
|
|
|
-/*about us*/
|
|
|
-.about-us img { width: 100% }
|
|
|
-.about ul { line-height: 25px }
|
|
|
-.carousel-control.left,
|
|
|
-.carousel-control.right {
|
|
|
- background: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.carousel-control {
|
|
|
- background: #000000 !important;
|
|
|
- bottom: 40%;
|
|
|
- color: #FFFFFF;
|
|
|
- font-size: 20px;
|
|
|
- left: 0;
|
|
|
- line-height: 53px;
|
|
|
- opacity: 0.5;
|
|
|
- position: absolute;
|
|
|
- text-align: center;
|
|
|
- text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
|
|
|
- top: 40%;
|
|
|
- width: 10%;
|
|
|
-}
|
|
|
-.carousel-control:hover {
|
|
|
- color: #FFFFFF;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.carousel-control:hover,
|
|
|
-.carousel-control:focus { opacity: 0.6 }
|
|
|
-.carousel-caption {
|
|
|
- background: rgba(0,0,0,0.6);
|
|
|
- padding-bottom: 0px;
|
|
|
- bottom: 0;
|
|
|
- color: #FFFFFF;
|
|
|
- left: 0 !important;
|
|
|
- padding-bottom: 5px;
|
|
|
- padding-top: 10px;
|
|
|
- position: absolute;
|
|
|
- right: 0 !important;
|
|
|
- text-align: center;
|
|
|
- text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
|
|
|
- z-index: 10;
|
|
|
-}
|
|
|
-.carousel-caption p { text-align: center }
|
|
|
-.about h3 {
|
|
|
- color: #475168;
|
|
|
- margin-top: 4px;
|
|
|
-}
|
|
|
-.icon-wrap {
|
|
|
- font-size: 2em;
|
|
|
- height: 60px;
|
|
|
- width: 60px;
|
|
|
- float: left;
|
|
|
- line-height: 60px;
|
|
|
- text-align: center;
|
|
|
+
|
|
|
+.footer {
|
|
|
+ background: rgb(44, 62, 80);
|
|
|
color: #fff;
|
|
|
- margin-right: 30px;
|
|
|
-}
|
|
|
-.ico-bg { background: rgb(44, 62, 80) }
|
|
|
-.round-five {
|
|
|
- border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
-}
|
|
|
-.round-fifty {
|
|
|
- border-radius: 50px;
|
|
|
- -moz-border-radius: 50px;
|
|
|
- -webkit-border-radius: 50px;
|
|
|
- margin-left: 40%;
|
|
|
- margin-top: -25px;
|
|
|
-}
|
|
|
-.content h3,
|
|
|
-.media h3 {
|
|
|
- margin-top: 0;
|
|
|
- color: #475168;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-.media h3 { margin-top: 20px }
|
|
|
-.media-body h4 {
|
|
|
- font-size: 16px;
|
|
|
- color: #475168;
|
|
|
-}
|
|
|
-.media-body a {
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.hiring,
|
|
|
-.services {
|
|
|
- margin-bottom: 30px;
|
|
|
+ padding: 50px 0;
|
|
|
display: inline-block;
|
|
|
width: 100%;
|
|
|
-}
|
|
|
-.price-container-service {
|
|
|
- margin-top: 30px;
|
|
|
- padding-bottom: 30px;
|
|
|
-}
|
|
|
-.service-price-one { padding-bottom: 10px }
|
|
|
-.hiring {
|
|
|
- margin-top: 20px;
|
|
|
- border-top: 1px solid #eee;
|
|
|
- padding-top: 30px;
|
|
|
-}
|
|
|
-.hiring h2 {
|
|
|
- text-align: center;
|
|
|
- padding-bottom: 10px;
|
|
|
- margin-bottom: 50px;
|
|
|
- text-transform: uppercase;
|
|
|
-}
|
|
|
-.gray-box {
|
|
|
- background: #f2f2f2;
|
|
|
- padding: 30px 0;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-.progress { background-color: #E1E1E1 }
|
|
|
-.flexslider {
|
|
|
- background: none;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.about-skill-meter .sr-only { position: static !important }
|
|
|
-.about-skill-meter .progress-bar {
|
|
|
- background-color: #e1e1e1;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-.about-skill-meter .progress {
|
|
|
- height: 30px;
|
|
|
- box-shadow: none;
|
|
|
- line-height: 30px;
|
|
|
-}
|
|
|
-.about-skill-meter .progress-bar-danger { box-shadow: none }
|
|
|
-.skills {
|
|
|
- margin-bottom: 25px;
|
|
|
- color: #47506a;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-/*team*/
|
|
|
-.person { margin-bottom: 10px }
|
|
|
-.person img {
|
|
|
- width: 210px;
|
|
|
- height: 210px;
|
|
|
- border-radius: 1%;
|
|
|
- -webkit-border-radius: 1%;
|
|
|
- -moz-border-radius: 1%;
|
|
|
-}
|
|
|
-.team-social-link {
|
|
|
- display: block;
|
|
|
- margin: 10px 0 5px 0;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.team-social-link a {
|
|
|
- display: inline-block !important;
|
|
|
- color: #cac8c7;
|
|
|
- font-size: 20px;
|
|
|
- border: 1px solid #eee;
|
|
|
- padding-right: 8px;
|
|
|
- padding-left: 8px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.team-social-link a:hover {
|
|
|
- color: rgb(44, 62, 80);
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.person-info h4,
|
|
|
-.person-info h4 a {
|
|
|
- color: #f37c6b;
|
|
|
font-weight: 300;
|
|
|
- margin-bottom: 5px;
|
|
|
-}
|
|
|
-.mtop30 { margin-top: 30px }
|
|
|
-/*typography*/
|
|
|
-.highlight-1 {
|
|
|
- background: #a0d468;
|
|
|
- color: #FFFFFF;
|
|
|
}
|
|
|
-.highlight-2 {
|
|
|
- background: #656d78;
|
|
|
- color: #FFFFFF;
|
|
|
-}
|
|
|
-.highlight-3 {
|
|
|
- background: #Ffce54;
|
|
|
- color: #242424;
|
|
|
-}
|
|
|
-.dropcap {
|
|
|
- background-color: #666666;
|
|
|
- color: #FFFFFF;
|
|
|
- float: left;
|
|
|
- font-size: 30px;
|
|
|
- line-height: 30px;
|
|
|
- margin: 4px 8px 0 0;
|
|
|
- padding: 5px 10px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.dropcap2 {
|
|
|
- background-color: #666666;
|
|
|
- border-radius: 50%;
|
|
|
- -moz-border-radius: 50%;
|
|
|
- -webkit-border-radius: 50%;
|
|
|
- color: #FFFFFF;
|
|
|
- float: left;
|
|
|
- font-size: 35px;
|
|
|
- height: 41px;
|
|
|
- line-height: 25px;
|
|
|
- margin: 3px 8px 0 0;
|
|
|
- padding: 10px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-/*buttons*/
|
|
|
-.btn-row { margin-bottom: 30px }
|
|
|
-/*blog*/
|
|
|
-.blog-item {
|
|
|
- margin-bottom: 40px;
|
|
|
- padding-bottom: 40px;
|
|
|
- border-bottom: 1px dashed #ddd;
|
|
|
-}
|
|
|
-/*blog-2-col*/
|
|
|
-.blog-left {
|
|
|
- border: 1px solid #eee;
|
|
|
- margin-bottom: 30px;
|
|
|
+
|
|
|
+.footer-small {
|
|
|
+ background-color: rgb(44, 62, 80);
|
|
|
+ margin-top: 30px;
|
|
|
+ padding-top: 5px;
|
|
|
}
|
|
|
-.blog-left .btn {
|
|
|
- margin-left: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
+
|
|
|
+.copyright {
|
|
|
+ color: #fff;
|
|
|
+ padding-top: 15px;
|
|
|
}
|
|
|
-.blog-right {
|
|
|
- border: 1px solid #eee;
|
|
|
- margin-bottom: 30px;
|
|
|
+
|
|
|
+#search {
|
|
|
+ background-color: #fff;
|
|
|
}
|
|
|
-.blog-right .btn {
|
|
|
- margin-left: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
+
|
|
|
+@media only screen and (min-width: 768px) and (max-width: 959px) {
|
|
|
+ .container {
|
|
|
+ width: 768px;
|
|
|
+ }
|
|
|
}
|
|
|
-.blog-two-info { padding: 15px 10px 0 20px }
|
|
|
-.blog-two-info .label-info {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- opacity: .7;
|
|
|
- margin-right: 4px;
|
|
|
+
|
|
|
+@media only screen and (max-width: 767px) {
|
|
|
+ .container {
|
|
|
+ width: 95%;
|
|
|
+ }
|
|
|
}
|
|
|
-.blog-content { padding: 20px }
|
|
|
-.video-container {
|
|
|
- position: relative;
|
|
|
- padding-bottom: 56.25%;
|
|
|
- padding-top: 30px;
|
|
|
- height: 0;
|
|
|
- overflow: hidden;
|
|
|
+
|
|
|
+@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
|
+ .container {
|
|
|
+ width: 70%;
|
|
|
+ }
|
|
|
}
|
|
|
-.single-video { padding-bottom: 43% !important }
|
|
|
-.video-container iframe,
|
|
|
-.video-container object,
|
|
|
-.video-container embed {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-/*blog 2*/
|
|
|
-.date-wrap,
|
|
|
-.comnt-wrap { margin-bottom: 20px }
|
|
|
-.date-wrap span,
|
|
|
-.comnt-wrap span {
|
|
|
- display: block;
|
|
|
- padding: 10px 0;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.date-wrap .date {
|
|
|
- font-size: 30px;
|
|
|
- font-weight: 300;
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- border-radius: 1px 1px 0 0;
|
|
|
- -webkit-border-radius: 1px 1px 0 0;
|
|
|
- -moz-border-radius: 1px 1px 0 0;
|
|
|
-}
|
|
|
-.date-wrap .month {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 300;
|
|
|
- background: #f6f5f0;
|
|
|
- color: #a19fa2;
|
|
|
- border-radius: 0 0 1px 1px;
|
|
|
- -webkit-border-radius: 0 0 1px 1px;
|
|
|
- -moz-border-radius: 0 0 1px 1px;
|
|
|
-}
|
|
|
-.comnt-wrap .comnt-ico {
|
|
|
- background: #efeee9;
|
|
|
- color: #a0a0a0;
|
|
|
- border-radius: 1px 1px 0 0;
|
|
|
- -webkit-border-radius: 44px;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-.comnt-wrap .value {
|
|
|
- background: #f6f5f0;
|
|
|
- color: #a0a0a0;
|
|
|
- border-radius: 0 0 1px 1px;
|
|
|
- -moz-border-radius: 0 0 1px 1px;
|
|
|
- -webkit-border-radius: 0 0 1px 1px;
|
|
|
-}
|
|
|
-.blog-img img {
|
|
|
- width: 100%;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
-}
|
|
|
-.blog-item h1,
|
|
|
-.blog-item h1 a {
|
|
|
- font-size: 25px;
|
|
|
- color: rgb(44, 62, 80);
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.blog-item h1 {
|
|
|
- margin-bottom: 20px;
|
|
|
- line-height: 35px;
|
|
|
-}
|
|
|
-.blog-item h1 a:hover { text-decoration: none }
|
|
|
-.author {
|
|
|
- margin: 25px 0 30px 0;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.author a,
|
|
|
-.st-view a { color: rgb(44, 62, 80) }
|
|
|
-.st-view { margin-top: 20px }
|
|
|
-.st-view ul li { margin-bottom: 5px }
|
|
|
-.blog-side-item h3 {
|
|
|
- margin-top: 30px;
|
|
|
- color: #475268;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-.blog-side-item ul li {
|
|
|
- margin-bottom: 5px;
|
|
|
- border-bottom: 1px solid #efefef;
|
|
|
- line-height: 35px;
|
|
|
-}
|
|
|
-.blog-side-item ul li a {
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.media p { line-height: normal }
|
|
|
-ul.tag {
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-ul.tag li {
|
|
|
- float: left;
|
|
|
- margin: 0px 5px 0 0;
|
|
|
- border-bottom: none;
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-ul.tag li a {
|
|
|
- border: 1px solid #e8e8e8;
|
|
|
- border-radius: 4px;
|
|
|
- line-height: 15px;
|
|
|
- padding: 5px;
|
|
|
- border-radius: 1px 1px 10px 1px;
|
|
|
- -moz-border-radius: 1px 1px 10px 1px;
|
|
|
- -webkit-border-radius: 1px 1px 10px 1px;
|
|
|
-}
|
|
|
-.media img.media-object {
|
|
|
- border-radius: 3%;
|
|
|
- -moz-border-radius: 3%;
|
|
|
- -webkit-border-radius: 3%;
|
|
|
- height: 80px;
|
|
|
- width: 80px;
|
|
|
-}
|
|
|
-/*footer*/
|
|
|
-.footer {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- padding: 50px 0;
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.footer h1 {
|
|
|
- font-size: 20px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: 400;
|
|
|
- margin-top: 0;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.footer address a { color: rgb(44, 62, 80) }
|
|
|
-.tweet-box {
|
|
|
- background: #505b71;
|
|
|
- padding: 8px 15px;
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- border-bottom: 1px solid #636F79;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-.tweet-box:before {
|
|
|
- background-color: #505b71;
|
|
|
- border-color: #505b71;
|
|
|
- border-image: none;
|
|
|
- border-right: 1px none #505b71;
|
|
|
- border-style: none;
|
|
|
- content: "";
|
|
|
- display: block;
|
|
|
- height: 22px;
|
|
|
- left: 60px;
|
|
|
- position: absolute;
|
|
|
- top: 32px;
|
|
|
- transform: rotate(45deg);
|
|
|
- -webkit-transform: rotate(45deg);
|
|
|
- width: 22px;
|
|
|
-}
|
|
|
-.tweet-box a,
|
|
|
-.tweet-box i { color: #00adef }
|
|
|
-.tweet-box a:hover { color: rgb(44, 62, 80) }
|
|
|
-.tweet-box i {
|
|
|
- font-size: 40px;
|
|
|
- float: left;
|
|
|
- margin-right: 15px;
|
|
|
-}
|
|
|
-.social-link-footer li {
|
|
|
- float: right;
|
|
|
- margin: 5px 10px 5px 0px;
|
|
|
- padding-bottom: 5px;
|
|
|
-}
|
|
|
-.social-link-footer li a {
|
|
|
- color: #fff;
|
|
|
- background: #505b71;
|
|
|
- padding: 10px;
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border-radius: 50px;
|
|
|
- -moz-border-radius: 50px;
|
|
|
- -webkit-border-radius: 50px;
|
|
|
- float: left;
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.social-link-footer li a:hover {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.copyright {
|
|
|
- color: #fff;
|
|
|
- padding-top: 15px;
|
|
|
-}
|
|
|
-.page-footer { padding: 0% 13% }
|
|
|
-.page-footer h1 { padding-left: 4% }
|
|
|
-ul.page-footer-list {
|
|
|
- list-style: none;
|
|
|
- padding: 0px 10px;
|
|
|
-}
|
|
|
-ul.page-footer-list li {
|
|
|
- line-height: 35px;
|
|
|
- border-bottom: 1px dashed #636F79;
|
|
|
-}
|
|
|
-ul.page-footer-list a { color: #fff }
|
|
|
-ul.page-footer-list li i { padding-right: 10px }
|
|
|
-.footer-small {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- margin-top: 30px;
|
|
|
- padding-top: 5px;
|
|
|
-}
|
|
|
-.text-footer {
|
|
|
- padding-left: 10px;
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-.text-footer p { text-align: left }
|
|
|
-.address p {
|
|
|
- text-align: left;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-/*slider css*/
|
|
|
-.main-slider {
|
|
|
- background: #475168;
|
|
|
- color: #fff;
|
|
|
- z-index: 1;
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.slider-colored {
|
|
|
- z-index: 1;
|
|
|
- position: relative;
|
|
|
- border-top: solid 1px #eee;
|
|
|
- border-bottom: solid 1px #eee;
|
|
|
-}
|
|
|
-.slide_title {
|
|
|
- font-weight: 300;
|
|
|
- color: rgb(44, 62, 80);
|
|
|
- text-transform: uppercase;
|
|
|
- font-size: 35px;
|
|
|
-}
|
|
|
-.slide_subtitle {
|
|
|
- font-weight: 400;
|
|
|
- padding: 5px;
|
|
|
- color: #fff;
|
|
|
- text-transform: uppercase;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-.slide_list_item {
|
|
|
- font-weight: 400;
|
|
|
- padding: 5px;
|
|
|
- color: #fff;
|
|
|
- text-transform: uppercase;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-.slide_desc {
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 24px;
|
|
|
- font-weight: lighter;
|
|
|
-}
|
|
|
-.slide_desc_bordered {
|
|
|
- border-left: 3px solid #ddd !important;
|
|
|
- padding-left: 5px;
|
|
|
-}
|
|
|
-.slide_btn {
|
|
|
- font-weight: 300;
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- padding: 15px 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- text-transform: uppercase;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.slide_btn:hover,
|
|
|
-.slide_btn:focus {
|
|
|
- font-weight: 300;
|
|
|
- background: #16a085;
|
|
|
- padding: 15px 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- text-transform: uppercase;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.dark-text { color: #797d87 }
|
|
|
-.yellow-txt { color: #ffe582 }
|
|
|
-#home-services { text-align: center }
|
|
|
-#home-services h2 {
|
|
|
- margin-bottom: 65px;
|
|
|
- text-transform: uppercase;
|
|
|
- margin-top: 45px;
|
|
|
- padding-bottom: 5px;
|
|
|
- text-align: center;
|
|
|
- font-size: 25px;
|
|
|
-}
|
|
|
-.h-service {
|
|
|
- border: 1px solid #eee;
|
|
|
- margin-bottom: 25px;
|
|
|
-}
|
|
|
-#home-services .h-service-content h3 {
|
|
|
- padding-top: 40px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.h-service-content p {
|
|
|
- text-align: center;
|
|
|
- padding: 5px 21px 20px;
|
|
|
-}
|
|
|
-.h-service-content a {
|
|
|
- color: #e74c3c;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.h-service-content a:hover { color: #16a085 }
|
|
|
-/*recent work*/
|
|
|
-.recent h3{
|
|
|
- text-align: center;
|
|
|
- /*margin-bottom: 20px;*/
|
|
|
- text-transform: uppercase;
|
|
|
- margin-top: 50px;
|
|
|
- font-weight: 400;
|
|
|
- padding-bottom: 5px;
|
|
|
- margin-bottom: 20px;
|
|
|
- /*text-align: center;*/
|
|
|
-}
|
|
|
-.recent p {
|
|
|
- text-align: center;
|
|
|
- text-transform:uppercase;
|
|
|
- margin-bottom: 35px;
|
|
|
-}
|
|
|
-.recent {
|
|
|
- margin-bottom: 50px;
|
|
|
-}
|
|
|
-.bx-wrapper { position: relative }
|
|
|
-.bx-wrapper .bx-controls-direction a {
|
|
|
- background-color: #f7f7f7;
|
|
|
- position: absolute;
|
|
|
- top: 25px;
|
|
|
- outline: 0;
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- z-index: 9;
|
|
|
- text-indent: -9999px;
|
|
|
-}
|
|
|
-/*property*/
|
|
|
-.property {
|
|
|
- padding: 80px 0;
|
|
|
- margin-bottom: 60px;
|
|
|
- background-color: #fafafa;
|
|
|
-}
|
|
|
-.bg-lg { background:#f9f9f3 }
|
|
|
-.gray-bg { background: #f9f9f3 }
|
|
|
-.property h1 {
|
|
|
- color: #475168;
|
|
|
- font-size: 24px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: 400;
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
-.property hr { border-color: #dfdcdf }
|
|
|
-.property i { color: rgb(44, 62, 80) }
|
|
|
-a.btn-purchase {
|
|
|
- background: #475168;
|
|
|
- color: #fff;
|
|
|
- text-transform: uppercase;
|
|
|
- border-radius: 4px;
|
|
|
- -webkit-border-radius: 4px;
|
|
|
- -moz-border-radius: 4px padding 20px 40px;
|
|
|
- margin-top: 30px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-a.btn-purchase:hover,
|
|
|
-a.btn-purchase:focus {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-/*clients*/
|
|
|
-.clients { padding: 0 0 30px }
|
|
|
-.clients h2 {
|
|
|
- margin-bottom: 20px;
|
|
|
- margin-top: 20px;
|
|
|
- text-align: left;
|
|
|
- text-transform: uppercase;
|
|
|
- padding-bottom: 5px;
|
|
|
-}
|
|
|
-.clients ul li {
|
|
|
- display: inline-block;
|
|
|
- margin: 10px 30px;
|
|
|
-}
|
|
|
-.clients ul li:hover {
|
|
|
- background-color: #f7f7f7;
|
|
|
- -webkit-transition: all .5s ease;
|
|
|
- -moz-transition: all .5s ease;
|
|
|
- -ms-transition: all .5s ease;
|
|
|
- -o-transition: all .5s ease;
|
|
|
- transition: all .5s ease;
|
|
|
-}
|
|
|
-.our-clients {
|
|
|
- position: relative;
|
|
|
- margin-top: 15px; }
|
|
|
-.our-clients h2 {
|
|
|
- margin-top: 3px;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-.clients-list { margin: 0 }
|
|
|
-.clients-list li {
|
|
|
- background: #f9f9f9;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.clients-list li img.color-img {
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- display: none;
|
|
|
- position: absolute;
|
|
|
-}
|
|
|
-.clients-list li:hover img.color-img { display: block }
|
|
|
-/*portfolio*/
|
|
|
-.pf-img img {
|
|
|
- width: 100%;
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
-}
|
|
|
-.pf-detail {
|
|
|
- padding-bottom: 15px;
|
|
|
- font-size: 15px;
|
|
|
|
|
|
-}
|
|
|
-.pf-detail p {
|
|
|
- font-family: 'Lato',sans-serif;
|
|
|
-}
|
|
|
-.pf-list {
|
|
|
- line-height: 30px;
|
|
|
- font-size: 15px;
|
|
|
-}
|
|
|
-.pf-list i { color: #c7c7c7 }
|
|
|
-.image-caption a { padding: 10px 15px }
|
|
|
-.pad-ten { padding-bottom: 30px }
|
|
|
-.title { margin-top: 40px }
|
|
|
-/*Photo Gallery*/
|
|
|
-#gallery {
|
|
|
- margin: auto;
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-#gallery h2 {
|
|
|
- color: #fff;
|
|
|
- padding-top: 30px;
|
|
|
-}
|
|
|
-.gallery-container {
|
|
|
- margin: 0 auto 40px auto;
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.col-4 .item {
|
|
|
- width: 23%;
|
|
|
- margin-right: 2%;
|
|
|
- margin-bottom: 2%;
|
|
|
-}
|
|
|
-.col-4 .item img { height: 230px }
|
|
|
-ul#filters {
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- margin: 25px 0 25px 0;
|
|
|
-}
|
|
|
-ul#filters li {
|
|
|
- float: left;
|
|
|
- margin-right: 10px;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-ul#filters li a {
|
|
|
- background: #E2E0E1;
|
|
|
- padding: 10px 15px;
|
|
|
- display: inline-block;
|
|
|
- color: #7D797A;
|
|
|
- outline: none;
|
|
|
- border-radius: 5px;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- transition-duration: 500ms;
|
|
|
- transition-property: width, background;
|
|
|
- transition-timing-function: ease;
|
|
|
- -moz-transition-duration: 500ms;
|
|
|
- -moz-transition-property: width, background;
|
|
|
- -moz-transition-timing-function: ease;
|
|
|
- -webkit-transition-duration: 500ms;
|
|
|
- -webkit-transition-property: width, background;
|
|
|
- -webkit-transition-timing-function: ease;
|
|
|
-}
|
|
|
-ul#filters > li > a:hover,
|
|
|
-ul#filters > li > a:focus,
|
|
|
-ul#filters > .active > a,
|
|
|
-ul#filters > .active > span {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- padding: 10px 15px;
|
|
|
- display: inline-block;
|
|
|
- color: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- transition-duration: 500ms;
|
|
|
- transition-property: width, background;
|
|
|
- transition-timing-function: ease;
|
|
|
- -moz-transition-duration: 500ms;
|
|
|
- -moz-transition-property: width, background;
|
|
|
- -moz-transition-timing-function: ease;
|
|
|
- -webkit-transition-duration: 500ms;
|
|
|
- -webkit-transition-property: width, background;
|
|
|
- -webkit-transition-timing-function: ease;
|
|
|
-}
|
|
|
-.item img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.text-grid a { color: #fff }
|
|
|
-.text-grid div { padding: 0 10px }
|
|
|
-.text-grid p { margin-bottom: 10px }
|
|
|
-/*parallax*/
|
|
|
-.parallax1 {
|
|
|
- background-size: cover;
|
|
|
- width: 100%;
|
|
|
- min-height: 400px;
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- font-style: italic;
|
|
|
-}
|
|
|
-.parallax1 h1 {
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-size: 25px;
|
|
|
- font-weight: 300;
|
|
|
- line-height: 40px;
|
|
|
- margin-top: 160px;
|
|
|
-}
|
|
|
-/*newsletter*/
|
|
|
-#newsletter {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- padding: 60px 0;
|
|
|
-}
|
|
|
-#newsletter p.lead {
|
|
|
- color: white;
|
|
|
- padding-top: 0px;
|
|
|
- margin-top: -5px;
|
|
|
-}
|
|
|
-#newsletter input {
|
|
|
- border: none;
|
|
|
- border-radius: 0px;
|
|
|
- -webkit-border-radius: 0px;
|
|
|
- -moz-border-radius: 0px;
|
|
|
- margin-left: -1px;
|
|
|
-}
|
|
|
-#newsletter-faq p.lead {
|
|
|
- color: white;
|
|
|
- padding-top: 6px;
|
|
|
-}
|
|
|
-#newsletter-faq input {
|
|
|
- border: none;
|
|
|
- border-bottom-left-radius: 3px;
|
|
|
- border-top-left-radius: 3px;
|
|
|
- margin-left: -1px;
|
|
|
-}
|
|
|
-.btn.btn-inverse {
|
|
|
- background-color: #475168;
|
|
|
- color: #fff;
|
|
|
- height: 45px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-inverse:hover {
|
|
|
- background-color: #415b76;
|
|
|
- color: #fff;
|
|
|
- height: 45px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.newsletter-input { height: 45px }
|
|
|
-.btn-nl {
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
-}
|
|
|
-.btn-nl:hover {
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
-}
|
|
|
-.wh-bg {
|
|
|
- background-color: #fff;
|
|
|
- padding: 15px;
|
|
|
- margin: 35px 0;
|
|
|
- border: 1px solid #eee;
|
|
|
- z-index: 20;
|
|
|
-}
|
|
|
-.position { text-align: center }
|
|
|
-.wh-bg h3 { text-align: center }
|
|
|
-/*faq*/
|
|
|
-#newsletter-faq {
|
|
|
- padding: 72px 0;
|
|
|
- background: url("../img/tg-black-bg.png") no-repeat fixed top rgba(0,0,0,0.7);
|
|
|
- height: 200px;
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
-#faq-other mark {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.faq-square { margin: 40px 0 20px }
|
|
|
-/*registration*/
|
|
|
-.registration-bg {
|
|
|
- margin-top: -40px;
|
|
|
- background-color: #f1f2f7;
|
|
|
-}
|
|
|
-/*login*/
|
|
|
-.login-page {
|
|
|
- min-width: 25%;
|
|
|
- max-width: 25%;
|
|
|
- padding: 35px 30px 30px;
|
|
|
- background: #fcfcfc;
|
|
|
- border: solid 1px #eee;
|
|
|
- margin: 40px auto;
|
|
|
- border: 17px solid #eee;
|
|
|
-}
|
|
|
-.gr-bg {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- margin-top: -40px;
|
|
|
- margin-bottom: -50px;
|
|
|
-}
|
|
|
-#btn-login {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- border: none;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- font-size: 17px;
|
|
|
-}
|
|
|
-#btn-fblogin {
|
|
|
- background-color: #3B5998;
|
|
|
- border: none;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- font-size: 17px;
|
|
|
-}
|
|
|
-.panel {
|
|
|
- z-index: 100;
|
|
|
- box-shadow: 0 1px 1px rgba(0,0,0,0.12);
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
-}
|
|
|
-.panel-heading {
|
|
|
- border-top-right-radius: 1px;
|
|
|
- border-top-left-radius: 1px;
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.panel-info>.panel-heading {
|
|
|
- color: #eee;
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
-}
|
|
|
-.panel-info>.panel-heading a:hover { color: #eee }
|
|
|
-.panel-body {
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- border: 1px solid #eee;
|
|
|
-}
|
|
|
-.form-control {
|
|
|
- border: 1px solid #d9d9d9;
|
|
|
- border-radius: 3px;
|
|
|
-}
|
|
|
-.form-control:focus {
|
|
|
- border: none;
|
|
|
- border: 1px solid #d9d9d9;
|
|
|
-}
|
|
|
-.input-group-addon {
|
|
|
- border: border 1px solid #d9d9d9;
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
-}
|
|
|
-#signupbox { margin-bottom: 20px }
|
|
|
-#btn-signup {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- border: none;
|
|
|
- font-size: 17px;
|
|
|
-}
|
|
|
-#signinlink:hover { color: #fff }
|
|
|
-#btn-fbsignup {
|
|
|
- background-color: #3B5998;
|
|
|
- border: none;
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- font-size: 17px;
|
|
|
- width: 100%;
|
|
|
- padding-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-#btn-twsignup {
|
|
|
- background-color: #52D2D8;
|
|
|
- border: none;
|
|
|
- border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- font-size: 17px;
|
|
|
- width: 100%;
|
|
|
- padding-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-#search { background-color: #fff }
|
|
|
-.btn-lg {
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
-}
|
|
|
-#owl-demo { margin-bottom: 15px }
|
|
|
-#owl-demo .item { margin: 3px }
|
|
|
-#owl-demo .item img {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-/*login*/
|
|
|
-/*login page*/
|
|
|
-.login-body { background-color: #f1f2f7 }
|
|
|
-.form-signin {
|
|
|
- max-width: 330px;
|
|
|
- margin: 50px auto 50px;
|
|
|
- background: #fff;
|
|
|
- border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
-}
|
|
|
-.form-signin h2.form-signin-heading {
|
|
|
- margin: 0;
|
|
|
- padding: 20px 15px;
|
|
|
- text-align: center;
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- border-radius: 3px 3px 0 0;
|
|
|
- -moz-border-radius: 3px 3px 0 0;
|
|
|
- -webkit-border-radius: 3px 3px 0 0;
|
|
|
- color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.form-signin .checkbox { margin-bottom: 14px }
|
|
|
-.form-signin .checkbox {
|
|
|
- font-weight: normal;
|
|
|
- color: #b6b6b6;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.form-signin .form-control {
|
|
|
- position: relative;
|
|
|
- font-size: 16px;
|
|
|
- height: 38px;
|
|
|
- padding: 10px;
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- -moz-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.form-signin .form-control:focus { z-index: 2 }
|
|
|
-.form-signin input[type="text"],
|
|
|
-.form-signin input[type="password"] {
|
|
|
- margin-bottom: 15px;
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- border: 1px solid #eaeaea;
|
|
|
- box-shadow: none;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-.form-signin .btn-login {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: 300;
|
|
|
- margin-bottom: 20px;
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.form-signin .btn-login:hover {
|
|
|
- background: #37BC9B;
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.form-signin p {
|
|
|
- text-align: center;
|
|
|
- color: #b6b6b6;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-.form-signin a { color: #41cac0 }
|
|
|
-.form-signin a:hover { color: #b6b6b6 }
|
|
|
-.login-wrap {
|
|
|
- padding: 20px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- border-radius: 3px;
|
|
|
-}
|
|
|
-.login-social-link {
|
|
|
- display: inline-block;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-.login-social-link a {
|
|
|
- color: #fff;
|
|
|
- padding: 15px 28px;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
-}
|
|
|
-.login-social-link a:hover { color: #fff }
|
|
|
-.login-social-link a i {
|
|
|
- font-size: 20px;
|
|
|
- padding-right: 10px;
|
|
|
-}
|
|
|
-.login-social-link a.facebook {
|
|
|
- background: #5D9CEC;
|
|
|
- margin-right: 15px;
|
|
|
- border-radius: 3px;
|
|
|
- -moz-border-radius:3px;
|
|
|
- -webkit-border-radius:3px;
|
|
|
- margin-bottom: 2px;
|
|
|
- float: left;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.login-social-link a.facebook:hover {
|
|
|
- background: #4A89DC;
|
|
|
- border-radius: 3px;
|
|
|
- -moz-border-radius:3px;
|
|
|
- -webkit-border-radius:3px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.login-social-link a.twitter {
|
|
|
- background: #4FC1E9;
|
|
|
- border-radius: 3px;
|
|
|
- -moz-border-radius:3px;
|
|
|
- -webkit-border-radius:3px;
|
|
|
- float: left;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.login-social-link a.twitter:hover {
|
|
|
- background: #3BAFDA;
|
|
|
- border-radius: 3px;
|
|
|
- -moz-border-radius:3px;
|
|
|
- -webkit-border-radius:3px;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.form-wrapper { padding-bottom: 70px }
|
|
|
-.login-bg {
|
|
|
- margin-top: -40px;
|
|
|
- margin-bottom: -50px;
|
|
|
- background-color: #f1f2f7;
|
|
|
-}
|
|
|
-.modal-content {
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
-}
|
|
|
-.modal-input { border: 1px solid #eee }
|
|
|
-.modal-input:focus { border: 1px solid #eee }
|
|
|
-#accordion .panel-heading-faq { border: 1px solid #c7c7c7 }
|
|
|
-#accordion .panel-body {
|
|
|
- border-width: 0px 1px 1px 1px;
|
|
|
- border-color: #c7c7c7;
|
|
|
- border-style: solid;
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-#accordion .panel {
|
|
|
- box-shadow: none;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.panel-group .panel {
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
-}
|
|
|
-.headline {
|
|
|
- display: block;
|
|
|
- margin: 10px 0 25px 0;
|
|
|
-}
|
|
|
-.margin { margin-bottom: 20px }
|
|
|
-.add li { margin-bottom: 6px }
|
|
|
-ul.unstyled,
|
|
|
-ol.unstyled {
|
|
|
- margin-left: 0;
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-#heading { text-align: center }
|
|
|
-#heading p{
|
|
|
- padding-top: 10px;
|
|
|
- padding-bottom: 20px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.thumbnail {
|
|
|
- position: relative;
|
|
|
- padding: 0px;
|
|
|
- margin-bottom: 30px;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
-}
|
|
|
-.thumbnail img { width: 100% }
|
|
|
-.profile { margin-top: 20px }
|
|
|
-.profile h2 {
|
|
|
- text-align: center;
|
|
|
- padding-bottom: 5px;
|
|
|
- padding-top: 5px;
|
|
|
- margin-bottom: 40px;
|
|
|
-}
|
|
|
-.about-hiring { padding-bottom: 15px }
|
|
|
-.height { height: 40px }
|
|
|
-.skill_bar_progress {
|
|
|
- width: 0%;
|
|
|
- padding-left: 10px;
|
|
|
- padding-top: 4px;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- color: #fff;
|
|
|
- height: 100%;
|
|
|
- background: rgb(44, 62, 80);
|
|
|
-}
|
|
|
-.skill_bar {
|
|
|
- width: 100%;
|
|
|
- height: 30px;
|
|
|
- background: #e1e1e1;
|
|
|
- margin-bottom: 20px;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#progressbar {
|
|
|
- width: 100%;
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-#progress {
|
|
|
- background: rgb(44, 62, 80); /*-- Color of the bar --*/
|
|
|
- width: 0%;
|
|
|
- color: #fff;
|
|
|
- padding-left: 8px;
|
|
|
- max-width: 100%;
|
|
|
- float: left;
|
|
|
- -webkit-animation: progress 2s 1 forwards;
|
|
|
- -moz-animation: progress 2s 1 forwards;
|
|
|
- -ms-animation: progress 2s 1 forwards;
|
|
|
- animation: progress 2s 1 forwards;
|
|
|
-}
|
|
|
-@-webkit-keyframes progress {
|
|
|
- from { }
|
|
|
- to { width: 70% }
|
|
|
-}
|
|
|
-@-moz-keyframes progress {
|
|
|
- from { }
|
|
|
- to { width: 36% }
|
|
|
-}
|
|
|
-@-ms-keyframes progress {
|
|
|
- from { }
|
|
|
- to { width: 36% }
|
|
|
-}
|
|
|
-@keyframes progress {
|
|
|
- from { }
|
|
|
- to { width: 36% }
|
|
|
-}
|
|
|
-/* carousel */
|
|
|
-#quote-carousel {
|
|
|
- padding: 0 10px 30px 10px;
|
|
|
- margin-top: 30px 0px 0px;
|
|
|
-}
|
|
|
-/* Control buttons */
|
|
|
-#quote-carousel .carousel-control {
|
|
|
- background: none;
|
|
|
- color: #222;
|
|
|
- font-size: 2.3em;
|
|
|
- text-shadow: none;
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
-/* Previous button */
|
|
|
-#quote-carousel .carousel-control.left { left: -12px }
|
|
|
-/* Next button */
|
|
|
-#quote-carousel .carousel-control.right { right: -12px !important }
|
|
|
-/* Changes the position of the indicators */
|
|
|
-#quote-carousel .carousel-indicators {
|
|
|
- right: 50%;
|
|
|
- top: auto;
|
|
|
- bottom: 0px;
|
|
|
- margin-right: -19px;
|
|
|
-}
|
|
|
-/* Changes the color of the indicators */
|
|
|
-#quote-carousel .carousel-indicators li { background: #c0c0c0 }
|
|
|
-#quote-carousel .carousel-indicators .active { background: #333333 }
|
|
|
-#quote-carousel img {
|
|
|
- width: 250px;
|
|
|
- height: 100px;
|
|
|
-}
|
|
|
-/* End carousel */
|
|
|
-.item blockquote {
|
|
|
- border-left: none;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.item blockquote img { margin-bottom: 10px }
|
|
|
-.item blockquote p:before {
|
|
|
- content: "\f10d";
|
|
|
- font-family: 'Fontawesome';
|
|
|
- float: left;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-/**
|
|
|
- MEDIA QUERIES
|
|
|
-*/
|
|
|
-/* Small devices (tablets, 768px and up) */
|
|
|
-@media (min-width: 768px) {
|
|
|
- #quote-carousel {
|
|
|
- margin-bottom: 0;
|
|
|
- padding: 30px;
|
|
|
- }
|
|
|
-}
|
|
|
-/* Small devices (tablets, up to 768px) */
|
|
|
-@media (max-width: 767px) {
|
|
|
- /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
|
|
|
- #quote-carousel .carousel-indicators { bottom: -20px !important }
|
|
|
- #quote-carousel .carousel-indicators li {
|
|
|
- display: inline-block;
|
|
|
- margin: 0px 5px;
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- }
|
|
|
- #quote-carousel .carousel-indicators li.active {
|
|
|
- margin: 0px 5px;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- }
|
|
|
-}
|
|
|
-#filters {
|
|
|
- margin: 1%;
|
|
|
- padding: 0;
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-#filters li { float: left }
|
|
|
-#filters li span {
|
|
|
- display: block;
|
|
|
- padding: 5px 20px;
|
|
|
- text-decoration: none;
|
|
|
- color: #666;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-#filters li span.active {
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-#portfoliolist-three .portfolio {
|
|
|
- width: 32%;
|
|
|
- margin-right: 1%;
|
|
|
- margin-bottom: 1%;
|
|
|
- display: none;
|
|
|
- float: left;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#portfoliolist .portfolio {
|
|
|
- width: 24%;
|
|
|
- margin-right: 1%;
|
|
|
- margin-bottom: 1%;
|
|
|
- display: none;
|
|
|
- float: left;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.portfolio-wrapper {
|
|
|
- overflow: hidden;
|
|
|
- position: relative !important;
|
|
|
- background: #666;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.portfolio img {
|
|
|
- max-width: 100%;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-span.filter {
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
-}
|
|
|
-/* #Tablet (Portrait) */
|
|
|
-@media only screen and (min-width: 768px) and (max-width: 959px) {
|
|
|
- .container { width: 768px }
|
|
|
-}
|
|
|
-/* #Mobile (Portrait) - Note: Design for a width of 320px */
|
|
|
-@media only screen and (max-width: 767px) {
|
|
|
- .container { width: 95% }
|
|
|
- #portfoliolist .portfolio {
|
|
|
- width: 97%;
|
|
|
- margin: 2%;
|
|
|
- }
|
|
|
- #portfoliolist-three .portfolio {
|
|
|
- width: 97%;
|
|
|
- margin: 2%;
|
|
|
- }
|
|
|
-}
|
|
|
-/* #Mobile (Landscape) - Note: Design for a width of 480px */
|
|
|
-@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
|
- .container { width: 70% }
|
|
|
-}
|
|
|
-.portfolio-hover {
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.portfolio-hover .icon {
|
|
|
- background-color: #000;
|
|
|
- border-radius: 50px;
|
|
|
- -webkit-border-radius: 50px;
|
|
|
- -moz-border-radius: 50px;
|
|
|
- opacity: .7;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.image-caption {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- background: rgba(0, 0, 0, 0.5);
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- padding-top: 35%;
|
|
|
- display: none;
|
|
|
- text-align: center;
|
|
|
- color: #fff !important;
|
|
|
- z-index: 2;
|
|
|
-}
|
|
|
-.price-container {
|
|
|
- margin-top: -40px;
|
|
|
- margin-bottom: -50px;
|
|
|
-}
|
|
|
-.price-one h1 { padding-top: 10px }
|
|
|
-.price-one p {
|
|
|
- text-align: center;
|
|
|
- padding-bottom: 40px;
|
|
|
-}
|
|
|
-/*pricing table*/
|
|
|
-.pricing-table-two {
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- padding: 7px 0;
|
|
|
- margin: 20px -5px;
|
|
|
- border: 1px solid #eee;
|
|
|
-}
|
|
|
-.pricing-table-two .title {
|
|
|
- font-size: 24px;
|
|
|
- padding: 15px 20px;
|
|
|
- color: #000000;
|
|
|
-}
|
|
|
-.pricing-table-two .price { color: #E74c3c }
|
|
|
-.pricing-table-two .desc { padding: 5px 20px }
|
|
|
-.pricing-table-two .inner { padding: 0 10px }
|
|
|
-.pricing-table-two ul.items {
|
|
|
- list-style: none;
|
|
|
- padding-left: 0;
|
|
|
- margin: 0 8px;
|
|
|
- margin-top: 14px;
|
|
|
- margin-bottom: 17px;
|
|
|
-}
|
|
|
-.pricing-table-two ul.items li {
|
|
|
- margin-bottom: 5px;
|
|
|
- padding: 13px 15px;
|
|
|
- border-radius: 1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-.pricing-table-two ul.items li.available { background-color: #f2f4f5 }
|
|
|
-.pricing-table-two ul.items li .icon-holder {
|
|
|
- display: inline-block;
|
|
|
- vertical-align: top;
|
|
|
- font-size: 18px;
|
|
|
- padding-left: 13px;
|
|
|
- position: relative;
|
|
|
- padding-top: 3px;
|
|
|
-}
|
|
|
-.pricing-table-two ul.items li .desc {
|
|
|
- display: inline-block;
|
|
|
- width: 85%;
|
|
|
-}
|
|
|
-.pricing-table-two ul.items li .checkbox label {
|
|
|
- padding-left: 2px;
|
|
|
- margin-bottom: 14px;
|
|
|
-}
|
|
|
-.pricing-table-two ul.items li label {
|
|
|
- cursor: pointer;
|
|
|
- margin-bottom: 0;
|
|
|
- font-size: 13px;
|
|
|
-}
|
|
|
-.pricing-table-two.highlighted {
|
|
|
- border: 1px solid #0aa699;
|
|
|
- position: relative;
|
|
|
- top: -15px;
|
|
|
- padding-bottom: 20px;
|
|
|
- padding-top: 25px;
|
|
|
-}
|
|
|
-.pricing-table-two .btn-block {
|
|
|
- width: 60%;
|
|
|
- margin-left: 20%;
|
|
|
- margin-bottom: 10px;
|
|
|
- padding: 9px 0;
|
|
|
-}
|
|
|
-.feature-item {
|
|
|
- margin: 0 50px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.pricing-table-two .price-actions .btn {
|
|
|
- border-radius: 5px;
|
|
|
- -moz-border-radius: 5px;
|
|
|
- -webkit-border-radius: 5px;
|
|
|
- background: rgb(44, 62, 80);
|
|
|
- color: #fff;
|
|
|
- border: none;
|
|
|
- box-shadow: none;
|
|
|
- text-shadow: none;
|
|
|
- padding: 10px 20px;
|
|
|
- margin-left: 16%;
|
|
|
- margin-bottom: 3%;
|
|
|
- width: 70%;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.muted { color: #b6bfc5 }
|
|
|
-.text-error { color: #e74c3c }
|
|
|
-.f-w-n { font-weight: normal }
|
|
|
-.pr-10 { padding-right: 10px }
|
|
|
-.pr-5 { padding-right: 5px }
|
|
|
-.error-inner {
|
|
|
- text-align: center;
|
|
|
- padding: 15%;
|
|
|
-}
|
|
|
-.career-contact {
|
|
|
- border: 1px solid #eee;
|
|
|
- background-color: #f7f7f7;
|
|
|
- padding-top: 9px;
|
|
|
-}
|
|
|
-.career-inner {
|
|
|
- margin-top: -40px;
|
|
|
- padding: 30px 0;
|
|
|
-}
|
|
|
-.career-head h1 { text-align: center }
|
|
|
-.candidate ul li { padding: 3px 0 }
|
|
|
-.candidate h1 { margin-bottom: 20px }
|
|
|
-.align-left { text-align: left }
|
|
|
-.privacy-terms h3 { text-align: left }
|
|
|
-.terms-list {
|
|
|
- padding-left: 15px;
|
|
|
- padding-bottom: 25px;
|
|
|
- line-height: 1.6;
|
|
|
-}
|
|
|
-.owl-prev {
|
|
|
- float: left;
|
|
|
- padding: 8px 20px;
|
|
|
- margin-left: 2px;
|
|
|
- border-radius: 2px;
|
|
|
- -webkit-border-radius: 2px;
|
|
|
- -moz-border-radius: 2px;
|
|
|
- margin-top: 5px;
|
|
|
- background-color: #eee;
|
|
|
-}
|
|
|
-.owl-next {
|
|
|
- float: right;
|
|
|
- padding: 8px 20px;
|
|
|
- margin-right: 2px;
|
|
|
- border-radius: 2px;
|
|
|
- -webkit-border-radius: 2px;
|
|
|
- -moz-border-radius: 2px;
|
|
|
- margin-top: 5px;
|
|
|
- background-color: #eee;
|
|
|
-}
|
|
|
-/*404 page*/
|
|
|
-.fof { margin-top: -40px }
|
|
|
-.fof h1 { margin-top: 0px }
|
|
|
-/*submenu test*/
|
|
|
-.dropdown-submenu { position: relative }
|
|
|
-.dropdown-submenu>.dropdown-menu {
|
|
|
- top: 0;
|
|
|
- left: 100%;
|
|
|
- margin-top: 0px;
|
|
|
- margin-left: -1px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- border-radius: 1px;
|
|
|
-}
|
|
|
-.dropdown-submenu:hover>.dropdown-menu { display: block }
|
|
|
-.dropdown-submenu>a:after {
|
|
|
- display: block;
|
|
|
- content: " ";
|
|
|
- float: right;
|
|
|
- width: 0;
|
|
|
- height: 0;
|
|
|
- border-color: transparent;
|
|
|
- border-style: solid;
|
|
|
- border-width: 5px 0 5px 5px;
|
|
|
- border-left-color: #ccc;
|
|
|
- margin-top: 9px;
|
|
|
- margin-right: -10px;
|
|
|
-}
|
|
|
-.dropdown-submenu:hover>a:after { border-left-color: #fff }
|
|
|
-.dropdown-submenu.pull-left { float: none }
|
|
|
-.dropdown-submenu.pull-left>.dropdown-menu {
|
|
|
- left: -100%;
|
|
|
- margin-left: 10px;
|
|
|
- -webkit-border-radius: 1px;
|
|
|
- -moz-border-radius: 1px;
|
|
|
- border-radius: 1px;
|
|
|
-}
|
|
|
-.pad-bot-fifty { padding-bottom: 50px }
|
|
|
-.jumbotron { margin-bottom: 0px }
|
|
|
-.mar-b-30 { margin-bottom: 30px }
|
|
|
-.mar-b-40 { margin-bottom: 40px }
|
|
|
-.mar-b-50 { margin-bottom: 50px }
|
|
|
-.mar-b-60 { margin-bottom: 60px }
|
|
|
-.mar-b-70 { margin-bottom: 70px }
|
|
|
.btn {
|
|
|
border-radius: 4px;
|
|
|
- -webkit-border-radius: 4px;
|
|
|
- -moz-border-radius: 4px;
|
|
|
-}
|
|
|
-/*
|
|
|
- Component: Buttons
|
|
|
--------------------------
|
|
|
-*/
|
|
|
-.btn {
|
|
|
font-weight: 500;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
border-radius: 3px;
|
|
|
border: 1px solid transparent;
|
|
|
}
|
|
|
-.btn.btn-default {
|
|
|
- background-color: #fafafa;
|
|
|
- color: #666;
|
|
|
- border-color: #ddd;
|
|
|
- border-bottom-color: #ddd;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-default:hover,
|
|
|
-.btn.btn-default:active,
|
|
|
-.btn.btn-default.hover {
|
|
|
- background-color: #f4f4f4!important;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-default.btn-flat {
|
|
|
- border-bottom-color: #d9dadc;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-primary {
|
|
|
- background-color: #3bafda;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-primary:hover,
|
|
|
-.btn.btn-primary:active,
|
|
|
-.btn.btn-primary.hover {
|
|
|
- background-color: #4fc1e9;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-success {
|
|
|
- background-color: #8cc152;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-success:hover,
|
|
|
-.btn.btn-success:active,
|
|
|
-.btn.btn-success.hover {
|
|
|
- background-color: #a0d468;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-info {
|
|
|
- background-color: #37bc9b;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-info:hover,
|
|
|
-.btn.btn-info:active,
|
|
|
-.btn.btn-info.hover {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-danger {
|
|
|
- background-color: #E74c3c;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-danger:hover,
|
|
|
-.btn.btn-danger:active,
|
|
|
-.btn.btn-danger.hover {
|
|
|
- background-color: #f4543c;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-warning {
|
|
|
- background-color: #f6bb42;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn.btn-warning:hover,
|
|
|
-.btn.btn-warning:active,
|
|
|
-.btn.btn-warning.hover {
|
|
|
- background-color: #ffce54;
|
|
|
- border: none;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-.btn-group .btn.btn-success { border: 1px solid #7ab03f }
|
|
|
-.btn-group .btn.btn-info { border: 1px solid #2fa084 }
|
|
|
-.btn-group .btn.btn-danger { border: 1px solid #d13a24 }
|
|
|
-.btn-group .btn.btn-warning { border: 1px solid #efa50b }
|
|
|
-.btn-group-vertical .btn.btn-success { border: 1px solid #7ab03f }
|
|
|
-.btn-group-vertical .btn.btn-info { border: 1px solid #2fa084 }
|
|
|
-.btn-group-vertical .btn.btn-danger { border: 1px solid #d13a24 }
|
|
|
-.btn-group-vertical .btn.btn-warning { border: 1px solid #efa50b }
|
|
|
-.open .dropdown-toggle.btn-warning {
|
|
|
- background-color: #f6bb42;
|
|
|
- border-color: #efa50b;
|
|
|
-}
|
|
|
-.open .dropdown-toggle.btn-info {
|
|
|
- background-color: rgb(44, 62, 80);
|
|
|
- border-color: #2fa084;
|
|
|
-}
|
|
|
-.btn.btn-flat {
|
|
|
- -webkit-border-radius: 0;
|
|
|
- -moz-border-radius: 0;
|
|
|
- border-radius: 0;
|
|
|
- -webkit-box-shadow: none;
|
|
|
- -moz-box-shadow: none;
|
|
|
- box-shadow: none;
|
|
|
- border-width: 1px;
|
|
|
-}
|
|
|
-.btn:active {
|
|
|
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
|
- -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
|
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
|
-}
|
|
|
-.btn:focus { outline: none }
|
|
|
-.btn.btn-file {
|
|
|
- position: relative;
|
|
|
- width: 120px;
|
|
|
- height: 35px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.btn.btn-file > input[type='file'] {
|
|
|
- display: block !important;
|
|
|
- width: 100% !important;
|
|
|
- height: 35px !important;
|
|
|
- opacity: 0 !important;
|
|
|
- position: absolute;
|
|
|
- top: -10px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.btn.btn-app {
|
|
|
- position: relative;
|
|
|
- padding: 15px 5px;
|
|
|
- margin: 0 0 10px 10px;
|
|
|
- min-width: 80px;
|
|
|
- height: 60px;
|
|
|
- -webkit-box-shadow: none;
|
|
|
- -moz-box-shadow: none;
|
|
|
- box-shadow: none;
|
|
|
- -webkit-border-radius: 0;
|
|
|
- -moz-border-radius: 0;
|
|
|
- border-radius: 0;
|
|
|
- text-align: center;
|
|
|
- color: #666;
|
|
|
- border: 1px solid #ddd;
|
|
|
- background-color: #fafafa;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-.btn.btn-app > .fa,
|
|
|
-.btn.btn-app > .glyphicon,
|
|
|
-.btn.btn-app > .ion {
|
|
|
- font-size: 20px;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-.btn.btn-app:hover {
|
|
|
- background: #f4f4f4;
|
|
|
- color: #444;
|
|
|
- border-color: #aaa;
|
|
|
-}
|
|
|
-.btn.btn-app:active,
|
|
|
-.btn.btn-app:focus {
|
|
|
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
|
- -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
|
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
|
-}
|
|
|
-.btn.btn-app > .badge {
|
|
|
- position: absolute;
|
|
|
- top: -3px;
|
|
|
- right: -10px;
|
|
|
- font-size: 10px;
|
|
|
- font-weight: 400;
|
|
|
-}
|
|
|
-.btn.btn-social-old {
|
|
|
- -webkit-box-shadow: none;
|
|
|
- -moz-box-shadow: none;
|
|
|
- box-shadow: none;
|
|
|
- opacity: 0.9;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.btn.btn-social-old > .fa {
|
|
|
- padding: 10px 0;
|
|
|
- width: 40px;
|
|
|
-}
|
|
|
-.btn.btn-social-old > .fa + span { border-left: 1px solid rgba(255, 255, 255, 0.3) }
|
|
|
-.btn.btn-social-old span { padding: 10px }
|
|
|
-.btn.btn-social-old:hover { opacity: 1 }
|
|
|
-.btn.btn-circle {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- padding: 0;
|
|
|
- -webkit-border-radius: 50%;
|
|
|
- -moz-border-radius: 50%;
|
|
|
- border-radius: 50%;
|
|
|
-}
|
|
|
-/* Background colors */
|
|
|
-.bg-red,
|
|
|
-.bg-yellow,
|
|
|
-.bg-aqua,
|
|
|
-.bg-blue,
|
|
|
-.bg-light-blue,
|
|
|
-.bg-green,
|
|
|
-.bg-navy,
|
|
|
-.bg-teal,
|
|
|
-.bg-olive,
|
|
|
-.bg-lime,
|
|
|
-.bg-rgb,
|
|
|
-.bg-fuchsia,
|
|
|
-.bg-purple,
|
|
|
-.bg-maroon,
|
|
|
-.bg-black { color: #f9f9f9 !important }
|
|
|
-.bg-gray { background-color: #eaeaec !important }
|
|
|
-.bg-black { background-color: #222222 !important }
|
|
|
-.bg-red { background-color: #f56954 !important }
|
|
|
-.bg-yellow { background-color: #f39c12 !important }
|
|
|
-.bg-aqua { background-color: #00c0ef !important }
|
|
|
-.bg-blue { background-color: #0073b7 !important }
|
|
|
-.bg-light-blue { background-color: #3c8dbc !important }
|
|
|
-.bg-green { background-color: #00a65a !important }
|
|
|
-.bg-navy { background-color: #001f3f !important }
|
|
|
-.bg-teal { background-color: #39cccc !important }
|
|
|
-.bg-olive { background-color: #3d9970 !important }
|
|
|
-.bg-lime { background-color: #01ff70 !important }
|
|
|
-.bg-rgb { background-color: #ff851b !important }
|
|
|
-.bg-fuchsia { background-color: #f012be !important }
|
|
|
-.bg-purple { background-color: #932ab6 !important }
|
|
|
-.bg-maroon { background-color: #85144b !important }
|
|
|
-.tag-line-section {
|
|
|
- background: url("../img/tg-black-bg.png") no-repeat fixed top rgba(0,0,0,0.7);
|
|
|
- height: 300px;
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
-.mfp-fade.mfp-bg {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transition: all 0.3s ease-out;
|
|
|
- -moz-transition: all 0.3s ease-out;
|
|
|
- transition: all 0.3s ease-out;
|
|
|
-}
|
|
|
-/* overlay animate in */
|
|
|
-.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8 }
|
|
|
-/* overlay animate out */
|
|
|
-.mfp-fade.mfp-bg.mfp-removing { opacity: 0 }
|
|
|
-/* content at start */
|
|
|
-.mfp-fade.mfp-wrap .mfp-content {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transition: all 0.3s ease-out;
|
|
|
- -moz-transition: all 0.3s ease-out;
|
|
|
- transition: all 0.3s ease-out;
|
|
|
-}
|
|
|
-/* content animate it */
|
|
|
-.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 }
|
|
|
-/* content animate out */
|
|
|
-.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 }
|
|
|
-
|
|
|
-/* Recent work hover effect */
|
|
|
-
|
|
|
-.view-sixth img {
|
|
|
- -webkit-transition: all 0.4s ease-in-out 0.5s;
|
|
|
- -moz-transition: all 0.4s ease-in-out 0.5s;
|
|
|
- -o-transition: all 0.4s ease-in-out 0.5s;
|
|
|
- -ms-transition: all 0.4s ease-in-out 0.5s;
|
|
|
- transition: all 0.4s ease-in-out 0.5s;
|
|
|
-}
|
|
|
-.view-sixth .mask {
|
|
|
- background-color: rgba(0,0,0,0.5);
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=0);
|
|
|
- opacity: 0;
|
|
|
- -webkit-transition: all 0.3s ease-in 0.4s;
|
|
|
- -moz-transition: all 0.3s ease-in 0.4s;
|
|
|
- -o-transition: all 0.3s ease-in 0.4s;
|
|
|
- -ms-transition: all 0.3s ease-in 0.4s;
|
|
|
- transition: all 0.3s ease-in 0.4s;
|
|
|
-}
|
|
|
-.view-sixth a.info {
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
- filter: alpha(opacity=0);
|
|
|
- opacity: 0;
|
|
|
- -webkit-transform: translateY(100px);
|
|
|
- -moz-transform: translateY(100px);
|
|
|
- -o-transform: translateY(100px);
|
|
|
- -ms-transform: translateY(100px);
|
|
|
- transform: translateY(100px);
|
|
|
- -webkit-transition: all 0.3s ease-in-out 0.1s;
|
|
|
- -moz-transition: all 0.3s ease-in-out 0.1s;
|
|
|
- -o-transition: all 0.3s ease-in-out 0.1s;
|
|
|
- -ms-transition: all 0.3s ease-in-out 0.1s;
|
|
|
- transition: all 0.3s ease-in-out 0.1s;
|
|
|
-}
|
|
|
-.view-sixth:hover .mask {
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
|
- filter: alpha(opacity=100);
|
|
|
- opacity: 1;
|
|
|
- -webkit-transition-delay: 0s;
|
|
|
- -moz-transition-delay: 0s;
|
|
|
- -o-transition-delay: 0s;
|
|
|
- -ms-transition-delay: 0s;
|
|
|
- transition-delay: 0s;
|
|
|
-}
|
|
|
-.view-sixth:hover img {
|
|
|
- -webkit-transition-delay: 0s;
|
|
|
- -moz-transition-delay: 0s;
|
|
|
- -o-transition-delay: 0s;
|
|
|
- -ms-transition-delay: 0s;
|
|
|
- transition-delay: 0s;
|
|
|
-}
|
|
|
-.view-sixth:hover a.info {
|
|
|
- -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
|
- filter: alpha(opacity=100);
|
|
|
- opacity: 1;
|
|
|
- -webkit-transform: translateY(0px);
|
|
|
- -moz-transform: translateY(0px);
|
|
|
- -o-transform: translateY(0px);
|
|
|
- -ms-transform: translateY(0px);
|
|
|
- transform: translateY(0px);
|
|
|
- -webkit-transition-delay: 0.3s;
|
|
|
- -moz-transition-delay: 0.3s;
|
|
|
- -o-transition-delay: 0.3s;
|
|
|
- -ms-transition-delay: 0.3s;
|
|
|
- transition-delay: 0.3s;
|
|
|
-}
|
|
|
-.view {
|
|
|
- float: left;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- cursor: default;
|
|
|
-}
|
|
|
-.view .mask,
|
|
|
-.view .content {
|
|
|
- position: absolute;
|
|
|
- overflow: hidden;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-.view img {
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.view a.info {
|
|
|
- display: inline-block;
|
|
|
- text-decoration: none;
|
|
|
- position: relative;
|
|
|
- top: 35%;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.feature-box {
|
|
|
- margin-top: 15px;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-.feature-box-heading i {
|
|
|
- color: rgb(44, 62, 80);
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- display: inline-block;
|
|
|
- border-radius: 50px;
|
|
|
- border: 1px solid rgb(44, 62, 80);
|
|
|
- line-height: 40px;
|
|
|
-}
|
|
|
-.border-one {
|
|
|
- border: 1px solid #ffffff;
|
|
|
- padding: 5px 15px;
|
|
|
-}
|
|
|
-.border-one:hover {
|
|
|
- border: 1px solid #eee;
|
|
|
- padding: 5px 15px;
|
|
|
- opacity: .9;
|
|
|
-}
|
|
|
-
|
|
|
-/* Back-to-top */
|
|
|
-#back-to-top {
|
|
|
- display:none;
|
|
|
- position:fixed;
|
|
|
- bottom:30px;
|
|
|
- right:30px;
|
|
|
- height:40px;
|
|
|
- width:40px;
|
|
|
- cursor:pointer;
|
|
|
- background:#000000;
|
|
|
- line-height:1em;
|
|
|
- -webkit-border-radius:2px;
|
|
|
- -moz-border-radius:2px;
|
|
|
- border-radius:2px;
|
|
|
- background-image:url(../img/triangle.png);
|
|
|
- background-position: 12px 16px;
|
|
|
- background-repeat:no-repeat;
|
|
|
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
|
|
- filter: alpha(opacity=80);
|
|
|
- opacity:0.5;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-
|
|
|
-#back-to-top:hover {
|
|
|
-
|
|
|
- background-color:rgb(44, 62, 80);
|
|
|
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
|
|
- filter: alpha(opacity=80);
|
|
|
- opacity:0.8;
|
|
|
- -webkit-transition: all .3s ease;
|
|
|
- -moz-transition: all .3s ease;
|
|
|
- -ms-transition: all .3s ease;
|
|
|
- -o-transition: all .3s ease;
|
|
|
- transition: all .3s ease;
|
|
|
-}
|
|
|
-div#logo a img{
|
|
|
- float:left;
|
|
|
- height:75px;
|
|
|
-
|
|
|
-}
|
|
|
-div.header h3{
|
|
|
- margin-left:15px;
|
|
|
-}
|
|
|
-.hr{
|
|
|
- height:1px;
|
|
|
- width: 30%;
|
|
|
- margin:30px auto;
|
|
|
- background-color:#ececec;
|
|
|
- position: relative;
|
|
|
- line-height: 1px;
|
|
|
-}
|
|
|
-
|
|
|
-.hr-inner{
|
|
|
- width:8px;
|
|
|
- height: 9px;
|
|
|
- background-color: #fff;
|
|
|
- border: 1px solid #ececec;
|
|
|
- position: absolute;
|
|
|
- left:50%;
|
|
|
- top:-4px;
|
|
|
-}
|
ect (or 2du)