/*------------------------------------------------------------------
[Master Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,400i,600');
@charset "UTF-8";
/*------------------------------------------------------------------
[Blog Post Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
.blog-posts article {
border-bottom: 1px solid #DDD;
margin-bottom: 50px;
padding-bottom: 10px;
}
.blog-posts .pagination {
margin: -10px 0 20px;
}
/* Post */
article.post h2 a {
text-decoration: none;
}
article.post .post-meta {
font-size: 0.9em;
margin-bottom: 7px;
}
article.post .post-meta > span {
display: inline-block;
padding-right: 8px;
}
article.post .post-meta i {
margin-right: 3px;
}
article.post .post-date {
float: left;
margin-right: 10px;
text-align: center;
}
article.post .post-date .month {
background: #f08715;
border-radius: 0 0 2px 2px;
color: #FFF;
font-size: 0.9em;
padding: 0 10px 2px;
}
article.post .post-date .day {
background: #0a8dcc;
border-radius: 2px 2px 0 0;
color: #fff;
display: block;
font-size: 16px;
font-weight: 500;
font-weight: bold;
padding: 10px;
}
article.post .post-image .owl-carousel {
width: 100.1%;
}
article .post-video {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 0;
background-color: #FFF;
border: 1px solid #DDD;
border-radius: 8px;
display: block;
height: auto;
position: relative;
margin: 0 0 30px 0;
padding-bottom: 61%;
}
article .post-video iframe {
bottom: 0;
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 100%;
padding: 4px;
position: absolute;
right: 0;
top: 0;
width: auto;
}
article .post-audio {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 0;
background-color: #FFF;
border: 1px solid #DDD;
border-radius: 8px;
display: block;
height: auto;
position: relative;
margin: 0 0 30px 0;
padding-bottom: 25%;
}
article .post-audio iframe {
bottom: 0;
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 100%;
padding: 4px;
position: absolute;
right: 0;
top: 0;
width: auto;
}
article.post-medium .post-image .owl-carousel {
width: 100.2%;
}
article.post-large {
margin-left: 0px;
}
article.post-large h2 {
margin-bottom: 5px;
}
article.post-large .post-image, article.post-large .post-date {
margin-left: -60px;
}
article.post-large .post-image {
margin-bottom: 15px;
}
article.post-large .post-image.single {
margin-bottom: 30px;
}
article.post-large .post-video {
margin-left: -60px;
}
article.post-large .post-audio {
margin-left: -60px;
}
/* Single Post */
.single-post article {
border-bottom: 0;
margin-bottom: 0;
}
article.blog-single-post .post-meta {
margin-bottom: 20px;
}
/* Post Block */
.post-block {
border-top: 1px solid #DDD;
margin: 15px 0 0 0;
padding: 20px 0 15px 0;
}
.post-block h3 {
font-size: 1.8em;
font-weight: 200;
margin: 0 0 20px;
text-transform: none;
}
.post-block h3 i {
margin-right: 7px;
}
/* Post Author */
.post-author {
margin: 15px 0 0 0;
}
.post-author img {
max-height: 80px;
max-width: 80px;
}
.post-author p {
font-size: 0.9em;
line-height: 22px;
margin: 0;
padding: 0;
}
.post-author p .name {
font-size: 1.1em;
}
.post-author .img-thumbnail {
display: inline-block;
float: left;
margin-right: 20px;
}
/* Post Share */
.post-share {
margin: 55px 0 0 0;
padding-bottom: 0;
}
/* Post Comments */
.post-comments {
margin-top: 45px;
}
ul.comments {
list-style: none;
margin: 0;
padding: 0;
}
ul.comments li {
clear: both;
padding: 10px 0 0 115px;
}
ul.comments li img.avatar {
height: 80px;
width: 80px;
}
ul.comments li ul.reply {
margin: 0;
}
ul.comments li a {
text-decoration: none;
}
ul.comments li .img-thumbnail {
margin-left: -115px;
position: absolute;
}
ul.comments li .comment {
margin-bottom: 10px;
}
ul.comments .comment-arrow {
border-bottom: 15px solid transparent;
border-right: 15px solid #F4F4F4;
border-top: 15px solid transparent;
height: 0;
left: -15px;
position: absolute;
top: 28px;
width: 0;
}
ul.comments .comment-block {
background: #F4F4F4;
border-radius: 5px;
padding: 20px 20px 30px;
position: relative;
}
ul.comments .comment-block p {
font-size: 0.9em;
line-height: 21px;
margin: 0;
padding: 0;
}
ul.comments .comment-block .comment-by {
display: block;
font-size: 1em;
line-height: 21px;
margin: 0;
padding: 0 0 5px 0;
}
ul.comments .comment-block .date {
color: #999;
font-size: 0.9em;
}
/* Leave a Comment */
.post-leave-comment {
margin-top: 25px;
padding-top: 45px;
}
.post-leave-comment h3 {
margin: 0 0 40px;
}
/* Recent Posts */
.recent-posts h4 {
margin-bottom: 7px;
}
.recent-posts article.recent-post h4 {
margin: 0 0 3px 0;
}
.recent-posts article.recent-post h4 a {
display: block;
}
.recent-posts .date {
float: left;
margin-right: 10px;
margin-top: 8px;
text-align: center;
}
.recent-posts .date .month {
background: #CCC;
border-radius: 0 0 2px 2px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
color: #FFF;
font-size: 0.9em;
padding: 0 10px 2px;
}
.recent-posts .date .day {
background: #F7F7F7;
color: #CCC;
display: block;
font-size: 18px;
font-weight: 500;
font-weight: bold;
padding: 8px;
}
section.featured .recent-posts .date .day {
background: #FFF;
}
/* Simple Post List */
ul.simple-post-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.simple-post-list li {
*zoom: 1;
border-bottom: 1px dotted #E2E2E2;
padding: 15px 0;
}
ul.simple-post-list li:before, ul.simple-post-list li:after {
content: " ";
display: table;
}
ul.simple-post-list li:after {
clear: both;
}
ul.simple-post-list li:last-child {
border-bottom: 0;
}
ul.simple-post-list .post-image {
float: left;
margin-right: 12px;
}
ul.simple-post-list .post-meta {
color: #888;
font-size: 0.8em;
}
/* Responsive */
@media (max-width: 479px) {
ul.comments li {
border-left: 8px solid #DDDDDD;
clear: both;
padding: 0 0 0 10px;
}
ul.comments li .img-thumbnail {
display: none;
}
ul.comments .comment-arrow {
display: none;
}
}
/*---Sidebar---*/
hr.sep-line {
background-color:#ebebeb;
border: 0;
height: 1px;
margin: 22px 0 22px 0;
}
ul.nav-list.primary > li a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid #EDEDDE;
padding: 8px 0;
border-radius:0;
}
aside ul.nav-list > li > a {
color: #666;
font-size: 0.9em;
border-radius:0;
}
ul.nav-list.primary > li a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #333;
margin-left: 5px;
margin-right: 5px;
position: relative;
}
ul.nav-list.primary li {
line-height: 24px;
}
ul.nav-list.primary {
margin-top:15px;
margin-bottom:30px;
}
.blog-single .tab-content {
border-radius: 0 0 0px 0px;
background-color: #f7f7f7;
border: 1px solid #EEE;
border-top: 0;
padding: 15px;
}
.blog-single .nav-tabs {
border-bottom-color: #EEE;
}
.blog-single .tabs ul.nav-tabs li.active a {
border-top-color: #0a8dcc;
color: #0a8dcc;
border-radius:0;
}
.blog-single .nav-tabs li.active a, .blog-single .nav-tabs li.active a:hover, .blog-single .nav-tabs li.active a:focus {
background: #f7f7f7;
border-left-color: #EEE;
border-right-color: #EEE;
border-top: 3px solid #CCC;
color: #CCC;
border-radius:0;
}
.blog-single .nav-tabs li a, .blog-single .nav-tabs li a:hover {
background: #fff;
border-bottom: none;
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
border-top: 3px solid #EEE;
color: #363636;
border-radius:0;
}
.widgetClientTestimonial .flex-viewport{
background-color:#fff;
border:1px solid #eee;
}
.widgetClientTestimonial blockquote{
padding:20px 20px;
margin:0;
font-size:13px;
line-height:24px;
border-left:0;
background-color: #f7f7f7;
}
.widgetClientTestimonial blockquote footer.client-name{
font-size:11px;
text-transform:uppercase;
color:#0a8dcc;
}
.widgetClientTestimonial blockquote footer.client-name .client-title{
color:#969595;
}
.widgetClientTestimonial blockquote .small:before,.widgetClientTestimonial blockquote footer:before,.widgetClientTestimonial blockquote small:before{
content:''
}
.widgetClientTestimonial .flex-control-thumbs{
margin:10px 0 0;
}
.widgetClientTestimonial .flex-control-thumbs li{
width:auto;
margin-right:5px;
}
.widgetClientTestimonial .flex-control-thumbs li:last-child{
margin-right:0;
}
.widgetClientTestimonial .flex-control-thumbs img{
width:39px;
opacity:1;
}
.widgetClientTestimonial .flex-control-thumbs .flex-active, .widgetClientTestimonial .flex-control-thumbs img:hover {
opacity: 0.4;
}
.widget_tag_cloud ul li{
margin-bottom:10px;
float:left;
}
.widget_tag_cloud ul li a{
display:block;
padding:3px 10px;
color:#898989;
background-color:#ebebeb;
}
.footer-widget.widget_tag_cloud ul li a{
background-color:transparent;
}
.widget_tag_cloud ul li a:hover{
background-color:#0a8dcc;
color:#fff;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
-ms-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
-ms-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
-ms-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
-ms-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
transform-origin: center top;
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
/*------------------------------------------------------------------
[DemoStyle Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
.yellow-theme .normal-btn{
background: #fab702;
border-radius:0px;
border:1px solid #fab702;
}
.yellow-theme .normal-btn:hover, .normal-btn:focus {
color: #fab702;
background: none;
border:1px solid #fab702;
}
.yellow-theme .rd-stroke-btn {
background: #fab702;
border-radius:0px;
border:1px solid #fab702;
color:#fff;
}
.yellow-theme .rd-stroke-btn:hover, .rd-stroke-btn:focus {
color: #fab702;
background: none;
border:1px solid #fab702;
}
.yellow-theme .dart-counter-image-background {
margin-bottom: 0px;
}
.yellow-theme .portfolioOne .item-box .portfolio-item {
background: rgba(250, 183, 2, 0.6);
}
.yellow-theme .fullWidthSix .feature-wrapper:hover .feature-content i {
background-color:#fab702;
color:#fff;
}
.yellow-theme .teamOne .team_social_links i:hover {
background-color: #fab702;
border-color: #fab702;
color: #fff;
border-radius: 50%;
text-align: center;
width: 45px;
height: 45px;
}
.yellow-theme .testimonialThree blockquote .avtar-info .name {
color: #fab702;
padding-left: 5px;
}
.yellow-theme .list-style-1 {
list-style-position: outside;
list-style-image: url(../images/bullet-2.png);
list-style-type: none;
padding-left: 15px;
}
.yellow-theme .footerOne .useful-links>ul>li>a:hover i {
color: #fab702;
padding-right: 10px;
margin-left: 0px;
visibility: visible;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yellow-theme .ms-anim-layers .thin-text-white{
margin:0px;
}
.yellow-theme .slide-3 .blacktext{
top:30% !important;
}
/*--Demo-7 (Restaurant)--*/
.orange-theme .dart-headingstyle-nine span.border-icon {
color: #FF5733;
padding: 0 10px;
font-size: 10px;
line-height: 18px;
position: relative;
display: inline-block;
}
.orange-theme .rd-stroke-btn {
color: #fff;
background: #FF5733;
border-style: solid;
border-color: #FF5733;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform: uppercase;
}
.orange-theme .rd-stroke-btn:hover{
background:none;
border-style: solid;
border-color: #FF5733;
color:#FF5733;
}
.orange-theme .normal-btn {
color: #fff;
background: #FF5733;
border-style: solid;
border-color: #FF5733;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform: uppercase;
}
.orange-theme .normal-btn:hover{
background:none;
border-style: solid;
border-color: #FF5733;
color:#FF5733;
}
.orange-theme .icon_box_circle i {
font-size: 17px;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 11px 0 0;
width: 40px;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
height: 40px;
background: #FF5733;
text-align: center;
border-radius: 100px;
}
.orange-theme .icon_box_circle i:hover{
background:none;
color:#FF5733;
border:1px solid #FF5733;
}
.orange-theme .icon_box_circle:hover a h4 {
color:#FF5733;
}
.orange-theme .tabSix .nav-tabs > li.active > a,.orange-theme .tabSix .nav-tabs > li.active > a:focus,.orange-theme .tabSix .nav-tabs > li.active > a:hover,.orange-theme .tabSix .nav-tabs > li > a:hover {
color: #333;
cursor: pointer;
border-width: 0px 0px 2px 0px;
border-color: #FF5733;
}
.orange-theme .dart-form-15 .btn-default {
width: 100%;
text-align: center;
font-weight: 600;
color: #fff;
background-color: #FF5733;
border-radius: 0px;
text-transform: uppercase;
padding: 12px 0px;
border: 1px solid #FF5733;
margin-right: 10px;
}
.orange-theme .dart-form-15 .btn-default:hover{
background:none;
color: #FF5733;
border: 1px solid #FF5733;
}
.orange-theme .dart-form-15 .inner-addon .fa {
position: absolute;
padding: 15px;
pointer-events: none;
font-size: 18px;
color: #FF5733;
}
.orange-theme .ms-anim-layers .thin-text-white{
margin:0px;
}
.orange-theme .slide-3 .blacktext{
top:30% !important;
}
.orange-theme .portfolioOne .item-box .portfolio-item {
background: rgba(255, 87, 81, 0.6);
}
.orange-theme .media .media-body {
margin-top:10px;
margin-bottom:10px;
text-align:left;
}
.orange-theme .media-body {
padding:10px;
}
.orange-theme .tabSix .nav-tabs li a p{
font-size:24px;
}
.orange-theme .tabSix .tab-content {
margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
}
@media (max-width : 991px) {
.orange-theme .dart-pb-30{
padding-bottom:10px;
}
.orange-theme .dart-pt-30 {
padding-top: 10px;
}
.orange-theme section {
padding: 10px 0px;
}
}
@media (max-width : 767px) {
.orange-theme .dart-pb-30{
padding-bottom:0PX;
}
.orange-theme .dart-pt-30 {
padding-top: 0px;
}
.orange-theme section {
padding: 10px 0px;
}
.orange-theme #fullwidth_1.fullWidthOne h2 {
margin-bottom: 0px;
margin-top: 0px;
}
.orange-theme .media .media-body{
display: initial;
}
}
/*--Demo-8(Non Profit)--*/
.darkyellow-theme .dart-headingstyle-ten .dart-heading{
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 10px;
}
.darkyellow-theme .features{
margin-top:50px;
}
.darkyellow-theme .general-section .iframe {
height: auto;
width: auto;
margin-top: 30px;
border: none;
height: 385px;
width: 100%;
}
.darkyellow-theme .dart-headingstyle-ten i {
font-size: 1.4285714285714286em;
color: #FFC55F;
}
.darkyellow-theme .tabFour .nav-pills > li.active > a, .darkyellow-theme .tabFour .nav-pills > li.active > a:focus,.darkyellow-theme .tabFour .nav-pills > li.active > a:hover {
color: #FFC55F;
}
.darkyellow-theme .tabFour .nav-pills > li.active > a, .darkyellow-theme .tabFour .nav-pills > li.active > a:focus,.darkyellow-theme .tabFour .nav-pills > li.active > a:hover {
background-color: #fff;
box-shadow: inset 3px 0 0px 0 #FFC55F;
}
.darkyellow-theme .portfolioOne .item-box .portfolio-item {
background: rgba(255,197,95,0.72);
}
.darkyellow-theme .fullWidthNine .feature-wrapper > i {
float: left;
font-size: 2.142857142857143em;
width: 10%;
color: #FFC55F;
}
.darkyellow-theme .rd-stroke-btn {
color: #333;
background: #FFC55F;
border-style: solid;
border-color: #FFC55F;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform: uppercase;
}
.darkyellow-theme .rd-stroke-btn:hover{
background:none;
border-style: solid;
border-color: #FFC55F;
color: #FFC55F;
}
.darkyellow-theme .icon_box_rd_corner i {
font-size: 17px;
position: absolute;
top: 0;
left: 0;
padding: 11px 0 0;
width: 40px;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
height: 40px;
background: #FFC55F;
color: #333;
text-align: center;
border-radius: 5px;
}
.darkyellow-theme .icon_box_rd_corner:hover a h4 {
color: #ffca00;
}
.darkyellow-theme .icon_box_rd_corner:hover i {
background: #FFC55F;
}
.darkyellow-theme .icon_box_rd_corner a{
color:#333;
}
.darkyellow-theme .icon_box_rd_corner a:hover{
color: #FFC55F;
text-decoration:underline;
}
.darkyellow-theme .testimonialThree blockquote .avtar-info .name {
color: #FFC55F;
padding-left: 5px;
}
.darkyellow-theme .teamOne .team_social_links i:hover {
background-color: #FFC55F;
border-color: #FFC55F;
color: #333;
border-radius: 50%;
text-align: center;
width: 45px;
height: 45px;
}
.darkyellow-theme .dart-form-2 ul.social_links_1 .active a i {
background-color: none;
border-color: #ffca00;
color: #ffca00;
}
.darkyellow-theme .dart-form-3 .btn-default {
width: 100%;
text-align: center;
font-weight: 600;
color: #333;
background-color: #FFC55F;
border-radius: 0px;
text-transform: uppercase;
padding: 12px 0px;
height: 50px;
border: 1px solid #FFC55F;
}
.darkyellow-theme .dart-form-3 .btn-default:hover{
background-color:#fff;
color:#FFC55F;
border:1px solid #FFC55F;
}
.darkyellow-theme .slide-3 .blacktext {
top: 30% !important;
}
.darkyellow-theme .dart-form-2 ul.social_links_1 a i:hover {
background-color: none;
border-color: #FFC55F;
color: #FFC55F;
}
.darkyellow-theme .fullWidthNine .feature-wrapper .feature-content {
margin-bottom:0px;
}
.darkyellow-theme .slide-7 .hps-title2{
line-height:30px;
}
@media only screen and (max-width: 1024px) {
}
@media (max-width : 991px) {
.darkyellow-theme section{
padding:30px 0;
}
.darkyellow-theme .dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width : 767px) {
.darkyellow-theme section{
padding:20px 0;
}
.darkyellow-theme .dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
}
/*--Demo-9(Music)--*/
.blue-theme .timer_box_3 {
width: 200px;
height: 80px;
display: inline-block;
margin: 20px 10px;
padding: 10px 30px 0px 5px;
text-align: center;
border-right: none;
}
.blue-theme .port-tab{
margin-right:10px;
}
.blue-theme .tab-pane .iframe{
border: none;
height: 230px;
width: 350px;;
}
.blue-theme .tab-pane .iframe-panel{
margin-right:15px;
display:inline-flex;
}
.blue-theme .shop-pages .border-lft {
padding-bottom: 0px;
border-left: 1px solid rgb(241, 241, 241);
}
.blue-theme .dart-form-3 .btn-default:hover{
background-color:#fff;
color:#ffca00;
border:1px solid #ffca00;
}
.blue-theme .slide-3 .blacktext {
top: 30% !important;
}
.blue-theme .item-box .portfolio-item {
background: rgba(4, 141, 178, 0.9);
color: white;
opacity: 0;
display: block;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.blue-theme .normal-btn {
color: #ffffff;
background: #048DB2;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform: uppercase;
border:1px solid #048DB2;
}
.blue-theme .normal-btn:hover{
background:none;
color: #048DB2;
border:1px solid #048DB2;
}
.blue-theme .dart-headingstyle-three span.border-icon {
color: #048DB2;
font-size: 12px;
line-height: 18px;
}
.blue-theme .teamOne .team_social_links i:hover {
background-color: #048DB2;
border-color: #048DB2;
color: #fff;
border-radius: 50%;
text-align: center;
width: 45px;
height: 45px;
}
.blue-theme .rd-stroke-btn {
color: #fff;
background: #048DB2;
border-style: solid;
border-color: #048DB2;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform: uppercase;
}
.blue-theme .rd-stroke-btn:hover, .rd-stroke-btn:focus {
color: #048DB2;
background: #fff;
border-color: #048DB2;
border:1px solid;
}
.blue-theme .dart-counter-image-background h2{
color:#fff;
}
.blue-theme .dart-counter-image-background h1{
color:#fff;
}
.blue-theme .dart-counter-image-background p{
color:#fff;
}
.blue-theme .dart-counter-image-background{
margin-bottom:0;
}
@media only screen and (max-width: 1024px) {
}
@media (max-width : 991px) {
.blue-theme section{
padding:30px 0;
}
.blue-theme .dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width : 767px) {
.blue-theme section{
padding:20px 0;
}
.blue-theme .dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
.blue-theme .dart-countdown .seconds {
border-right: none!important;
}
}
/*--Demo 10 (shoping)--*/
.shop-theme ul.social_links_forth a:hover {
background-color: #21c2f8;
border-color: #0a8dcc;
color: #FFF;
}
.shop-theme ul.social_links_forth li a i:hover {
color: #fff;
}
.shop-theme .fullWidthSeven h3{
margin-top:0px;
}
.shop-theme ul.social_links_forth {
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
}
.shop-theme .testimonialEight .carousel .carousel-indicators .active {
background-color: #0a8ece !important;
}
.shop-theme .testimonialEight {
text-align: center;
background-image:url(../images/demo-10/testimonial-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: auto;
background-attachment: fixed;
color:#fff;
}
.shop-theme .dart-pb-10{
padding-bottom:10px;
}
.shop-theme .testimonialEight .item .name {
color: #0a8dcc;
}
.shop-theme .tabFive .nav-tabs > li > a {
padding: 10px 10px;
}
.shop-theme .normal-btn{
border-radius:0px;
}
.shop-theme .tabFive .nav-tabs > .active > a, .shop-theme .tabFive .nav-tabs > .active > a:focus,.shop-theme .tabFive .nav-tabs > .active > a:hover {
border: 0;
background-color: #0a8dcc;
color: #fff;
}
.shop-theme .flex-pauseplay a{
display:none;
}
.shop-theme .flex-control-nav{
display:none;
}
.shop-theme .product-list{
display:grid;
padding:20px 0;
}
.shop-theme .products-body{
background-color:#fff;
padding-top:20px;
}
.shop-theme .products-body .products{
margin-left:20px;
}
.shop-theme .product-list li{
display:inline-flex;
}
.shop-theme .product-list .product-detail{
margin-left:10px;
}
.shop-theme .product-list .product-detail a{
color:#333;
}
.shop-theme .product-list .product-detail a:hover{
color:#0a8dcc;
}
.shop-theme .product-list span{
margin-right:5px;
}
.shop-theme .product-list .red{
color:#900;
text-decoration: line-through;
}
.shop-theme .flex-direction-nav a::before {
color: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.shop-theme .product-list .fa{
margin-right:3px;
margin-left:3px;
color:#0a8dcc;
}
.shop-theme .panel{
background-color:#f7f7f7;
}
.shop-theme .product-list p {
margin-bottom: 15px;
}
.shop-theme .footerOneWhite {
border-top: 1px solid #0a8dcc;
}
.shop-theme .flex-direction-nav a::before{
font-size:30px;
}
@media only screen and (max-width: 1024px) {
}
@media (max-width : 991px) {
.shop-theme section{
padding:30px 0;
}
.shop-theme .dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width : 767px) {
.shop-theme section{
padding:20px 0;
}
.shop-theme .dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
.shop-theme .tabFive .nav-tabs.nav-justified > li {
display: block;
width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border: 1px solid;
}
.shop-theme .tabFive .nav-tabs.nav-justified {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shop-theme .tabFive .nav-tabs > .active > a, .shop-theme .tabFive .nav-tabs > .active > a:focus, .shop-theme .tabFive .nav-tabs > .active > a:hover {
line-height: 30px;
}
}
/*------------------------------------------------------------------
[Default Template Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. DEFAULT FONT SIZE STYLE
2. Font Weight
3. Some Commen Css
-------------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */
body{
font-size:14px;
}
/*========== DEFAULT FONT SIZE STYLE==========*/
.dart-fs-8{
font-size:0.5714285714285714em;
}
.dart-fs-10{
font-size:0.7142857142857143em;
}
.dart-fs-12, h6, .h6{
font-size:0.8571428571428571em;
}
.dart-fs-14, h5, .h5{
font-size:1em;
}
.dart-fs-16{
font-size:1.1428571428571428em;
}
.dart-fs-18, h4, .h4{
font-size:1.2857142857142858em;
}
.dart-fs-20{
font-size:1.4285714285714286em;
}
.dart-fs-24, h3, .h3{
font-size:1.7142857142857142em;
}
.dart-fs-26{
font-size:1.8571428571428572em;
}
.dart-fs-30, h2, .h2{
font-size:2.142857142857143em;
}
.dart-fs-36, h1, .h1{
font-size:2.5714285714285716em;
}
.dart-fs-40{
font-size:2.857142857142857em;
}
.dart-fs-42{
font-size:3em;
}
.dart-fs-48{
font-size:3.4285714285714284em;
}
.dart-fs-60{
font-size:4.285714285714286em;
}
.dart-fs-72{
font-size:5.142857142857143em;
}
/*----------------font-weight---------------------*/
.dart-fw-100{
font-weight:100;
}
.dart-fw-200{
font-weight:200;
}
.dart-fw-300{
font-weight:300;
}
.dart-fw-400{
font-weight:400;
}
.dart-fw-500{
font-weight:500;
}
.dart-fw-600{
font-weight:600;
}
.dart-fw-700{
font-weight:700;
}
.dart-fw-800{
font-weight:800;
}
.dart-fw-900{
font-weight:900;
}
.dart-fw-bold{
font-weight:bold;
}
/*----------------end default font style---------------------*/
/*----Some Commen Css---*/
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.yes-gutter > [class*='col-'] {
padding-top: 15px;
padding-bottom: 15px;
}
.dart-no-padding {
padding: 0;
}
.dart-no-padding-tb {
padding-top: 0;
padding-bottom: 0;
}
.dart-no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.dart-mt-0{
margin-top:0px;
}
.dart-mt-10{
margin-top:10px;
}
.dart-mt-20{
margin-top:20px;
}
.dart-mt-30{
margin-top:30px;
}
.dart-mt-40{
margin-top:40px;
}
.dart-mt-50{
margin-top:50px;
}
.dart-mt-60{
margin-top:60px;
}
.dart-mt-100{
margin-top:100px;
}
.dart-mb-0{
margin-bottom:0px !important;
}
.dart-mb-10{
margin-bottom:10px;
}
.dart-mb-20{
margin-bottom:20px;
}
.dart-mb-30{
margin-bottom:30px !important;
}
.dart-mb-40{
margin-bottom:40px;
}
.dart-mb-50{
margin-bottom:50px;
}
.dart-mb-60{
margin-bottom:60px;
}
.dart-pt-0{
padding-top:0px;
}
.dart-pt-20{
padding-top:20px;
}
.dart-pt-30{
padding-top:30px;
}
.dart-pt-100{
padding-top:100px;
}
.dart-pb-0{
padding-bottom:0px;
}
.dart-pb-20{
padding-bottom:20px;
}
.dart-pb-30{
padding-bottom:30px;
}
.dart-pb-40{
padding-bottom:40px;
}
.dart-pb-50{
padding-bottom:50px;
}
.dart-pb-60{
padding-bottom:60px;
}
.dart-pb-80{
padding-bottom:80px;
}
.dart-pb-100{
padding-bottom:100px;
}
.dart-pr-0{
padding-right:0px;
}
.dart-pr-10{
padding-right:10px;
}
.dart-pr-20{
padding-right:20px;
}
.dart-pr-30{
padding-right:30px;
}
.dart-pr-40{
padding-right:40px;
}
.dart-pr-50{
padding-right:50px;
}
.dart-pl-0{
padding-left:0px;
}
.dart-pl-10{
padding-left:10px;
}
.dart-pl-20{
padding-left:20px;
}
.dart-pl-30{
padding-left:30px;
}
.dart-pl-40{
padding-left:40px;
}
.dart-pl-50{
padding-left:50px;
}
@media (min-width: 768px) {
.dart-pl-30{
padding-left:30px;
}
.dart-pr-30{
padding-right:30px;
}
}
.list-style-1{
list-style-position: outside;
list-style-type: none;
padding-left: 15px;
}
.list-style-1 li{
padding:5px 5px;
}
.tail{
position: relative;
display:block;
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent;
}
.dart-fleft {
float:left;
}
.dart-fright {
float:right;
}
.dart-hr{
}
/*------------------------------------------------------------------
[Nav Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
/*Nav style css here*/
/*------------------------------------------------------------------
[Element Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. Lists
2. Tooltips and Collumns
3. Labels and Badges
4. General Shortcodes
5. Counter
6. Chart
7. Forms
8. Responsive Media Screen style
-------------------------------------------------------------------*/
/*--- lists ---*/
.lists_section{ padding:0px;}
.lists_headeng{ margin-bottom:30px;}
.list_body{ margin:10px 0;}
.lists_panel ul{ text-align:left; margin:30px 0;}
.lists_panel ul i{ margin-right:12px;}
.lists_panel ul li{ color:#333333; float: left; margin-bottom:10px; width:50%; display:flex; display: -webkit-inline-box;}
.lists_panel ul li h4{margin: 0 0; font-size: 16px;}
.lists_panel ul li span{margin: 0 0; font-size: 12px; display: block;width: 100%;}
.lists_panel ul .sub_list li{ height:50px; color:#333333;}
.lists_panel .style{margin-left:15px;}
.lists_panel ul .color{ background-color:#0a8dcc; color:#FFF;}
.lists_panel ul .grey{ background-color:#f5f5f5;}
.tooltips_heading{ margin-bottom:30px; margin-top:30px;}
.tooltips_heading h2{ color:#333333; text-transform:uppercase;}
.tooltips_heading h2 span{ margin-right:8px;}
/*---------Style_1----------------*/
.lists_panel .fa_icone_blue .fa{ color:#0a8dcc; font-size:1.2857142857142858em;float: left;}
.lists_panel .fa_icone_round_blue_bg .fa{ background-color:#0a8dcc; border-radius: 50px; color: #FFF; font-size: 1em; padding-top: 10px; height: 35px; width: 35px; text-align: center;}
.lists_panel .fa_icone_round_bg_none .fa{ border-radius:50px; color:#0a8dcc; border:1px solid #0a8dcc; font-size:1em; padding-top: 8px;
height: 35px;width: 35px; text-align: center;}
.lists_panel .fa_icone_squer_bg_none .fa{ border-radius: 0px; color: #0a8dcc; border: 1px solid #0a8dcc; font-size: 1em; height: 35px; width: 35px;text-align: center; padding-top: 8px;}
/*---------Style_2----------------*/
.lists_panel .fa_icone_hand_blue .fa{ color:#0a8dcc; font-size:1.2857142857142858em;}
.lists_panel .fa_icone_hand_blue .fa-2x{ font-size:1.7142857142857142em; }
.lists_panel .fa_icone_hand_blue .fa-3x{ font-size:2.142857142857143em;}
.lists_panel .fa_icone_hand_squer_blue_bg .fa{ background-color:#0a8dcc; border-radius:0px; color: #FFF; font-size: 1em; padding-top: 10px; height: 35px; width: 35px;text-align: center;}
.lists_panel .fa_icone_hand_squer_blue_bg .fa-2x{ font-size:1.7142857142857142em;}
.lists_panel .fa_icone_hand_squer_blue_bg .fa-3x{ font-size:2.142857142857143em;}
.lists_panel .fa_icone_hand_squer_bg_none .fa{ border-radius: 0px; color: #0a8dcc;
border: 1px solid #0a8dcc;
font-size: 1em;
height: 35px;
width: 35px;
text-align: center;
padding-top: 8px;}
.lists_panel .fa_icone_hand_squer_bg_none .fa-2x{ font-size:1.7142857142857142em;}
.lists_panel .fa_icone_hand_squer_bg_none .fa-3x{ font-size:2.142857142857143em;}
.lists_panel .fa_icone_hand_round_bg_none .fa{ border-radius: 50px;
color: #0a8dcc;
border: 1px solid #0a8dcc;
font-size: 1em;
padding-top: 8px;
height: 35px;
width: 35px;
text-align: center;}
.lists_panel .fa_icone_hand_round_bg_none .fa-2x{ font-size:1.7142857142857142em;}
.lists_panel .fa_icone_hand_round_bg_none .fa-3x{ font-size:2.142857142857143em;}
/*---------Style_3----------------*/
.lists_panel .style_border_bottom li{ border-bottom:1px solid #e1e1e1; padding:16px 18px; line-height:16px; margin-top:4px;}
.lists_panel .style_border li{ border:1px solid #666666; padding:16px 18px; line-height:16px; margin-top:4px;}
.lists_panel .fa_squre_black .fa{ color:#333333; font-size:1em;}
/*---------Style_4----------------*/
.lists_panel .unorder_list span{ font-weight:bold; font-size:14px; color:#333333; width: 30px; height: 30px; display: inline-block; padding: 4px;}
.lists_panel .liststyle span{ padding:4px; margin-right: 12px;}
.lists_panel .liststyle_round_blue_bg span{ background-color:#0a8dcc; border-radius:50px; color:#FFF; padding:4px; margin-right: 12px; text-align: center;}
.lists_panel .liststyle_round_bg_none span{ border-radius:50px; color:#0a8dcc; border:1px solid #0a8dcc; margin-right: 12px; text-align: center;}
.lists_panel .liststyle_squer_bg_none span{ border-radius:0px; color:#0a8dcc; border:1px solid #0a8dcc; margin-right: 12px; text-align: center;}
/*---------Style_5----------------*/
.lists_panel .style_ul_list .item_list{ display:block;}
.lists_panel .style_ul_list .item_list .sub_item_list{margin-left:30px;}
.lists_panel .style_ul_list i{ font-size:0.8571428571428571em;}
.lists_panel .style_basic_list li{ border:1px solid #dddddd; padding:10px 9px; line-height:16px; border-radius:3px; margin-bottom:0px;}
.nofloat{float: none !important;}
.mr5{margin-right: 5px !important;}
.footer-widget h4 a{color: #FFF;}
/*---------Style_6----------------*/
.description_panel{ margin-top:100px;}
.lists_panel .style_budges_list li{ border:1px solid #dddddd; padding:16px 18px; line-height:16px; border-radius:3px; margin-bottom:0px; display:block;}
.lists_panel .style_budges_list span{ float:right;}
.lists_panel .style_linked_list li{ border:1px solid #dddddd; padding:16px 18px; line-height:16px; border-radius:3px; margin-bottom:0px;}
.lists_panel .style_description_list li{ padding:16px 18px; line-height:16px; border-radius:3px; margin-bottom:0px; display:block;}
.lists_panel .style_description_list b{ padding:10px 0px; font-weight:bold; font-size:1.2857142857142858em; margin:10px 0px;}
.lists_panel .style_description_list p{ margin:10px 0px 10px 0px;}
.lists_panel .style_custom_content_list li{ border:1px solid #dddddd; padding:16px 18px; line-height:16px; border-radius:3px; margin: 2px 0px;
display: block;
height: 110px;
overflow: hidden;}
.lists_panel .style_custom_content_list b{ padding:10px 0px; font-weight:bold; font-size:1.2857142857142858em;}
.lists_panel .style_custom_content_list p{ margin-bottom:0px; margin-top:10px;}
/*---- Tooltips and Collumns ---*/
.tooltips_para{ }
.tooltips_para p{ color:#898989; line-height:22px;}
.tooltips_para p mark{ color:#FFF; padding:3px;}
/*---------Style_1----------------*/
.tooltips_para p .mark_black{ background-color:#333333;}
.tooltips_para p .mark_green{ background-color:#009345;}
.tooltips_para p .mark_orange{ background-color:#f4743a;}
/*---------Style_2----------------*/
.tooltips_para p a:hover{ text-decoration:none;}
.blue-tooltip + .tooltip > .tooltip-inner {background-color: #0a8dcc; border-radius:10px; padding:5px; font-weight:600;}
.blue-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#0a8dcc;}
.black-tooltip + .tooltip > .tooltip-inner {background-color: #333333; padding:5px; font-weight:600; border-radius:0px;}
.black-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#333333;}
/*---------Style_3----------------*/
.style_3 p b{ color:#0a8dcc;}
.style_3 p i{ color:#333333;}
.style_3 p strike{ color:#0a8dcc;}
.style_3 p sub{ color:#009345;}
.style_3 p a{ color:#009345; text-decoration:underline;}
.style_3 p u{ color:#898989; font-style:italic;}
.style_3 p sup{ color:#0a8dcc;}
/*---------Style_4----------------*/
/*----- Blue Quote-----*/
.style_4 p{ color:#a1b1bc;}
blockquote{ border-left:none;}
.blue-card {
background: #0a8dcc;
color: #FFF;
padding: 10px;;
box-sizing: border-box;
position: relative;
overflow: hidden;
min-height: 100px;
margin-bottom:1px;
width:62%;
margin-left:50px;
}
.blue-card p {
font-size: 22px;
line-height: 1.5;
margin: 0;
max-width: 80%;
color: #FFF;
margin-top: 20px;
margin-left: 10px;
}
.blue-card a .fa{ color:#FFF; float:right; padding-right: 5px;}
.quote-link{ width:100%; background: #0a8dcc; color: #FFF; padding:10px; width:62%; margin-left:50px;}
.quote-link a{ color:#FFF; padding:10px 20px;}
.quote-link a:hover{ color:#FFF; text-decoration:underline;}
/*----- Blue Quote Special Style-----*/
.blog-card-special{
background: #ecf0f1;
color: #FFF;
padding: 10px;;
box-sizing: border-box;
position: relative;
overflow: hidden;
min-height: 100px;
margin-bottom:1px;
width:62%;
margin-left:50px;
border-radius:10px;
}
.blog-card-special p {
font-size: 22px;
line-height: 1.5;
margin: 0;
max-width: 70%;
margin-top: 20px;
margin-left: 10px;
text-transform: uppercase;
color: #333333;
float: left;
padding-right: 100px;
display: inline-block;
}
.blog-spaecial-content{ display: inline-block;}
.blog-card-special span{ float:right; margin-top:5px;}
.blog-card-special span .fa{ color:#0a8dcc; background:#fff; padding: 25px; border-radius: 50px; margin:15px;}
/*----- Blue Quote Classic Style-----*/
.blog-quote-classic{
background: #fff;
color: #222222;
padding: 40px 60px;
box-sizing: border-box;
box-shadow: 2px 1px 10px #ecf0f1;
position: relative;
overflow: hidden;
min-height: 120px;
border-left: 5px solid #0a8dcc;
width:100%;
margin-left:50px;
}
.blog-quote-classic p{ margin-top:10px;}
.blog-quote-classic .img_quote{ float: right; top: -41px; position: relative;}
/*---Labels and Badges ---*/
/*----------------- Label Content Style--------------*/
.label-style-section{ padding:10px; margin-bottom:30px;}
.label-style-section .label-style-first{ margin-bottom:20px; vertical-align: bottom; display: inline-block;}
.label-style-section .label-style-first span{ margin-right:3px; margin-top:2px;}
.label-style-section .label-style-second{ margin-top:10px; margin-bottom:10px;}
/*----- badges Content Style-----*/
.badges-style-section{ padding:10px; margin-bottom:30px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{color: #ffffff; background-color: #0a8dcc;}
.badges-style-second li{ float:none;}
.badges-style-second li span{ float:right;}
.badges-style-section .badges_left{ float:left; width:30%;}
.badges-style-section .badges_right{ float:left; width:60%;}
.badges-style-second{ margin-top:10px;}
/*----- Heading Content Style-----*/
.heading-style-section{ padding:10px; margin-bottom:30px;}
/*----General Shortcodes----*/
.general-section{ padding:5px; margin-bottom:30px; margin-top:30px;}
/*----------------- Dividers --------------*/
.general-section .dart_singleline_thin{ border-top: 1px solid #cccccc; }
.general-section .dart_doubleline{ border-top: 3px double #cccccc; }
.general-section .dart_doted{ border-top: 1px dashed #cccccc; }
.general-section .dart_dashed{ border-top: 1px dashed #cccccc; }
.general-section .dart_dashed_doubleline{ border-bottom: 1px dashed #d7d7d7; border-top: 1px dashed #d7d7d7; height: 5px; width: 100%;}
.general-section .dart_dashed_solid{ background-color: #fff; border-top: 2px dashed #cccccc;}
.general-section .dart_singleline_solid{ border-top: 3px solid #cccccc; }
.general-section .dart_singleline_multicolor {height: 3px; border-top: 0; background:#cccccc; background-image: linear-gradient(to left, #cccccc, #cccccc 80%, #0a8dcc 20%, #0a8dcc 20% );}
.general-section .dart_line_with_shadow{
height: 5px; border: 0px; box-shadow:0 10px 10px -10px #e9e9e9 inset;
background-image: -webkit-linear-gradient(left, #FFF, #e9e9e9, #FFF);
background-image: -moz-linear-gradient(left, #FFF, #e9e9e9, #FFF);
background-image: -ms-linear-gradient(left, #FFF, #e9e9e9, #FFF);
background-image: -o-linear-gradient(left, #FFF, #e9e9e9, #FFF); }
/*--- Pagination ----*/
.pagination > li > a, .pagination > li > span { margin: 0 3px; border-radius:5px; color:#cccccc; margin-bottom:3px; }
/*----------------- Pagination First--------------*/
.pagination_first{ margin-top:30px; margin-bottom:30px;}
.pagination_first .active a{ background-color: #0a8dcc; border-color: #0a8dcc;}
/*----------------- Pagination Second--------------*/
.pagination_second{ margin-top:30px; margin-bottom:30px;}
.pagination_second li a{ border:none; margin-left:0px; color:#333333;}
.pagination_second .active a{ background-color: #0a8dcc; border-color: #0a8dcc;}
.pagination_second .page-item a{ background-color:#333333; color:#fff; height:30px;}
/*----------------- Pagination third--------------*/
.pagination_third{ margin-top:30px; margin-bottom:30px;}
.pagination_third .page-item a{ background-color:#333333; color:#fff; height:50px; width:50px; text-align:center; padding:16px;}
.pagination_third .page-item a:hover{ background-color: #0a8dcc; color:#FFF;}
/*----------------- Pagination fourth--------------*/
.paging_nav_fourth{ margin-top:30px; margin-bottom:30px;}
.pagination_fourth li a { margin: 0px; border-radius: 0px; color: #cccccc; margin-bottom:3px; }
.pagination_fourth .active a{ background-color: #0a8dcc; border-color: #0a8dcc;}
.pagination_fourth .page-item a{ border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.pagination_fourth li:first-child a, .pagination li:first-child span {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.pagination_fourth > li:last-child a, .pagination_fourth li:last-child span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
/*----------------- Pagination fifth--------------*/
.paging_nav_fifth{ margin-top:30px; margin-bottom:30px;}
.pagination_fifth > li > a { margin: 0px 3px;; border-radius: 0px; color: #cccccc; margin-bottom:3px; }
.pagination_fifth .active a{ background-color: #0a8dcc; border-color: #0a8dcc;}
.pagination_fifth > li:first-child > a, .pagination_fifth > li:first-child > span {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.pagination_fifth > li:last-child > a, .pagination_fifth > li:last-child > span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
/*----------------- Social --------------
----------------------------------------------*/
.social_body{ background-color:#f7f7f7;}
ul.social_links {list-style:none; margin-top:20px; margin-bottom:30px;}
ul.social_links li {display:inline; padding: 0; margin:0px;}
ul.social_links li a {display:inline-block; margi:0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 45px; height: 45px; font-size:20px; position:relative; background-color: #D3D3D3; margin-bottom:3px;}
ul.social_links li a i { color: #333333; text-align: center; margin:0; line-height:50px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
ul.social_links .active a{ background-color: #21c2f8; border-color: #0a8dcc; color:#FFF;}
.social_links .active i{ color:#FFF;}
ul.social_links_second {list-style:none; margin-top:20px; margin-bottom:30px;}
ul.social_links_second li {display:inline; padding: 0; margin:0px;}
ul.social_links_second li a {display:inline-block; margi:0 auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; width: 45px; height: 45px; font-size:20px; position:relative; background-color: #D3D3D3; margin-bottom:3px;}
ul.social_links_second li a i { color: #fff; text-align: center; margin:0; line-height:35px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
.social_links_second .btn_facebook{ background-color:#1883d5; color:#FFF;}
.social_links_second .btn_twitter{ background-color:#21c2f8; color:#FFF;}
.social_links_second .btn_pinterest{ background-color:#ef584d; color:#FFF;}
.social_links_second .btn_linkedin{ background-color:#1883d5; color:#FFF;}
.social_links_second .btn_google-plus{ background-color:#2c3e50; color:#FFF;}
.social_links_second .btn_tumblr{ background-color:#43698f; color:#FFF;}
.social_links_second .btn_dribbble{ background-color:#eb5d8c; color:#FFF;}
ul.social_links_third {list-style:none; margin-top:20px; margin-bottom:30px;}
ul.social_links_third li {display:inline; padding: 0; margin:0px;}
ul.social_links_third li a {display:inline-block; margi:0 auto; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; text-align:center; width: 35px; height: 35px; font-size:16px; position:relative; background-color: #D3D3D3; margin-bottom:3px;}
ul.social_links_third li a i { color: #898989; text-align: center; margin:0; line-height:35px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
ul.social_links_third .active a{ background-color: #21c2f8; border-color: #0a8dcc; color:#FFF;}
.social_links_third .active i{ color:#FFF;}
ul.social_links_forth {list-style:none; margin-top:20px; margin-bottom:30px;}
ul.social_links_forth li {display:inline; padding: 0; margin:0px;}
ul.social_links_forth li a {display:inline-block; margi:0 auto; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; text-align:center; width: 45px; height: 45px; font-size:20px; position:relative; background-color: #D3D3D3; margin-bottom:3px;}
ul.social_links_forth li a i { color: #898989; text-align: center; margin:5px;; line-height:40px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
ul.social_links_forth .active a { background-color: #21c2f8; border-color: #0a8dcc; color:#FFF; }
.social_links_forth .active i{ color:#FFF;}
ul.social_links_fifth {list-style:none; margin-top:20px;}
ul.social_links_fifth li {display:inline; padding: 0;}
ul.social_links_fifth li a {display:inline-block; margi:0 auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; width: 35px; height: 35px; font-size:16px; position:relative; background-color: #eff2f3; margin-bottom:10px; border:1px solid #cccccc;}
ul.social_links_fifth li a i { color: #898989; text-align: center; margin:5px;; line-height:25px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
/*----------------- Youtube Iframe --------------
----------------------------------------------*/
.general-section .iframe{ height:auto; width:auto; margin-top:30px; border:none; height:385px; width:850px;}
/*---Tables ---*/
.table_style{ margin-top:30px; margin-bottom:30px;}
.table-default thead tr{ color:#333333;}
.table-default thead tr th { vertical-align: bottom; border-bottom: 2px solid #898989;}
.table-striped thead tr{ color:#333333;}
.table-striped thead tr th { vertical-align: bottom; border-bottom: 2px solid #898989;}
.table-bordered thead tr{ color:#333333;}
.table-bordered thead tr th { vertical-align: bottom; border-bottom: 2px solid #898989;}
.table-hover thead tr{ color:#333333;}
.table-hover thead tr th { vertical-align: bottom; border-bottom: 2px solid #898989;}
.table-contextual thead tr{ color:#333333;}
.table-contextual thead tr th { vertical-align: bottom; border-bottom: 2px solid #898989;}
.table-contextual{ border:1px solid #ebebeb;}
.table-active{ border:1px solid #ebebeb;}
.table-active thead tr{ color:#333333;}
.table-active thead tr th { vertical-align: bottom; border-bottom: 2px solid #ebebeb;}
.table-active code { padding: 2px 4px; font-size: 90%; color: #c7254e; border-radius: 4px; background:none;}
.table-header-color thead tr th { text-align:center; color:#FFF;}
.table-header-color{ text-align:center;}
.table-header-color .bg-primary{ background-color:#223c8c;}
.table-header-color .bg-success{ background-color:#019345;}
.table-header-color .bg-danger{ background-color:#9c228e;}
.table-header-color .bg-info{ background-color:#ef4b37;}
.table-header-color .bg-img{ background-color:#0796d3;}
/*--- Counter ---*/
.col_one_fourth {
width: 22%;
display: block;
position: relative;
margin-right: 4%;
margin-bottom: 50px;
float: left;
}
.dart-counter-primary{ color:#089644;}
.dart-counter-success{ color:#a6218e;}
.dart-counter-info{ color:#146ab1;}
.dart-counter-danger{ color:#f15c38;}
.dart-counter-background{ background-color:#eeeeee; margin-bottom:30px;}
.dart-counter-color-background{ background-color:#0a8dcc; margin-bottom:30px; color:#FFF;}
.dart-counter-color-background h1{ color:#FFF;}
.dart-counter-color-background h5{ color:#FFF;}
.dart-counter-image-background{margin-bottom:30px; color:#FFF; background:url(../images/img_counter_bg.jpg) no-repeat; background-size:cover;}
.dart-counter-image-background h1{ color:#FFF;}
.dart-counter-image-background h5{ color:#FFF;}
.dart-countdown-right{ border-right:1px dashed #c6c6c6;}
.dart-countdown{ margin-bottom:30px;}
.dart-countdown .days{ border-left:none;}
.dart-countdown .seconds{ border-right:none;}
.timer_box_1 {
width: 100px;
height: 60px;
display: inline-block;
margin: 20px 10px;
padding: 10px 30px 0px 5px;
text-align: center;
color:#444444;
border-right:1px dashed #c6c6c6;
}
.timer_box_1 h1{ font-size:1.4285714285714286em; color:#444444; margin-top:0px; margin-bottom:0px;}
.timer_box_1 p{color:#444444; margin-bottom:0px;}
.timer_box_2 {
width: 100px;
height: 70px;
display: inline-block;
margin: 20px 10px;
padding: 10px 30px 0px 5px;
text-align: center;
border-right:1px dashed #c6c6c6;
}
.timer_box_2 h1{ font-size:font-size:2.142857142857143em; color:#444444; margin-top:0px; margin-bottom:0px;}
.timer_box_2 p{ color:#444444; font-size:1em; margin-bottom:0px; }
.timer_box_3 {
width: 100px;
height: 80px;
display: inline-block;
margin: 20px 10px;
padding: 10px 30px 0px 5px;
text-align: center;
border-right:1px dashed #c6c6c6;
border-right:1px dashed #c6c6c6;
}
.timer_box_3 h1{ font-size:3.4285714285714284em; color:#444444; margin-top:0px; margin-bottom:0px;}
.timer_box_3 p{ color:#444444; font-size:1.2857142857142858em; margin-bottom:0px;}
/*--- Chart ---*/
.general-chart-section{ padding:10px; margin-bottom:30px; margin-top:30px;}
.dart-chart-section{ padding:10px; margin-top:20px;}
.dart-chart-section .dart-cnavas{ height:300px; width:540px;}
.section-chart-divider{ border-top: 1px solid #333333; }
/*--- Forms ----*/
.form_body { margin-bottom:30px;}
/*---Form Section 1 ----*/
/*-----Form 1-----*/
.dart-form-1{ margin-top:30px;}
.dart-form-1 .form-group{ margin-bottom:30px;}
.dart-form-1 .form-inline .form-control{ height:50px; width:100%; padding:10px 20px; margin-right:10px;}
.dart-form-1 .form-inline .form-control-multiline{ min-height:200px;}
.dart-form-1 .form-control{ border-radius:0px;}
.dart-form-1 .btn-default{ width:100%; text-align:center; font-weight:800; color:#fff; background-color:#333333; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #333333;}
.dart-form-1 .btn-default:hover{ background:none; border:1px solid #333333; color:#333333;;}
/*-----Form 2-----*/
.dart-form-2{ margin-top:30px;}
.dart-form-2 ul.social_links_1 {list-style:none;}
.dart-form-2 ul.social_links_1 li {display:inline; padding: 0; margin:0px;}
.dart-form-2 ul.social_links_1 li a {display:inline-block; margi:0 auto; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; text-align:center; width: 35px; height: 35px; font-size:22px; position:relative; background-color: none; margin-bottom:3px;}
.dart-form-2 ul.social_links_1 li a i { color: #898989; text-align: center; margin:0; line-height:35px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
.dart-form-2 ul.social_links_1 .active a i{ background-color: none; border-color: #0a8dcc; color:#0a8dcc;}
.social_links_1 .active a i{ color:#D3D3D3;}
.dart-form-2 .form-group p{ margin-bottom:0px;}
.dart-form-2 ul{ width:100%;}
.dart-form-2 ul li{ line-height:30px;}
/*-----Form 3-----*/
.dart-form-3{ margin-top:30px;}
.dart-form-3 .form-group{ margin-bottom:20px;}
.dart-form-3 .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:0px;}
.dart-form-3 .form-control-multiline{ min-height:100px;}
.dart-form-3 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#333333; border-radius:3px; text-transform:uppercase; padding:12px 0px; height:50px; border:1px solid #333333;}
.dart-form-3 .btn-default:hover{ background:none; border:1px solid #333333; color:#333333;;}
/*----------------- Form Section 2 --------------
----------------------------------------------*/
.form_section_2{ background-color:#222222; color:#FFF;}
/*-----Form 4-----*/
.form-heading_1 h2{ color:#FFF;}
.dart-form-4{ margin-top:30px;}
.dart-form-4 ul.social_links_2 {list-style:none;}
.dart-form-4 ul.social_links_2 li {display:inline; padding: 0; margin:0px;}
.dart-form-4 ul.social_links_2 li a {display:inline-block; margi:0 auto; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; text-align:center; width: 35px; height: 35px; font-size:22px; position:relative; background-color: none; margin-bottom:3px;}
.dart-form-4 ul.social_links_2 li a i { color: #fff; text-align: center; margin:0; line-height:35px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
.dart-form-4 ul.social_links_2 li a i:hover{ color:#0a8dcc;}
.dart-form-4 .form-group p{ margin-bottom:0px;}
.dart-form-4 { margin-top:30px;}
.dart-form-4 .form-group{ margin-bottom:10px;}
.dart-form-4 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:3px; border:1px solid #FFF; position:relative; background:none; font-weight:400; color:#fff;}
.dart-form-4 .form-group .form-control-multiline{ min-height:100px;}
.dart-form-4 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#f8963d; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #f8963d; height:50px;}
.dart-form-4 .btn-default:hover{ color:#fff; border:1px solid #f8963d; background:none;}
/*-----Form 5-----*/
.form-heading_2 h2{ color:#FFF;}
.dart-form-5{ margin-top:30px;}
.dart-form-5 ul.social_links_3 {list-style:none;}
.dart-form-5 ul.social_links_3 li {display:inline; padding: 0; margin:0px;}
.dart-form-5 ul.social_links_3 li a {display:inline-block; margi:0 auto; text-align:center; width: 35px; height: 35px; font-size:22px; position:relative; background-color: none; margin-bottom:3px;}
.dart-form-5 ul.social_links_3 li a i { color:#0a8dcc; text-align: center; margin:0; line-height:35px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
.dart-form-5 ul.social_links_3 li a i:hover{ color:#fff;}
.dart-form-5 .form-group p{ margin-bottom:0px;}
.dart-form-5 .form-group{ margin-bottom:10px;}
.dart-form-5 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:3px; border:none; position:relative; font-weight:400; background-color:#333333; color:#FFF;}
.dart-form-5 .form-group .form-control:focus{ border:3px solid #0a8dcc; box-shadow:none;}
.dart-form-5 .form-group .form-control-multiline{ min-height:100px;}
.dart-form-5 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#f8963d; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #f8963d;}
.dart-form-5 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#0a8dcc; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #0a8dcc; height:50px;}
.dart-form-5 .btn-default:hover{ color:#fff; border:1px solid #0a8dcc; background:none;}
/*-----Form 6-----*/
.dart-form-6{ margin-top:30px;}
.dart-form-6 p{}
.dart-form-6 .form-inline .form-group{ display:block;}
.dart-form-6 .form-inline .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:2px;font-weight:400;}
.dart-form-6 .form-group{ margin-bottom:15px;}
.dart-form-6 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:3px;font-weight:400;}
.dart-form-6 .form-group .form-control-multiline{ min-height:100px;}
.dart-form-6 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#0a8dcc; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #0a8dcc;}
.dart-form-6 .btn-default:hover{border:1px solid #0a8dcc; background:none; color:#0a8dcc; }
.dart-form-6 ul{ widows:100%;}
.dart-form-6 ul li{ color:#898989; line-height:30px;}
.dart-form-6 ul li i{ margin-right:10px;}
.dart-form-6 .inner-addon {
position: relative;
}
.dart-form-6 .inner-addon .fa {
position: absolute;
padding: 15px;
pointer-events: none;
font-size:18px;
color:#898989;
}
.dart-form-6 .right-addon .fa { right: 0px;}
.dart-form-6 .right-addon input { padding-right: 30px; }
/*-----Form 7-----*/
.dart-form-7{ margin-top:55px;}
.dart-form-7 .form-group{ margin-bottom:15px;}
.dart-form-7 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:0px;font-weight:400;}
.dart-form-7 .form-group .form-control-multiline{ min-height:200px;}
.dart-form-7 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#333333; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #333333;}
.dart-form-7 .btn-default:hover{border:1px solid #333333; background:none; color:#333;}
.dart-form-7 .inner-addon {
position: relative;
}
.dart-form-7 .inner-addon .fa {
position: absolute;
padding: 15px;
pointer-events: none;
font-size:18px;
color:#898989;
}
.dart-form-7 .right-addon .fa { right: 0px;}
.dart-form-7 .right-addon input { padding-right: 30px; }
@media (max-width : 991px) {
.dart-form-7{ margin-top:45px;}
}
/*-----Form 8-----*/
.dart-form-8{ margin-top:30px;}
.dart-form-8 .form-group{ margin-bottom:30px;}
.dart-form-8 .form-group label{ color:#333333;}
.dart-form-8 .form-inline .form-control{ height:50px; padding:10px 20px; border-radius:3px;font-weight:400;width:100%;}
.dart-form-8 .form-control{ border-radius:0px;}
.dart-form-8 .btn-default{ width:auto; text-align:center; font-weight:800; color:#333333; background-color:none; border-radius:3px; text-transform:uppercase; padding:10px 50px; border:2px solid #2c3e50;}
/*----------------- Form Section 4 --------------
----------------------------------------------*/
.form_section_4{ background-color:#222222; color:#FFF;}
.form_head_contect{ text-align:center; margin-bottom:40px;}
.form_head_contect h1{ color:#FFF; }
.form_head_contect p{ color:#FFF;}
/*-----Form 9-----*/
.dart-form-9 ul li{ line-height:30px;}
.dart-form-9 ul.social_links_4 {list-style:none;}
.dart-form-9 ul.social_links_4 li {display:inline; padding: 0; margin:0px; margin-right:10px;}
.dart-form-9 ul.social_links_4 li a {display:inline-block; margi:0 auto; text-align:center; position:relative; margin-bottom:3px; background-color:#fff; border-radius:5px; color:#232323; height:30px; width:30px;}
.dart-form-9 ul.social_links_4 li a i { color:#00000; text-align: center; margin:0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
.dart-form-9 ul.social_links_4 .active a{ background-color: #21c2f8;}
.dart-form-9 ul li .fa{ font-family:18px; margin-right:15px;}
/*-----Form 10-----*/
.dart-form-10{ margin-top:30px;}
.dart-form-10 .form-group{ margin-bottom:15px;}
.dart-form-10 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:0px;font-weight:400; background:none; color:#ecf0f1;}
.dart-form-10 .form-group .form-control-multiline{ min-height:100px;}
.dart-form-10 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#f6833c; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #f6833c; margin-right:10px;}
.dart-form-10 .btn-default:hover{ background:none; border:1px solid #f6833c; color:#fff; }
.dart-form-10 .form-group .form-control:focus{ border:3px solid #0a8dcc; box-shadow:none;}
.dart-form-10 .inner-addon {
position: relative;
}
.dart-form-10 .inner-addon .fa {
position: absolute;
padding: 15px;
pointer-events: none;
font-size:18px;
color:#ecf0f1;
}
.dart-form-10 .right-addon .fa { right: 0px;}
.dart-form-10.right-addon input { padding-right: 30px; }
/*----------------- Form Section 5 --------------
----------------------------------------------*/
.form_section_5{ background-color:#f9fafb;}
/*-----Form 11-----*/
.dart-form-11 { margin-top:30px;}
.dart-form-11 ul{ widows:100%;}
.dart-form-11 ul li{ color:#898989; line-height:40px; width:100%;}
.dart-form-11 ul li i{ margin-right:15px; font-size:18px; color:#333333;}
.dart-form-11 .inner-addon { position: relative; }
/*-----Form 12-----*/
.dart-form-12{ margin-top:30px;}
.dart-form-12 .form-group{ margin-bottom:15px;}
.dart-form-12 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:0px;font-weight:400; background:none; color:#333333;}
.dart-form-12 .form-group .form-control-multiline{ min-height:115px;}
.dart-form-12 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#333333; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #333333; margin-right:10px;}
.dart-form-12 .btn-default:hover{ background:none; border:1px solid #333333; color:#333333; }
.dart-form-12 .inner-addon {
position: relative;
}
.dart-form-12 .inner-addon .fa {
position: absolute;
padding: 15px;
pointer-events: none;
font-size:18px;
color:#898989;
}
.dart-form-12 .right-addon .fa { right: 0px;}
.dart-form-12.right-addon input { padding-right: 30px; }
/*-----Form 13-----*/
.dart-form-13{ margin-top:30px;}
.dart-form-13 .form-group{ margin-bottom:30px;}
.dart-form-13 .form-group label{ color:#333333;}
.dart-form-13 .form-control{ height:50px; padding:10px 20px; border-radius:3px;font-weight:400; width:100%;}
.dart-form-13 .form-control-multiline{ min-height:200px;}
.dart-form-13 .btn-default{ width:300px;; text-align:center; font-weight:800; color:#fff; background-color:#f26439; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:2px solid #f26439; margin-left:0px;}
.dart-form-13 .btn-default:hover{ border:1px solid #f26439; color:#333; background:none;}
/*-----Form 13-----*/
.dart-form-14{ margin-top:30px;}
.dart-form-14 .form-group{ margin-bottom:30px;}
.dart-form-14 .form-group label{ color:#333333;}
.dart-form-14 .form-control{ height:50px; padding:10px 20px; border-radius:3px; font-weight:400; width:100%; background:#f4f6f7; color:#333333; font-weight:600;}
.dart-form-14 .form-control-multiline{ min-height:220px;}
.dart-form-14 .btn-default{ width:300px;; text-align:center; font-weight:800; color:#fff; background-color:#0a8dcc; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:2px solid #0a8dcc; margin-left:0px;}
.dart-form-14 .btn-default:hover{border:1px solid #0a8dcc; background:none; color:#333}
@media (max-width : 991px) {
.dart-form-14 .form-group {
margin-bottom: 25px;
}
}
/*-----Form 15-----*/
.dart-form-15{ margin-top:30px;}
.dart-form-15 .form-group{ margin-bottom:15px;}
.dart-form-15 .form-group .form-control{ height:50px; width:100%; padding:10px 20px; border-radius:0px;font-weight:400; background:none; color:#333333; border-radius:3px; font-weight:600;}
.dart-form-15 .form-group .form-control-multiline{ min-height:115px;}
.dart-form-15 .btn-default{ width:100%; text-align:center; font-weight:600; color:#fff; background-color:#58b23f; border-radius:3px; text-transform:uppercase; padding:12px 0px; border:1px solid #58b23f; margin-right:10px;}
.dart-form-15 .btn-default:hover{ border:1px solid #58b23f; background:none; color:#333;}
.dart-form-15 .form-group .form-control:focus{ border:1px solid #0a8dcc; box-shadow:none;}
.dart-form-15 .inner-addon {
position: relative;
}
.dart-form-15 .inner-addon .fa {
position: absolute;
padding: 15px;
pointer-events: none;
font-size:18px;
color:#898989;
}
.dart-form-15 .right-addon .fa { right: 0px;}
.dart-form-15.right-addon input { padding-right: 30px; }
/*--- Image Box ---*/
/*----Style 1---*/
.imageboxOne .dart_image_box h4{
margin-top:5px;
margin-bottom:10px;
}
.imageboxOne .dart_image_box{
margin-bottom:10px;
}
.imageboxOne .dart_image_box:hover h4 a{
text-decoration: underline;
}
.imageboxOne .dart_image_box:hover img{
-webkit-box-shadow: 0px 0px 5px 0px rgba(43,43,43,0.43);
-moz-box-shadow: 0px 0px 5px 0px rgba(43,43,43,0.43);
box-shadow: 0px 0px 5px 0px rgba(43,43,43,0.43);
}
@media (max-width : 991px) {
}
@media (max-width : 767px) {
.imageboxOne .dart_image_box p{
margin-bottom:0px;
}
}
/*---Style 2---*/
.imageboxTwo .dart_image_box{
margin-bottom:30px;
background-color:#fff;
}
.imageboxTwo .dart_image_box h4{
margin-top:15px;
margin-bottom:12px;
}
@media (max-width : 991px) {
.imageboxTwo .dart_image_box h4{
margin-top:10px;
margin-bottom:5px;
}
.imageboxTwo .dart_image_box .img_content{
margin-left: -15px;
}
}
@media (max-width : 767px) {
.imageboxTwo .dart_image_box h4{
margin-top:5px;
}
.imageboxTwo .dart_image_box .img_content{
padding:15px;
}
.imageboxTwo .dart_image_box .img_content{
margin-left: 0px;
}
}
.section_color{
background-color:#e5f0fb;
}
.iframe_section .iframe{
height:auto;
width:auto;
margin-top:30px;
border:none;
height:300px;;
width:100%;
}
.btn_content .btn-yellow {
color: #333;
background: #f3e367;
border-style: solid;
border-color: #f3e367;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform: uppercase;
}
.btn_content .btn-yellow:hover{
background:none;
border-style: solid;
border-color: #f3e367;
color: #333;
}
.fa-circle-yellow{ color:#f3e367;}
.lists_panel .fa_icone_round_blue_bg .fa-plane_yellow{
background-color:#f3e367;
color:#333;
}
.travelling_package .packagestyle_one:hover {
border: 1px solid #fade03;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.section_travell.portfolioTwo .ImageWrapper .ImageOverlay {
background: rgba(243,227,103,0.6);
}
.travelling_package .packagestyle_one:hover h1, .packagestyle_one:hover p.nub {
color: #fade03;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.travelling_package .packagestyle_one:hover p.nub{
color: #fade03;
}
.travel_indicator .carousel .carousel-indicators .active {
background-color: #f3e367 !important;
border: none;
width: 10px;
height: 10px;
margin: 1px;
}
.section-fashion-bg{
margin-bottom:0px;
padding:50px 0px;
}
.section-fashion-bg-color{
background-color:#eceeed;
margin-bottom:0px;
padding:50px 0px;
}
/*-- Style Of Index-6--*/
.section-construction{
padding:50px 0px 0px 0px;
margin-top:0px;
margin-bottom:0px;
}
.btn-yellow-bg{
background: #fab702;
color:#FFF;
}
@media only screen and (max-width: 1024px) {
.lists_panel ul li{
display:flex;
}
.lists_panel ul i{
display:inline-table;
}
}
@media (max-width : 991px) {
.lists_panel ul li{
display:flex;
}
.lists_panel ul i{
display:inline-table;
}
.general-section .iframe{ padding-left:0px; height:auto; width:auto;}
}
@media (max-width : 767px) {
.lists_panel ul li{
}
.lists_panel ul i{
display:inline-table;
}
.lists_panel .style_budges_list span{
float:right;
}
.lists_panel .style_ul_list .item_list {
display: -webkit-inline-box;
}
.blog-card-special span {
float: inherit !important;
}
.label-style-section .label-style-first{
display: ruby-text-container !important;
}
.general-section .iframe{ padding-left:0px; height:auto !important; width:100% !important;}
.dart-countdown .seconds{ border-right:1px dashed #c6c6c6 !important;}
.dart-chart-section .dart-cnavas{ height:150px !important; width:auto !important;}
}
/* MEGAMENU STYLE
=================================*/
nav.divinnav .dropdown.megamenu-fw {
position: static;
}
nav.divinnav .container {
position: relative;
}
nav.divinnav .megamenu-fw .dropdown-menu {
left: auto;
}
nav.divinnav .megamenu-content {
padding: 15px;
width: 100% !important;
}
nav.divinnav .megamenu-content .title{
margin-top: 0;
}
nav.divinnav .dropdown.megamenu-fw .dropdown-menu {
left: 0;
right: 0;
}
/* Navbar
=================================*/
nav.navbar.divinnav{
margin-bottom: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
background-color: #fff;
border: none;
border-bottom: solid 1px #e0e0e0;
z-index: 999;
}
nav.navbar.divinnav ul.nav > li > a{
color: #6f6f6f;
background-color: transparent;
outline: none;
margin-bottom: -2px;
font-size: 15px;
}
nav.navbar.divinnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.divinnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.divinnav ul.nav li.active > a:hover,
nav.navbar.divinnav ul.nav li.active > a:focus,
nav.navbar.divinnav ul.nav li.active > a{
background-color: transparent;
}
nav.navbar.divinnav .navbar-toggle{
background-color: #fff;
border: none;
padding: 0;
font-size: 18px;
position: relative;
top: 5px;
}
nav.navbar.divinnav ul.nav .dropdown-menu .dropdown-menu{
top: 0;
left: 100%;
}
nav.navbar.divinnav ul.nav ul.dropdown-menu > li > a{
white-space:normal;
}
ul.menu-col{
padding: 0;
margin: 0;
list-style: none;
}
ul.menu-col li a{
color: #6f6f6f;
}
ul.menu-col li a:hover,
ul.menu-col li a:focus{
text-decoration: none;
}
/* Navbar Full
=================================*/
nav.divinnav.navbar-full{
padding-bottom: 10px;
padding-top: 10px;
}
nav.divinnav.navbar-full .navbar-header{
display: block;
width: 100%;
}
nav.divinnav.navbar-full .navbar-toggle{
display: inline-block;
margin-right: 0;
position: relative;
top: 0;
font-size: 30px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
nav.divinnav.navbar-full .navbar-collapse{
position: fixed;
width: 100%;
height: 100% !important;
top: 0;
left: 0;
padding: 0;
display: none !important;
z-index: 9;
}
nav.divinnav.navbar-full .navbar-collapse.in{
display: block !important;
}
nav.divinnav.navbar-full .navbar-collapse .nav-full{
overflow: auto;
}
nav.divinnav.navbar-full .navbar-collapse .wrap-full-menu{
display: table-cell;
vertical-align: middle;
background-color: #fff;
overflow: auto;
}
nav.divinnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
width: 0;
}
nav.divinnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
width: 0;
}
nav.divinnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
width: 0;
}
nav.divinnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
width: 0;
}
nav.divinnav.navbar-full .navbar-collapse ul.nav{
display: block;
width: 100%;
overflow: auto;
}
nav.divinnav.navbar-full .navbar-collapse ul.nav a:hover,
nav.divinnav.navbar-full .navbar-collapse ul.nav a:focus,
nav.divinnav.navbar-full .navbar-collapse ul.nav a{
background-color: transparent;
}
nav.divinnav.navbar-full .navbar-collapse ul.nav > li{
float: none;
display: block;
text-align: center;
}
nav.divinnav.navbar-full .navbar-collapse ul.nav > li > a{
display: table;
margin: auto;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
font-size: 24px;
padding: 10px 15px;
}
li.close-full-menu > a{
padding-top: 0px;
padding-bottom: 0px;
}
li.close-full-menu{
padding-top: 30px;
padding-bottom: 30px;
}
/* Atribute Navigation
=================================*/
.attr-nav{
float: right;
display: inline-block;
margin-left: 13px;
margin-right: -15px;
}
.attr-nav > ul{
padding: 0;
margin: 0 0 -7px 0;
list-style: none;
display: inline-block;
}
.attr-nav > ul > li{
float: left;
display: block;
}
.attr-nav > ul > li > a{
color: #6f6f6f;
display: block;
padding: 28px 15px;
position: relative;
}
.attr-nav > ul > li > a span.badge{
position: absolute;
top: 50%;
margin-top: -15px;
right: 5px;
font-size: 10px;
padding: 0;
width: 15px;
height: 15px;
padding-top: 2px;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
border: solid 1px #e0e0e0;
}
ul.cart-list{
padding: 0 !important;
width: 250px !important;
}
ul.cart-list > li{
position: relative;
border-bottom: solid 1px #efefef;
padding: 15px 15px 23px 15px !important;
}
ul.cart-list > li > a.photo{
padding: 0 !important;
margin-right: 15px;
float: left;
display: block;
width: 50px;
height: 50px;
left: 15px;
top: 15px;
}
ul.cart-list > li img{
width: 50px;
height: 50px;
border: solid 1px #efefef;
}
ul.cart-list > li > h6{
margin: 0;
}
ul.cart-list > li > h6 > a.photo{
padding: 0 !important;
display: block;
}
ul.cart-list > li > p{
margin-bottom: 0;
}
ul.cart-list > li.total{
background-color: #f5f5f5;
padding-bottom: 15px !important;
}
ul.cart-list > li.total > .btn{
display: inline-block;
border-bottom: solid 1px #efefef;
}
ul.cart-list > li .price{
font-weight: bold;
}
ul.cart-list > li.total > span{
padding-top: 8px;
}
/* Top Search
=================================*/
.top-search{
background-color: #333;
padding: 10px 0;
display: none;
}
.top-search input.form-control{
background-color: transparent;
border: none;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
color: #fff;
height: 40px;
padding: 0 15px;
}
.top-search .input-group-addon{
background-color: transparent;
border: none;
color: #fff;
padding-left: 0;
padding-right: 0;
}
.top-search .input-group-addon.close-search{
cursor: pointer;
}
/* Side Menu
=================================*/
body{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.on-side{
margin-left: -280px;
}
.side{
position: fixed;
overflow-y: auto;
top: 0;
right: -280px;
width: 280px;
padding: 25px 30px;
height: 100%;
display: block;
background-color: #333;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.side.on{
right: 0;
}
.side .close-side{
float: right;
color: #fff;
position: relative;
z-index: 2;
font-size: 16px;
}
.side .widget{
position: relative;
z-index: 1;
margin-bottom: 25px;
}
.side .widget .title{
color: #fff;
margin-bottom: 15px;
}
.side .widget ul.link{
padding: 0;
margin: 0;
list-style: none;
}
.side .widget ul.link li a{
color: #9f9f9f;
letter-spacing: 1px;
}
.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{
color: #fff;
text-decoration: none;
}
/* Share
=================================*/
nav.navbar.divinnav .share{
padding: 0 30px;
margin-bottom: 30px;
}
nav.navbar.divinnav .share ul{
display: inline-block;
padding: 0;
margin: 0 0 -7px 0;
list-style: none;
}
nav.navbar.divinnav .share ul > li{
float: left;
display: block;
margin-right: 5px;
}
nav.navbar.divinnav .share ul > li > a{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 35px;
height: 35px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #cfcfcf;
color: #fff;
}
/* Transparent
=================================*/
nav.navbar.divinnav.navbar-fixed{
position: fixed;
display: block;
width: 100%;
}
nav.navbar.divinnav.no-background{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
/* Navbar Sticky
=================================*/
.wrap-sticky{
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-sticky nav.navbar.divinnav{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.wrap-sticky nav.navbar.divinnav.sticked{
position: fixed;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
height: 50px;
}
body.on-side .wrap-sticky nav.navbar.divinnav.sticked{
left: -280px;
}
/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width:1400px) {
body.wrap-nav-sidebar .wrapper .container{
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1024px) {
/* General Navbar
=================================*/
nav.navbar.divinnav ul.navdropdown-menu .dropdown-menu{
margin-top: -2px;
}
nav.navbar.divinnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
/*left: -200px;*/
}
nav.navbar.divinnav ul.nav > li > a{
padding: 20px 9px;
font-weight: 600;
}
nav.navbar.sticked ul.nav > li > a{
padding:15px 9px;
}
nav.navbar.divinnav ul.nav > li.dropdown > a.dropdown-toggle:after{
font-family: 'FontAwesome';
content: "\f0d7";
margin-left: 5px;
margin-top: 2px;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu{
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 0;
width:270px;
background: #fff;
border: solid 1px #e0e0e0;
border-top: solid 5px;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu > li a:hover,
nav.navbar.divinnav li.dropdown ul.dropdown-menu > li a:hover{
background-color: transparent;
text-decoration: underline !important;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu > li > a{
padding: 10px 15px;
border-bottom: solid 1px #eee;
color: #6f6f6f;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu > li:last-child > a{
border-bottom: none;
}
nav.navbar.divinnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
text-align: right;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
font-family: 'FontAwesome';
float: right;
content: "\f105";
margin-top: 0;
}
nav.navbar.divinnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
font-family: 'FontAwesome';
float: right;
content: "\f105";
margin-top: 0;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
top: -3px;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content{
padding: 0 15px !important;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content > li{
padding: 25px 0 20px;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content.tabbed{
padding: 0;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content.tabbed > li{
padding: 0;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .col-menu{
padding: 0 30px;
margin: 0 -0.5px;
border-left: solid 1px #f0f0f0;
border-right: solid 1px #f0f0f0;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
border-left: none;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
border-right: none;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .content{
display: none;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
text-align: left;
padding: 5px 0;
display: block;
width: 100%;
margin-bottom: 0;
border-bottom: none;
color: #6f6f6f;
}
nav.navbar.divinnav.on ul.dropdown-menu.megamenu-content .content{
display: block !important;
height: auto !important;
}
/* Navbar Transparent
=================================*/
nav.navbar.divinnav.no-background{
background-color: transparent;
border: none;
}
nav.navbar.divinnav.navbar-transparent .attr-nav{
padding-left: 15px;
margin-left: 30px;
}
nav.navbar.divinnav.navbar-transparent.white{
background-color: rgba(255,255,255,0.3);
border-bottom: solid 1px #bbb;
}
nav.navbar.navbar-inverse.divinnav.navbar-transparent.dark,
nav.navbar.divinnav.navbar-transparent.dark{
background-color: rgba(0,0,0,0.3);
border-bottom: solid 1px #555;
}
nav.navbar.divinnav.navbar-transparent.white .attr-nav{
border-left: solid 1px #bbb;
}
nav.navbar.navbar-inverse.divinnav.navbar-transparent.dark .attr-nav,
nav.navbar.divinnav.navbar-transparent.dark .attr-nav{
border-left: solid 1px #555;
}
nav.navbar.divinnav.no-background.white .attr-nav > ul > li > a,
nav.navbar.divinnav.navbar-transparent.white .attr-nav > ul > li > a,
nav.navbar.divinnav.navbar-transparent.white ul.nav > li > a,
nav.navbar.divinnav.no-background.white ul.nav > li > a{
color: #fff;
}
nav.navbar.divinnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.divinnav.navbar-transparent.dark ul.nav > li > a{
color: #eee;
}
nav.navbar.divinnav.navbar-fixed.navbar-transparent .logo-scrolled,
nav.navbar.divinnav.navbar-fixed.no-background .logo-scrolled{
display: none;
}
nav.navbar.divinnav.navbar-fixed.navbar-transparent .logo-display,
nav.navbar.divinnav.navbar-fixed.no-background .logo-display{
display: block;
}
nav.navbar.divinnav.navbar-fixed .logo-display{
display: none;
}
nav.navbar.divinnav.navbar-fixed .logo-scrolled{
display: block;
}
/* Atribute Navigation
=================================*/
.attr-nav > ul > li.dropdown ul.dropdown-menu{
margin-top: 0;
margin-left: 55px;
width: 250px;
left: -250px;
}
/* Menu Center
=================================*/
nav.navbar.divinnav.menu-center .container{
position: relative;
}
nav.navbar.divinnav.menu-center ul.nav.navbar-center{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
nav.navbar.divinnav.menu-center .navbar-header,
nav.navbar.divinnav.menu-center .attr-nav{
position: absolute;
}
nav.navbar.divinnav.menu-center .attr-nav{
right: 15px;
}
/* Navbar Brand top
=================================*/
nav.divinnav.navbar-brand-top .navbar-header{
display: block;
width: 100%;
text-align: center;
}
nav.divinnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
margin-top: 2px;
}
nav.divinnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
margin-top: 0;
}
nav.divinnav.navbar-brand-top .navbar-header .navbar-brand{
display: inline-block;
float: none;
margin: 0;
}
nav.divinnav.navbar-brand-top .navbar-collapse{
text-align: center;
}
nav.divinnav.navbar-brand-top ul.nav{
display: inline-block;
float: none;
margin: 0 0 -5px 0;
}
/* Navbar Center
=================================*/
nav.divinnav.brand-center .navbar-header{
display: block;
width: 100%;
position: absolute;
text-align: center;
top: 0;
left: 0;
}
nav.divinnav.brand-center .navbar-brand{
display: inline-block;
float: none;
}
nav.divinnav.brand-center .navbar-collapse{
text-align: center;
display: inline-block;
padding-left: 0;
padding-right: 0;
}
nav.divinnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
margin-top: 2px;
}
nav.divinnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
margin-top: 0;
}
nav.divinnav.brand-center .navbar-collapse .col-half{
width: 50%;
float: left;
display: block;
}
nav.divinnav.brand-center .navbar-collapse .col-half.left{
text-align: right;
padding-right: 100px;
}
nav.divinnav.brand-center .navbar-collapse .col-half.right{
text-align: left;
padding-left: 100px;
}
nav.divinnav.brand-center ul.nav{
float: none !important;
margin-bottom: -5px !important;
display: inline-block !important;
}
nav.divinnav.brand-center ul.nav.navbar-right{
margin: 0;
}
nav.divinnav.brand-center.center-side .navbar-collapse .col-half.left{
text-align: left;
padding-right: 100px;
}
nav.divinnav.brand-center.center-side .navbar-collapse .col-half.right{
text-align: right;
padding-left: 100px;
}
/* Navbar Sidebar
=================================*/
body.wrap-nav-sidebar .wrapper{
padding-left: 260px;
overflow-x: hidden;
}
nav.divinnav.navbar-sidebar{
position: fixed;
width: 260px;
overflow: hidden;
left: 0;
padding: 0 0 0 0 !important;
background: #fff;
border-right: solid 1px #dfdfdf;
}
nav.divinnav.navbar-sidebar .scroller{
width: 280px;
overflow-y:auto;
overflow-x: hidden;
}
nav.divinnav.navbar-sidebar .container-fluid,
nav.divinnav.navbar-sidebar .container{
padding: 0 !important;
}
nav.divinnav.navbar-sidebar .navbar-header{
float: none;
display: block;
width: 260px;
padding: 10px 15px;
margin: 10px 0 0 0 !important;
}
nav.divinnav.navbar-sidebar .navbar-collapse{
padding: 0 !important;
width: 260px;
}
nav.divinnav.navbar-sidebar ul.nav{
float: none;
display: block;
width: 100%;
padding: 0 15px !important;
margin: 0 0 30px 0;
}
nav.divinnav.navbar-sidebar ul.nav li{
float: none !important;
}
nav.divinnav.navbar-sidebar ul.nav > li > a{
padding: 10px 15px;
font-weight: bold;
}
nav.divinnav.navbar-sidebar ul.nav > li.dropdown > a:after{
float: right;
}
nav.divinnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
left: 100%;
top: 0;
position: relative !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
background-color: transparent;
border: none !important;
padding: 0;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}
nav.divinnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
border: none !important;
}
nav.divinnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
margin-bottom: 15px;
}
nav.divinnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
padding-left: 0;
float: none;
margin-bottom: 0;
}
nav.divinnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
padding: 5px 15px;
color: #6f6f6f;
border: none;
}
nav.divinnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
padding-left: 15px;
margin-top: 0;
}
nav.divinnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f105";
float: right;
}
nav.divinnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
content: "\f107";
}
nav.divinnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
padding: 0 !important;
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
display: block;
float: none !important;
padding: 0;
margin: 0;
width: 100%;
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
color: #6f6f6f;
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
font-family: 'FontAwesome';
content: "\f105";
float: right;
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
content: "\f107";
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
border: none;
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
padding: 0 0 0 15px;
}
nav.divinnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
padding: 3px 0 !important;
}
}
@media (max-width: 992px) {
/* Navbar Responsive
=================================*/
nav.navbar.divinnav .navbar-brand {
display: inline-block;
float: none !important;
margin: 0 !important;
height: 55px;
}
nav.navbar.divinnav .navbar-header {
float: none;
display: block;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
nav.navbar.divinnav .navbar-toggle {
display: inline-block;
float: left;
margin-top: 10px;
}
nav.navbar.divinnav .navbar-collapse {
border: none;
margin-bottom: 0;
}
nav.navbar.divinnav.no-full .navbar-collapse{
max-height: 350px;
overflow-y: auto !important;
}
nav.navbar.divinnav .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.divinnav .navbar-collapse.collapse.in {
display: block !important;
}
nav.navbar.divinnav .navbar-nav {
float: none !important;
padding-left: 30px;
padding-right: 30px;
margin: 0px -15px;
}
nav.navbar.divinnav .navbar-nav > li {
float: none;
}
nav.navbar.divinnav li.dropdown a.dropdown-toggle:before{
font-family: 'FontAwesome';
content: "\f105";
float: right;
font-size: 16px;
margin-left: 10px;
}
nav.navbar.divinnav li.dropdown.on > a.dropdown-toggle:before{
content: "\f107";
}
nav.navbar.divinnav .navbar-nav > li > a{
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
border-top: solid 1px #e0e0e0;
margin-bottom: -1px;
}
nav.navbar.divinnav .navbar-nav > li:first-child > a{
border-top: none;
}
nav.navbar.divinnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.divinnav ul.nav li.dropdown li a.dropdown-toggle{
float: none !important;
position: relative;
display: block;
width: 100%;
}
nav.navbar.divinnav ul.nav li.dropdown ul.dropdown-menu{
width: 100%;
position: relative !important;
background-color: transparent;
float: none;
border: none;
padding: 0 0 0 15px !important;
margin: 0 0 -1px 0 !important;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px;
-o-border-radius: 0px 0px 0px;
border-radius: 0px 0px 0px;
}
nav.navbar.divinnav ul.nav li.dropdown ul.dropdown-menu > li > a{
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
color: #6f6f6f;
}
nav.navbar.divinnav ul.nav ul.dropdown-menu li a:hover,
nav.navbar.divinnav ul.nav ul.dropdown-menu li a:focus{
background-color: transparent;
}
nav.navbar.divinnav ul.nav ul.dropdown-menu ul.dropdown-menu{
float: none !important;
left: 0;
padding: 0 0 0 15px;
position: relative;
background: transparent;
width: 100%;
}
nav.navbar.divinnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
display: inline-block;
margin-top: -10px;
}
nav.navbar.divinnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
display: none;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu .title{
padding: 10px 15px 10px 0;
line-height: 24px;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
border-bottom: solid 1px #e0e0e0;
color: #6f6f6f;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu ul > li > a{
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 8px 0;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu .title:before{
font-family: 'FontAwesome';
content: "\f105";
float: right;
font-size: 16px;
margin-left: 10px;
position: relative;
right: -15px;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu:last-child .title{
border-bottom: none;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu.on:last-child .title{
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
border-bottom: none;
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu.on .title:before{
content: "\f107";
}
nav.navbar.divinnav .dropdown .megamenu-content .col-menu .content{
padding: 0 0 0 15px;
}
nav.divinnav.brand-center .navbar-collapse{
display: block;
}
nav.divinnav.brand-center ul.nav{
margin-bottom: 0px !important;
}
nav.divinnav.brand-center .navbar-collapse .col-half{
width: 100%;
float: none;
display: block;
}
nav.divinnav.brand-center .navbar-collapse .col-half.left{
margin-bottom: 0;
}
nav.divinnav .megamenu-content{
padding: 0;
}
nav.divinnav .megamenu-content .col-menu{
padding-bottom: 0;
}
nav.divinnav .megamenu-content .title{
cursor: pointer;
display: block;
padding: 10px 15px;
margin-bottom: 0;
font-weight: normal;
}
nav.divinnav .megamenu-content .content{
display: none;
}
.attr-nav{
position: absolute;
right: 60px;
}
.attr-nav > ul{
padding: 0;
margin: 0 -15px -7px 0;
}
.attr-nav > ul > li > a{
padding: 16px 15px 15px;
}
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
display: none;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu{
margin-top: 2px;
margin-left: 55px;
width: 250px;
left: -250px;
border-top: solid 5px;
}
.top-search .container{
padding: 0 45px;
}
/* Navbar full Responsive
=================================*/
nav.divinnav.navbar-full ul.nav{
margin-left: 0;
}
nav.divinnav.navbar-full ul.nav > li > a{
border: none;
}
nav.divinnav.navbar-full .navbar-brand {
float: left !important;
padding-left: 0;
}
nav.divinnav.navbar-full .navbar-toggle {
display: inline-block;
float: right;
margin-right: 0;
margin-top: 10px;
}
nav.divinnav.navbar-full .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
/* Navbar Sidebar
=================================*/
nav.navbar.divinnav.navbar-sidebar .share{
padding: 30px 15px;
margin-bottom: 0;
}
/* Tabs
=================================*/
nav.navbar.divinnav .megamenu-content.tabbed{
padding-left: 0 !mportant;
}
nav.navbar.divinnav .tabbed > li{
padding: 25px 0;
margin-left: -15px !important;
}
/* Mobile Navigation
=================================*/
body > .wrapper{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.side-right > .wrapper{
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.divinnav.navbar-mobile .navbar-collapse{
position: fixed;
overflow-y: auto !important;
overflow-x: hidden !important;
display: block;
background: #fff;
z-index: 99;
width: 280px;
height: 100% !important;
left: -280px;
top: 0;
padding: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.navbar.divinnav.navbar-mobile .navbar-collapse.in{
left: 0;
}
nav.navbar.divinnav.navbar-mobile ul.nav{
width: 293px;
padding-right: 0;
padding-left: 15px;
}
nav.navbar.divinnav.navbar-mobile ul.nav > li > a{
padding: 15px 15px;
}
nav.navbar.divinnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.divinnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.divinnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.divinnav.navbar-mobile .navbar-collapse [class*=' col-'] {
width: 100%;
}
nav.navbar.divinnav.navbar-fixed .logo-scrolled{
display: block !important;
}
nav.navbar.divinnav.navbar-fixed .logo-display{
display: none !important;
}
nav.navbar.divinnav.navbar-mobile .tab-menu,
nav.navbar.divinnav.navbar-mobile .tab-content{
width: 100%;
display: block;
}
}
@media (max-width: 767px) {
nav.navbar.divinnav .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
nav.navbar.divinnav .navbar-nav {
padding-left: 15px;
padding-right: 15px;
}
.attr-nav{
right: 30px;
}
.attr-nav > ul{
margin-right: -10px;
}
.attr-nav > ul > li > a{
padding: 16px 10px 15px;
padding-left: 0 !important;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu{
left: -275px;
}
.top-search .container{
padding: 0 15px;
}
nav.divinnav.navbar-full .navbar-collapse{
left: 15px;
}
nav.divinnav.navbar-full .navbar-header{
padding-right: 0;
}
nav.divinnav.navbar-full .navbar-toggle {
margin-right: -15px;
}
nav.divinnav.navbar-full ul.nav > li > a{
font-size: 18px !important;
line-height: 24px !important;
padding: 5px 10px !important;
}
/* Navbar Sidebar
=================================*/
nav.navbar.divinnav.navbar-sidebar .share{
padding: 30px 15px !important;
}
/* Navbar Sidebar
=================================*/
nav.navbar.divinnav.navbar-sidebar .share{
padding: 30px 0 !important;
margin-bottom: 0;
}
nav.navbar.divinnav.navbar-mobile.navbar-sidebar .share{
padding: 30px 15px !important;
margin-bottom: 0;
}
/* Mobile Navigation
=================================*/
body.side-right > .wrapper{
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.divinnav.navbar-mobile .navbar-collapse{
margin-left: 0;
}
nav.navbar.divinnav.navbar-mobile ul.nav{
margin-left: -15px;
}
nav.navbar.divinnav.navbar-mobile ul.nav{
border-top: solid 1px #fff;
}
li.close-full-menu{
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
@media (min-width: 480px) and (max-width: 640px) {
nav.divinnav.navbar-full ul.nav{
padding-top: 30px;
padding-bottom: 30px;
}
}
/*------------------------------------------------------------------
[Nav Stylesheet]
Project: Divine Art - Multipage Html Responsive Template
Version: 1.1
Last change: 18/04/2017
Primary use: Divine Art - Multipage Html Responsive Template
-------------------------------------------------------------------*/
/*Nav style css here*/
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
padding: 31px 15px;
}
ul.cart-list > li.total > .btn{
border-bottom: solid 1px #cfcfcf !important;
color: #fff !important;
padding: 10px 15px;
}
@media (min-width: 1024px) {
/* Navbar General ------*/
nav.navbar ul.nav > li > a{
padding: 30px 15px;
font-weight: 600;
}
nav.navbar .navbar-brand{
margin-top: 0;
}
/*nav.navbar .navbar-brand img.logo{
width: 50px;
}*/
nav.navbar .navbar-brand{
margin-top: 0;
}
/*nav.navbar .navbar-brand img.logo{
width: 50px;
}*/
nav.navbar li.dropdown ul.dropdown-menu{
border-top: solid 5px;
}
/* Navbar Center ------*/
nav.navbar-center .navbar-brand{
margin: 0 !important;
}
/* Navbar Brand Top ------*/
nav.navbar-brand-top .navbar-brand{
margin: 10px !important;
}
/* Navbar Full ------*/
nav.navbar-full .navbar-brand{
position: relative;
top: -15px;
}
/* Navbar Sidebar ------*/
nav.navbar-sidebar ul.nav,
nav.navbar-sidebar .navbar-brand{
margin-bottom: 50px;
}
nav.navbar-sidebar ul.nav > li > a{
padding: 10px 15px;
font-weight: bold;
}
/* Navbar Transparent & Fixed ------*/
nav.navbar.divinnav.navbar-transparent.white{
background-color: rgba(255,255,255,0.3);
border-bottom: solid 1px #bbb;
}
nav.navbar.navbar-inverse.divinnav.navbar-transparent.dark,
nav.navbar.divinnav.navbar-transparent.dark{
background-color: rgba(0,0,0,0.3);
border-bottom: solid 1px #555;
}
nav.navbar.divinnav.navbar-transparent.white .attr-nav{
border-left: solid 1px #bbb;
}
nav.navbar.navbar-inverse.divinnav.navbar-transparent.dark .attr-nav,
nav.navbar.divinnav.navbar-transparent.dark .attr-nav{
border-left: solid 1px #555;
}
nav.navbar.divinnav.no-background.white .attr-nav > ul > li > a,
nav.navbar.divinnav.navbar-transparent.white .attr-nav > ul > li > a,
nav.navbar.divinnav.navbar-transparent.white ul.nav > li > a,
nav.navbar.divinnav.no-background.white ul.nav > li > a{
color: #fff;
}
nav.navbar.divinnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.divinnav.navbar-transparent.dark ul.nav > li > a{
color: #eee;
}
}
@media (max-width: 992px) {
/* Navbar General ------*/
nav.navbar .navbar-brand{
margin-top: 0;
position: relative;
top: -2px;
}
/*nav.navbar .navbar-brand img.logo{
width: 30px;
}*/
.attr-nav > ul > li > a{
padding: 16px 15px 15px;
}
/* Navbar Mobile slide ------*/
nav.navbar.navbar-mobile ul.nav > li > a{
padding: 15px 15px;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
padding-top: 13px !important;
padding-bottom: 13px !important;
}
/* Navbar Full ------*/
nav.navbar-full .navbar-brand{
top: 0;
padding-top: 10px;
}
}
/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
background-color: #222;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
border-bottom: solid 1px #222 !important;
}
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
color: #fff;
}
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
color: #eee;
}
nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
background-color: #222;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
color: #999;
}
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
color: #fff;
}
nav.navbar.navbar-inverse .form-control{
background-color: #333;
border-color: #303030;
color: #fff;
}
nav.navbar.navbar-inverse .attr-nav > ul > li > a{
color: #eee;
}
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
background-color: #222;
border-left: solid 1px #303030;
border-bottom: solid 1px #303030;
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li{
border-bottom: solid 1px #303030;
color: #eee;
}
nav.navbar.navbar-inverse ul.cart-list > li img{
border: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total{
background-color: #333;
}
nav.navbar.navbar-inverse .share ul > li > a{
background-color: #555;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
border-left: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
background-color: #333 !important;
}
nav.navbar-inverse.navbar-full ul.nav > li > a{
border:none;
}
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
background-color: #222;
}
nav.navbar-inverse.navbar-full .navbar-toggle{
background-color: #222 !important;
color: #6f6f6f;
}
@media (min-width: 1024px) {
nav.navbar.navbar-inverse ul.nav .dropdown-menu{
background-color: #222 !important;
border-left: solid 1px #303030 !important;
border-bottom: solid 1px #303030 !important;
border-right: solid 1px #303030 !important;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
border-left: solid 1px #303030;
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse.navbar-transparent.dark{
background-color: rgba(0,0,0,0.3);
border-bottom: solid 1px #999;
}
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
border-left: solid 1px #999;
}
nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
color: #fff;
}
nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
color: #3f3f3f;
}
}
@media (max-width: 992px) {
nav.navbar.navbar-inverse .navbar-toggle{
color: #eee;
background-color: #222 !important;
}
nav.navbar.navbar-inverse .navbar-nav > li > a{
border-top: solid 1px #303030;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a{
color: #999;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
border-bottom: solid 1px #303030;
color: #eee;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
border-bottom: solid 1px #303030;
color: #999 !important;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
border-top: solid 1px #303030;
}
nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
background-color: #222;
}
}
@media (max-width: 767px) {
nav.navbar.navbar-inverse.navbar-mobile ul.nav{
border-top: solid 1px #222;
}
}
/*
Color
=========================== */
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
color: #0a8dcc;
}
nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
color: #0a8dcc !important;
}
@media(max-width:920px){
nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
color: #0a8dcc !important;
}
}
/*
Border
=========================== */
ul.cart-list > li.total > .btn{
border-color: #0a8dcc;
}
nav.navbar li.dropdown ul.dropdown-menu{
border-top-color: #0a8dcc !important;
}
/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
background-color: #0a8dcc;
}
ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
background-color: #333333!important;
}
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. Navigation
3. Page Tilte
4. Button Style
5. Heading style
6. Icon Box Style
7. Fullwidth Section Style
8. Portfolio Style
9. Testmonials Style
10. Accordion / Toggle Style
11. Blog Post Style
12. Pricing Table Style
13. Footer style
14. Responsive Media Screen style
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]
# Black (text): #000
# Blue : #0a8dcc
------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Typography]
Body : 'Lato', sans-serif;
Title and logo: 'Exo 2', sans-serif;
-------------------------------------------------------------------*/
/*---Body---*/
html,
body {
height: 100%;
width: 100%;
}
body {
color:#666;
font-family:'Exo 2', sans-serif;
}
a {
color: #0a8dcc;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.btn, .btn:hover {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
a:hover,
a:focus {
color: #0a8dcc;
outline: none;
outline-offset: 0px;
text-decoration:underline !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'Exo 2', sans-serif;
color:#333;
}
p {
line-height: 1.5;
margin-bottom:10px;
}
.blue{
color:#0a8dcc;
}
.white{
color: #fff;
}
.black{
color:#000;
}
.yellow{
color:#ffff00;
}
.gray{
color:#898989;
}
.bg-blue{
background-color:#0a8dcc;
}
.light-blue {
background-color: #e5f0fb;
}
section{
padding:10px 0px;
}
.light-gray{
background-color:#f7f7f7;
}
/*--- Nav ---*/
.sticked .navbar-brand{
height:40px;
}
.sticked img.logo{
height: 40px;
}
nav.navbar .fixed-phone{
position: fixed;
bottom: 10px;
left: 10px;
line-height: 24px;
padding:10px 5px;
font-size: 18px;
margin-left: 6px;
background-color:rgba(0, 0, 0, 0.69);
border-radius: 3px;
color: #FFF;
}
.fixed-phone h3{
color: #FFF;
display: block;
width: 100%;
margin: 0 auto;
font-size: 19px;
text-align: center;
}
.fixed-phone .telefon{
display: block;
width: 100%;
}
nav.navbar .navbar-brand img.logo {
max-width:220px;
}
nav.navbar .megamenu-content .col-menu .title {
display:none;
}
@media (min-width: 1024px){
nav.navbar.divinnav li.dropdown ul.dropdown-menu{
/*width:auto;*/
}
nav.navbar.divinnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
text-align: left;
}
}
@media (max-width : 991px) {
nav.navbar .navbar-brand img.logo {
max-width: 220px;
max-height: 45px;
}
nav.navbar .megamenu-content .col-menu .title {
display:block;
}
nav.navbar .dropdown-menu{
font-size:100%;
}
}
@media (max-width : 767px) {
ul.cart-list > li img {
width: 35px;
height: 35px;
}
ul.cart-list > li > a.photo {
width: 35px;
height: 35px;
}
}
/*--- Nav top bar ---*/
.top-container {
float: left;
width: 100%;
color: #fff;
padding: 5px 0;
background-color: #0a8dcc;
}
.top-column-left, .top-column-right {
float: left;
}
.top-social-network, ul.contact-line, ul.register {
float: left;
margin: 0;
padding: 0;
}
ul.contact-line li:first-child {
border-right: none;
padding: 0;
}
ul.register li:last-child{
border-right: none;
padding: 0;
}
ul.contact-line li, ul.register li {
float: left;
font-size: 12px;
list-style: none;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.top-column-right {
float: right;
}
.top-social-network a {
margin: 2px;
}
.top-container a, .top-container a:hover, .top-container a:focus, .top-container a:active {
color: #fff;
}
@media (max-width: 767px) {
.top-container .top-column-left {
display: none;
}
.top-container .top-column-right {
padding-right: 15px;
}
.top-container {
font-size:13px;
}
}
/*---Page Tilte---*/
.page_title_ctn {
padding-top: 15px;
padding-bottom: 15px;
background-image:url(../images/bg_34.jpg);
background-size: cover;
border-bottom: 1px solid #ecf0f1;
}
.page_title_ctn h1, .page_title_ctn h2, .breadcrumb, .breadcrumb a, .breadcrumb li.active {
color: #ffffff;
}
.breadcrumb li.active span {
text-decoration:underline;
}
.page_title_ctn h2 {
font-weight: 400;
margin-top:10px;
font-size: 24px;
line-height: 34px;
max-width: 820px;
float: left;
}
.breadcrumb {
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 0px;
position: relative;
margin-top: 15px;
float: right;
margin-bottom: 0;
padding:0;
}
.breadcrumb > li + li:before {
color: #fff;
}
/*---Button Style Here---*/
/*---Button Commen Style---*/
.btn {
font-size:100%;
}
.dart-btn-xs {
min-width: 120px;
max-width: 100%;
padding: 10px 15px;
vertical-align: middle;
max-height: 40px;
}
.dart-btn-sm {
font-size:1.1428571428571428em;
min-width: 170px;
max-width: 100%;
padding: 15px 20px;
vertical-align: middle;
max-height: 55px;
}
.dart-btn-lg {
font-size:1.7142857142857142em;
min-width: 270px;
max-width: 100%;
padding: 25px 30px;
vertical-align: middle;
max-height: 80px;
}
.border_1px {
border-width: 1px;
}
.border_2px {
border-width: 2px;
}
.border_3px {
border-width: 3px;
}
.border_4px {
border-width: 4px;
}
.border_5px {
border-width: 5px;
}
.border_6px {
border-width: 6px;
}
.btn.transparent{
border-color:#fff;
background-color:transparent;
color:#fff;
}
.btn.transparent:hover{
border-color:#fff;
background-color:#fff;
color:#333;
}
/*---Normal Style---*/
#NormalButton {
display: inline-flex;
}
#NormalButton .normal-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.normal-btn {
color: #ffffff;
background: #0a8dcc;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 5px;
text-transform:uppercase;
}
.normal-btn:hover, .normal-btn:focus {
color: #fff;
background: #333333;
}
/*---3d Redius Button Style---*/
#Redius3DButton {
display: inline-flex;
}
#Redius3DButton .rd-3d-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.rd-3d-btn {
color: #ffffff;
background: #64b63e;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 5px;
text-transform:uppercase;
}
.rd-3d-btn:hover, .rd-3d-btn:focus {
color: #fff;
background: rgba(100, 182, 62, 0.8);
}
.rd-3d-btn {
border-bottom: 5px solid rgba(0,0,0,.2);
}
.rd-3d-btn.dart-btn-xs {
max-height: 45px;
}
.rd-3d-btn.dart-btn-sm {
max-height: 60px;
}
.rd-3d-btn.dart-btn-lg {
max-height: 85px;
}
/*---Rectangle Button Style---*/
#RectangleButton {
display: inline-flex;
}
#RectangleButton .rectangle-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.rectangle-btn {
color: #ffffff;
background: #f5793b;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform:uppercase;
}
.rectangle-btn:hover, .rectangle-btn:focus {
color: #fff;
background: #333;
}
/*---Stroke Radius Button Style---*/
#StrokeRadiusButton {
display: inline-flex;
}
#StrokeRadiusButton .rd-stroke-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.rd-stroke-btn {
color: #333;
background: #ffffff;
border-style: solid;
border-color: #333;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 5px;
text-transform:uppercase;
}
.rd-stroke-btn:hover, .rd-stroke-btn:focus {
color: #fff;
background: #333;
}
.border_rd_3px {
border-radius: 3px;
}
.border_rd_7px {
border-radius: 7px;
}
.border_rd_10px {
border-radius: 10px;
}
.border_rd_12px {
border-radius: 12px;
}
.border_rd_15px {
border-radius: 15px;
}
.border_rd_20px {
border-radius: 20px;
}
/*---3d Rectangle Button Style---*/
#Rectangle3DButton {
display: inline-flex;
}
#Rectangle3DButton .ret-3d-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.ret-3d-btn {
color: #ffffff;
background: #a6208d;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform:uppercase;
}
.ret-3d-btn:hover, .ret-3d-btn:focus {
color: #fff;
background: rgba(166, 32, 141, 0.8);
}
.ret-3d-btn {
-webkit-box-shadow: 3px 4px #6a0a58;
-moz-box-shadow: 3px 4px #6a0a58;
box-shadow: 3px 4px #6a0a58;
}
.ret-3d-btn.dart-btn-xs {
max-height: 45px;
}
.ret-3d-btn.dart-btn-sm {
max-height: 60px;
}
.ret-3d-btn.dart-btn-lg {
max-height: 85px;
}
/*---Stroke Rectangle Button Style---*/
#StrokeRectangleButton {
display: inline-flex;
}
#StrokeRectangleButton .ret-stroke-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.ret-stroke-btn {
color: #333;
background: #ffffff;
border-style: solid;
border-color: #333;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform:uppercase;
}
.ret-stroke-btn:hover, .ret-stroke-btn:focus {
color: #fff;
background: #333;
}
/*---3d Redius Button With Sub Text Style---*/
#Redius3DButtonSub {
display: inline-flex;
}
#Redius3DButtonSub .rd-3d-sub-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.rd-3d-sub-btn {
color: #ffffff;
background: #64b63e;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 5px;
text-transform:uppercase;
}
.rd-3d-sub-btn span {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
font-style: italic;
text-transform: none;
}
.rd-3d-sub-btn:hover, .rd-3d-sub-btn:focus {
color: #fff;
background: rgba(100, 182, 62, 0.8);
}
.rd-3d-sub-btn {
border-bottom: 5px solid rgba(0,0,0,.2);
}
.rd-3d-sub-btn.dart-btn-xs {
max-height: 100%;
}
.rd-3d-sub-btn.dart-btn-sm {
max-height: 100%;
}
.rd-3d-sub-btn.dart-btn-lg {
max-height: 100%;
}
/*---Stroke Rectangle Button with Sub Text Style---*/
#StrokeRectangleButtonSub {
display: inline-flex;
}
#StrokeRectangleButtonSub .ret-stroke-sub-btn {
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 15px;
}
.ret-stroke-sub-btn {
color: #333;
background: #ffffff;
border-style: solid;
border-color: #333;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 900;
border-radius: 0px;
text-transform:uppercase;
}
.ret-stroke-sub-btn span {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
font-style: italic;
text-transform: none;
}
.ret-stroke-sub-btn:hover, .ret-stroke-sub-btn:focus {
color: #fff;
background: #333;
}
.ret-stroke-sub-btn.dart-btn-xs {
max-height: 100%;
}
.ret-stroke-sub-btn.dart-btn-sm {
max-height: 100%;
}
.ret-stroke-sub-btn.dart-btn-lg {
max-height: 100%;
}
/*---Color Option---*/
.color-option{
display:inline-block;
}
.color-option a{
display: inline-block;
text-align:center;
}
.aqua{
background-color:#00FFFF;
border:1px solid #00FFFF;
}
.aqua:hover{
background-color:#fff;
border:1px solid #00FFFF;
color:#00FFFF;
}
.blue-dark{
background-color:#0000FF;
border:1px solid #0000FF;
color:#fff;
}
.blue-dark:hover{
background-color:#fff;
border:1px solid #0000FF;
color:#0000FF;
}
.blueViolet {
background-color:#8A2BE2;
border:1px solid #8A2BE2;
color:#fff;
}
.blueViolet:hover{
background-color:#fff;
border:1px solid #8A2BE2;
color:#8A2BE2;
}
.brown {
background-color:#A52A2A;
border:1px solid #A52A2A;
color:#fff;
}
.brown:hover{
background-color:#fff;
border:1px solid #A52A2A;
color:#A52A2A;
}
.chartreuse{
background-color:#7FFF00;
border:1px solid #7FFF00;
}
.chartreuse:hover{
background-color:#fff;
border:1px solid #7FFF00;
color:#7FFF00;
}
.chocolate {
background-color:#D2691E;
border:1px solid #D2691E;
color:#fff;
}
.chocolate:hover{
background-color:#fff;
border:1px solid #D2691E;
color:#D2691E;
}
.crimson {
background-color:#DC143C;
border:1px solid #DC143C;
color:#fff;
}
.crimson :hover{
background-color:#fff;
border:1px solid #DC143C;
color:#DC143C;
}
.cyan{
background-color:#00FFFF;
border:1px solid #00FFFF;
}
.cyan:hover{
background-color:#fff;
border:1px solid #00FFFF;
color:#00FFFF;
}
.darkBlue {
background-color:#00008B;
border:1px solid #00008B;
color:#fff;
}
.darkBlue:hover{
background-color:#fff;
border:1px solid #00008B;
color:#00008B;
}
.darkMagenta {
background-color:#8B008B;
border:1px solid #8B008B;
color:#fff;
}
.darkMagenta:hover{
background-color:#fff;
border:1px solid #8B008B;
color:#8B008B;
}
.darkRed {
background-color:#8B0000;
border:1px solid #8B0000;
color:#fff;
}
.darkRed:hover{
background-color:#fff;
border:1px solid #8B0000;
color:#8B0000;
}
.darkViolet{
background-color:#9400d3;
border:1px solid #9400d3;
color:#fff;
}
.darkViolet:hover{
background-color:#fff;
border:1px solid #9400d3;
color:#9400d3;
}
.deepPink{
background-color:#FF1493;
border:1px solid #FF1493;
color:#fff;
}
.deepPink:hover{
background-color:#fff;
border:1px solid #FF1493;
color:#FF1493;
}
.deepSkyBlue{
background-color:#00BFFF;
border:1px solid #00BFFF;
color:#fff;
}
.deepSkyBlue:hover{
background-color:#fff;
border:1px solid #00BFFF;
color:#00BFFF;
}
.floralWhite {
background-color:#FFFAF0;
border:1px solid #FFFAF0;
}
.floralWhite:hover{
background-color:transparent;
border:1px solid #FFFAF0;
color:#FFFAF0;
}
.forestGreen {
background-color:#228B22;
border:1px solid #228B22;
color:#fff;
}
.forestGreen:hover{
background-color:#fff;
border:1px solid #228B22;
color:#228B22;
}
.gainsboro {
background-color:#DCDCDC;
border:1px solid #DCDCDC;
}
.gainsboro:hover{
background-color:transparent;
border:1px solid #DCDCDC;
color:#DCDCDC;
}
.indigo{
background-color:#4B0082;
border:1px solid #4B0082;
color:#fff;
}
.indigo:hover{
background-color:#fff;
border:1px solid #4B0082;
color:#4B0082;
}
.lawnGreen {
background-color:#7CFC00;
border:1px solid #7CFC00;
color:#fff;
}
.lawnGreen:hover{
background-color:#fff;
border:1px solid #7CFC00;
color:#7CFC00;
}
.olive {
background-color:#808000;
border:1px solid #808000;
color:#fff;
}
.olive:hover{
background-color:#fff;
border:1px solid #808000;
color:#808000;
}
.orange {
background-color:#FFA500;
border:1px solid #FFA500;
color:#fff;
}
.orange:hover{
background-color:#fff;
border:1px solid #FFA500;
color:#FFA500;
}
/*---Buttons With Icons---*/
.bt_icon_border.bt_icon_left {
color: #ffffff;
background: #21c2f8;
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 30px;
padding:0;
max-height:100%;
font-weight: 900;
border-radius: 5px;
}
.bt_icon_border.bt_icon_left i {
margin: 0;
padding: 30px 30px 31px;
float: left;
border-right: 1px solid rgba(0,0,0,.15);
max-height: 80px;
}
.bt_icon_left i {
margin-right: 20px;
}
.ta_center i, .ta_left i, .ta_right i {
transition: all linear .2s;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
}
.bt_icon_border.bt_icon_left span {
padding-left: 24px;
padding-right: 24px;
}
.bt_icon_border.bt_icon_left span {
margin: 0;
padding: 25px 30px 31px;
float: right;
display: block;
border-left: 1px solid rgba(255,255,255,.15);
max-height: 80px;
}
.bt_icon_left {
color: #ffffff;
background: #0000ff;
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 30px;
font-weight: 900;
border-radius: 5px;
}
.bt_icon_left i {
margin: 0;;
float: left;
margin-right: 20px;
max-height: 80px;
margin-top: 5px;
}
.bt_icon_left span {
margin: 0;
float: right;
display: block;
max-height: 80px;
}
.bt_icon_right {
color: #ffffff;
background: #f5793b;
margin-top: 0px;
margin-bottom: 35px;
margin-left: 0px;
margin-right: 30px;
font-weight: 900;
border-radius: 5px;
}
.bt_icon_right i {
margin: 0;;
float: right;
margin-left: 20px;
max-height: 80px;
margin-top: 5px;
}
.bt_icon_right span {
margin: 0;
float: left;
display: block;
max-height: 80px;
}
/*---Heading style Here---*/
.dart-heading.text-capitalize {
text-transform:capitalize !important;
}
.dart-heading.text-uppercase {
text-transform:uppercase !important;
}
/*---Style 1---*/
.dart-headingstyle-one .dart-heading {
padding-bottom: 25px;
position: relative;
}
.dart-headingstyle-one .dart-heading:after {
content: "";
background: #0a8dcc;
width: 28px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -14px;
}
.dart-headingstyle-one .dart-heading.white-dash:after {
background: #fff;
}
.dart-headingstyle-one .dart-heading.text-left:after {
left: 15px;
}
/*---Style 2---*/
.dart-headingstyle-two .dart-heading {
text-transform:uppercase;
display: inline-block;
margin-bottom: 0;
position: relative;
}
.dart-headingstyle-two .dart-heading:before, .dart-headingstyle-two .dart-heading:after {
content: " ";
height: 10px;
width: 10px;
background-color: #0a8dcc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
margin-top: -5px;
}
.dart-headingstyle-two .dart-heading:before {
left: -28px;
}
.dart-headingstyle-two .dart-heading:after {
right: -28px;
}
/*---Style 3---*/
.dart-headingstyle-three .dart-heading {
position: relative;
}
.dart-headingstyle-three span.border-icon {
color: #0a8dcc;
padding: 0 10px;
font-size: 12px;
line-height: 18px;
position: relative;
display: inline-block;
}
.dart-headingstyle-three span.border-icon:before, .dart-headingstyle-three span.border-icon:after {
content: "";
background: #ccc;
width: 50px;
height: 1px;
top: 8px;
position: absolute;
}
.dart-headingstyle-three span.border-icon:before {
left: 100%;
}
.dart-headingstyle-three span.border-icon:after {
right: 100%;
}
/*---Style 4---*/
.dart-headingstyle-four span {
font-size: 12px;
text-transform: uppercase;
}
.dart-headingstyle-four .dart-heading {
padding-bottom: 25px;
position: relative;
margin-top: 0px;
}
.dart-headingstyle-four .dart-heading:after {
content: "";
background: #0a8dcc;
width: 50px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
/*---Style 5---*/
.dart-headingstyle-five .dart-heading {
position: relative;
text-transform: capitalize;
padding-bottom: 25px;
margin-bottom: 0;
}
.dart-headingstyle-five .dart-heading i {
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -5px;
font-size: 10px;
background-color: #fff;
color: #0a8dcc;
padding-bottom: 5px;
padding-right: 5px;
z-index: 100;
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
-webkit-transform: rotate(45deg);
transform: rotate(0deg);
}
.dart-headingstyle-five .dart-heading:after {
content: "";
background: #dadada;
width: 118px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -59px;
}
/*---Style 6---*/
.dart-headingstyle-six .dart-heading {
text-transform: uppercase;
}
.dart-headingstyle-six p {
margin-bottom: 0;
}
/*---Style 7---*/
.dart-headingstyle-seven .dart-heading {
position: relative;
text-transform: uppercase;
padding-bottom: 5px;
margin-bottom: 5px;
}
.dart-headingstyle-seven p {
margin-bottom: 0;
}
.dart-headingstyle-seven .dart-heading:after {
content: "";
background: #0a8dcc;
width: 140px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -70px;
}
.dart-headingstyle-seven p {
margin-bottom: 0;
}
/*---Style 8---*/
.dart-headingstyle-eight .dart-heading {
display: inline-block;
padding: 20px;
text-transform: uppercase;
border: 2px solid #333;
margin-bottom: 0;
}
/*---Style 9---*/
.dart-headingstyle-nine .dart-heading {
text-transform: capitalize;
position: relative;
}
.dart-headingstyle-nine span.border-icon {
color: #0a8dcc;
padding: 0 10px;
font-size: 10px;
line-height: 18px;
position: relative;
display: inline-block;
}
.dart-headingstyle-nine span.border-icon:before, .dart-headingstyle-nine span.border-icon:after {
content: "";
background: #ccc;
width: 215px;
height: 1px;
top: 8px;
position: absolute;
}
.dart-headingstyle-nine span.border-icon:before {
left: 100%;
}
.dart-headingstyle-nine span.border-icon i {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dart-headingstyle-nine span.border-icon:before, .dart-headingstyle-nine span.border-icon:after {
content: "";
background: #ccc;
width: 215px;
height: 1px;
top: 8px;
position: absolute;
}
.dart-headingstyle-nine span.border-icon:after {
right: 100%;
}
.dart-headingstyle-nine p {
margin: 10px 0 0;
}
/*---Style 10---*/
.dart-headingstyle-ten span {
text-transform: uppercase;
color: #333;
}
.dart-headingstyle-ten .dart-heading {
text-transform: uppercase;
margin-bottom: 20px;
margin-top:0px;
}
.dart-headingstyle-ten i {
font-size:1.4285714285714286em;
color: #0a8dcc;
}
/*--- Icon Box Style here---*/
/*---Style 1---*/
#icon_box_1{
text-align:center;
margin-bottom:30px;
}
.icon_box1_alt .icon_circle, .icon_box1_alt i {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box1_alt .icon_circle {
text-align: center;
width: 106px;
height: 106px;
margin: 0 auto;
background-color: #0a8dcc;
border: 4px solid #fff;
border-radius: 100px;
display: block;
text-shadow: none;
color: #444;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box1_alt i {
color: #fff;
font-size:2.5714285714285716em;
display: block;
line-height: 98px;
text-align: center;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box1_alt .icon_circle, .icon_box1_alt i {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box1_alt a{
margin-top:20px;
margin-bottom:15px;
display:block;
}
#icon_box_1:hover .icon_circle {
background: #333;
border: 4px solid #0a8dcc;
cursor:pointer;
}
#icon_box_1:hover .icon_circle i {
color: #0a8dcc;
}
#icon_box_1:hover{
cursor:pointer;
}
/*---Style 2---*/
.icon_box_rd_corner {
display: block;
position: relative;
margin-bottom: 20px;
overflow: hidden;
cursor: pointer;
}
.icon_box_rd_corner i {
font-size: 17px;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 11px 0 0;
width: 40px;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
height: 40px;
background: #333;
text-align: center;
border-radius: 5px;
}
.icon_box_rd_corner h4 {
padding: 10px 0 0 55px;
-moz-transition: all .2s linear;
transition: all .2s linear;
margin-top: 0px;
}
.icon_box_rd_corner p {
margin-top: 10px;
}
.icon_box_rd_corner a {
display: inline-block;
}
.icon_box_rd_corner:hover i {
background: #0a8dcc;
}
.icon_box_rd_corner:hover a h4 {
color: #0a8dcc;
}
.icon_box_rd_corner a:hover {
text-decoration:none;
}
/*---Style 3---*/
.icon_box3_simple {
margin-top: 60px;
padding: 45px 30px 20px;
background-color: #ffffff;
border: 1px solid #ebebeb;
text-align: center;
text-shadow: none;
position: relative;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
cursor: pointer;
}
.icon_box3_simple .icon_circle {
text-align: center;
width: 75px;
height: 75px;
margin: 0 auto 0 -37.5px;
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 100px;
position: absolute;
top: -39.5px;
left: 50%;
text-shadow: none;
color: #444;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box3_simple .icon_circle, .icon_box3_simple .simple_sub_circle {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box3_simple .simple_sub_circle {
width: 59px;
height: 59px;
background: #0a8dcc;
border-radius: 300px;
position: absolute;
top: 7px;
left: 7px;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box3_simple i {
color: #fff;
font-size: 25px;
line-height: 75px;
display: block!important;
text-align: center;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
position: relative;
}
.icon_box3_simple h4 {
text-align: center;
padding: 10px 0 0;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box3_simple h4, .icon_box3_simple i {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box3_simple .box_btn, .icon_box3_simple p {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box3_simple p {
padding: 5px 0 0;
text-align: center;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box3_simple .box_btn {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: none;
padding: 11px 16px 12px;
font-weight: 400;
font-size:1.1428571428571428em;
display: inline-block;
min-width: 135px;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box3_simple:hover {
background: #ffffff;
border: 1px solid #ecf0f1;
border-bottom: 3px solid #0a8dcc;
}
.icon_box3_simple:hover {
border-bottom: 3px solid #0a8dcc;
padding: 43px 30px 18px 30px;
}
.icon_box3_simple:hover .icon_circle {
background: #0a8dcc;
border: 1px solid #ebebeb;
}
.icon_box3_simple:hover .simple_sub_circle {
background: #333;
}
.icon_box3_simple:hover h4 {
color: #0a8dcc;
}
.icon_box3_simple:hover .box_btn {
color: #333;
}
/*---style 4---*/
.icon_box4_alt {
margin-top: 60px;
padding: 65px 30px 35px;
background: #f7f7f7;
border: 1px solid #ebebeb;
text-align: center;
text-shadow: none;
position: relative;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
cursor: pointer;
}
.icon_box4_alt {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box4_alt .icon_circle, .icon_box4_alt i {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box4_alt .icon_circle {
text-align: center;
width: 106px;
height: 106px;
margin: 0 auto 0 -53px;
background-color: #0a8dcc;
border: 4px solid #fff;
border-radius: 100px;
position: absolute;
top: -53px;
left: 50%;
display: block;
text-shadow: none;
color: #444;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box4_alt i {
color: #fff;
font-size: 36px;
display: block;
line-height: 98px;
text-align: center;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box4_alt h4, .icon_box4_alt p {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box4_alt h4 {
text-align: center;
padding: 10px 0 0;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box4_alt p {
padding: 1px 0 0;
text-align: center;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box4_alt .box_btn{
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box4_alt .box_btn {
background-color: #ffffff;
color: #898989;
border: 1px solid #ebebeb;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: none;
padding: 10px 16px 9px;
font-weight: 700;
font-size: 15px;
display: inline-block;
min-width: 135px;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
#icon_box_4:hover {
background: #ffffff;
border: 1px solid #ebebeb;
}
#icon_box_4:hover .icon_circle {
background: #333;
border: 4px solid #0a8dcc;
}
#icon_box_4:hover .icon_circle i {
color: #0a8dcc;
}
#icon_box_4:hover h4 {
color: #333;
}
#icon_box_4:hover .box_btn {
background: #0a8dcc;
color: #ffffff;
border: 1px solid #0a8dcc;
}
/*---Style 5---*/
.icon_box5_hex {
border: 1px solid #ebebeb;
background: #ffffff;
}
.icon_box5_hex {
margin-top: 60px;
padding: 21px 20px 41px;
text-align: center;
text-shadow: none;
transition: all .2s linear;
cursor: pointer;
position: relative;
border-radius: 3px;
}
.icon_box5_hex {
margin-top: 0px;
margin-bottom: 50px;
}
.icon_box5_hex .icon_circle, .icon_box5_hex .icon_circle:after, .icon_box5_hex .icon_circle:before {
background: #ebebeb;
color: #fff;
}
.icon_box5_hex .icon_circle, .icon_box5_hex .icon_circle:after, .icon_box5_hex .icon_circle:before {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box5_hex .icon_circle {
width: 100px;
margin: 35px auto 38px;
border-radius: 10px;
color: #fff;
height: 60px;
line-height: 60px;
text-align: center;
display: block;
position: relative;
text-shadow: none;
transition: all .2s linear;
}
.icon_box5_hex .icon_circle, .icon_box5_hex .icon_circle:after, .icon_box5_hex .icon_circle:before {
background: #ebebeb;
color: #fff;
}
.icon_box5_hex .icon_circle:after, .icon_box5_hex .icon_circle:before {
z-index: 0;
top: -15px;
content: "";
position: absolute;
width: 55px;
height: 55px;
transform: scalex(1.7)rotate(45deg);
-webkit-transform: scalex(1.7)rotate(45deg);
-moz-transform: scalex(1.7)rotate(45deg);
-ms-transform: scalex(1.7)rotate(45deg);
-o-transform: scalex(1.7)rotate(45deg);
left: 23px;
border-radius: 10px 24px;
transition: all .2s linear;
}
.icon_box5_hex .icon_circle:before {
top: 24px;
}
.icon_box5_hex .icon_circle, .icon_box5_hex .icon_circle:after, .icon_box5_hex .icon_circle:before {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box5_hex .icon_sub_ctn, .icon_box5_hex .icon_sub_ctn:before, .icon_box5_hex .icon_sub_ctn:after {
background: #898989;
}
.icon_box5_hex .icon_sub_ctn, .icon_box5_hex .icon_sub_ctn:after, .icon_box5_hex .icon_sub_ctn:before {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box5_hex .icon_sub_ctn {
font-size: 35px;
display: block;
text-align: center;
position: absolute;
left: 5px;
top: 5px;
z-index: 3;
height: 55px;
line-height: 60px;
margin: 0 auto;
width: 90px;
border-radius: 10px;
transition: all .2s linear;
}
.icon_box5_hex .icon_sub_ctn, .icon_box5_hex .icon_sub_ctn:before, .icon_box5_hex .icon_sub_ctn:after {
background: #898989;
}
.icon_box5_hex .icon_sub_ctn:after, .icon_box5_hex .icon_sub_ctn:before {
z-index: 0;
top: -15px;
content: "";
position: absolute;
width: 51px;
height: 51px;
transform: scalex(1.7)rotate(45deg);
-webkit-transform: scalex(1.7)rotate(45deg);
-moz-transform: scalex(1.7)rotate(45deg);
-ms-transform: scalex(1.7)rotate(45deg);
-o-transform: scalex(1.7)rotate(45deg);
left: 20px;
border-radius: 10px 24px;
transition: all .2s linear;
}
.icon_box5_hex .icon_sub_ctn:before {
top: 19px;
}
.icon_box5_hex h3, .icon_box5_hex i {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.icon_box5_hex i {
font-size: 35px;
display: inline-block!important;
text-align: center;
position: relative;
z-index: 3;
transition: all .2s linear;
}
.icon_box5_hex .box_btn, .icon_box5_hex p {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.icon_box5_hex h4 {
text-align: center;
padding: 10px 0 0;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
position: relative;
transition: all .2s linear;
}
.icon_box5_hex h4:after {
background: #898989;
content: "";
width: 70px;
height: 1px;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -12px;
}
.icon_box5_hex p {
padding: 1px 0 0;
text-align: center;
transition: all .2s linear;
}
.icon_box5_hex .box_btn {
background-color: #898989;
color: #ffffff;
text-shadow: none;
padding: 9px 15px 11px;
font-weight: 700;
margin-top: 20px;
font-size: 14px;
position: absolute;
display: inline-block;
text-transform: uppercase;
left: 50%;
margin-left: -65px;
transition: all .2s linear;
}
.icon_box5_hex:hover {
border: 1px solid #ebebeb;
background: #ffffff;
}
.icon_box5_hex:hover .icon_circle, .icon_box5_hex:hover .icon_circle:after, .icon_box5_hex:hover .icon_circle:before {
background: #ebebeb;
color: #fff;
}
.icon_box5_hex:hover .icon_circle, .icon_box5_hex:hover .icon_circle:after, .icon_box5_hex:hover .icon_circle:before {
background: #ebebeb;
color: #fff;
}
.icon_box5_hex:hover .icon_sub_ctn, .icon_box5_hex:hover .icon_sub_ctn:before, .icon_box5_hex:hover .icon_sub_ctn:after {
background: #0a8dcc;
}
.icon_box5_hex:hover h4 {
color: #0a8dcc;
}
.icon_box5_hex:hover p {
color: #898989;
}
.icon_box5_hex:hover .box_btn {
background: #0a8dcc;
color: #ffffff;
}
/*---Style 6---*/
.icon_box_circle {
display: block;
position: relative;
margin-bottom: 20px;
overflow: hidden;
cursor: pointer;
}
.icon_box_circle i {
font-size: 17px;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 11px 0 0;
width: 40px;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
height: 40px;
background: #0a8dcc;
text-align: center;
border-radius: 100px;
}
.icon_box_circle h4 {
padding: 10px 0 0 55px;
-moz-transition: all .2s linear;
transition: all .2s linear;
margin-top: 0px;
}
.icon_box_circle p {
margin-top: 10px;
}
.icon_box_circle a {
display: inline-block;
}
.icon_box_circle:hover i {
background: #333;
}
.icon_box_circle:hover a h4 {
color: #333;
}
/*---Style 7---*/
.icon_box_big_rd_square {
margin-top: 0px;
margin-bottom: 30px;
}
.icon_box_big_rd_square .ib_big_rd_square {
background: #333;
}
.ib_big_rd_square {
width: 70px;
height: 70px;
left: 15px;
top: 0;
border-radius: 12px;
transition: all .2s linear;
}
.ib_big_rd_square, .icon_box_big_rd_square i {
-moz-transition: all .2s linear;
position: absolute;
}
.icon_box_big_rd_square h4, .icon_box_big_rd_square i {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box_big_rd_square i {
font-size: 30px;
color: #fff;
top: 0;
left: 0;
background: 0 0;
line-height: 70px;
transition: all .2s linear;
text-align: center;
width: 70px;
}
.icon_box_big_rd_square h4 {
text-align: left;
padding: 0 0 0 90px;
transition: all .2s linear;
margin-top:5px;
}
.icon_box_big_rd_square h4, .icon_box_big_rd_square p {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.icon_box_big_rd_square p {
padding: 1px 0 3px 90px;
text-align: left;
transition: all .2s linear;
}
.icon_box_big_rd_square:hover .ib_big_rd_square {
background: #0a8dcc;
}
.icon_box_big_rd_square:hover h4 {
color: #0a8dcc;
}
/*---style 7---*/
.icon_box8_ct_big {
padding-left: 0;
padding-right: 0;
}
.icon_box8_ct_big {
margin-top: 0px;
margin-bottom: 40px;
}
.icon_box8_ct_big .icon_circle {
color: #333;
}
.icon_box8_ct_big .icon_circle, .icon_box8_ct_big i {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box8_ct_big .icon_circle {
text-align: center;
width: 150px;
height: 150px;
margin: 0 auto;
border: 3px solid;
border-radius: 100px;
display: block;
position: relative;
text-shadow: none;
transition: all .2s linear;
}
.icon_box8_ct_big, .icon_box8_ct_big .icon_circle {
-webkit-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box8_ct_big h3, .icon_box8_ct_big i {
-webkit-transition: all .2s linear;
}
.icon_box8_ct_big i {
font-size: 40px;
display: block;
line-height: 150px;
text-align: center;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box8_ct_big i:before {
width: 110px;
height: 110px;
border-radius: 100px;
display: block;
line-height: 110px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -55px;
margin-left: -55px;
border: 3px solid transparent;
}
.icon_box8_ct_big:hover i:before {
border: 3px solid rgba(0,0,0,.3);
background-color: #0a8dcc;
}
.icon_box8_ct_big h3, .icon_box8_ct_big p {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box8_ct_big h3 {
text-align: center;
padding: 5px 0 0;
margin-bottom: 9px;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box8_ct_big .box_btn, .icon_box8_ct_big p {
-webkit-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box8_ct_big p {
padding: 1px 0 0;
text-align: center;
transition: all .2s linear;
}
.icon_box8_ct_big:hover .icon_circle {
background: #333;
}
.icon_box8_ct_big:hover .icon_circle i {
color: #fff;
}
.icon_box8_ct_big:hover h3 {
color: #0a8dcc;
}
.icon_box8_ct_big:hover .icon_circle {
border: 5px solid rgba(255,255,255,.3);
}
/*---Style 9---*/
.icon_box_hexa {
margin-top: 0px;
margin-bottom: 30px;
}
.ibox_hexagon {
position: absolute;
width: 35px;
height: 20.21px;
background-color: #64C7CC;
margin: 10.1px 0;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.ibox_hexagon, .ibox_hexagon:after, .ibox_hexagon:before {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box_hexa .ibox_hexagon {
background: #333;
}
.ibox_hexagon, .ibox_hexagon:after, .ibox_hexagon:before {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
ibox_hexagon:after, .ibox_hexagon:before {
content: "";
position: absolute;
width: 0;
left: 0;
border-left: 18px solid transparent;
border-right: 17.5px solid transparent;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.ibox_hexagon:before {
bottom: 100%;
border-bottom: 10.1px solid #64C7CC;
}
.ibox_hexagon:before {
border-bottom-color: #333;
}
.icon_box_hexa i {
font-size: 15px;
color: #fff;
background: 0 0;
padding: 0;
-moz-transition: all .2s linear;
transition: all .2s linear;
line-height: 20px;
text-align: center;
width: 35px;
display: inline-block;
}
.icon_box_hexa h4, .icon_box_hexa i {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.ibox_hexagon:after, .ibox_hexagon:before {
content: "";
position: absolute;
width: 0;
left: 0;
border-left: 18px solid transparent;
border-right: 17.5px solid transparent;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.ibox_hexagon:after {
top: 100%;
width: 0;
border-top: 10.1px solid #64C7CC;
}
.ibox_hexagon:after {
border-top-color: #333;
}
.icon_box_hexa h4 {
text-align: left;
padding: 10px 0 0 45px;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box_hexa h4, .icon_box_hexa p {
-webkit-transition: all .2s linear;
}
.icon_box_hexa p {
padding: 9px 0 0;
margin-bottom: 8px;
text-align: left;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.ib_square, .icon_box_hexa p {
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box_hexa:hover .ibox_hexagon {
background: #0a8dcc;
}
.icon_box_hexa:hover .ibox_hexagon:before {
border-bottom-color: #0a8dcc;
}
.icon_box_hexa:hover .ibox_hexagon:after {
border-top-color: #0a8dcc;
}
.icon_box_hexa:hover .icon_box_button {
color: #0a8dcc;
}
/*---Style 10---*/
.icon_box10_full {
text-align: center;
padding: 43px 30px 27px;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
cursor: pointer;
background: #ffffff;
border: 1px solid #ebebeb;
}
.icon_box10_full, .icon_box10_full .icon_circle {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box10_full .icon_circle {
text-align: center;
width: 59px;
height: 59px;
margin: 0 auto;
background: 0 0;
border-radius: 100px;
border: 1px solid #333;
text-shadow: none;
color: #333;
line-height: 65px;
position: relative;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.sub_circle {
position: absolute;
top: 0;
left: 0;
width: 57px;
height: 57px;
border-radius: 100px;
border: 1px solid #ebebeb;
opacity: 0;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box10_full i, .sub_circle {
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
.icon_box10_full i {
font-size: 24px;
color: #333;
width: 57px;
padding: 0;
display: inline-block;
text-align: center;
transition: all .2s linear;
}
.icon_box10_full h4, .icon_box10_full i {
-moz-transition: all .2s linear;
}
.icon_box10_full h4 {
text-align: center;
padding: 28px 0 0;
transition: all .2s linear;
}
.icon_box10_full h3, .icon_box10_full p {
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
.icon_box10_full p {
padding: 2px 0 0;
margin-bottom: 9px;
text-align: center;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box10_full .box_btn {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: none;
font-weight: 400;
font-size: 15px;
display: inline-block;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box10_full .box_btn, .icon_box10_full_alt {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.icon_box10_full:hover {
background: #333;
border: 1px solid #fff;
}
.icon_box10_full:hover p {
color:#898989;
}
.icon_box10_full:hover .icon_circle, .icon_box10_full:hover .sub_circle {
border: 1px solid #ffffff;
}
.icon_box10_full:hover .sub_circle {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
opacity: 1;
}
.icon_box10_full:hover .icon_circle, .icon_box10_full:hover .sub_circle {
border: 1px solid #ffffff;
}
.icon_box10_full:hover .icon_circle i {
color: #ffffff;
}
.icon_box10_full:hover h4 {
color: #ffffff;
}
.icon_box10_full:hover .box_btn {
color: #fff;
}
/*---Style 11---*/
.icon_list11 {
text-align: center;
border:1px solid #ebebeb;
padding: 30px 10px;
margin: 15px 0px;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
-ms-transform: scale(1, 1); /* IE 9 */
-webkit-transform: scale(1, 1); /* Safari */
transform: scale(1, 1);
}
.icon_list11 p{
padding:0px 10px 0px;
}
.icon_list11 hr {
width: 30px;
height: 3px;
background-color: #0a8dcc;
border: none;
}
.icon_list11:hover hr {
background-color: #fff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.icon_list11:hover h4 {
color:#fff;
}
.icon_list11:hover {
background-color: #0a8dcc;
color:#fff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
-ms-transform: scale(1.1, 1.1); /* IE 9 */
-webkit-transform: scale(1.1, 1.1); /* Safari */
transform: scale(1.1, 1.1);
}
.icon_list11:hover .list-icon {
color:#fff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.list-icon {
font-size:3.4285714285714284em;
color:#898989;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 10px;
}
/*---Style 12---*/
#icon_box12_si {
margin-top: 0px;
margin-bottom: 20px;
}
.icon_box12_si i {
font-size: 35px;
color: #fff;
text-align: left;
position: absolute;
top: 9px;
left: 15px;
line-height: 35px;
transition: all .2s linear;
}
.icon_box p, .icon_box12_si i {
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
.icon_box12_si .in-line{
padding-left:70px;
}
.icon_box12_si h4, .icon_box12_si i {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box12_si h4 {
text-align: left;
color:#fff;
margin-top:0px;
padding: 10px 0 0 10px;
transition: all .2s linear;
}
.icon_box12_si h4, .icon_box12_si p {
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
.icon_box12_si p {
padding: 4px 0 0 10px;
color:#ccc;
text-align: left;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.icon_box12_si i:after {
content: "";
border: 1px solid rgba(204, 204, 204, 0.4);
position: absolute;
height: 80px;
right: -30px;
}
/*---Background Options---*/
.bg-color {
background-color: #12111f;
}
.bg-img{
background-image:url(../images/bg_14.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.bg_19{
background-image:url(../images/background/bg-19.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.bg_21{
background-image:url(../images/background/bg-21.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.bg_22{
background-image:url(../images/background/bg-22.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.bg_23{
background-image:url(../images/background/bg-23.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.bg_27{
background-image:url(../images/background/bg-27.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.bg_28{
background-image:url(../images/background/bg-28.jpg);
background-size: cover;
background-repeat: no-repeat;
}
/*---Fullwidth Section Style Here---*/
/*---Style 1---*/
#fullwidth_1.fullWidthOne h2 {
margin-bottom: 40px;
margin-top: 40px;
}
/*---Style 2---*/
#fullwidth_2 .promo-block img{
display:inline-block;
}
/*---Style 3---*/
#fullwidth_3.fullWidthThree h2 {
margin-bottom:20px;
margin-top: 20px;
}
/*---Style 5---*/
.fullWidthFive img{width:90%}
.fullWidthFive h2{
color:#333;
margin-top:50px;
}
.fullWidthFive .feature-wrapper{
margin-top:30px;
}
.fullWidthFive .feature-content h4{
line-height:50px;
color:#333;
margin-bottom:10px;
margin-top:0px;
}
.fullWidthFive .feature-content i{
float:left;
margin-right:20px;
display:block;
color:#898989;
width:50px;
height:50px;
font-size:16px;
line-height:50px;
text-align:center;
background-color:#f9f9f9;
border-radius:50%;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidthFive .feature-wrapper:hover .feature-content i{
background-color:#0a8dcc;
color:#fff;
}
@media (max-width: 1024px) {
.fullWidthFive .feature-wrapper {
margin-top: 15px;
}
.fullWidthFive h2 {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.fullWidthFive img{
margin-bottom:30px;
}
}
/*---Style 6---*/
.fullWidthSix .section-title{
margin-bottom:45px;
}
.fullWidthSix .section-title h2{
text-transform:uppercase;
margin-bottom:10px;
}
.fullWidthSix .section-title .sub{
display:block;
}
.fullWidthSix img{
margin:0 auto;
}
.fullWidthSix .feature-wrapper{
margin-bottom:34px;
}
.fullWidthSix .feature-content{
margin-top:25px;
}
.fullWidthSix .feature-content h4{
margin-bottom:20px;
margin-top: 5px;
}
.fullWidthSix .feature-content i{
float:left;
margin-right:20px;
display:block;
width:34px;
height:34px;
background-color:#fff;
color:#898989;
font-size:16px;
line-height:34px;
text-align:center;
border-radius:50%;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.fullWidthSix .left-feature i{
position:absolute;
right:-45px;
}
.fullWidthSix .right-feature.feature-content i{
position:absolute;
left:-25px;
}
.fullWidthSix .feature-wrapper:hover .feature-content i{
background-color:#0a8dcc;
color:#fff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.fullWidthSix .left-feature .feature-text{
text-align:right;
}
.fullWidthSix .feature-text{
padding: 0 10px;
}
.fullWidthSix .left-feature.mt-65{
margin-top:65px;
}
@media (max-width: 991px) {
.fullWidthSix .right-feature.feature-content i{
left:0;
}
.fullWidthSix .left-feature.feature-content i{
right:0;
margin-right: 0;
}
.fullWidthSix .feature-content{
margin-left:10px;
}
.fullWidthSix .right-feature .feature-text{
margin-left:10px;
}
.fullWidthSix .left-feature .feature-text{
margin-right:20px;
}
}
@media (max-width: 767px) {
.fullWidthSix .feature-text{
text-align:left;
}
.fullWidthSix .left-feature .feature-text {
text-align: right;
padding-right: 50px;
}
.fullWidthSix .left-feature.feature-content i {
right: 0;
margin-right:20px;
}
.fullWidthSix .right-feature.feature-content i {
left: 0;
margin-left:20px;
}
.fullWidthSix .right-feature .feature-text {
padding-left: 50px;
}
.fullWidthSix .feature-wrapper {
margin-bottom: 0;
}
.fullWidthSix .dart-mt-50 {
margin-top: 0px;
}
.fullWidthSix .dart-mb-60 {
margin-bottom: 20px;
}
}
/*---Style 7---*/
#fullwidth_7.fullWidthSeven h2 {
margin-bottom: 40px;
margin-top: 40px;
}
@media (max-width: 767px) {
#fullwidth_7.fullWidthSeven img{
margin-top:20px;
}
}
/*---Style 8---*/
.fullWidthEight h2{
margin-bottom:50px;
}
.fullWidthEight .list-circle li{
position:relative;
padding-left:30px;
line-height:40px;
}
.fullWidthEight .list-circle li:before{
display:inline-block;
content:"\f105";
font-family:FontAwesome;
position:absolute;
left:0;
top:12px;
color:#dadada;
background-color:#fff;
border:1px solid #dadada;
width:20px;
height:20px;
border-radius:50%;
text-align:center;
line-height:18px;
-webkit-transition:all .3s ease 0;
-moz-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0;
}
.fullWidthEight .list-circle li:hover:before{
background-color:#0a8dcc;
color:#fff;
border:1px solid #0a8dcc;
}
@media (max-width: 991px) {
.fullWidthEight h2 {
margin-bottom: 20px;
}
}
/*---Style 9---*/
.fullWidthNine .feature-wrapper h4{
margin-top:0;
}
.fullWidthNine .feature-wrapper > i{
float:left;
font-size:2.142857142857143em;
width:10%;
color:#0a8dcc;
}
.fullWidthNine .feature-wrapper .feature-content{
border-bottom:1px solid #f1f1f1;
float:left;
padding-bottom:10px;
width:90%;
margin-bottom:20px;
}
.fullWidthNine .feature-wrapper:last-child .feature-content{
border-bottom:0;
padding-bottom:0;
margin-bottom:0;
}
@media (max-width: 991px) {
.fullWidthNine img{
margin-top:20px;
margin-bottom:20px;
}
}
/*---Style 10---*/
#fullwidth_10 .promo-block img{
display:inline-block;
}
/*---Style 11---*/
.fullWidthEleven h2{
margin-bottom:50px;
}
.fullWidthEleven .list-circle li{
position:relative;
padding-left:30px;
line-height:40px;
}
.fullWidthEleven .list-circle li:before{
display:inline-block;
content:"\f0a4";
font-family:FontAwesome;
position:absolute;
left:0;
top:12px;
color:#0a8dcc;
text-align:center;
line-height:18px;
-webkit-transition:all .3s ease 0;
-moz-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0;
}
@media (max-width: 991px) {
.fullWidthEleven h2 {
margin-bottom: 20px;
}
.fullWidthEleven .list-circle li {
line-height: 25px;
}
.fullWidthEleven .list-circle li::before {
top: 5px;
}
}
/*---Style 12---*/
.fullWidthTwelve h4{
margin-bottom:50px;
color:#0a8dcc;
}
@media (max-width: 1024px) {
.fullWidthTwelve h4{
margin-bottom:20px;
}
}
@media (max-width: 767px) {
.fullWidthTwelve img{
margin-top:20px;
}
}
/*---Style 13---*/
.fullWidthThirteen .four-block{
padding-bottom:30px;
padding-top:30px;
}
.fullWidthThirteen .four-block .media-heading{
margin-bottom:15px;
}
.fullWidthThirteen .four-block .media-left {
padding-right: 25px;
}
@media (min-width : 768px) {
.fullWidthThirteen .four-block{
border-right:1px solid #ededed;
border-bottom:1px solid #ededed;
}
.fullWidthThirteen .four-block:nth-child(2), .fullWidthThirteen .four-block:nth-child(4){
border-right:0;
}
.fullWidthThirteen .four-block:nth-child(3), .fullWidthThirteen .four-block:nth-child(4){
padding-top:30px;
padding-bottom:30px;
border-bottom:0;
}
.fullWidthThirteen .four-block:nth-child(1), .fullWidthThirteen .four-block:nth-child(3){
padding-right:30px;
}
.fullWidthThirteen .four-block:nth-child(2), .fullWidthThirteen .four-block:nth-child(4){
padding-left:30px;
}
.fullWidthThirteen .four-block .media-left{
padding-right:25px;
}
}
@media (max-width : 991px){
.fullWidthThirteen .four-block .media-left img{
max-width:150px;
}
}
@media (max-width : 767px){
.fullWidthThirteen .four-block .media-left img{
max-width:110px;
}
.fullWidthThirteen .four-block {
padding-bottom: 0;
}
.fullWidthThirteen .dart-mb-40 {
margin-bottom: 10px;
}
}
/*---Style 14---*/
.fullWidthFourteen .feature-content i{
background:transparent;
color:#0a8dcc;
width:auto;
}
.fullWidthFourteen .feature-content.left-feature i{
position:static;
}
@media (min-width: 768px) {
.fullWidthFourteen .feature-content.left-feature{
text-align:right;
}
.fullWidthFourteen .feature-content.left-feature i{
float:right;
margin-left:20px;
margin-right:0;
}
}
.fullWidthFourteen .left-feature i.fa{
/*position:absolute;*/
right:-45px;
}
.fullWidthFourteen .feature-content i{
float:left;
margin-right:20px;
display:block;
font-size:16px;
line-height:50px;
text-align:center;
border-radius:50%;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidthFourteen .feature-content h4 {
line-height: 50px;
margin-bottom: 10px;
margin-top:0;
}
.fullWidthFourteen img{
display:inline-block;
}
@media (max-width: 991px){
.fullWidthFourteen .dart-mt-50{
margin-top:0;
}
.fullWidthFourteen .feature-content i{
width: 50px;
height: 50px;
background-color: #0a8dcc;
color:#fff;
}
}
/*---Style 15---*/
.fullWidthFifteen img{
display:inline-block;
}
/*---Style 16---*/
.fullWidthSixteen .feature-wrapper{
margin-top:30px;
}
.fullWidthSixteen .feature-icon{
float:left;
margin-right:25px;
width:70px;
height:70px;
background-color:#0a8dcc;
color:#fff;
font-size:25px;
line-height:70px;
text-align:center;
border-radius:50%;
box-shadow:0 0 0 10px rgba(255,255,255,0.2);
}
.fullWidthSixteen .feature-content{
overflow:hidden;
color:rgba(49,49,49,0.6);
}
.fullWidthSixteen .feature-content h4{
margin-top:10px;
}
.fullWidthSixteen .feature-wrapper:hover .feature-icon{
background-color:#fff;
color:#0a8dcc;
}
.fullWidthSixteen .feature-icon,.fullWidthSixteen .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
/*---Style 17---*/
.fullWidthSeventeen .feature-wrapper{
margin-top:20px;
}
.fullWidthSeventeen .feature-icon{
float:left;
margin-right:25px;
width:70px;
height:70px;
background-color:#0a8dcc;
color:#fff;
font-size:25px;
line-height:70px;
text-align:center;
border-radius:50%;
box-shadow:0 0 0 10px rgba(255,255,255,0.2);
}
.fullWidthSeventeen .feature-content{
overflow:hidden;
color:rgba(49,49,49,0.6);
}
.fullWidthSeventeen .feature-content h4{
margin-top:10px;
}
.fullWidthSeventeen .feature-wrapper:hover .feature-icon{
background-color:#fff;
color:#0a8dcc;
}
.fullWidthSeventeen .feature-icon,.fullWidthSeventeen .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
/*---Style 18---*/
.fullWidthEighteen .content_block{
}
.fullWidthEighteen .content_block.accordionstyle_2 .panel-group .panel-heading+.panel-collapse>.panel-body {
padding: 20px 10px 0px;
}
@media (max-width: 991px){
.fullWidthEighteen .img_block{
display:inline-block;
min-width: 500px;
}
}
@media (max-width: 767px){
.fullWidthEighteen .img_block{
display:inline-block;
min-width: 100%;
margin-bottom:30px;
}
.fullWidthEighteen{
padding-bottom:30px;
padding-top:30px;
}
}
/*---Style 19---*/
.fullWidthNineteen .content_block p{
color:#ccc;
}
.fullWidthNineteen .list-circle li:before {
display: inline-block;
content: "\f105";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 6px;
color: #000;
font-size:12px;
background-color: #0a8dcc;
width: 14px;
height: 14px;
border-radius: 50%;
text-align: center;
line-height: 14px;
-webkit-transition: all .3s ease 0;
-moz-transition: all .3s ease 0;
-o-transition: all .3s ease 0;
transition: all .3s ease 0;
}
.fullWidthNineteen .list-circle li {
position: relative;
padding-left: 30px;
line-height: 25px;
color:#ccc;
}
@media (max-width: 991px){
.fullWidthNineteen .img_block{
display:inline-block;
min-width: 500px;
}
}
@media (max-width: 767px){
.fullWidthNineteen .img_block{
display:inline-block;
min-width: 100%;
margin-bottom:30px;
}
.fullWidthNineteen{
padding-bottom:30px;
padding-top:30px;
}
.fullWidthNineteen .content_block{
padding-bottom:10px;
}
}
/*---Style 21---*/
.fullWidthtwentyone .feature-wrapper{
margin-top:20px;
margin-bottom:20px;
}
.fullWidthtwentyone .feature-icon{
float:left;
margin-right:25px;
width:70px;
height:70px;
background-color:transparent;
color:#fff;
font-size:25px;
line-height:70px;
text-align:center;
border-radius:50%;
border:1px solid #fff;
}
.fullWidthtwentyone .feature-content{
overflow:hidden;
color:#ccc;
}
.fullWidthtwentyone .feature-content h4{
margin-top:0px;
color:#fff;
}
.fullWidthtwentyone .feature-wrapper:hover .feature-content h4{
color:#0a8dcc;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidthtwentyone .feature-wrapper:hover .feature-icon{
background-color:#0a8dcc;
color:#fff;
border-color: #0a8dcc;
}
.fullWidthtwentyone .feature-icon, .fullWidthtwentyone .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidthtwentyone .btn{
min-width:auto;
}
@media (max-width: 991px){
.fullWidthtwentyone .img_block{
display:inline-block;
min-width: 450px;
}
.fullWidthtwentyone .dart-mt-100{
margin-top:50px;
}
}
@media (max-width: 767px){
.fullWidthtwentyone .img_block{
display:inline-block;
min-width: 100%;
margin-bottom:30px;
float:none !important;
}
.fullWidthtwentyone .dart-mt-100{
margin-top:0px;
}
.fullWidthtwentyone .dart-mb-60{
margin-bottom:20px;
}
.fullWidthtwentyone .btn {
margin-bottom:0px;
}
}
/*---Style 22---*/
.fullWidthtwentytwo{
text-align:center;
color:#fff;
padding:80px 0px;
}
.fullWidthtwentytwo h2{
font-size:8.571428571428571em;
font-weight:bolder;
}
.fullWidthtwentytwo .btn{
margin-top:30px;
}
/*---Style 23---*/
.fullWidthtwentythree .carousel-inner{
text-align:center;
}
.fullWidthtwentythree .carousel-inner p{
width:60%;
margin:20px auto;
color:#ccc;
}
.fullWidthtwentythree .carousel-control.left {
background: none;
width: 0;
left: 5%;
}
.fullWidthtwentythree .carousel-control.right {
background: none;
width: 0;
right: 5%;
}
/*---style 24---*/
.fullWidthtwentyfour{
background:url(../images/fullscreen-img/img-24.png) no-repeat center top;
background-size:cover;
}
.fullWidthtwentyfour .section-title{
margin-bottom:50px;
}
.fullWidthtwentyfour .section-title h2{
}
.fullWidthtwentyfour .section-title .sub{
display:block;
color:#0a8dcc;
line-height:30px;
font-weight:600;
}
.fullWidthtwentyfour .feedback-reting {
width: 100%;
}
.fullWidthtwentyfour .feedback-reting ul{
list-style: none;
float: left;
padding-right: 5px;
}
.fullWidthtwentyfour .feedback-reting ul li{
float: left;
padding-right: 0px;
}
.fullWidthtwentyfour .feedback-reting ul li i{
color: #ffa200;
font-size: 20px;
}
.fullWidthtwentyfour .feedback-reting p{
color: #898989;
text-transform: uppercase;
}
.fullWidthtwentyfour blockquote{
padding:0;
margin:0;
font-size:2.142857142857143em;
line-height:40px;
font-weight:700;
border-left:0;
color:#333;
}
.fullWidthtwentyfour blockquote p{
position:relative;
}
.fullWidthtwentyfour blockquote p::before,.fullWidthtwentyfour blockquote p::after{
font-family:FontAwesome;
color:#0a8dcc;
}
.fullWidthtwentyfour blockquote p::before{
content:"\f10d";
margin-right:10px;
padding-left:5px;
}
.fullWidthtwentyfour blockquote p::after{
content:"\f10e";
margin-left:10px;
}
.fullWidthtwentyfour blockquote footer{
margin:40px 0;
}
.fullWidthtwentyfour blockquote footer .author{
font-size:1em;
font-weight:700;
color:#0a8dcc;
}
.fullWidthtwentyfour blockquote footer cite{
display:block;
font-size:0.5714285714285714em;
font-weight:400;
color:#333;
}
.fullWidthtwentyfour blockquote footer:before{
content:'';
}
#fullWidthtwentyfour .carousel-indicators li{
width:50px;
height:50px;
margin-right: 10px;
border-radius:50%;
border:2px solid transparent;
}
#fullWidthtwentyfour .carousel-indicators li.active{
border:2px solid #fff;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
#fullWidthtwentyfour .carousel-indicators li{
background:url(../images/avtar-img/avtar-2.png) no-repeat center center;
}
#fullWidthtwentyfour .carousel-indicators .active{
background-color:#fff;
}
@media (min-width: 768px) {
#fullWidthtwentyfour .carousel-indicators{
bottom:-70px;
left:0;
width:100%;
margin-left:0;
text-align:left;
}
}
@media (max-width: 767px) {
.fullWidthtwentyfour .section-title {
margin-bottom: 10px;
}
#fullWidthtwentyfour .carousel-indicators{
bottom: -60px;
left: 0;
width:100%;
margin-left: 0;
text-align: left;
}
}
/*---style 25---*/
.fullWidthtwentyfive{
background:url(../images/fullscreen-img/img-25.png) no-repeat center center;
background-size:cover;
}
.fullWidthtwentyfive .section-heading{
margin-bottom:60px;
}
.fullWidthtwentyfive .section-heading h2{
color:#fff;
}
.fullWidthtwentyfive .section-heading .sub{
display:block;
color:#ccc;
font-weight:600;
}
.fullWidthtwentyfive .feature-wrapper{
margin-bottom:40px;
}
.fullWidthtwentyfive .feature-icon{
float:left;
display:block;
font-size:16px;
margin-right:10px;
width:50px;
height:50px;
line-height:50px;
background-color:transparent;
border:1px solid #fff;
color:#fff;
text-align:center;
position:relative;
}
.fullWidthtwentyfive .feature-content{
overflow:hidden;
color:#ccc;
}
.fullWidthtwentyfive .feature-content h4{
margin-top:0px;
color:#fff;
}
.fullWidthtwentyfive .feature-content p{
}
.fullWidthtwentyfive .feature-wrapper:hover .feature-icon{
background-color:#fff;
color:#0a8dcc;
}
.fullWidthtwentyfive .feature-wrapper:hover .feature-content{
color:#fff;
}
.fullWidthtwentyfive .feature-icon, .fullWidthtwentyfive .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
@media (max-width: 991px) {
.fullWidthtwentyfive {
background-position: top right;
}
}
@media (max-width: 767px) {
.fullWidthtwentyfive .feature-wrapper {
margin-bottom: 10px;
}
.fullWidthtwentyfive .section-heading {
margin-bottom: 30px;
}
}
/*---Style 26---*/
.fullWidthtwentysix{
background: url(../images/fullscreen-img/img-26.png) no-repeat center center;
background-size:cover;
}
.fullWidthtwentysix .section-heading h2{
font-weight:300;
}
.fullWidthtwentysix .section-heading span{
display:block;
font-size:1.4285714285714286em;
font-weight:300;
color:rgba(49,49,49,0.5);
}
.fullWidthtwentysix .feature-wrapper{
margin-top:50px;
}
.fullWidthtwentysix .feature-icon{
float:left;
margin-right:25px;
width:70px;
height:70px;
background-color:#0a8dcc;
color:#fff;
font-size:25px;
line-height:70px;
text-align:center;
border-radius:50%;
box-shadow:0 0 0 10px rgba(255,255,255,0.2);
}
.fullWidthtwentysix .feature-content{
overflow:hidden;
color:rgba(49,49,49,0.6);
}
.fullWidthtwentysix .feature-content h4{
}
.fullWidthtwentysix .feature-wrapper:hover .feature-icon{
background-color:#fff;
color:#0a8dcc;
box-shadow:0 0 0 10px rgba(10,141,204,0.2);
}
.fullWidthtwentysix .feature-wrapper:hover .feature-content{
color:#333;
}
.fullWidthtwentysix .feature-icon,.fullWidthtwentysix .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
@media (max-width: 991px) {
.fullWidthtwentysix {
background-position: 60% top;
}
}
@media (max-width: 767px) {
.fullWidthtwentysix {
background-position: left top;
}
.fullWidthtwentysix .feature-wrapper {
margin-top: 25px;
}
}
/*---Style 27---*/
.fullWidthtwentyseven .section-heading{
margin-bottom:40px;
text-align:center;
}
.fullWidthtwentyseven .section-heading h2{
color:#fff;
text-transform:uppercase;
margin-bottom:10px;
}
.fullWidthtwentyseven .section-heading .sub{
display:block;
font-size:15px;
color:#fff;
}
.fullWidthtwentyseven .feature-wrapper{
color:#fff;
margin-bottom:25px;
}
.fullWidthtwentyseven .feature-content h4{
line-height: 30px;
color:#fff;
margin-bottom:15px;
}
.fullWidthtwentyseven .feature-content i{
float:left;
margin-right:20px;
display:block;
width:50px;
height:50px;
background-color:#0a8dcc;
font-size:16px;
line-height:50px;
text-align:center;
border-radius:50%;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidthtwentyseven .feature-wrapper:hover .feature-content i{
background-color:#fff;
color:#0a8dcc;
}
.fullWidthtwentyseven .feature-content.left-feature{
text-align:right;
}
.fullWidthtwentyseven .feature-content.left-feature i{
float:right;
margin-left:20px;
margin-right:0;
position: inherit !important;
}
@media (max-width: 1024px) {
.fullWidthtwentyseven .feature-wrapper {
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.fullWidthtwentyseven .feature-wrapper {
margin-bottom: 0px;
}
.fullWidthtwentyseven .dart-pr-30 {
padding-right: 15px;
}
.fullWidthtwentyseven .dart-pl-30 {
padding-left: 15px;
}
.fullWidthtwentyseven .dart-mt-40 {
margin-top: 0px;
}
.fullWidthtwentyseven .feature-content h4 {
margin-bottom: 10px;
margin-top: 5px;
}
.fullWidthtwentyseven .feature-content i{
width:40px;
height:40px;
line-height:40px;
}
}
@media (max-width: 767px) {
.fullWidthtwentyseven .feature-content.left-feature{
text-align:left;
}
.fullWidthtwentyseven .feature-content.left-feature i{
float:left;
margin-left:0px;
margin-right:20px;
position: inherit !important;
}
.fullWidthtwentyseven.dart-pb-0 {
padding-bottom: 50px;
}
}
/*---Style 28---*/
.fullWidthtwentyeight .section-heading{
color:ccc;
margin-bottom:60px
}
.fullWidthtwentyeight .section-heading .sub{
font-weight:400;
text-transform:uppercase;
color:#ccc;
}
.fullWidthtwentyeight .section-heading h2{
color:#fff;
position:relative;
margin-bottom:40px;
}
.fullWidthtwentyeight .section-heading {
color:#ccc;
}
.fullWidthtwentyeight .section-heading h2:before{
content:"";
background-color:#fff;
width:30px;
height:2px;
position:absolute;
left:50%;
margin-left:-15px;
bottom:-20px;
}
.fullWidthtwentyeight .multi-screen-view{
width: 100%;
position:relative;
display: table;
}
.fullWidthtwentyeight .multi-screen-view ul {
width: 100%;
display: table-row;
}
.fullWidthtwentyeight .multi-screen-view ul li{
position:relative;
display: table-cell;
vertical-align: bottom;
}
.fullWidthtwentyeight .multi-screen-view ul li:nth-child(1){
width: 12.29%;
}
.fullWidthtwentyeight .multi-screen-view ul li:nth-child(2){
width: 16.66%;
}
.fullWidthtwentyeight .multi-screen-view ul li:nth-child(3){
width: 42.10%;
}
.fullWidthtwentyeight .multi-screen-view ul li:nth-child(4){
width: 16.66%;
}
.fullWidthtwentyeight .multi-screen-view ul li:nth-child(5){
width: 12.29%;
}
.fullWidthtwentyeight .multi-screen-view ul li img{
width: 100%;
}
@media (max-width: 767px) {
.fullWidthtwentyeight .section-heading{
margin-bottom:30px
}
}
/*---Style 29---*/
.fullWidthtwentynine{
background:url(../images/fullscreen-img/img-29.png) no-repeat center center;
background-size:cover;
}
.fullWidthtwentynine .section-heading{
margin-bottom:30px;
}
.fullWidthtwentynine .section-heading h2{
color:#fff;
text-transform:uppercase;
margin-bottom:25px;
}
.fullWidthtwentynine .progress{
height:45px;
margin-bottom:10px;
background-color:rgba(0,0,0,0.2);
box-shadow:none;
position:relative;
border-radius:0;
}
.fullWidthtwentynine .progress-bar{
line-height:28px;
background-color:#0a8dcc;
box-shadow:none;
}
.fullWidthtwentynine .progress span.title{
position:absolute;
left:22px;
line-height: 45px;
}
.fullWidthtwentynine .progress span.parcent{
position:absolute;
right:15px;
line-height: 45px;
}
.fullWidthtwentynine .progress .progress-bar.progress-bar-dealy{
-webkit-transition:width .8s ease-in-out;
-moz-transition:width .8s ease-in-out;
-ms-transition:width .8s ease-in-out;
-o-transition:width .8s ease-in-out;
transition:width .8s ease-in-out;
}
@media (max-width: 767px) {
.fullWidthtwentynine{
background-position: right top;
}
}
/*---Style 30---*/
.fullWidththirty{
background:url(../images/fullscreen-img/img-30.png) no-repeat center center;
background-size:cover;
}
.fullWidththirty .section-heading .sub{
display:block;
font-size:1.1428571428571428em;
text-transform:uppercase;
color:#ccc;
}
.fullWidththirty .section-heading h2{
text-transform:uppercase;
color:#fff;
margin-top:0;
}
.fullWidththirty .feature-wrapper{
margin-top:50px;
}
.fullWidththirty .feature-icon{
float:right;
margin-left:25px;
width:80px;
height:80px;
border:1px solid #0a8dcc;
color:#fff;
font-size:24px;
line-height:80px;
text-align:center;
}
.fullWidththirty .feature-wrapper:hover .feature-icon{
background-color:#0a8dcc;
color:#fff
}
.fullWidththirty .feature-wrapper .feature-content{
color:#ccc;
}
.fullWidththirty .feature-wrapper:hover .feature-content{
color:#fff;
}
.fullWidththirty .feature-icon,.fullWidththirty .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidththirty .feature-content h4{
font-weight:400;
color:#fff;
margin-bottom:20px;
margin-top: 0px;
}
@media (max-width: 767px) {
.fullWidththirty {
background-position: left top;
}
.fullWidththirty .feature-wrapper {
margin-top: 20px;
}
.fullWidththirty .section-heading {
margin-bottom:40px;
}
}
/*---Style 31---*/
.fullWidththirtyOne{
background:url(../images/fullscreen-img/img-31.png) no-repeat center center;
background-size:cover;
}
.fullWidththirtyOne .section-heading .sub{
font-size:12px;
font-weight:400;
text-transform:uppercase;
}
.fullWidththirtyOne .section-heading h2{
text-transform:uppercase;
position:relative;
margin-bottom:35px;
}
.fullWidththirtyOne .section-heading{
margin-bottom:35px;
}
.fullWidththirtyOne .section-heading h2:before{
content:"";
background-color:#fff;
width:50px;
height:2px;
position:absolute;
left:50%;
margin-left:-25px;
bottom:-20px;
}
.fullWidththirtyOne .feature-icon{
float:left;
margin-right:20px;
width:50px;
height:50px;
font-size:16px;
line-height:50px;
background-color:rgba(0,0,0,0.3);
color:#fff;
text-align:center;
}
.fullWidththirtyOne .feature-content{
overflow:hidden;
color:rgba(0,0,0,0.7);
}
.fullWidththirtyOne .feature-content h4{
font-weight:400;
color:#333;
}
.fullWidththirtyOne .feature-wrapper:hover .feature-icon{
background-color:#0a8dcc;
color:#fff;
}
.fullWidththirtyOne .feature-wrapper:hover .feature-content{
color:#fff;
}
.fullWidththirtyOne .feature-icon, .fullWidththirtyOne .feature-content{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0;
}
.fullWidththirtyOne .btn-default{
background-color:rgba(255,255,255,0.3);
border-color:transparent;
color:#fff;
}
.fullWidththirtyOne .btn-default:hover{
background-color:
#fff;color:#0a8dcc;
}
/*---Style 32---*/
.fullWidththirtyTwo{
background:url(../images/fullscreen-img/img-32.jpg) no-repeat center center;
background-size:cover;
padding:190px 0;
}
.fullWidththirtyTwo .dart_testimonialSlider{
text-align:center;
color:#fff;
position:relative;
}
.fullWidththirtyTwo .dart_testimonialSlider .client-thumb{
margin-bottom:45px;
}
.fullWidththirtyTwo .dart_testimonialSlider .client-thumb img{
width:55px;
height:55px;
border-radius:50%;
}
.fullWidththirtyTwo .dart_testimonialSlider blockquote{
padding:0;
margin:0 0 45px;
font-size:20px;
line-height:34px;
border-left:0;
text-align: left;
}
.fullWidththirtyTwo .dart_testimonialSlider blockquote h1 {
color: #fff;
font-size: 40px;
font-weight: 700;
letter-spacing: 1px;
line-height: 40px;
margin-bottom: 60px;
text-transform: uppercase;
}
.fullWidththirtyTwo .dart_testimonialSlider blockquote footer{
margin-top:30px;
}
.fullWidththirtyTwo .dart_testimonialSlider blockquote .small:before,.fullWidththirtyTwo .dart_testimonialSlider blockquote footer:before,.fullWidththirtyTwo .dart_testimonialSlider blockquote small:before{
content:''
}
.fullWidththirtyTwo .dart_testimonialSlider .client-name{
font-size:14px;
font-weight:600;
color:#fff;
}
.fullWidththirtyTwo .dart_testimonialSlider .client-title{
display:block;
font-size:10px;
font-weight:400;
text-transform:uppercase;
}
.fullWidththirtyTwo .dart_testimonialSlider .flex-control-thumbs img{
width:140px;
height:90px;
}
.fullWidththirtyTwo .dart_testimonialSlider .flex-control-thumbs li{
width:13%;
float:none;
display:inline-block;
margin:0 20px;
}
.fullWidththirtyTwo .dart_testimonialSlider .flex-control-thumbs img{
opacity:.5;
width: 95px;
height: auto;
}
.fullWidththirtyTwo .dart_testimonialSlider .flex-control-thumbs .flex-active{
opacity:1;
}
.testimonialSlider-nav a.prev,.testimonialSlider-nav a.next{
position:absolute;
top:50%;
margin-top:-25px;
width:50px;
height:50px;
font-size:20px;
line-height:46px;
color:#fff;
text-align:center;
border:1px solid #fff;
border-radius:50%;
opacity:.5;
}
@media only screen and (max-width : 767px) {
.fullWidththirtyTwo .dart_testimonialSlider .flex-control-thumbs{
display:none;
}
}
/*---Style 33---*/
.fullWidththirtyThree{
background:url(../images/fullscreen-img/img-33.jpg) no-repeat center center ;
background-size:cover;
}
.fullWidththirtyThree .dart-heading{
border-right:1px solid rgba(255,255,255,0.2);
}
.fullWidththirtyThree .dart-heading h2{
color:#fff;
}
.fullWidththirtyThree .dart-cta{
padding:25px 0 0 15px;
}
.fullWidththirtyThree p{
color:#fff;
margin-bottom:0;
}
.fullWidththirtyThree .dart-screens{
width: 87%;
position:relative;
display: table;
float: right;
}
@media (max-width: 1280px) {
.dart-screens{
width: 95%;
}
}
@media (max-width: 1000px) {
.dart-screens{
width: 98%;
}
}
.fullWidththirtyThree .dart-screens ul {
width: 100%;
display: table-row;
}
.fullWidththirtyThree .dart-screens ul li{
position:relative;
display: table-cell;
vertical-align: middle;
}
.fullWidththirtyThree .dart-screens ul li img{
width: 100%;
}
/*---Style 34---*/
.fullWidththirtyFour{
background:url(../images/fullscreen-img/img-34.png) no-repeat center center ;
background-size:cover;
}
.dart-mockup {
width: 850px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1000px) {
.dart-mockup {
width: 100%;
}
}
.dart-mockup img{
width: 100%;
position: relative;
}
.dart-mockup img.wp-screen, .dart-mockup img.mobile-screen{
position: absolute;
left: 0;
top: 0;
}
/*---Style 35---*/
.fullWidththirtyFive{
background:url(../images/fullscreen-img/img-35.png) no-repeat center center ;
background-size:cover;
}
.fullWidththirtyFive .dart-cta{
padding:25px 0 0 15px;
}
.fullWidththirtyFive .dart-cta .btn{
margin-right:10px;
}
.fullWidththirtyFive .dart-cta .btn-default{
border-color:#fff;
color:#fff;
}
.fullWidththirtyFive .dart-cta .btn-default:hover{
color:#0a8dcc;
}
.fullWidththirtyFive img{
display:block;
margin:0 auto;
}
.fullWidththirtyFive .services-icons {
width: 100%;
position: relative;
}
.fullWidththirtyFive .services-icons img{
width: 100%;
position: relative;
}
.fullWidththirtyFive .services-icons img.icon1, .fullWidththirtyFive .services-icons img.icon2, .fullWidththirtyFive .services-icons img.icon3, .fullWidththirtyFive .services-icons img.icon4{
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 767px) {
.fullWidththirtyFive .dart-headingstyle-six{
margin-bottom:0;
text-align:center;
}
.fullWidththirtyFive .dart-cta {
padding: 10px 0 35px 0px;
text-align:center
}
}
/*---Style 36---*/
.fullWidththirtySix{
background:url(../images/fullscreen-img/img-36-b.png) no-repeat center center ;
background-size:cover;
color: #fff;
}
.fullWidththirtySix .dart-title{
margin-top:110px;
}
.fullWidththirtySix .dart-title h2{
color:#fff;
text-transform:uppercase;
}
.fullWidththirtySix .feature-list li{
line-height:40px;
width:49%;
display:inline-block;
}
.fullWidththirtySix .feature-list li i{
margin-right:10px;
color:#0a8dcc;
}
.fullWidththirtySix .dart-cta .btn{
margin-right:10px;
}
.fullWidththirtySix .dart-cta .btn-default{
border-color:#fff;
color:#fff;
}
.fullWidththirtySix .dart-cta .btn-default:hover{
color:#0a8dcc;
}
.fullWidththirtySix .phone-mockup {
width: 100%;
position: relative;
}
.fullWidththirtySix .phone-mockup img{
width: 100%;
position: relative;
}
@media (max-width: 991px) {
.fullWidththirtySix .dart-title {
margin-top: 20px;
margin-bottom: 10px;
}
.fullWidththirtySix .dart-cta{
margin-top: 10px;
}
}
@media (max-width: 480px) {
.fullWidththirtySix .feature-list li {
line-height: 30px;
width: 100%;
display: inline-block;
}
}
/*---Style 37---*/
.fullWidththirtySeven{
background:url(../images/fullscreen-img/img-37-b.png) no-repeat center center ;
background-size:cover;
color: #fff;
}
.fullWidththirtySeven .feature-icon{
float:left;
margin-right:25px;
font-size:30px;
color:#fff;
}
.fullWidththirtySeven .feature-content{
color:#ccc;
overflow:hidden;
border-bottom:1px solid rgba(157,209,246,0.4);
margin-bottom:20px;
padding-bottom:10px;
}
.fullWidththirtySeven .feature-content.last-type{
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}
.fullWidththirtySeven .feature-content h4{
color:#fff;
margin-top:10px;
}
@media (max-width: 991px) {
.fullWidththirtySeven .feature-content {
margin-bottom: 0;
padding-bottom: 0px;
}
}
/*---Style 38---*/
.fullWidththirtyEight{
position:relative;
}
.fullWidththirtyEight .vertcl-psnt{
bottom:0;
display:inline-block;
height:100%;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
}
.fullWidththirtyEight .vertcl-tbl{
display:table;
height:100%;
width:100%;
padding:0 15px;
}
.fullWidththirtyEight .vertcl-cell{
display:table-cell;
vertical-align:middle;
}
.fullWidththirtyEight .video-icn{
background-color:rgba(10,141,204,0.8);
color:#fff;
display:inline-block;
font-size:30px;
height:70px;
line-height:70px;
vertical-align:middle;
width:70px;
margin-bottom:25px;
}
.fullWidththirtyEight .video-icn:hover{
background-color:#fff;
color:rgba(10,141,204,1)
}
/*---Style 39---*/
.fullWidththirtyNine{
background:url(../images/fullscreen-img/img-39-b.png) no-repeat center center ;
background-size:cover;
color: #fff;
}
.fullWidththirtyNine img{
width:100%;
margin-top: 30px;
}
@media (max-width: 767px) {
.fullWidththirtyNine img{
margin-bottom:30px;
}
}
.fullWidththirtyNine h2{
color:#fff
}
.fullWidththirtyNine .list-circle li{
position:relative;
padding-left:30px;
line-height:40px;
color:#fff;
}
.fullWidththirtyNine .list-circle li:before{
display:inline-block;
content:"\f105";
font-family:FontAwesome;
position:absolute;
left:0;
top:12px;
color:#fff;
background-color:transparent;
border:1px solid #dadada;
width:20px;
height:20px;
border-radius:50%;
text-align:center;
line-height:18px;
-webkit-transition:all .3s ease 0;
-moz-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0;
}
.fullWidththirtyNine .list-circle li:hover:before{
background-color:#fff;
color:#0a8dcc;
border:1px solid #fff;
}
/*--- Skill Progress Style Here ---*/
/*---Style 1---*/
.progressOne{background:#f9f9f9}
.progressOne .progress-wrapper{margin-bottom:30px}
.progressOne .progress-item{position:relative;line-height:40px;padding:0 8px;border:1px solid #f1f1f1;margin-bottom:10px;background:#fff;height:45px}
.progressOne .progress-title{display:inline-block;font-size:13px;font-weight:400;line-height:40px;padding-bottom:8px;position:absolute;color:#fff;margin-left:20px}
.progressOne .progress{height:31px;background-color:#ccc;box-shadow:none;margin:6px 0}
.progressOne .progress-bar{background-color:#0a8dcc;box-shadow:none;text-align:right;}
.progressOne .progress-percent{position:absolute;font-size:13px;line-height:40px;color:#969595;text-align:center;right:15px;top:2px}
/*---Portfolio Style Here---*/
/*---Style 1---*/
.portfolioOne .item-box {
position: relative;
display: block;
margin: 0 auto;
text-align:center;
}
.portfolioOne .item-box .portfolio-item {
background: rgba(10, 141, 204, 0.9);
color: white;
opacity: 0;
display: block;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.portfolioOne .item-box .portfolio-item .item-info {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.portfolioOne .item-box:hover .portfolio-item {
opacity: 1;
}
.portfolioOne .item-box img.img-responsive{
display:inline-block;
width:100%;
}
.portfolioOne .portfolio-item .item-info .line {
height: 1px;
width: 0%;
margin: 15px auto;
background-color: #ffffff;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.portfolioOne .item-box:hover .item-info .line {
opacity: 1;
width: 40%;
}
/*---Style 2---*/
.portfolioTwo .ImageWrapper {
display: block;
overflow: hidden;
position: relative;
}
.portfolioTwo .ImageWrapper .ImageOverlay {
background: none repeat scroll 0 0 rgba(10, 141, 204, 0.9);
bottom: 0;
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.portfolioTwo .ImageWrapper .Buttons_icon {
margin: 0;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
visibility: hidden;
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolioTwo .WhiteRounded {
background-color: #ffffff;
border: medium none;
display: inline-block !important;
float: none !important;
font-size: 14px;
font-weight: normal;
height: 40px;
line-height: 40px;
margin: 0 2px;
text-align: center;
width: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
}
.portfolioTwo .WhiteRounded > a {
color: #222222;
display: block;
font-weight: normal;
}
.portfolioTwo .ImageWrapper:hover .ImageOverlay {
opacity: 1;
}
.portfolioTwo .ImageWrapper:hover .Buttons_icon {
margin-top: -20px;
opacity: 1;
top: 40%;
visibility: visible;
}
.portfolioTwo .ImageWrapper .item-info {
margin: 0;
opacity: 0;
position: absolute;
text-align: center;
bottom: 0;
visibility: hidden;
width: 100%;
color:#fff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolioTwo .ImageWrapper:hover .item-info{
margin-top: -20px;
opacity: 1;
bottom: 20%;
visibility: visible;
}
.portfolioTwo .ImageWrapper img.img-responsive {
display: inline-block;
width: 100%;
}
@media (max-width: 991px) {
.portfolioTwo .ImageWrapper:hover .Buttons_icon {
top: 40%;
}
.portfolioTwo .ImageWrapper:hover .item-info{
bottom: 30%;
}
}
/*---Style 3---*/
.portfolioThree .ImageWrapper {
display: block;
overflow: hidden;
position: relative;
}
.portfolioThree .ContentWrapper img {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolioThree .ContentWrapper .Content {
position: absolute;
background: #ffffff;
opacity: 0;
visibility: hidden;
width: 50%;
height: 100%;
display: block;
top: 0;
left: 0;
-webkit-transform: perspective(600px) rotateY(90deg);
-moz-transform: perspective(600px) rotateY(90deg);
-ms-transform: perspective(600px) rotateY(90deg);
-o-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: left center 0;
-moz-transform-origin: left center 0;
-ms-transform-origin: left center 0;
-o-transform-origin: left center 0;
transform-origin: left center 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolioThree .ContentWrapper .Content .info-Content {
position: absolute;
top: 5%;
padding: 0 10px;
}
.portfolioThree .ContentWrapper .Content .info-Content h5 {
color: #0a8dcc;
padding: 0 0 6px;
}
.portfolioThree .ContentWrapper:hover img {
-webkit-transform: translateX(20%);
-moz-transform: translateX(20%);
-ms-transform: translateX(20%);
-o-transform: translateX(20%);
transform: translateX(20%);
}
.portfolioThree .ContentWrapper:hover .Content {
opacity: 1;
visibility: visible;
-webkit-transform: perspective(600px) rotateY(0deg);
-moz-transform: perspective(600px) rotateY(0deg);
-ms-transform: perspective(600px) rotateY(0deg);
-o-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}
@media (max-width: 991px) {
.portfolioThree .ContentWrapper .Content .info-Content h5 {
padding: 0 0 0px;
margin-top: 0;
margin-bottom: 5px;
}
.portfolioThree .ContentWrapper .Content {
width: 65%;
}
}
@media (max-width: 767px) {
.portfolioThree .ContentWrapper .Content .info-Content h5 {
padding: 0 0 6px;
margin-top: 10;
margin-bottom: 10px;
}
.portfolioThree .ContentWrapper .Content {
width: 50%;
}
.portfolio_3{
margin-bottom:15px;
}
}
/*---Testmonials Style Here---*/
/*---Style 1---*/
.testimonialThree blockquote {
padding: 0;
font-size: 14px;
line-height: 24px;
border-left: 0;
}
.testimonialThree blockquote p {
padding: 20px 16px;
border: 1px solid #ebebeb;
position: relative;
margin-bottom: 12px;
}
.testimonialThree blockquote p::before {
content: "";
position: absolute;
left: 30px;
bottom: -9px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
-webkit-filter: drop-shadow(0 2px 0 #eee);
filter: drop-shadow(0 2px 0 #eee);
}
.testimonialThree blockquote .avtar-info {
font-size: 12px;
color: #898989;
}
.testimonialThree blockquote .avtar-info:before {
content: '';
}
.testimonialThree blockquote .avtar-info img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.testimonialThree blockquote .avtar-info .name {
color: #0a8dcc;
padding-left: 5px;
text-transform: uppercase;
}
.margin0auto{
margin:0 auto !important;
}
/*---style 8---*/
.testimonialEight{
text-align:center;
}
.testimonialEight #dart-quote-carousel.carousel {
padding-bottom: 30px;
}
.testimonialEight #dart-quote-carousel.carousel .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.testimonialEight #dart-quote-carousel.carousel .carousel-inner .active {
opacity: 1;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.testimonialEight #dart-quote-carousel.carousel .carousel-indicators {
bottom: 10px;
z-index:2;
}
.testimonialEight #dart-quote-carousel.carousel .carousel-indicators li {
background-color: #848484;
border: none;
}
.testimonialEight .carousel .carousel-indicators .active{
background-color: #0a8dcc;
border: none;
width:10px;
height:10px;
margin:1px;
}
.testimonialEight #dart-quote-carousel blockquote {
text-align: center;
border: none;
}
.testimonialEight #dart-quote-carousel .profile-circle {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 100px;
}
.testimonialEight .item .name{
color:#333333;
}
.testimonialEight .item .position{
text-align:left;
margin-left:20px;
}
/*--- Accordion / Toggle Style Here ---*/
.panel-default .panel-heading {
padding: 0;
border-radius: 0;
}
/*---Style 1---*/
.accordionstyle_1 .panel-group {
margin-bottom: 0;
border:none;
}
.accordionstyle_1 .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 1px solid transparent;
border-radius: 0;
margin: 0;
}
.accordionstyle_1 .panel-default {
border: 0;
}
.accordionstyle_1 .panel-default>.panel-heading {
background-color: transparent;
padding: 0;
}
.accordionstyle_1 .panel .panel-heading a {
color: #0a8dcc;
display: block;
padding: 12px 12px;
text-decoration:none;
}
.accordionstyle_1 .panel .panel-heading a.collapsed {
color: #898989;
display: block;
padding: 12px 12px;
text-decoration:none;
}
.accordionstyle_1 .panel .panel-heading a.collapsed:after {
content: "\2b";
}
.accordionstyle_1 .panel .panel-heading a:after, .accordionstyle_1 .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 20px;
float: right;
}
.accordionstyle_1 .panel .panel-heading a:after {
content: "\2212";
}
.accordionstyle_1 .panel .panel-heading a:hover {
color: #898989;
text-decoration:none;
}
/*---Left Side Style---*/
.accordionstyle_1.accordion_1 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #e5e5e5;
}
.accordionstyle_1.accordion_1 .panel .panel-heading a {
border: 1px solid #e5e5e5;
border-bottom:none;
}
.accordionstyle_1.accordion_1 .panel .panel-body{
border: 1px solid #e5e5e5;
}
/*---Right Side Style---*/
.accordionstyle_1.accordion_2 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #e5e5e5;
color:#898989;
}
.accordionstyle_1.accordion_2 .panel .panel-heading a, .accordionstyle_1.accordion_2 .panel .panel-heading a:hover {
background-color: #0a8dcc;
border: 1px solid #e5e5e5;
color:#fff;
border-bottom:none;
}
.accordionstyle_1.accordion_2 .panel .panel-body{
border: 1px solid #e5e5e5;
}
/*---style 2---*/
.accordionstyle_2 .panel-group {
margin-bottom: 0;
border: 0px;
}
.accordionstyle_2 .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 0 solid transparent;
border-radius: 0;
margin: 0;
}
.accordionstyle_2 .panel-default {
border: 0;
}
.accordionstyle_2 .panel-default>.panel-heading {
border-radius: 0;
}
.accordionstyle_2 .panel .panel-heading a {
height: 45px;
display: block;
padding: 12px 30px;
background-color:transparent;
color: #ccc;
border: 1px solid #f1f1f1;
text-decoration:none;
}
.accordionstyle_2 .panel .panel-heading a.collapsed:after {
content: "\2b";
background: #f1f1f1;
}
.accordionstyle_2 .panel .panel-heading a:after {
content: "\2212";
}
.accordionstyle_2 .panel .panel-heading a:after, .accordionstyle_2 .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 15px;
width: 40px;
height: 44px;
line-height: 45px;
text-align: center;
background: #F1F1F1;
float: left;
margin-left: -31px;
margin-top: -12px;
margin-right: 15px;
}
.accordionstyle_2 .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding: 20px 10px;
background: #fff;
color: #898989;
}
.img-accordion {
width: 81px;
float: left;
margin-right: 15px;
display: block;
}
.accordionstyle_2 .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding: 20px 10px;
background-color:transparent;
color: #ccc;
}
/*---Left Side Style---*/
.accordionstyle_2.accordion_3 .panel-default > .panel-heading {
background-color: transparent;
}
.accordionstyle_2.accordion_3 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #e5e5e5;
color:#ccc;
}
.accordionstyle_2.accordion_3 .panel .panel-heading a, .accordionstyle_2.accordion_2 .panel .panel-heading a:hover {
border: 1px solid #ccc;
color:#0a8dcc;
}
.accordionstyle_2.accordion_3 .panel .panel-body{
border: 1px solid #ccc;
}
.accordionstyle_2.accordion_3 .panel .panel-heading a:after, .accordionstyle_2.accordion_3 .panel .panel-heading a.collapsed:after {
background-color: transparent;
}
/*---Right Side Style---*/
.accordionstyle_2.accordion_4 .panel .panel-heading a.collapsed {
background-color: #222;
border: 1px solid #222;
color:#fff;
}
.accordionstyle_2.accordion_4 .panel .panel-heading a, .accordionstyle.accordion_2 .panel .panel-heading a:hover {
background-color: #21c2f8;
border: none;
color:#fff;
border-bottom:none;
}
.accordionstyle_2.accordion_4 .panel .panel-body{
border: none;
}
.accordionstyle_2.accordion_4 .panel .panel-heading a:after {
background: #0a8dcc;
}
.accordionstyle_2.accordion_4 .panel .panel-heading a.collapsed:after {
background: #666;
color:#fff;
}
@media (max-width : 767px) {
.accordionstyle_2 .panel .panel-heading a:after, .accordionstyle_2 .panel .panel-heading a.collapsed:after {
width: 35px;
height: 45px;
}
}
/*---Style 3---*/
.accordionstyle_3 .panel-group {
margin-bottom: 0;
border:none;
}
.accordionstyle_3 .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 1px solid transparent;
border-radius: 0;
margin: 0;
}
.accordionstyle_3 .panel-default {
border: 0;
}
.accordionstyle_3 .panel-default>.panel-heading {
background-color: transparent;
padding: 0;
}
.accordionstyle_3 .panel .panel-heading a {
color: #0a8dcc;
display: block;
padding: 12px 12px;
text-decoration:none;
}
.accordionstyle_3 .panel .panel-heading a.collapsed {
color: #898989;
display: block;
padding: 12px 12px;
text-decoration:none;
}
.accordionstyle_3 .panel .panel-heading a.collapsed:after {
content: "\f01b";
}
.accordionstyle_3 .panel .panel-heading a:after, .accordionstyle_3 .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 20px;
float: right;
}
.accordionstyle_3 .panel .panel-heading a:after {
content: "\f01a";
}
.accordionstyle_3 .panel .panel-heading a:hover {
color: #898989;
text-decoration:none;
}
/*---Left Side Style---*/
.accordionstyle_3.accordion_5 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #e5e5e5;
color:#898989;
}
.accordionstyle_3.accordion_5 .panel .panel-heading a {
background-color: #333;
border: 1px solid #e5e5e5;
color:#fff;
border-radius: 5px;
}
.accordionstyle_3.accordion_5 .panel .panel-heading a:hover {
background-color: #898989;
border: 1px solid #898989;
color:#fff;
border-radius: 5px;
}
.accordionstyle_3.accordion_5 .panel .panel-body{
padding-left: 0;
padding-right: 0;
border-top: none;
}
.accordionstyle_3.accordion_5 .panel-default>.panel-heading {
background-color: #ecf0f1;
border-radius:5px;
}
/*---Center Side Style---*/
.accordionstyle_3.accordion_6 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #e5e5e5;
color:#fff;
}
.accordionstyle_3.accordion_6 .panel .panel-heading a {
background-color: #0a8dcc;
border: 1px solid #e5e5e5;
color:#fff;
border-radius: 5px;
}
.accordionstyle_3.accordion_6 .panel .panel-heading a:hover {
background-color: #ccc;
border: 1px solid #ccc;
color:#fff;
border-radius: 5px;
}
.accordionstyle_3.accordion_6 .panel-default>.panel-heading {
background-color: #898989;
color:#fff;
border-radius:5px;
}
.accordionstyle_3.accordion_6 .panel .panel-body{
padding-left: 0;
padding-right: 0;
border-top: none;
}
/*---Right Side Style---*/
.accordionstyle_3.accordion_7 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #ccc;
color:#898989;
}
.accordionstyle_3.accordion_7 .panel .panel-heading a, .accordionstyle_3.accordion_7 .panel .panel-heading a:hover {
background-color: transparent;
border: 1px solid #333;
color:#333;
border-radius: 5px;
}
.accordionstyle_3.accordion_7 .panel-default>.panel-heading {
border-radius:5px;
}
.accordionstyle_3.accordion_7 .panel .panel-body{
padding-left: 0;
padding-right: 0;
border-top: none;
}
/*---Style 4---*/
.accordionstyle_4 .panel-group {
margin-bottom: 0;
border:none;
}
.accordionstyle_4 .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 1px solid transparent;
border-radius: 0;
margin: 0;
}
.accordionstyle_4 .panel-default {
border: 0;
}
.accordionstyle_4 .panel-default>.panel-heading {
background-color: transparent;
padding: 0;
}
.accordionstyle_4 .panel .panel-heading a {
color: #0a8dcc;
display: block;
padding: 12px 20px;
text-decoration:none;
}
.accordionstyle_4 .panel .panel-heading a.collapsed {
color: #898989;
display: block;
padding: 12px 20px;
text-decoration:none;
}
.accordionstyle_4 .panel .panel-heading a:hover {
color: #898989;
text-decoration:none;
}
/*---Left Side Style---*/
.accordionstyle_4.accordion_8 .panel .panel-heading a.collapsed {
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 5px 5px 5px 5px;
}
.accordionstyle_4.accordion_8 .panel .panel-heading a {
border: 1px solid #ccc;
border-radius: 5px 5px 0px 0px;
background-color: #f5f5f5;
}
.accordionstyle_4.accordion_8 .panel .panel-body{
border: 1px solid #ccc;
border-radius: 0px 0px 5px 5px;
}
/*---Right Side Style---*/
.accordionstyle_4.accordion_9 .panel .panel-heading a.collapsed {
background-color: transparent;
border: 1px solid #ccc;
color:#898989;
border-radius: 5px 5px 5px 5px;
}
.accordionstyle_4.accordion_9 .panel .panel-heading a {
background-color: transparent;
border: 1px solid #ccc;
color:#0a8dcc;
border-bottom:0px;
border-radius: 5px 5px 0px 0px;
}
.accordionstyle_4.accordion_9 .panel .panel-body{
border: 1px solid #ccc;
border-radius: 0px 0px 5px 5px;
border-top:0px;
}
/*---style 2---*/
.accordionstyle_5 .panel-group {
margin-bottom: 0;
border: 0px;
}
.accordionstyle_5 .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 0 solid transparent;
border-radius: 0;
margin: 0;
}
.accordionstyle_5 .panel-default {
border: 0;
}
.accordionstyle_5 .panel-default>.panel-heading {
border-radius: 0;
}
.accordionstyle_5 .panel .panel-heading a {
height: 45px;
display: block;
padding: 12px 0px;
background-color:transparent;
color: #ccc;
border: 1px solid #f1f1f1;
text-decoration:none;
}
.accordionstyle_5 .panel .panel-heading a.collapsed:after {
content: "\f055";
background: #f1f1f1;
}
.accordionstyle_5 .panel .panel-heading a:after {
content: "\f056";
}
.accordionstyle_5 .panel .panel-heading a:after, .accordionstyle_5 .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 12px;
height: 44px;
line-height: 45px;
text-align: center;
background: #F1F1F1;
float: right;
margin-top: -12px;
}
.accordionstyle_5 .panel .panel-heading a.green:after, .accordionstyle_5 .panel .panel-heading a.green.collapsed:after{
color:#1abc9c;
}
.accordionstyle_5 .panel .panel-heading a.blue:after, .accordionstyle_5 .panel .panel-heading a.blue.collapsed:after{
color:#1eb1e2;
}
.accordionstyle_5 .panel .panel-heading a.red:after, .accordionstyle_5 .panel .panel-heading a.red.collapsed:after{
color:#e56854;
}
.accordionstyle_5 .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding: 20px 0px;
background: #fff;
color: #898989;
}
.img-accordion {
width: 81px;
float: left;
margin-right: 15px;
display: block;
}
.accordionstyle_5 .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding: 10px 0px;
background-color:transparent;
color: #ccc;
}
.accordionstyle_5 .panel-group .panel-heading+.panel-collapse>.panel-body p {
margin-bottom:0;
}
/*---Left Side Style---*/
.accordionstyle_5.accordion_10 .panel-default > .panel-heading {
background-color: transparent;
}
.accordionstyle_5.accordion_10 .panel .panel-heading a.collapsed {
background-color: transparent;
border-width: 0px 0px 1px 0px;
color: #fff;
border-style: solid;
border-color: #898989;
}
.accordionstyle_5.accordion_10 .panel .panel-heading a, .accordionstyle_5.accordion_10 .panel .panel-heading a:hover {
border-width: 0px 0px 1px 0px;
color: #fff;
border-style: solid;
border-color: #ccc;
}
.accordionstyle_5.accordion_10 .panel .panel-body{
border-bottom:1px solid #898989;
}
.accordionstyle_5.accordion_10 .panel .panel-heading a:after, .accordionstyle_5.accordion_10 .panel .panel-heading a.collapsed:after {
background-color: transparent;
}
/*---Right Side Style---*/
.accordionstyle_5.accordion_11 .panel-default > .panel-heading {
background-color: transparent;
}
.accordionstyle_5.accordion_11 .panel .panel-heading a.collapsed {
background-color: transparent;
border-width: 0px 0px 1px 0px;
color: #fff;
border-style: solid;
border-color: #898989;
}
.accordionstyle_5.accordion_11 .panel .panel-heading a, .accordionstyle_5.accordion_11 .panel .panel-heading a:hover {
border-width: 0px 0px 1px 0px;
color: #fff;
border-style: solid;
border-color: #ccc;
}
.accordionstyle_5.accordion_11 .panel-group .panel-heading+.panel-collapse>.panel-body{
border:none;
background-color:#fff;
color:#898989;
border-radius:5px;
padding:10px;
margin-top: 5px;
}
.accordionstyle_5.accordion_11 .panel-group .panel-heading+.panel-collapse>.panel-body p{
margin-bottom:0;
}
.accordionstyle_5.accordion_11 .panel .panel-heading a:after, .accordionstyle_5.accordion_11 .panel .panel-heading a.collapsed:after {
background-color: transparent;
}
@media (max-width : 767px) {
.accordionstyle_5 .panel .panel-heading a:after, .accordionstyle_5 .panel .panel-heading a.collapsed:after {
width: 35px;
height: 45px;
}
}
/*--- Counters Style Here ---*/
/*--- Blog Post Style Here ---*/
/*---Blog Style 1---*/
.blogstyle-1 .blog-post-container {
margin-bottom:15px;
}
.blogstyle-1 .blog-post-container .post-thumbnail {
position: relative;
}
.blogstyle-1 .blog-post-container .post-thumbnail img {
width: 100%;
}
.blogstyle-1 .blog-post-container .blog-content {
border: 1px solid #ededed;
}
.blogstyle-1 .blog-post-container .dart-header {
padding:5px 8px;
}
.blogstyle-1 .blog-post-container .dart-title {
text-transform: capitalize;
margin: 0px;
}
.blogstyle-1 .blog-post-container .dart-title a {
color: #333;
margin: 0px;
font-size: 14px;
}
.blogstyle-1 .blog-post-container .dart-title a:hover{
text-decoration: underline;
}
.blogstyle-1 .blog-post-container .dart-header .dart-meta {
font-size:0.7142857142857143em;
text-transform: uppercase;
}
.blogstyle-1 .blog-post-container .dart-footer .dart-meta {
margin-bottom:0px;
}
.blogstyle-1 .blog-post-container .dart-header .dart-meta li {
display: inline-block;
border-right: 1px solid #E7E7E7;
line-height: 10px;
padding-right: 15px;
margin-right: 15px;
}
.blogstyle-1 .blog-post-container .dart-header .dart-meta li:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
.blogstyle-1 .blog-post-container .dart-header .dart-meta li a {
color: #898989;
}
.blogstyle-1 .blog-post-container .dart-content {
padding: 5px 20px;
}
.blogstyle-1 .blog-post-container .dart-content p {
margin: 0;
}
.blogstyle-1 .blog-post-container .dart-footer {
background-color: #f7f7f7;
padding: 8px 20px;
border-top: 1px solid #ebebeb;
}
.blogstyle-1 .blog-post-container .dart-footer .dart-meta a {
color: #898989;
font-size:0.8571428571428571em;
text-transform: capitalize;
}
#blogstyle-1Slider .carousel-control.left, #blogstyle-1Slider .carousel-control.right {
background-image: none;
background-color: #fff;
}
#blogstyle-1Slider .carousel-control {
top: 50%;
margin-top: -13px;
bottom: auto;
width: 26px;
height: 26px;
font-size: 18px;
color: #898989;
text-shadow: none;
filter: alpha(opacity=100);
opacity: 1;
}
.blogstyle-1 .blog-post-container .play-trigger {
position: absolute;
left: 50%;
top: 55%;
width: 70px;
height: 45px;
margin-left: -30px;
margin-top: -30px;
border: 0;
border-radius: 10%;
color: #fff;
background: #cd201f;
font-size:1.4285714285714286em;
line-height: 45px;
text-align: center;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0;
}
.blogstyle-1 .blog-post-container .play-trigger i {
margin-left: 5px;
}
.blogstyle-1 .blog-post-container .play-trigger:hover {
color: #cd201f;
background: #fff;
}
.blogstyle-1 .blog-post-container .dart-title a:hover, .blogstyle-1 .blog-post-container .dart-title a:focus {
color: #0a8dcc;
text-decoration:none;
}
.blogstyle-1 .blog-post-container .dart-footer .dart-meta a:hover, .blogstyle-1 .blog-post-container .dart-footer .dart-meta a:focus {
color: #0a8dcc;
text-decoration:none
}
.blogstyle-1 .blog-post-container .dart-header .dart-meta li a:hover, .blogstyle-1 .blog-post-container .dart-header .dart-meta li a:focus {
color: #0a8dcc;
text-decoration:none;
}
@media (max-width : 991px) {
.blogstyle-1 .blog-post-container .dart-header {
padding: 5px 10px 0;
}
.blogstyle-1 .blog-post-container .dart-content {
padding: 10px;
}
.blogstyle-1 .blog-post-container .dart-footer {
padding: 8px 10px;
}
}
/*---Tabs style---*/
/*---style 1---*/
.tabOne .nav-tabs{
border:none;
}
.tabOne .nav-tabs>li{
border:1px solid #eee;
border-right:0;
height:50px;
}
.tabOne .nav-tabs>li:last-child{
border-right:1px solid #eee;
}
.tabOne .nav-tabs>li.active{
border-right:1px solid #eee;
border-top:0;
border-bottom:1px solid #fff;
height:56px;
margin-top:-6px;
position:relative;
}
.tabOne .nav-tabs>li>a{
border:0;
border-radius:0;
color:#333;
margin-right:0;
line-height:50px;
padding:0 15px;
transition:inherit;
}
.tabOne .nav>li>a:focus,.tabOne .nav>li>a:hover{
background-color:transparent;
}
.tabOne .nav-tabs>.active>a,.tabOne .nav-tabs>.active>a:focus,.tabOne .nav-tabs>.active>a:hover{
color:#0a8dcc;
line-height:60px;
border:0;
box-shadow:inset 0 2px 0 #0a8dcc;
}
.tabOne .tab-pane img{
max-width:100px;
}
@media (min-width : 768px) {
.tabOne .tab-content{
border:1px solid #eee;
padding:30px 30px 10px;
}
}
.tabOne .tab-pane img.pull-left{
margin-right:20px;
}
.tabOne .tab-pane img.pull-right{
margin-left:20px;
}
@media (max-width : 767px) {
.tabOne .tab-content{
padding:15px;
border: 1px solid #eee;
}
.tabOne .tab-pane img{
max-width:60px;
}
}
/*---Style 1 Right*/
.tabOne.tab-right .nav-tabs > li {
float: right;
}
/*---style 2---*/
.tabTwo .nav-tabs{
border:none;
}
.tabTwo .nav-tabs>li{
border:1px solid #eee;
border-right:0;
height:50px;
}
.tabTwo .nav-tabs>li:last-child{
border-right:1px solid #eee;
}
.tabTwo .nav-tabs>li.active{
border-right:1px solid #eee;
border-top:0;
border-bottom:1px solid #fff;
height:56px;
margin-top:-6px;
position:relative;
}
.tabTwo .nav-tabs>li>a{
border:0;
border-radius:0;
color:#333;
margin-right:0;
line-height:50px;
padding:0 15px;
transition:inherit;
}
.tabTwo .nav>li>a:focus,.tabTwo .nav>li>a:hover{
background-color:transparent;
}
.tabTwo .nav-tabs>.active>a,.tabTwo .nav-tabs>.active>a:focus,.tabTwo .nav-tabs>.active>a:hover{
color:#333;
line-height:60px;
border:0;
box-shadow: inset 0 1px 0 #eee;
}
.tabTwo .tab-pane img{
max-width:100px;
}
@media (min-width : 768px) {
.tabTwo .tab-content{
border:1px solid #eee;
padding:30px 30px 10px;
}
}
.tabTwo .tab-pane img.pull-left{
margin-right:20px;
}
.tabTwo .tab-pane img.pull-right{
margin-left:20px;
}
@media (max-width : 767px) {
.tabTwo .tab-content{
padding:15px;
border: 1px solid #eee;
}
.tabTwo .tab-pane img{
max-width:60px;
}
}
/*---Style 2 Right*/
.tabTwo.tab-right{
background-color: #333;
color:#ccc;
}
.tabTwo.tab-right .nav-tabs>li {
border: 1px solid #898989;
}
.tabTwo.tab-right .nav-tabs>li>a {
color: #fff;
}
.tabTwo.tab-right .nav-tabs>li.active a{
background-color: #333;
color:#fff;
}
.tabTwo.tab-right .nav-tabs>.active>a, .tabTwo.tab-right .nav-tabs>.active>a:focus, .tabTwo.tab-right .nav-tabs>.active>a:hover{
box-shadow:inset 0 3px 0 #0a8dcc;
}
.tabTwo.tab-right .nav-tabs>li.active {
border-bottom: 0;
}
.tabTwo.tab-right .tab-content {
border-top: 0;
border-color: #898989;
}
.tabTwo.tab-right .nav-tabs>li:last-child {
border-right: 1px solid #333;
}
@media (max-width : 767px) {
.tabTwo.tab-right .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.tabTwo.tab-right .nav-tabs > .active > a, .tabTwo.tab-right .nav-tabs > .active > a:focus, .tabTwo.tab-right .nav-tabs > .active > a:hover {
line-height: 50px;
}
}
/*---style 3---*/
.tabThree .nav-tabs{
border:none;
}
.tabThree .nav-tabs>li{
border:1px solid #eee;
border-right:0;
height:50px;
}
.tabThree .nav-tabs>li:last-child{
border-right:1px solid #eee;
}
.tabThree .nav-tabs>li.active{
border-right:1px solid #eee;
border-top:0;
border-bottom:1px solid #fff;
height:56px;
margin-top:-6px;
position:relative;
}
.tabThree .nav-tabs>li>a{
border:0;
border-radius:0;
color:#333;
margin-right:0;
line-height:50px;
padding:0 15px;
transition:inherit;
}
.tabThree .nav>li>a:focus,.tabThree .nav>li>a:hover{
background-color:transparent;
}
.tabThree .nav-tabs>.active>a,.tabThree .nav-tabs>.active>a:focus,.tabThree .nav-tabs>.active>a:hover{
color:#0a8dcc;
line-height:60px;
border:0;
box-shadow: inset 0 2px 0 #0a8dcc;
}
.tabThree .tab-pane img{
max-width:70px;
}
@media (min-width : 768px) {
.tabThree .tab-content{
border:1px solid #eee;
padding:30px 30px 10px;
border-top: 0;
}
}
.tabThree .tab-pane img.pull-left{
margin-right:20px;
}
.tabThree .tab-pane img.pull-right{
margin-left:20px;
}
@media (max-width : 767px) {
.tabThree .tab-content{
padding:15px;
border: 1px solid #eee;
}
}
/*---Style 3 Right---*/
.tabThree.tab-right{
background-color: #333;
color:#ccc;
}
.tabThree.tab-right .nav-tabs{
background-color:#fff;
}
.tabThree.tab-right .nav-tabs>li {
border: 1px solid #ebebeb;
}
.tabThree.tab-right .nav-tabs>li>a {
color: #333;
}
.tabThree.tab-right .nav-tabs>li.active a{
background-color: #333;
color:#fff;
}
.tabThree.tab-right .nav-tabs>.active>a, .tabThree.tab-right .nav-tabs>.active>a:focus, .tabThree.tab-right .nav-tabs>.active>a:hover{
box-shadow:inset 0 1px 0 #333;
}
.tabThree.tab-right .nav-tabs>li.active {
border-bottom: 0;
}
.tabThree.tab-right .tab-content {
border-top: 0;
border-color: #ebebeb;
}
.tabThree.tab-right .nav-tabs>li:last-child {
border-right: 1px solid #ebebeb;
}
@media (max-width : 767px) {
.tabThree .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.tabThree .nav-tabs > .active > a, .tabThree .nav-tabs > .active > a:focus, .tabThree .nav-tabs > .active > a:hover {
line-height: 50px;
}
.tabThree.tab-right .nav-tabs > li.active {
height: 50px;
}
.tabThree.tab-right .nav-tabs > li.active a, .tabThree.tab-right .nav-tabs > li > a {
margin-bottom: -1px;
}
}
/*---style 4---*/
.tabFour{
background-color:transparent;
}
.tabFour .row{
margin-left:0;
margin-right:0;
}
.tabFour .nav{
background-color:#fff;
}
.tabFour .nav-stacked>li {
margin-top: 0;
background-color: #fff;
border: 1px solid #ebebeb;
margin-bottom:5px;
}
.tabFour .nav-stacked>li:last-child{
border-bottom:1px solid #ebebeb;
}
.tabFour i{
padding-right:10px;
}
.tabFour .nav-pills>li>a{
font-size:14px;
border-radius:0;
color:#333;
background-color:#fff;
}
.tabFour .nav-pills>li.active>a,.tabFour .nav-pills>li.active>a:focus,.tabFour .nav-pills>li.active>a:hover{
background-color:#fff;
color:#0a8dcc;
box-shadow: inset 3px 0 0px 0 #0a8dcc;
}
.tabFour .tab-pane img.pull-left{
margin-right:25px;
}
.tabFour .tab-content p{
overflow:inherit;
}
.tabFour .tab-content > .active {
border: 1px solid #ebebeb;
padding: 20px 20px 0px 20px;
}
@media (max-width : 767px) {
.tabFour .tab-pane img.pull-left {
margin-right: 15px;
margin-bottom:5px;
max-width: 100px;
}
.tabFour .tab-content p {
overflow: inherit;
}
}
/*---style 5---*/
.tabFive{
background-color:#fff;
}
.tabFive .nav-tabs{
border:1px solid #ebebeb;
border-bottom:none;
}
.tabFive .nav-tabs li{
border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
}
.tabFive .nav-tabs li.active{
border-bottom:1px solid transparent;
}
.tabFive .nav-tabs li:last-child{
border-right:0;
}
.tabFive .nav-tabs>li>a{
border:0;
border-radius:0;
background-color:#333;
color:#ccc;
height:50px;
line-height:30px;
padding:0;
}
.tabFive .nav-tabs>.active>a,.tabFive .nav-tabs>.active>a:focus,.tabFive .nav-tabs>.active>a:hover{
border:0;
background-color:transparent;
color:#0a8dcc;
}
.tabFive .nav i{
padding:20px 10px 0 0;
}
.tabFive .tab-content{
border:1px solid #ebebeb;
padding:20px;
border-top:0;
overflow:hidden;
background-color: #fff;
}
.tabFive .tab-pane img{
margin-top:8px;
}
.tabFive .tab-pane img.pull-left{
margin-right:20px;
}
.tabFive .tab-pane img.pull-right{
margin-left:20px;
}
.tabFive .panel-body img{
margin-top:8px;
}
.tabFive .panel-body img.pull-left{
margin-right:20px;
}
.tabFive .panel-body img.pull-right{
margin-left:20px;
}
.tabFive .tab-pane p{
margin-bottom:15px;
}
.tabFive .tab-pane p:last-of-type{
margin-bottom:0;
}
/*---Style 5 Right---*/
.tabFive.tab-right .nav-tabs>li>a {
padding: 0px 10px;
margin-right:0px;
}
.tabFive.tab-right .tab-content{
border:1px solid #ebebeb;
}
.tabFive.tab-right .nav-tabs {
border: none;
}
.tabFive.tab-right .nav-tabs li.active {
border-bottom: 1px solid #fff;
border-left: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
}
.tabFive.tab-right .nav-tabs li.active:last-child {
border-right: 1px solid #ebebeb;
}
@media (max-width : 767px) {
.tabFive .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.tabFive .nav-tabs > .active > a, .tabFive .nav-tabs > .active > a:focus, .tabFive .nav-tabs > .active > a:hover {
line-height: 14px;
}
.tabFive .nav-tabs > li.active {
height: 50px;
}
.tabFive .nav-tabs > li.active a, .tabFive .nav-tabs > li > a {
margin-bottom: -1px;
}
}
/*---Style 6---*/
.tabSix .nav-tabs{
border-bottom:none;
}
.tabSix .nav-tabs>li>a{
margin-right:0px;
line-height:1.42857143;
background-color:transparent;
border-style:solid;
border-color:#898989;
color:#333;
border-width:0px 0px 2px 0px;
border-radius:0px;
padding:10px 25px;
font-weight:600;
}
.tabSix .nav-tabs>li.active>a, .tabSix .nav-tabs>li.active>a:focus, .tabSix .nav-tabs>li.active>a:hover, .tabSix .nav-tabs>li>a:hover{
color:#333;
cursor:pointer;
border-width:0px 0px 2px 0px;
border-color:#0a8dcc;
}
.tabSix .nav-tabs li a i{
display: inline-block;
font-size: 30px;
height: 75px;
padding: 0;
width: 75px;
margin-top: 0;
margin-bottom: 10px;
background: #FFF;
border: 1px solid #dfdfdf;
border-radius:100%;
color: #0a8dcc;
line-height: 73px;
}
.tabSix .nav-tabs li a p{
margin-bottom:0;
}
.tabSix .nav-tabs li {
display: inline-block;
float: none;
}
@media (min-width: 768px) {
.tabSix .tab-content{
margin-top:24px;
}
}
/*---Style 7---*/
.tabSeven .nav-tabs{
border-bottom:3px solid #898989;
}
.tabSeven .nav-tabs>li>a{
margin-right:0px;
line-height:1.42857143;
background-color:transparent;
border-style:solid;
border-color:#898989;
color:#333;
border-width:0px 0px 2px 0px;
border-radius:0px;
padding:10px 25px;
font-weight:600;
}
.tabSeven .nav-tabs>li.active>a, .tabSeven .nav-tabs>li.active>a:focus, .tabSeven .nav-tabs>li.active>a:hover, .tabSeven .nav-tabs>li>a:hover{
color:#333;
cursor:pointer;
border-width:0px 0px 3px 0px;
border-color:#0a8dcc;
}
.tabSeven .nav-tabs li {
display:inline-block;
float: left;
margin-bottom: -2px;
}
.tabSeven .tab-pane img.pull-left{
margin-right:24px;
padding-bottom:5px;
}
.tabSeven .tab-pane{
padding:0px 5px;
}
@media (min-width: 768px) {
.tabSeven .tab-content{
margin-top:24px;
}
}
@media (max-width: 767px) {
.tabSeven .nav-tabs>li>a{
padding:10px 5px;
}
.tabSeven .nav-tabs>li.active>a, .tabSeven .nav-tabs>li.active>a:focus, .tabSeven .nav-tabs>li.active>a:hover, .tabSeven .nav-tabs>li>a:hover{
border-width:0px 0px 2px 0px;
}
.tabSeven .nav-tabs {
border-bottom: none;
}
.tabSeven .nav-tabs li {
float: none;
}
}
/*---Style 8---*/
.tabEight .nav-tabs{
border-bottom:1px solid #898989;
}
.tabEight .nav-tabs>li>a{
margin-right:0px;
line-height:1.42857143;
background-color:transparent;
border-style:solid;
border-color:transparent;
color:#fff;
border-width:0px 0px 2px 0px;
border-radius:0px;
font-weight:600;
}
.tabEight .nav-tabs>li.active>a, .tabEight .nav-tabs>li.active>a:focus, .tabEight .nav-tabs>li.active>a:hover, .tabEight .nav-tabs>li>a:hover{
color:#fff;
cursor:pointer;
background-color:transparent;
border-width:0px 0px 2px 0px;
border-color:#0a8dcc;
}
.tabEight .nav-tabs li {
display:inline-block;
float: left;
}
.tabEight .tab-pane p {
color:#ccc;
}
@media (min-width: 768px) {
.tabEight .tab-content{
margin-top:24px;
}
}
@media (max-width: 767px) {
.tabEight .nav-tabs>li>a{
padding:10px 5px;
}
.tabEight .nav-tabs>li.active>a, .tabEight .nav-tabs>li.active>a:focus, .tabEight .nav-tabs>li.active>a:hover, .tabEight .nav-tabs>li>a:hover{
border-width:0px 0px 2px 0px;
}
.tabEight .nav-tabs li {
float: none;
}
.tabEight .tab-content{
margin-top:15px;
}
}
/*---Style 8 Right---*/
.tabEight.tab-right .nav-tabs>li>a {
margin: 0 5px;
border-width: 2px 1px 0px 1px;
border-color: transparent;
}
.tabEight.tab-right .nav-tabs>li.active>a, .tabEight.tab-right .nav-tabs>li.active>a:focus, .tabEight.tab-right .nav-tabs>li.active>a:hover, .tabEight.tab-right .nav-tabs>li>a:hover {
background-color: transparent;
border-width: 2px 1px 1px 1px;
border-top-color:#0a8dcc !important;
border-bottom-color:#333 !important;
border-color:#898989;
margin: 0 5px;
}
/*--- Pricing Table Style Here---*/
/*---Table Style 1---*/
.packagestyle_one {
padding: 20px;
border: 1px solid #ccc;
}
.packagestyle_one p{
margin-top:0px;
margin-bottom:50px;
color: rgba(137, 137, 137, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.packagestyle_one h1{
font-weight:normal;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.packagestyle_one .h3{
margin-top:5px;
margin-bottom:50px;
color:#898989;
}
.packagestyle_one ul{
border-bottom:1px solid #cccccc;
padding-bottom: 15px;
color:#333333;
}
.packagestyle_one ul li{
padding: 5px 0px;
}
.packagestyle_one ul li strong{
color:#333;
}
.packagestyle_one ul li{
color:#898989;
}
.packagestyle_one .btn {
margin: 30px 0px 15px;
}
.packagestyle_one:hover {
border: 1px solid #0a8dcc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.packagestyle_one:hover h1, .packagestyle_one:hover p.nub {
color: #0a8dcc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*---Team style Here---*/
/*---Team style 1---*/
.teamOne{
border:1px solid #ebebeb;
background-color: #fff;
}
.teamOne .team_content{
text-align:center;
border-bottom:1px solid #ebebeb;
margin:20px;
padding-bottom:10px;
}
.teamOne .team_content h4 a{
color:#333;
}
.teamOne .team_content h4 a:hover{
color:#0a8dcc;
}
.teamOne ul.team_social_links {
list-style:none;
margin-top:20px;
margin-bottom:30px;
text-align:center;
}
.teamOne ul.team_social_links li {
display:inline;
padding: 0;
margin:0px;
}
.teamOne ul.team_social_links li a {
display:inline-block;
margi:0 auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:relative;
margin-bottom:3px;
margin-right:10px;
color:#898989;
}
.teamOne ul.team_social_links li a i {
color:#898989;
text-align: center;
margin:0;
line-height:46px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
border-radius:50%;
text-align:center;
width: 45px;
height: 45px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:1px solid #ededed;
vertical-align:middle;
}
.teamOne .team_social_links i:hover{
background-color: #0a8dcc;
border-color: #0a8dcc;
color:#fff;
border-radius:50%;
text-align:center;
width: 45px;
height: 45px;
}
@media (max-width : 991px) {
.teamOne .team_content p{
margin-bottom:10px;
}
.teamOne ul.team_social_links{
margin-top:0px;
margin-bottom:5px;
}
.teamOne ul.team_social_links li a{
margin-right:5px;
}
}
@media (max-width : 767px) {
.teamOne{
margin-bottom:15px;
}
}
/*---contack form---*/
.contactus-one .contact-form .form-control {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
border-radius: 0px;
background-color: transparent;
color: #fff;
height: 50px;
}
.contactus-one .contact-form .form-control {
border-bottom: 1px solid #ccc;
box-shadow: none;
}
.contact-info > div > p {
margin-bottom: 10px;
}
.contactus-one .contact-info p i {
margin-right: 15px;
color: #3277ba;
}
.map iframe {
pointer-events: none;
width: 100%;
border: none;
}
.map {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.map iframe{
pointer-events: none;
width:100%;
border:none;
}
.contactus-one .dart-headingstyle-one .dart-heading:after{
left:15px;
}
.clickable{
cursor: pointer;
}
.panel{
margin-bottom: 5px;
}
.panel-heading span {
margin-top: -25px;
font-size: 15px;
padding: 3px;
}
.panel-body{
padding: 9px;
text-align: center;
}
.panel-warning .panel-body{
background-color: #fcfaf2;;
}
.panel-primary .panel-body{
background-color: #f3f8fe;
}
/*---Style 1---*/
.footerOne{
background-color: #000;
padding: 20px 0 0;
}
.footerOne .footer-widget h4 {
color: #fff;
margin-bottom: 30px;
}
.footerOne .footer-widget{
color: #ccc;
}
.footerOne .footer-widget.widget_text{
padding-right:20px;
}
.footerOne .footer-widget h4 {
color: #fff;
margin-bottom:15px;
}
.footerOne .useful-links>ul>li>a {
line-height: 30px;
color: #ccc;
}
.footerOne .useful-links>ul>li>a:hover {
color: #fff;
text-decoration:none;
}
.footerOne .useful-links>ul>li>a i {
visibility:hidden;
margin-left: -10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOne .useful-links>ul>li>a:hover i {
color: #0a8dcc;
padding-right:10px;
margin-left: 0px;
visibility:visible;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOne form {
padding:5px 0px;
}
.footerOne form .form-control {
background-color: #fff;
border: 1px solid transparent;
min-height: 40px;
padding: 0 20px;
}
.footerOne form .form-group{
margin-top:-2px;
}
.footerOne form button {
position: relative;
background-color: #fff;
border: 1px solid transparent;
color: #0a8dcc;
min-height:40px;
border-radius:4px;
text-transform: uppercase;
padding:0 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOne form button:hover {
background-color: #0a8dcc;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOne .newsletter-seb form span{
color:#fff;
padding-right: 30px;
}
.footerOne .payment-opt{
color:#fff;
padding: 10px 0px;
}
.footerOne .payment-opt span{
padding-right: 10px;
}
.footerOne .payment-opt img{
display:inline-block;
}
.footerOne .footer-bottom-section{
text-align:center;
}
.footerOne .footer-bottom-section .copyright, .footerOne .footer-bottom-section .social a {
color: #ccc;
}
.footerOne .footer-bottom-section .social a:hover {
color: #0a8dcc;
}
@media (max-width : 991px) {
.footerOne .useful-links > ul > li > a {
line-height: 20px;
}
.footerOne .newsletter-seb form span, .footerOne .payment-opt span {
display: block;
padding-bottom:15px;
}
.footerOne .newsletter-seb form span {
display: block;
padding-bottom:15px;
}
}
@media (max-width : 767px) {
.footerOne .footer-widget h4 {
margin-bottom: 10px;
}
.footerOne .useful-links > ul > li > a i {
margin-left: -5px;
}
}
/*---Style 1 (white)---*/
.footerOneWhite {
background-color: #f7f7f7;
padding: 50px 0 0;
border-top: 5px solid #0a8dcc;
}
.footerOneWhite .footer-widget h4 {
color: #333;
margin-bottom: 30px;
}
.footerOneWhite .footer-widget{
color: #898989;
}
.footerOneWhite .footer-widget.widget_text{
padding-right:20px;
}
.footerOneWhite .footer-widget h4 {
color: #333;
margin-bottom: 30px;
}
.footerOneWhite .useful-links>ul>li>a {
line-height: 30px;
color: #898989;
}
.footerOneWhite .useful-links>ul>li>a:hover {
color: #333;
text-decoration:none;
}
.footerOneWhite .useful-links>ul>li>a i {
visibility:hidden;
margin-left: -10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOneWhite .useful-links>ul>li>a:hover i {
color: #0a8dcc;
padding-right:10px;
margin-left: 0px;
visibility:visible;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOneWhite form {
padding:5px 0px;
}
.footerOneWhite form .form-control {
background-color: #fff;
border: 1px solid #f7f7f7;
min-height: 40px;
padding: 0 20px;
}
.footerOneWhite form .form-group{
margin-top:-2px;
}
.footerOneWhite form button {
position: relative;
background-color: #0a8dcc;
border: 1px solid transparent;
color: #fff;
min-height:40px;
border-radius:4px;
text-transform: uppercase;
padding:0 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOneWhite form button:hover {
background-color: #333;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footerOneWhite .newsletter-seb form span{
color:#333;
padding-right: 30px;
}
.footerOneWhite .payment-opt{
color:#333;
padding: 10px 0px;
}
.footerOneWhite .payment-opt span{
padding-right: 10px;
}
.footerOneWhite .payment-opt img{
display:inline-block;
}
.footerOneWhite .footer-bottom-section{
text-align:center;
}
.footerOneWhite .footer-bottom-section .copyright, .footerOneWhite .footer-bottom-section .social a {
color: #898989;
}
.footerOneWhite .footer-bottom-section .social a:hover {
color: #0a8dcc;
}
.footerOneWhite .tail {
border-color: rgba(0, 0, 0, 0.1);
}
@media (max-width : 991px) {
.footerOneWhite .useful-links > ul > li > a {
line-height: 20px;
}
.footerOneWhite .newsletter-seb form span, .footerOneWhite .payment-opt span {
display: block;
padding-bottom:15px;
}
.footerOne .newsletter-seb form span {
display: block;
padding-bottom:15px;
}
}
@media (max-width : 767px) {
.footerOneWhite .footer-widget h4 {
margin-bottom: 10px;
}
.footerOneWhite .useful-links > ul > li > a i {
margin-left: -5px;
}
}
/*---Style 2---*/
.footerTwo{
background-color: #000;
padding: 50px 0 30px;
}
.footerTwo .footer-bottom-section{
text-align:center;
}
.footerTwo .footer-bottom-section .footer-link li{
padding: 10px 20px;
font-family:'Exo 2', sans-serif;
}
.footerTwo .footer-bottom-section .footer-link a{
color:#ccc;
}
.footerTwo .footer-bottom-section .footer-link a:hover{
color: #0a8dcc;
}
.footerTwo .footer-bottom-section .copyright {
color: #ccc;
}
@media (max-width : 991px) {
.footerTwo {
padding: 30px 0 10px;
}
}
@media (max-width : 767px) {
.footerTwo {
padding: 20px 0 0px;
}
.footerTwo .footer-bottom-section .footer-link li {
padding: 5px 5px;
}
}
/*---Style 3---*/
.footerThree{
background-color: #111;
}
.footerThree .footer-widget h4 {
color: #fff;
margin-bottom: 30px;
}
.footerThree .footer-widget{
color: #ccc;
}
.footerThree .footer-widget.widget_text{
padding-right:20px;
}
.footerThree .footer-widget-section{
background-color:#333;
padding:50px 0;
}
.footerThree .widget_text .footer-logo{
margin-bottom:15px;
float: none;
}
.footerThree .widget_text p{
margin-bottom:20px;
color:#898989;
}
.footerThree .widget_text a.readmore{
font-size:12px;
color:#969595;
}
.footerThree .widget_text .readmore i{
color:#0a8dcc;
}
.footerThree .widget_text a.readmore:hover{
color:#0a8dcc;
}
.footerThree .social-links{
border-top:1px solid #4a4a4a;
margin-top:10px;
padding-top:12px;
}
.footerThree .social-links li{
float:left;
margin-right:20px;
}
.footerThree .social-links li:last-child{
margin-right:0;
}
.footerThree .social-links li a{
font-size:20px;
color:#4a4a4a;
}
.footerThree .social-links li a:hover{
color:#0a8dcc;
}
footer .footer-widget.widget_recent_entries .media{
padding-top: 0;
border-top: none;
}
.footerThree .widget_recent_entries .media{
margin-top:20px;
border-bottom:1px solid #4a4a4a;
padding-bottom:15px;
}
.footerThree .widget_recent_entries .media:last-of-type{
border-bottom:0;
padding-bottom:0;
}
.footerThree .widget_recent_entries h5{
line-height:20px;
margin:0;
}
.footerThree .widget_recent_entries p{
font-size:0.8571428571428571em;
margin:0;
color:#898989;
}
.footerThree .widget_recent_entries h5 a{
color:#ccc;
}
.footerThree .widget_recent_entries h5 a:hover{
color:#0a8dcc;
}
.footerThree .widget_recent_entries .media-body span{
font-size:10px;
font-weight:600;
color:#6b6b6b;
}
.footerThree .widget_recent_entries .readmore{
display:block;
margin-top:5px;
font-size:12px;
color:#969595;
}
.footerThree .widget_recent_entries .readmore:hover,.footerTwelve .widget_recent_entries .readmore i{
color:#0a8dcc;
}
.footer-widget.widget_tag_cloud ul li a{
background-color:transparent;
}
.footerThree .widget_tag_cloud{
margin-bottom:30px;
}
.footerThree .widget_tag_cloud ul li{
float:left;
margin-right:10px;
margin-bottom:10px;
}
.footerThree .widget_tag_cloud ul li a{
display:block;
padding:3px 10px;
color:#949393;
background:#4a4a4a;
}
.footerThree .widget_tag_cloud ul li a:hover{
color:#fff;
background:#0a8dcc;
}
.footerThree .useful-links{
padding-right:30px;
}
.footerThree .useful-links ul>li{
padding:10px 0;
border-bottom:1px solid #4a4a4a;
}
.footerThree .useful-links ul>li:first-child{
padding-top:0;
}
.footerThree .useful-links ul>li:last-child{
border-bottom:0;
}
.footerThree .useful-links ul>li>a{
display:block;
font-size:12px;
color:#969595;
}
.footerThree .useful-links ul>li>a:hover{
color:#fff;
}
.footerThree .useful-links ul>li>a i{
margin-right:15px;
-webkit-transition:all .2s ease 0s;
-moz-transition:all .2s ease 0s;
-o-transition:all .2s ease 0s;
transition:all .2s ease 0;
font-size: 5px;
vertical-align: middle;
}
.footerThree .useful-links ul>li>a:hover i{
color:#0a8dcc;
}
.footerThree .footer-address{
line-height:22px;
}
.footerThree .footer-address ul>li:first-child{
padding-top:0;
}
.footerThree .footer-address ul li{
border-bottom:1px solid #4a4a4a;
padding:12px 0;
}
.footerThree .footer-address ul li a{
color:#969595;
}
.footerThree .footer-address ul li a:hover{
color:#0a8dcc;
}
.footerThree .footer-address ul li i{
margin-right:15px;
color:#4a4a4a;
font-size:16px;
line-height:22px;
float:left;
display:inline-block;
}
.footerThree .footer-address ul li:hover i{
color:#fff;
}
.footerThree .footer-address span{
overflow:hidden;
display:block;
color:#898989;
}
.footerThree .footer-address span samp{
color:#ccc;
font-weight:600;
}
.footerThree .footer-bottom-section{
text-align:center;
}
.footerThree .footer-bottom-section .copyright {
color: #ccc;
padding-top: 20px;
}
@media (max-width : 991px) {
.footerThree .useful-links > ul > li > a {
line-height: 20px;
}
}
@media (max-width : 767px) {
.footerThree .footer-widget h4 {
margin-bottom: 10px;
}
}
/*---Responsive Media Screen style---*/
@media only screen and (max-width: 3500px) {
/*body*/
body {
overflow-x: hidden;
}
}
@media only screen and (max-width: 2500px) {}
@media only screen and (max-width: 2100px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1566px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (min-width: 1300px) {}
@media only screen and (max-width: 1280px) {}
@media (min-width: 1280px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {
body{
font-size:100%;
}
}
@media only screen and (max-width: 991px) {
body{
font-size:100%;
}
}
/*--------------iPhone 6 plus landscape----------------*/
@media only screen and (max-width: 767px) {
body{
font-size:100%;
}
}
/*--------------iPhone 6 landscape----------------*/
@media only screen and (max-width: 667px) {}
/*--------------iPhone 5 landscape----------------*/
@media only screen and (max-width: 568px) {}
@media only screen and (max-width: 480px) {}
/*--------------iPhone 6 plus portrait----------------*/
@media only screen and (max-width: 414px) {}
/*--------------iPhone 6 portrait----------------*/
@media only screen and (max-width: 375px) {}
/*--------------iPhone 5 portrait----------------*/
@media only screen and (max-width: 320px) {}
@media only screen and (max-width: 300px) {}
@media only screen and (max-width: 200px) {}
/*-------- 2.4 Quotation --------*/
.form_title{
position:relative;
padding-left:55px;
margin-bottom:10px;
}
.form_title h3 strong{
background-color:#13a5d6;
text-align:center;
width:40px;
height:40px;
display:inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#fff;
font-size:18px;
line-height:40px;
text-align:center;
position:absolute;
left:0;
top:0;
}
.form_title h3{
margin:0;
padding:0;
font-size: 18px;
}
.form_title p{
color:#999;
margin:0;
padding:0;
font-size:12px;
line-height:14px;
}
.step{
border-left: 1px solid #ddd;
padding:20px 0 20px 31px;
margin:0 0 10px 20px;
}
.form_title p{
color:#999;
margin:0;
padding:0;
font-size:13px;
line-height:14px;
}
.form-group.options{
border-bottom: 1px dotted #ddd;
padding-bottom:30px;
margin-bottom:15px;
}
.form-group.options strong{
position:relative;
top:5px;
}
.box_style_2 {
padding: 10px 15px 0 15px;
margin-bottom: 20px;
border: 1px dashed #ddd;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #FFF;
font-size: 13px;
line-height: 18px;
}
.box_style_2 h4 {
margin: 10px 0 20px;
}
.box_style_2 ul {
padding-left: 20px;
padding-bottom: 10px;
}
.box_style_2 ul li {
margin-bottom: 10px;
}
label.error{
font-size:11px;
position: absolute;
top:-12px;
right:0;
z-index:99;
height:25px;
line-height:25px;
background-color:#e34f4f;
color:#fff;
font-weight:normal;
padding:0 6px;
}
label.error:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 6px 6px 0;
border-color: transparent #e34f4f;
display: block;
width: 0;
z-index: 1;
bottom: -6px;
left: 20%;
}
.form-control.error {
background: #fdf5f5;
}
.a-btn{
background:#fecc5f;
background:-webkit-gradient(linear,left top,left bottom,color-stop(#feda71,0),color-stop(#febb4a,1));
background:-webkit-linear-gradient(top, #feda71 0%, #febb4a 100%);
background:-moz-linear-gradient(top, #feda71 0%, #febb4a 100%);
background:-o-linear-gradient(top, #feda71 0%, #febb4a 100%);
background:linear-gradient(top, #feda71 0%, #febb4a 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda71', endColorstr='#febb4a',GradientType=0 );
border:1px solid #f5b74e;
border-color:#f5b74e #e5a73e #d6982f;
-webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
-moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
padding:0px 80px 0px 10px;
height:38px;
display:inline-block;
position:relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
float:left;
width:100%;
overflow:hidden;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.a-btn-text{
padding-top:5px;
display:block;
font-size:24px;
white-space:nowrap;
color:#996633;
text-shadow:0 1px 0 #fedd9b;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.a-btn-slide-text{
position:absolute;
top:35px;
left:0px;
width:auto;
right:52px;
height:0px;
background:#fff;
color:#996633;
font-size:13px;
white-space:nowrap;
font-family:Georgia, serif;
font-style:italic;
text-indent:15px;
overflow:hidden;
line-height:30px;
-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
-webkit-transition:height 0.3s linear;
-moz-transition:height 0.3s linear;
-o-transition:height 0.3s linear;
transition:height 0.3s linear;
}
.a-btn-icon-right{
position:absolute;
right:0px;
top:0px;
height:100%;
width:52px;
border-left:1px solid #f5b74e;
-webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
-moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
width:38px;
height:38px;
opacity:0.7;
position:absolute;
left:50%;
top:50%;
margin:-20px 0px 0px -20px;
background:transparent url(images/arrow_right.png) no-repeat 50% 55%;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.a-btn:hover{
height:65px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover .a-btn-text{
text-shadow:0px 1px 1px rgba(0,0,0,0.2);
color:#fff;
}
.a-btn:hover .a-btn-slide-text{
height:30px;
}
.a-btn:hover .a-btn-icon-right span{
opacity:1;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.a-btn:active{
position:relative;
top:1px;
background:#fec354;
background:-webkit-gradient(linear,left top,left bottom,color-stop(#fec354,0),color-stop(#fecd61,1));
background:-webkit-linear-gradient(top, #fec354 0%, #fecd61 100%);
background:-moz-linear-gradient(top, #fec354 0%, #fecd61 100%);
background:-o-linear-gradient(top, #fec354 0%, #fecd61 100%);
background:linear-gradient(top, #fec354 0%, #fecd61 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 );
border-color:#d29a3a #cc9436 #c89133;
text-shadow:0 1px 0 #fee1a0;
-webkit-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
-moz-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}
.comment-box{
margin: 10px 0;
padding: 5px;
border:1px solid #5bc0de;
}
.comment-box button{
width: 100%;
}
.comment-box label{
font-size: 13px;
}
@media (max-width: 767px) {
.whatsapp{
position: fixed;
bottom: 0;
top: auto;
left: 0;
right: 0;
display: inline-block;
text-align: center;
height: 50px;
vertical-align: middle;
padding: 7px 0;
margin-right: -6px;
background: #00e676;
}
.whatsapp a{
color: #FFF;
font-size: 16px;
line-height: 45px;
}
}