/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300&subset=latin,cyrillic-ext);*/
/*@import url(http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import "font-awesome.min.css";
/*----- animate.css ---------*/
@import "animate.css";
html {
height: 100%;
}
body {
background: url(../images/body-bg.webp) rgb(213, 208, 199);
height: 100%;
width: 100%;
font-weight: normal;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: "Manrope", sans-serif;
}
.home-welcome-icons{width:85px;}
.test-button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 30px 0px;
}
.test-button a {
font-size: 18px;
font-weight: normal;
line-height: 35px;
padding: 0 20px;
}
@-webkit-keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.ticker-wrap {
width: 100%;
overflow: hidden;
background-color: #fff;
padding-left: 100%;
box-sizing: content-box;
}
.ticker-wrap .ticker {
display: inline-block;
height: 4rem;
line-height: 4rem;
white-space: nowrap;
padding-right: 100%;
box-sizing: content-box;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ticker;
animation-name: ticker;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
.ticker-wrap .ticker__item {
display: inline-block;
padding: 0 2rem;
letter-spacing: 1px;
font-size: 1.8rem;
color: #a50d0c;
}
.testimonials-page .view-more {
margin-top: 20px;
display: inline-block;
padding: 0px 30px;
line-height: 35px;
background: #fff;
border: 1px solid #404040;
color: #404040;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
.testimonials-page .col-md-4 {
margin-bottom: 25px;
}
.testimonials-page .view-more:hover {
background: #8b8c8e;
border-color: #8b8c8e;
color: #fff;
}
.testimonials-page .view-more:hover a {
color: #fff;
}
.testimonials-page h5 {
background: #a50d0c;
color: white;
padding: 10px 0px 10px 15px;
}
.testimonials-page p b {
font-size: 25px;
padding-right: 5px;
}
.testimonials-page p {
padding-top: 10px;
}
.testimonials-page img {
display: inline-block;
float: left;
}
.arrow_box {
position: relative;
}
.arrow_box:after,
.arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #a50d0c;
border-width: 10px;
margin-left: 0;
}
.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-width: 36px;
margin-left: -36px;
}
.contact-form {
bottom: 0;
position: fixed;
z-index: 999;
right: 0;
background: white;
padding: 0;
width: 400px;
padding: 10px 10px 0px 10px;
}
.contact-form .tittle h2 {
font-size: 21px;
margin-top: 0px;
}
.contact-form .tittle {
margin-bottom: 0px;
}
.form-home input,
.form-home textarea {
width: 100%;
}
.form-home input {
height: 35px;
}
.events {
position: fixed;
top: 40%;
right: 0;
list-style: none;
z-index: 99;
padding: 0;
}
#myModal .close {
text-align: right;
font-size: 30px;
padding-right: 20px;
opacity: 1;
}
#myModal .close:hover {
border: 0;
outline: 0;
}
#myModal .tittle {
margin-bottom: 0px;
}
#myModal .modal-header {
border: 0;
}
#myModal .modal-header {
padding: 15px 0px 0px 0px;
}
.form-home .col-md-12 {
padding-top: 5px;
}
.form-home {
padding-bottom: 10px;
}
.form-home textarea,
.form-home input {
padding-left: 10px;
font-size: 13px;
}
.form-home textarea:focus,
.form-home input:focus {
background-color: transparent !important;
border: 1px solid #a50d0c !important;
}
.form-home .btn:hover {
background: white;
border: 1px solid #a50d0c;
color: #a50d0c;
}
.form-home .btn {
width: auto;
margin: auto;
display: block;
font-size: 14px;
padding: 5px 10px;
line-height: initial;
min-width: auto;
letter-spacing: 1px;
}
.textarea-div {
margin-bottom: 10px;
}
* {
margin: 0px;
padding: 0px;
}
/*=======================================================
WRAPPER
========================================================*/
#wrap {
position: relative;
width: 100%;
overflow: hidden;
}
#box {
width: 1245px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.pattern {
background: url(../images/bg/body-pattern.jpg) fixed repeat;
}
/*=======================================================
HEADINGS
========================================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
font-family: "Dosis", sans-serif;
/*font-family: "Open Sans", sans-serif;*/
}
h1 {
font-size: 50px;
color: #fff;
}
h2 {
font-size: 33px;
font-weight: 300;
color: #a50d0c;
}
h3 {
font-size: 24px;
color: #a50d0c;
font-weight: 600;
}
h4 {
font-size: 18px;
color: #a50d0c;
font-weight: 600;
}
h5 {
font-size: 16px;
color: #a50d0c;
font-weight: 400;
}
h6 {
font-size: 16px;
color: #a50d0c;
font-weight: 600;
}
p {
color: #666666;
font-size: 15px;
line-height: 26px;
text-align: justify;
}
a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-decoration: none !important;
}
img:hover {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
li:hover {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
li {
list-style: none;
}
a {
text-decoration: none;
color: #757575;
}
/*=======================================================
SECTION
========================================================*/
section {
position: relative;
overflow: hidden;
width: 100%;
}
/*=======================================================
BUTTON
========================================================*/
.btn {
background: #a50d0c;
display: inline-block;
text-align: center;
font-size: 25px;
font-weight: bold;
line-height: 70px;
min-width: 150px;
padding: 0 40px;
color: #fff;
}
/*=======================================================
MARGIN 20px
========================================================*/
.margin-r-20 {
margin-right: 20px;
}
.margin-l-20 {
margin-left: 20px;
}
.margin-t-20 {
margin-top: 20px;
}
.margin-b-20 {
margin-bottom: 20px;
}
/*=======================================================
MARGIN 40px
========================================================*/
.margin-r-40 {
margin-right: 40px;
}
.margin-l-40 {
margin-left: 40px;
}
.margin-t-40 {
margin-top: 40px;
}
.margin-b-40 {
margin-bottom: 40px;
}
/*=======================================================
MARGIN 80px
========================================================*/
.margin-r-80 {
margin-right: 80px;
}
.margin-l-80 {
margin-left: 80px;
}
.margin-t-80 {
margin-top: 80px;
}
.margin-b-80 {
margin-bottom: 80px;
}
/*=======================================================
PADDING
========================================================*/
.padding-r-20 {
padding-right: 20px !important;
}
.padding-l-20 {
padding-left: 20px;
}
.padding-t-20 {
padding-top: 20px;
}
.padding-b-20 {
padding-bottom: 20px;
}
.no-margin {
margin: 0px !important;
}
.no-padding {
padding: 0px !important;
}
.no-margin-t {
margin-top: 0px !important;
}
.no-padding-t {
padding-top: 0px !important;
}
/*=======================================================
HEADING TITTLE
========================================================*/
.welcome-tittle {
text-align: center;
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.welcome-tittle h1 {
text-align: center;
display: inline-block;
width: 100%;
margin-bottom: 30px;
font-size: 50px;
color: #a50d0c;
}
.welcome-tittle h2 {
text-align: center;
display: inline-block;
width: 100%;
font-size: 35px;
color: #2aa7d4;
margin-top: 0px;
font-weight: 600;
}
.welcome-tittle h3 {
text-align: center;
display: inline-block;
width: 70%;
margin-bottom: 30px;
font-size: 22px;
color: #666;
text-transform: none;
}
.tittle {
text-align: center;
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.tittle h1 {
font-size: 28px;
color: #a50d0c;
margin-top: 0px;
font-weight: 600;
}
.tittle h2 {
font-size: 28px;
color: #a50d0c;
margin-top: 0px;
font-weight: 600;
}
.tittle hr {
width: 130px;
border: none;
margin: 0 auto;
height: 1px;
background: #a50d0c;
margin-top: 20px;
margin-bottom: 20px;
}
.tittle hr:before {
height: 7px;
width: 7px;
margin: 0 auto;
position: absolute;
display: inline-block;
border: 1px solid #a50d0c;
background: #fff;
content: "";
margin-top: -3px;
left: 0px;
right: 0px;
position: absolute;
}
.tittle-1 {
text-align: left;
margin-bottom: 20px;
}
.tittle p {
color: #fff;
font-size: 14px !important;
font-style: normal !important;
text-align: justify;
}
.tittle-1 p {
color: #fff;
font-size: 14px;
}
.tittle-1 hr {
background: #a50d0c;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 30px;
}
.tittle-1 hr:before {
background: #361e24;
border-color: #f7f6f6;
margin-left: 120px;
}
/*=======================================================
TOP BAR
========================================================*/
#top-bar {
background: #fff;
border-bottom: 1px solid #e2e7ea;
}
#top-bar ul {
margin: 0px;
}
#top-bar li {
display: inline-block;
color: #b4c4d7;
line-height: 47px;
margin-right: 20px;
}
#top-bar li p {
font-size: 12px;
line-height: 47px;
color: #b4c4d7;
margin: 0px;
}
#top-bar li i {
color: #a50d0c;
margin-right: 10px;
}
#top-bar li span {
color: #a50d0c;
}
/*=======================================================
HEADER
========================================================*/
header {
background: none;
z-index: 99;
height: 108px;
width: 100%;
position: absolute;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .container {
position: relative;
}
header .logo {
float: left;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: absolute;
z-index: 9;
}
header nav {
text-align: right;
position: absolute;
display: inline-block;
width: 100%;
}
header .jetmenu {
width: 100%;
}
header nav {
position: relative;
display: inline-block;
}
header nav li {}
header nav li a {
font-size: 14px;
font-weight: normal;
color: #fff;
position: relative;
overflow: hidden;
float: left;
padding: 12px 13px;
padding-bottom: 42px;
}
.m-dark nav li a {
color: #404040;
}
header .active {
color: #a50d0c;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
header li.active a {
color: #a50d0c;
}
header li a:hover {
color: #a50d0c;
}
header li a:after {
position: absolute;
left: 80%;
right: 80%;
height: 1px;
bottom: 10px;
content: "";
background-color: #a50d0c;
-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
header nav .active a:after {
left: 10px;
right: 12px;
}
header nav a:hover:after {
left: 10px;
right: 12px;
}
header .navbar-collapse {
padding: 0px;
}
.jetmenu>li.showhide {
margin-top: -73px;
}
.jetmenu>li.showhide i {
background: #fff;
color: #a50d0c;
padding: 20px;
}
/*=======================================================
HEADER STYLE 1
========================================================*/
.header-1 {
margin-top: 30px;
position: absolute;
width: 100%;
}
.header-1 .jetmenu ul.dropdown {
top: 50px;
}
.header-1 .logo {
margin-top: 0px;
}
.header-1 header {
height: auto;
}
.header-1 .is-sticky {}
.header-1 header li a {
font-size: 13px;
}
.header-1 header li a:after {
display: none;
}
.header-1 .is-sticky header {
background: rgba(30, 30, 30, 0.97);
height: 78px;
}
.header-1 header a {
color: rgba(255, 255, 255, .7);
font-weight: normal;
}
.header-1 header a:hover {
color: #fff;
}
.header-1.drk header a:hover {
color: #000;
}
.header-1.drk .jetmenu>li.active>a {
color: #000;
}
.header-1.drk .jetmenu>li:hover>a {
color: #000;
}
.header-1 .jetmenu li.active>a {
color: #fff;
}
.header-1 .is-sticky header a {
color: rgba(255, 255, 255, .7);
font-weight: normal;
}
.header-1 .is-sticky header a:hover {
color: #fff;
}
.header-1 .jetmenu>li.showhide {
margin-bottom: 20px;
}
.header-1 .jetmenu ul.dropdown {
box-shadow: none;
background: rgba(30, 30, 30, 0.97);
border: none;
}
.header-1 .jetmenu ul.dropdown li ul.dropdown {
box-shadow: none;
background: rgba(30, 30, 30, 0.97);
border: none;
}
.header-1 .jetmenu ul.dropdown li a {
color: #707070;
font-weight: normal;
font-size: 13px;
color: #f5f5f5 !important;
}
.header-1 .jetmenu ul.dropdown li:hover>a {
background: rgba(0, 0, 0, 1);
color: #fff;
}
.header-1 .jetmenu ul.dropdown li {
border: none;
}
.header-1 .jetmenu>li>.megamenu {
background: rgba(30, 30, 30, 0.97);
border: none;
}
.header-1 .jetmenu>li>.megamenu a {
color: #CCC !important;
}
.header-1 .jetmenu>li>.megamenu ul {
border-color: rgba(0, 0, 0, 0.3);
}
.header-1 .jetmenu>li>.megamenu li {
border-color: rgba(0, 0, 0, 0.3);
}
.header-1 .jetmenu .megamenu li:hover>a {
background: rgba(0, 0, 0, 1);
color: #fff;
}
/*=======================================================
HEADER STYLE 2
========================================================*/
.header-2 .jetmenu>li.showhide {
margin-top: -52px;
}
.header-2 header {
position: relative;
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.header-2 a {
color: #5a5a5a;
}
.header-2 .logo {
margin: 10px 0;
}
.header-2 .logo img {
width: 165px;
height: auto;
}
.header-2 .navbar-nav>li>a {
padding-top: 40px;
}
.header-2 .menu {
margin-top: 0px;
}
.header-2 nav a:after {
position: absolute;
left: 80%;
right: 80%;
height: 4px;
bottom: 10px;
content: "";
top: -1px;
background-color: #a50d0c;
-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.header-2 .is-sticky .menu {
margin-top: 0px;
}
.header-2 .is-sticky .logo {
margin-top: 10px;
}
.header-2 .is-sticky .logo img {
width: 130px;
}
.header-2 header nav li a {
padding: 44px 13px;
}
.header-2 .is-sticky header {
height: 82px;
}
.header-2 .is-sticky .navbar-nav>li>a {
padding-top: 22px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.header-2 .jetmenu>li>.megamenu {
top: 102px;
}
/*=======================================================
HEADER STYLE 3
========================================================*/
.header-3 header {
background: #e5ebf3;
}
/*=======================================================
HEADER STYLE 4
========================================================*/
.header-4 header {
background: #a50d0c;
}
.header-4 header nav li a {
color: #fff;
}
.header-4 .is-sticky header {
background: #a50d0c;
}
.header-4 li.active>a {
color: #fff;
}
.header-4 li:hover>a {
color: #fff;
}
.header-4 nav a:after {
background: #fff;
}
/*=======================================================
HEADER STYLE 5
========================================================*/
.header-5 header {
background: #a2b5cb;
}
.header-5 header nav li a {
color: #fff;
}
.header-5 .is-sticky header {
background: #a2b5cb;
}
.header-5 nav a:after {
background: #fff;
}
.header-5 li.active>a {
color: #fff;
}
.header-5 li:hover>a {
color: #fff;
}
/*=======================================================
HEADER STYLE 6
========================================================*/
.header-6 header {
background: #fff;
height: auto;
}
.header-6 .jetmenu ul.dropdown {
top: 60px;
}
.header-6 .logo {
width: 100%;
display: inline-block;
text-align: center;
position: relative;
margin-bottom: 20px;
}
.header-6 header .jetmenu {
text-align: center;
}
.header-6 header nav li a {
color: #404040;
padding-top: 20px;
padding-bottom: 20px;
}
.header-6 .is-sticky .logo {
width: auto;
}
.header-6 header li.active a {}
.header-6 nav a:after {
display: none;
}
.header-6 .menu nav {
width: 100%;
float: none;
display: inline-block;
text-align: center;
}
.header-6 .menu nav li {
float: none !important;
display: inline-block !important;
}
/*=======================================================
HEADER STYLE 7
========================================================*/
.header-7 #top-bar {
background: #a50d0c;
}
.header-7 #top-bar li p {
color: #fff;
}
.header-7 #top-bar li i {
color: #fff;
}
.header-7 #top-bar li span {
color: #fff;
}
.header-7 header .jetmenu {
text-align: center;
}
.header-7 header {
background: #fff;
height: auto;
}
.header-7 .logo {
width: 100%;
display: inline-block;
text-align: center;
position: relative;
margin-bottom: 20px;
}
.header-7 header nav li a {
color: #404040;
padding-top: 20px;
padding-bottom: 20px;
}
.header-7 header nav li a:hover {
color: #a50d0c;
}
.header-7 header li.active a {
color: #a50d0c;
}
.header-7 nav a:after {
display: none;
}
.header-7 .menu nav {
width: 100%;
float: none;
display: inline-block;
text-align: center;
}
.header-7 .menu nav li {
float: none !important;
display: inline-block !important;
}
#tp-slider {
width: 100%;
position: relative;
overflow: hidden;
max-height: 780px;
}
.header-1.drk a {
font-weight: normal;
color: #404040
}
.header-1.drk .is-sticky header {
background: rgba(255, 255, 255, 0.97);
}
.header-1.drk .is-sticky header a {
color: #333
}
.header-1.drk li.active>a {
color: #000;
}
header .flags img {
display: inline-block;
margin-right: 20px;
}
header .srche.dropdown {
width: 430px;
padding: 20px;
}
header .flags input {
height: 50px;
width: 100%;
font-weight: 100;
border: 1px solid #e6e9f0;
padding: 0 10px;
border-radius: 4px;
font-size: 18px;
}
header .flags button {
background: none;
border: none;
float: right;
position: relative;
z-index: 9;
margin-top: -50px;
line-height: 50px;
margin-right: 10px;
color: #bbc3d8;
font-size: 20px;
}
header .srche li {
border: none !important;
}
.jetmenu>li.fix-sub>.flags.dropdown {
right: 0px;
}
.top-chrt .dropdown-menu {
width: 400px;
padding: 20px;
border: none;
border-radius: 0px;
border-top: 1px solid #a50d0c;
}
.top-chrt .chrt-info {
float: right;
width: 75%;
}
.top-chrt .chrt-info a {
margin: 0px;
padding: 0px;
display: inline-block;
width: 100%;
margin-bottom: 15px;
line-height: 20px;
}
.top-chrt p {
line-height: 30px !important;
}
.top-chrt a.btn-chrt {
width: 150px;
text-align: center;
line-height: 40px;
display: inline-block;
padding: 0px 20px;
float: left;
font-weight: bold;
border-radius: 4px;
border: 1px solid #a50d0c;
color: #a50d0c;
}
.top-chrt a.btn-chrt:hover {
background: #a50d0c;
color: #fff;
}
.top-chrt .close-chrt i {
margin: 0px;
margin-right: 0px !important;
color: #fff !important;
font-size: 14px !important;
}
.top-chrt .close-chrt {
position: absolute;
right: 0px;
top: 10px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
background: #ccd1de;
color: #fff;
margin: 0px !important;
width: 20px !important;
float: right;
}
.top-chrt .close-chrt:hover {
background: #a50d0c;
}
.top-chrt .p-org {
display: inline-block;
width: 100%;
font-size: 14px;
color: #a50d0c;
}
#top-bar .top-chrt ul li {
display: inline-block;
width: 100%;
line-height: 10px;
margin: 0px;
position: relative;
border-bottom: 1px solid #e3e7f0;
padding: 10px 0;
}
.top-chrt .img-chrt {
float: left;
width: 20%;
}
.top-chrt .img-chrt img {
width: 100%;
}
/*=======================================================
DROPDOWN STYLE
========================================================*/
.sticky-wrapper {
height: auto !important
}
.is-sticky header {
background: #fff;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.is-sticky header a {
color: #333;
}
.is-sticky header .logo img {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.is-sticky header .navbar {
margin-bottom: 0px;
}
.is-sticky header .menu {
margin-top: 10px;
}
.is-sticky .jetmenu>li>.megamenu {
top: 78px;
}
.is-sticky .jetmenu ul.dropdown {
top: 78px;
}
.is-sticky nav li a {
padding: 30px 13px !important;
}
.header-1 .is-sticky .logo {
margin-top: 10px !important;
}
.is-sticky .jetmenu>li.showhide {
margin-top: -70px;
}
header .active .dropdown a:after {
display: none;
}
#box .is-sticky header {
left: 0px;
}
/*=======================================================
TRANSPARENT COLOR
========================================================*/
.overlay {
background: rgba(0, 0, 0, 0.8);
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
/*=======================================================
CONTENT
========================================================*/
.content {
width: 100%;
position: relative;
background: #fff;
z-index: 2;
}
/*=======================================================
HOME
========================================================*/
#home {
background: url(../images/bg/bg-1.jpg) fixed no-repeat;
background-size: cover;
position: relative;
top: 0px;
z-index: 1;
}
#home .home-text {
position: absolute;
top: 35%;
text-align: center;
width: 100%;
display: inline-block;
}
#home .home-text h1 {
color: #fff;
font-size: 83px;
font-weight: 600;
}
#home .home-text h1 span {
font-weight: 300;
font-size: 83px;
font-style: normal;
}
#home .home-text span {
font-size: 33px;
color: #fff;
font-style: italic;
}
#home .home-text h2 {
font-size: 50px;
font-weight: 400;
color: #fff;
font-style: italic;
}
#home .home-text .btn {
font-size: 33px;
background: #a50d0c;
display: inline-block;
line-height: 80px;
padding: 0 30px;
color: #fff;
margin-top: 50px;
font-weight: 600;
}
#home .home-text .btn:hover {
background: #fff;
color: #a50d0c;
}
.home-slide #home {
background: none;
}
.slider-text-right {
position: absolute;
top: 30%;
text-align: right;
width: 95%;
display: inline-block;
}
.slider-text-right h1 {
font-size: 80px;
font-weight: bold;
color: #c72825;
}
.slider-text-right h2 {
font-size: 40px;
color: #691816;
font-style: italic;
font-weight: 200;
}
.slider-text-right .btn {
margin-top: 50px;
background: none;
border: 2px solid #fff;
border-radius: 50px;
padding: 0 40px;
margin-left: 10px;
margin-right: 10px;
font-style: 30px;
font-weight: normal;
}
.slider-text-right .btn:hover {
background: #fff;
color: #a50d0c;
}
.slider-text-left {
position: absolute;
top: 30%;
text-align: left;
width: 95%;
display: inline-block;
left: 50px;
}
.slider-text-left h1 {
font-size: 80px;
font-weight: bold;
color: #c72825;
}
.slider-text-left h2 {
font-size: 40px;
color: #c72825;
font-weight: 600;
}
.slider-text-left .btn {
margin-top: 50px;
background: none;
border: 2px solid #49a2b4;
border-radius: 50px;
padding: 0 40px;
margin-left: 10px;
margin-right: 10px;
font-style: 30px;
font-weight: normal;
color: #03a9f4;
}
.slider-text-left .btn:hover {
background: #fff;
color: #a50d0c;
}
#pro-banner {
background: url(../images/bg/pro-bnr-bg.jpg) fixed repeat;
width: 100%;
text-align: center;
position: relative;
top: 0px;
}
#pro-banner {}
#pro-banner .home-text {
color: #404040;
position: relative;
padding-top: 8%;
margin-top: 100px;
text-align: center;
width: 100%;
display: inline-block;
border-top: 1px solid #d9dfe6;
}
#pro-banner .home-text h1 {
color: #404040;
font-weight: 700;
font-size: 50px;
}
#pro-banner .home-text .btn {
display: inline-block;
font-size: 20px;
padding: 0 20px;
line-height: 50px;
background: #fff;
margin: 0 10px;
margin-top: 50px;
border: 1px solid #f0f3f5;
border-radius: 4px;
text-decoration: none;
text-align: center;
background: #404040;
}
#pro-banner .home-text .btn:hover {
background: #a50d0c;
color: #fff;
}
#pro-banner .home-text .btn-1 {
background: #a50d0c;
}
#pro-banner .home-text .btn-1:hover {
background: #404040;
}
#pro-banner .home-text img {
display: inline-block;
margin-top: 100px;
}
#pro-banner .home-text h3 {
font-weight: 300;
color: #404040;
line-height: 42px;
}
/*=======================================================
SUB BANNER INNER PAGES
========================================================*/
.sub-banner {
background: url(../images/bg/sub-banner.jpg) fixed center center repeat;
background-size: cover;
padding: 30px 0;
}
.sub-banner h2 {
color: #fff;
font-weight: 400;
display: inline-block;
}
.sub-banner .page-link {
float: right;
display: inline-block;
margin-top: 20px;
}
.sub-banner .page-link li {
display: inline-block;
color: #fff;
}
.sub-banner .page-link li a {
color: #fff;
font-size: 14px;
margin: 0 13px;
}
/*=======================================================
SERVICES
========================================================*/
#services {
padding: 40px 0 40px 0;
}
.background-none {
background-image: none !important;
}
.services-bg {
background: url(../images/nri-parralex-bg.webp) fixed no-repeat;
padding-bottom: 0px;
background-size: cover;
}
.text-white {
color: #fff !important;
}
.services {
margin-top: 40px;
}
.services li {
text-align: left;
margin-bottom: 30px;
}
.services li p {
font-size: 14px;
line-height: 25px;
color: #697a8e;
}
.full-wth {
width: 100%;
display: inline-block;
}
.services ul {}
.services li {}
.services .icon {
height: 40px;
width: 40px;
background: #d4d9e0;
display: inline-block;
text-align: center;
border-radius: 50%;
float: left;
margin-bottom: 10px;
}
.services h4 {
display: inline-block;
font-size: 16px;
color: #a50d0c;
font-weight: 600;
margin-left: 10px;
}
.services li i {
overflow: hidden;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #fff;
position: relative;
}
.services li:hover .icon {
background: #383838;
color: #fff;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.services-2 {}
.services-2 .tittle p {
color: #404040;
}
.services-2 .tittle h2 {
font-weight: normal;
}
.services-2 .services .icon {
height: 80px;
width: 80px;
float: none;
display: inline-block;
background: none;
border: 1px solid #404040;
}
.services-2 .services .icon:before {
height: 12px;
width: 170px;
margin: 0 auto;
position: absolute;
display: inline-block;
border: 1px solid #404040;
border-left: none;
border-right: none;
background: #fff;
content: "";
margin-top: 35px;
left: 0px;
right: 0px;
position: absolute;
}
.services-2 .services li:hover .icon {
background: none;
}
.services-2 .services .icon i {
color: #404040;
line-height: 80px;
background: #fff;
height: 78px;
width: 78px;
font-size: 28px;
border-radius: 50%;
}
.services-2 .services li:hover .icon i {
color: #01AD56;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.services-2 .services li:hover .icon {
border-color: #01AD56;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.services-2 .services li:hover .icon:before {
border-color: #01AD56;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.services-2 .services li {
text-align: center;
}
.services-2 .services h4 {
display: block;
}
.services-3 {}
.services-3 .icon {
height: 70px;
width: 70px;
float: left;
border: 1px solid #a50d0c;
font-size: 30px;
color: #a50d0c;
text-align: center;
line-height: 68px;
border-radius: 50%;
background: none;
}
.services-3 .icon i {
line-height: 68px;
color: #a50d0c;
font-size: 30px;
}
.services-3 li:hover .icon {
background: #a50d0c;
}
.services-3 li a {
background: #f9fafc;
font-size: 12px;
border-radius: 4px;
display: inline-block;
padding: 10px 13px;
}
.services-3 li a:hover {
background: #a50d0c;
color: #fff;
}
.services-3 li:hover i {
color: #fff;
}
.services-3 h4 {
line-height: 30px;
color: #a50d0c;
margin-top: 14px;
}
.services-3 .icon {
border: 1px solid #a50d0c;
color: #a50d0c;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.services-4 {}
.services-4 .ser-inner {
background-color: #fbfdff;
border: 1px solid #edf0f4;
padding: 20px;
margin-top: -43px;
padding-top: 50px;
}
.services-4 .ser-inner h4 {
margin-bottom: 20px;
color: #8090a2;
}
.services-4 .ser-inner a {
border: 1px solid #edf0f4;
display: inline-block;
padding: 5px 20px;
color: #acb6c2;
margin-top: 10px;
border-radius: 4px;
}
.services-4 .services li:hover .ser-inner a {
border: 1px solid #a50d0c;
color: #a50d0c;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.services-4 .services li:hover .ser-inner h4 {
color: #a50d0c;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.services-4 .services li:hover .ser-inner {
border-color: #a50d0c;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.services-4 .services .icon {
border: 1px solid #edf0f4;
}
.services-4 .services li .icon:before {
border-color: #edf0f4;
}
.services-5 li {
text-align: center;
}
.services-5 li .icon {
float: none;
height: 170px;
width: 170px;
text-align: center;
line-height: 170px;
}
.services-5 li h4 {
color: #8090a2;
margin-bottom: 20px;
margin-top: 20px;
}
.services-5 li:nth-child(1) .icon {
background: #ffe28c;
}
.services-5 li:nth-child(2) .icon {
background: #ffd99d;
}
.services-5 li:nth-child(3) .icon {
background: #5ae0c9;
}
.services-5 li:nth-child(4) .icon {
background: #86defa;
}
.services-5 a {
border: 1px solid #e6ebf2;
color: #404040;
margin-top: 20px;
display: inline-block;
padding: 5px 20px;
border-radius: 4px;
}
.services-5 a:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
/*=======================================================
ABOUT COMPANY
========================================================*/
#about {
padding: 80px 0;
padding: 80px 0;
background: url(../images/bg/team-bg.webp) fixed no-repeat;
background-size: cover;
}
#about.about-2 {
background: #f9fafc;
}
#about .tittle-1 hr:before {
border-color: #a50d0c;
background: #fff;
}
#about .tittle-1 hr {
background: #a50d0c
}
#about p {
font-size: 15px;
color: #404040;
}
#about a.view-more {
margin-top: 20px;
display: inline-block;
padding: 0px 30px;
line-height: 35px;
background: #fff;
border: 1px solid #404040;
color: #404040;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
#about a.view-more:hover {
background: #a50d0c;
border-color: #a50d0c;
color: #fff;
}
#about .skillbar {
height: 20px;
}
#about .skill-bar h4 {
font-weight: normal;
color: #697a8e;
font-style: italic;
margin-top: 25px;
margin-bottom: 20px;
}
#about .skill-bar h4 span {
color: #a50d0c;
text-align: right;
float: right;
}
/*=======================================================
GET IT NOW
========================================================*/
#get-it {
padding: 30px 0;
text-align: center;
}
#get-it h2 {
font-weight: 300;
}
#get-it h3 {
color: #f1f1f1;
font-weight: 400;
}
#get-it .btn {
background: #b50102;
margin: 0 auto;
display: inline-block;
text-align: center;
font-size: 20px;
font-weight: normal;
line-height: 60px;
min-width: inherit;
padding: 0 40px;
text-decoration: none;
color: #fff;
margin-top: 30px;
border-radius: 10px;
}
#get-it .btn:hover {
background: #a50d0c;
color: #fff;
}
#get-it a {
font-weight: 500;
color: #a50d0c;
text-decoration: underline;
}
#get-it a:hover {
color: #383838;
}
#get-it.get-it-2 {
text-align: left;
}
#get-it.get-it-2 h2 {
font-weight: 400;
}
#get-it.get-it-2 h4 {
font-weight: 300;
line-height: 30px;
}
#get-it.get-it-2 .btn {
width: 100%;
background: #a50d0c;
font-size: 14px;
padding: 0px;
line-height: 50px;
margin-top: 45px;
border-radius: 4px;
}
#get-it.get-it-2 .btn:hover {
background: #fff;
color: #a50d0c;
}
/*=======================================================
ACCORDION
========================================================*/
#accordion {}
#accordion .panel-default>.panel-heading .panel-title a:before {
content: "\f106";
font-family: FontAwesome;
margin-right: 5px;
color: #d2d2d2;
padding: 0px;
padding: 0px 13px;
float: right;
border-left: 1px solid #eceef2;
}
#accordion .panel-default>.panel-heading .panel-title a.collapsed:before {
content: "\f107";
font-family: FontAwesome;
margin-right: 5px;
color: #38c51c;
}
.panel-default>.panel-heading {
background-color: #fff;
padding: 0px;
border-radius: 4px;
overflow: hidden;
}
.panel-default>.panel-heading a {
text-decoration: none;
font-size: 18px;
width: 100%;
font-weight: 400;
padding: 0px;
color: #404040;
display: inline-block;
padding-left: 13px;
line-height: 55px;
}
#accordion .panel-body p,
#accordion .panel-body ul li {
color: #65a91b;
font-size: 14px;
line-height: 20px;
}
#accordion .panel-body .big-b {
height: 40px;
width: 40px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
line-height: 40px;
font-size: 20px;
color: #fff;
background: #a1acc0;
border-radius: 4px;
}
/*=======================================================
MULTIPULE LAYER
========================================================*/
#multiple {
background: #f9fafc;
border-top: 1px solid #e8ebf2;
border-bottom: 1px solid #e8ebf2;
padding: 80px 0;
}
#multiple .mlti-layer h2 {
font-weight: 400;
color: #404040;
}
#multiple .lay-opt {
margin-top: 80px;
}
#multiple .lay-opt .icon {
height: 70px;
width: 70px;
float: left;
border: 1px solid #404040;
font-size: 30px;
color: #404040;
text-align: center;
line-height: 68px;
border-radius: 50%;
}
#multiple .lay-opt h4 {
line-height: 30px;
color: #404040;
margin-top: 14px;
}
#multiple .lay-opt:hover .icon {
border: 1px solid #a50d0c;
color: #a50d0c;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
#multiple .lay-opt p {
font-size: 18px;
color: #404040;
}
/*=======================================================
SKILLS
========================================================*/
#skills {
background: #eceff5;
padding: 80px 0;
}
#skills .tittle h2 {
font-weight: 400;
}
#skills .tittle p {
font-size: 14px;
color: #697a8e;
}
#skills .skill {
text-align: center;
margin-top: 50px;
}
#skills .skill h2 {
font-weight: 400;
font-size: 30px;
}
#skills .skill .chart {
height: 258px;
width: 258px;
display: inline-block;
margin: 0 auto;
background: #fff;
border-radius: 50%;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
}
#skills .skill .chart span {
position: absolute;
width: 100%;
margin: 0 auto;
left: 0px;
right: 0px;
text-align: center;
font-size: 55px;
color: #aab7c5;
font-weight: 300;
line-height: 243px;
}
#skills .skill li:hover .chart {
background: #a50d0c;
border: 2px solid #fff;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
box-shadow: inset 0 0 20px #fff;
}
#skills .skill span.tags {
height: 60px;
width: 60px;
float: left;
font-size: 13px;
background: #fff;
line-height: 58px;
text-align: center;
color: #a50d0c;
position: relative;
margin-top: -100px;
border-radius: 50%;
border: 1px solid #a50d0c;
}
#skills .skill li:hover .chart span {
color: #fff;
}
/*=======================================================
STUNNING DESIGN
========================================================*/
#stunning {
background: #361e24;
padding: 80px 0;
padding-bottom: 0px;
}
#stunning li {
margin-bottom: 30px;
}
#stunning .numbr {
margin-top: 50px;
}
#stunning p {
color: #fff;
}
#stunning .numbr .icon {
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
border-radius: 50%;
background: #a50d0c;
font-size: 33px;
font-weight: bold;
color: #371e24;
}
/*=======================================================
PORTFOLIO
========================================================*/
#portfolio {
padding: 80px 0;
}
#portfolio .tittle p {
font-style: italic;
font-size: 13px;
color: #98a4b6;
}
#portfolio .tittle hr {
margin-bottom: 30px;
}
.filter {
margin-bottom: 40px;
text-align: left;
border-top: 1px solid #e5e8ea;
padding-top: 30px;
}
.filter li a {
margin-right: 40px;
font-size: 20px;
color: #404040;
font-weight: 400;
border: 1px solid #fff;
display: inline-block;
text-decoration: none;
border-radius: 4px;
}
.filter li a:hover {
color: #a50d0c;
}
.filter li a.active {
color: #a50d0c;
}
.filter li {
margin: 0;
position: relative;
display: inline-block;
cursor: pointer;
}
.isotope-item {
z-index: 2;
display: block !important;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {}
.isotope .isotope-item {}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {}
.portfolio .item {
width: 20%;
display: inline-block;
padding: 0;
overflow: hidden;
}
.portfolio .item p {
color: #000;
}
.portfolio .item h5 {
color: #000;
font-weight: 600;
margin-bottom: 5px;
}
.portfolio .item img {
width: 100%;
}
.portfolio .items a {
color: rgb(255, 255, 255);
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
display: inline-block;
font-size: 22px;
margin: 0 10px;
margin-top: 27%;
border-radius: 4px;
}
.portfolio .items a:hover {
color: #a50d0c;
}
.des {
display: inline-block;
width: 100%;
padding: 5px 13px;
position: relative;
z-index: 6;
}
.img:hover .des h5 {
color: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.img:hover .des p {
color: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.img {
position: relative;
overflow: hidden;
}
.over {
display: block;
position: absolute;
z-index: 5;
bottom: 100%;
height: 100%;
width: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.6);
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.img:hover {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.img:hover .over {
bottom: 0px;
display: block;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.des {
top: 0;
padding-top: 20%;
}
.des h2 {
font-size: 26px;
line-height: 50px;
font-style: italic;
width: 100%;
display: inline-block;
text-align: center;
color: #fff;
}
.des h2 {
position: absolute;
left: -100%;
}
.des h2 span {
color: #a50d0c;
display: inline-block;
width: 100%;
}
.portfolio-simple {
text-align: center;
}
.portfolio-simple li {
padding: 0px;
}
.portfolio-simple li img {
width: 100%;
}
.des h2 {
position: absolute;
left: -100%;
}
.img:hover .over .des h2 {
left: 0%;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
.portfolio .btn {
background: #a50d0c;
margin: 0 auto;
display: inline-block;
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 35px;
padding: 0 20px;
color: #fff;
margin-top: 40px;
}
.portfolio .btn:hover {
background: #404040;
color: #a50d0c;
}
.portfolio-filter .item {
float: left;
width: 20%;
background: #f0f2f7;
}
.portfolio-filter .item:hover {
z-index: 2;
}
.portfolio-filter .like {
float: right;
width: 30px;
text-align: center;
color: #d6dceb;
font-size: 14px;
margin-top: -23px;
}
.portfolio-filter .like i {
font-size: 26px;
}
.portfolio-filter .over {
background: rgba(0, 0, 0, 0.2);
}
.portfolio-filter .item .item-info {
padding: 13px 20px;
background: #f0f2f7;
padding-bottom: 10px;
display: inline-block;
width: 100%;
position: relative;
}
.portfolio-filter .item .item-info:before {
display: inline-block;
content: "\f0d8";
font-family: 'FontAwesome';
left: 20px;
top: -35px;
font-size: 41px;
color: #f0f2f7;
position: absolute;
}
.portfolio-filter .item .item-info h6 {
font-size: 14px;
color: #404040;
display: inline-block;
margin-top: 0px;
margin-bottom: 5px;
}
.portfolio-filter .item .item-info p {
font-style: italic;
color: #566678;
display: inline-block;
font-size: 12px;
margin-bottom: 0px;
width: 80%;
}
.portfolio-filter .tittle {
text-align: left;
border-bottom: 1px solid #e5e8ea;
padding-bottom: 20px;
margin-bottom: 0px;
}
.portfolio-filter .tittle h2 {
font-weight: 400;
}
.portfolio-filter .tittle .btn {
font-size: 14px;
color: #404040;
padding: 0 30px;
line-height: 50px;
background: #f0f1f2;
font-weight: 400;
border-radius: 10px;
border: 1px solid #d9dde1;
margin-top: 0px;
float: right;
}
.portfolio-filter .tittle .btn:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
.port-box .tittle {
text-align: center;
border: none;
padding: 0px;
}
.port-box .filter {
text-align: center;
border: none;
margin-top: 30px;
margin-bottom: 50px;
}
.port-box .filter a {
margin: 0px 10px;
}
.port-box .item .item-info {
position: absolute;
width: 100%;
bottom: 100%;
left: 0px;
}
.port-box .item .item-info h6 {
font-size: 20px;
color: #a50d0c;
line-height: 30px;
}
.port-box .item .item-info p {
font-size: 20px;
color: #a50d0c;
line-height: 30px;
margin-bottom: 13px;
font-style: italic;
}
.port-box .over {
background: rgba(236, 239, 245, 1);
}
.port-box .img:hover .over .item-info {
bottom: 0px;
background: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.port-box .item .item-info:before {
left: 0px;
right: 0px;
margin: 0 auto;
color: #fff;
}
.port-box .items a {
margin-top: 20%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.port-box .over a:hover {
color: #a50d0c;
}
#portfolio.port-gry-bg {
background: #f9fafc;
}
.port-5 .img:hover .over {
bottom: 0;
top: 0px;
background: none;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.port-5 .img .des {
background: #fff;
bottom: 0px;
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
top: 72%;
}
.port-5 .img:hover .des {
background: #fff;
bottom: 0px;
left: auto;
right: auto;
opacity: 1;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
top: auto;
padding-top: 0px;
bottom: 0px;
position: absolute;
width: 100%;
left: 0px;
}
.port-5 .img:hover .over .des h2 {
top: auto;
left: auto;
right: auto;
position: relative;
line-height: none;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
text-align: left;
}
.port-5 .img:hover .over .des h2 span {
font-size: 25px;
font-weight: 500;
}
.port-h-t .item .item-info {
bottom: -100%;
}
.portfolio-pages {}
.wth-mar {
margin: 0 -13px;
}
.wth-mar .item:hover {
background: none;
box-shadow: none;
}
.wth-mar li.item {
background: none;
box-shadow: none;
}
.wth-mar li.item .img {
margin: 13px;
background: none;
}
.over-n .over {
background: none;
}
.port-pattern {
background: url(../images/bg/pattern-port.jpg) fixed repeat-x;
}
.port-pattern #portfolio {
background: none;
}
.port-pattern #portfolio .tittle p {
color: #fff;
}
.port-pattern .filter li a {
border: none;
color: #fff;
padding: 8px 20px;
border: 1px solid;
border-color: transparent;
}
.port-pattern .filter li a.active {
background: #fff;
border: 1px solid #eaedf2;
color: #a50d0c;
}
.items li.port-big {
width: 100% !important;
}
.items li.port-med {
width: 50% !important;
}
/*=======================================================
PORTFOLIO COLUM GRID
========================================================*/
.col-2 li.item {
width: 50%;
}
.col-3 li.item {
width: 33.333333333%;
}
.col-4 li.item {
width: 25%;
}
.col-5 li.item {
width: 20%;
}
.col-2 .item-info h6 {
width: 100%;
}
.col-2 .over {
background: none;
}
.col-2 .item-info p {
width: 100%;
}
/*=======================================================
TWEET
========================================================*/
#tweet {
background: url(../images/bg/tweet-bg.webp) fixed no-repeat;
padding: 80px 0;
text-align: center;
background-size: cover;
}
#tweet h2 {
color: #fff;
font-weight: 500;
margin-bottom: 30px;
}
#tweet p {
color: #fff;
font-size: 15px;
}
#tweet .icon-tweet {
display: inline-block;
color: #fff;
font-size: 50px;
border-radius: 50%;
border: 10px solid rgba(255, 255, 255, 0.2);
margin-bottom: 40px;
}
#tweet .icon-tweet i {
height: 150px;
width: 150px;
line-height: 150px;
color: #fff;
background: #a50d0c;
font-size: 60px;
border-radius: 50%;
}
#tweet .follow {
background: #a50d0c;
font-size: 22px;
color: #fff;
display: inline-block;
padding: 0px 40px;
line-height: 50px;
margin-top: 30px;
border-radius: 4px;
}
/*=======================================================
TEAM MEMBER
========================================================*/
#team-member {
background: #fff;
padding: 80px 0;
}
#team-member .membr {
background: #f6fbff;
border: 1px solid #e9f0f6;
text-align: center;
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
}
#team-member {}
#team-member .tittle h2 {
color: #a1acc0;
}
#team-member .tittle p {
color: #a1acc0;
}
#team-member .tittle hr {
background: #a3abc0;
}
#team-member .tittle hr:before {
background: #fff;
border-color: #a3abc0;
}
#team-member .social_icons {
background: rgba(0, 0, 0, 0.5);
}
#team-member .social_icons {
color: #a1acc0;
}
#team-member .social_icons a {
color: #fff !important;
border-radius: 0px;
}
#team-member .membr-over {
position: absolute;
bottom: -100%;
width: 100%;
text-align: left;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#team-member .membr-over h6 {
background: #f6fbff;
padding: 20px;
padding-bottom: 0px;
margin: 0px;
}
#team-member .membr-over p {
background: #f6fbff;
padding: 20px;
margin: 0px;
padding-top: 5px;
font-style: italic;
color: #a1acc0;
}
#team-member li:hover .membr-over {
bottom: 0px;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/*=======================================================
WHY CHOOSE WITH US
========================================================*/
#why-chooe {
background: url(../images/bg/tweet-bg.webp) fixed no-repeat;
padding: 20px 0;
padding-bottom: 0px;
background-size: cover;
}
#why-chooe .why-chooe img {
display: inline-block;
position: relative;
z-index: 1;
}
#why-chooe .why-chooe .tittle {
text-align: left;
margin-top: 150px;
}
#why-chooe .why-chooe .tittle hr {
margin-left: 0px;
}
#why-chooe .why-chooe .btn {
font-size: 20px;
color: #fff;
line-height: 45px;
display: inline-block;
padding: 0 20px;
border-radius: 4px;
margin: 20px 0;
font-weight: 400;
}
#why-chooe .why-chooe .btn-1 {
background: no-repeat;
margin-left: 20px;
border: 1px solid #fff;
}
#why-chooe .why-chooe .btn:hover {
background: #fff;
color: #a50d0c;
}
#why-chooe .why-chooe .btn-1:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
#why-chooe .why-chooe .tittle hr:before {
margin-left: 130px;
background: #000;
}
#why-chooe .bg-gray {
background: #f9fafc;
height: 220px;
width: 100%;
position: relative;
margin-top: -195px;
}
#why-chooe.work-with {
background: #f9fafc;
}
#why-chooe.work-with h2 {
color: #404040;
}
#why-chooe.work-with p {
color: #404040;
}
#why-chooe.work-with .btn-1 {
border-color: #404040;
color: #404040;
}
#why-chooe.work-with hr {
background: #404040;
}
#why-chooe.work-with .tittle hr:before {
background: #f9fafc;
border-color: #404040;
}
/*=======================================================
PURCHASE NOW
========================================================*/
#purchse-now {
background: url(../images/bg/pattern-bg.jpg) fixed repeat;
padding: 150px 0;
text-align: center;
}
#purchse-now h2 {
color: #fff;
font-weight: 500;
}
#purchse-now h4 {
color: #fff;
font-size: 25px;
margin-top: 10px;
font-weight: 400;
}
#purchse-now .btn {
font-size: 14px;
color: #a50d0c;
background: #fff;
line-height: 45px;
display: inline-block;
padding: 0 20px;
border-radius: 4px;
margin: 20px 0;
font-weight: 400;
}
#purchse-now .btn:hover {
color: #fff;
background: #a50d0c;
}
/*=======================================================
SUBCRIBE NOW
========================================================*/
#subscribe {
padding: 20px 0;
text-align: center;
}
#subscribe h2 {
color: #fff;
font-weight: 600;
}
#subscribe h4 {
color: #fff;
font-weight: 500;
line-height: 30px;
}
#subscribe input {
width: 100%;
display: inline-block;
height: 40px;
border: none;
}
#subscribe .btn {
height: 40px;
line-height: 40px;
font-size: 14px;
margin-top: 15px;
text-align: left;
display: block;
width: 100%;
}
#subscribe .btn:hover {
background: #fff;
color: #a50d0c;
}
#subscribe .sub-cri {
margin-top: 50px;
}
/*=======================================================
PRICING
========================================================*/
#pricing {
background: #f9fafc;
padding: 80px 0;
padding-bottom: 100px;
}
#pricing .tittle h2 {
font-weight: 400;
}
#pricing .tittle p {
color: #697a8e;
}
#pricing .pricing {
text-align: center;
}
#pricing .pricing h2 {
font-weight: bold;
margin: 0px;
color: #fff;
}
#pricing .pricing h3 {
font-weight: bold;
margin: 0px;
color: #a50d0c;
}
#pricing .pricing ul {
background: #fff;
margin-top: 10px;
position: relative;
box-shadow: 0 0 5px #dadada;
border-bottom: 1px solid #a50d0c;
}
#pricing .pricing .head {
padding: 30px 0;
}
#pricing .pricing .head span {
font-weight: 400;
font-size: 12px;
color: #404040;
line-height: 20px;
}
#pricing .pricing .head:before {
height: 1px;
width: 130px;
margin: 0 auto;
position: absolute;
display: inline-block;
background: #a50d0c;
content: "";
left: 0px;
top: 0px;
right: 0px;
position: absolute;
}
#pricing .price {
border-top: 1px solid #eff1f6;
border-bottom: 1px solid #eff1f6;
}
#pricing .price h2 {
line-height: 67px;
}
#pricing .price h2 span {
font-size: 16px;
}
#pricing .pricing ul li p {
line-height: 30px;
display: inline-block;
width: 100%;
margin: 0px;
font-size: 14px;
color: #697a8e;
text-align: center;
}
#pricing .pricing ul li a {
border: 1px solid #ad0102;
font-size: 15px;
color: #ad0102;
line-height: 45px;
display: inline-block;
padding: 0 40px;
margin: 20px 0;
}
#pricing .pricing ul li a:hover {
background: #a50d0c;
border-color: #a50d0c;
color: #fff !important;
}
#pricing .pricing ul.stand {
margin-top: 10px;
}
#pricing .pricing ul.stand .head {
padding: 55px 0;
}
#pricing .pricing ul.stand li a {
border-color: #a50d0c;
color: #a50d0c;
margin: 40px 0;
}
#pricing .pricing ul li:nth-child(2) {
background: #28abdb;
}
#pricing .pricing ul li:nth-child(4) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(6) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(8) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(10) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(12) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(14) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(16) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(18) {
background: #ECECEC;
}
#pricing .pricing ul li:nth-child(20) {
background: #ECECEC;
}
#pricing .pri-head .head {
padding-top: 0px;
}
#pricing .pri-head .head h2 {
background: #a50d0c;
color: #fff;
font-size: 25px;
width: 170px;
padding-bottom: 10px;
padding-top: 30px;
display: inline-block;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#pricing .pri-head .head span {
width: 100%;
margin-top: 10px;
display: inline-block;
}
/*=======================================================
TEAM
========================================================*/
#team {
padding: 40px 0;
background: url(../images/bg/team-bg.webp) fixed no-repeat;
background-size: cover;
}
#team .tittle-1 hr {
background: #a50d0c;
}
#team .tittle-1 hr:before {
background: #edebec;
border-color: #a50d0c;
}
#team .tittle-1 p {
color: #98a4b6;
}
#team .team .avatar {
display: inline-block;
border-radius: 50%;
height: 170px;
width: 170px;
background: #fff;
text-align: center;
border: 1px solid #a50d0c;
overflow: hidden;
}
#team .team li {
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#team .team-info p {
color: #98a4b6;
font-size: 14px;
}
#team .team-info span {
color: #8a8a8a;
font-size: 14px;
line-height: 30px;
}
#team li:hover .avatar {
border: 4px solid #e23a18;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#team li p {
color: #fff;
}
#team.team-2 {
background: #eeece9;
}
#team.team-2 h2,
h6 {
color: #0b83af;
}
#team.team-2 .team .avatar {
border-color: #a3abc0;
}
#team.team-2 .tittle-1 hr {
background: #a3abc0;
}
#team.team-2 .tittle-1 hr:before {
background: #fff;
border-color: #a3abc0;
}
.skillbar {
position: relative;
display: block;
margin-bottom: 13px;
width: 100%;
background: #fff;
height: 50px;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-ms-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
}
.skillbar-title {
position: absolute;
top: 0;
left: 0;
font-weight: bold;
font-size: 13px;
color: #fff;
background: none;
}
.skillbar-title span {
display: block;
padding: 0 20px;
line-height: 50px;
}
.skillbar-bar {
height: 50px;
width: 0px;
background: #a50d0c;
}
.skill-bar-percent {
position: absolute;
right: 10px;
top: 0;
height: 50px;
line-height: 50px;
color: #a50d0c;
font-size: 25px;
}
/*==========================================================================
Countdown styles
========================================================================== */
#counters {
background: #fff;
padding: 80px 0;
}
#counters ul li {
text-align: center;
}
#counters ul li i {
width: 100%;
text-align: center;
color: #a50d0c;
font-size: 30px;
}
#counters ul li span {
font-size: 38px;
color: #a50d0c;
font-weight: 300;
line-height: 90px;
}
#counters ul li h3 {
margin: 0px;
}
/*=======================================================
CONTACT FORM
========================================================*/
#contact {
background: url(../images/bg/bg-1.jpg) fixed no-repeat;
background-size: cover;
padding: 80px 0;
}
#contact .tittle h2 {
color: #fff;
}
#contact .tittle hr {
background: #fff;
margin-bottom: 30px;
}
#contact .tittle hr:before {
background: #8a8a8a;
border-color: #fff;
}
.contactForm {
background: rgba(255, 255, 255, 0.3);
display: inline-block;
width: 100%;
padding: 30px;
margin-top: 50px;
}
/*======================== FORM ========================*/
.contactForm input[type="text"] {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px;
color: #fff;
font-size: 14px;
padding: 0px 20px;
border: none;
height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
margin-bottom: 30px;
}
.contactForm input[type="email"] {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px;
color: #fff;
font-size: 16px;
padding: 0px 20px;
border: none;
height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
margin-bottom: 30px;
}
.contactForm input[type="password"] {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px;
color: #fff;
font-style: italic;
font-size: 16px;
padding: 0px 20px;
border: none;
height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
margin-bottom: 30px;
}
.contactForm textarea {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px;
color: #fff;
font-size: 16px;
padding: 0px 20px;
border: none;
height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
margin-bottom: 30px;
}
.contactForm textarea {
padding: 10px 20px;
height: auto;
margin: 0px;
min-height: 190px;
}
.contactForm input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
background-color: rgba(0, 0, 0, 1);
}
.contactForm input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
color: #999;
}
.form-group {
margin-bottom: 0px;
}
.error {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
float: right;
margin: -71px 10px 0 0;
position: relative;
top: 0;
}
.error i {
background: none;
border-radius: 0;
-webkit-border-radius: 0;
width: 20px !important;
height: 20px !important;
margin: 0px;
text-align: center;
line-height: 20px;
padding: 0px;
border-radius: 4px;
}
.error i:before {
color: rgba(255, 255, 255, 0.9);
content: "";
font-family: FontAwesome;
font-size: 11px;
margin-right: 0px;
vertical-align: top;
width: 20px !important;
height: 20px !important;
}
/*======================== ANIMATION ========================*/
.close:before,
.close:after {
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
}
.contactForm .btn {
background: rgba(0, 0, 0, 0.5);
border-radius: 0px;
font-size: 20px;
font-weight: 300;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
line-height: 60px;
margin-top: 25px;
}
.contactForm .btn:hover {
background: #a50d0c;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #fff;
}
.contactForm .successMsg {
font-size: 50px;
color: #fff;
width: 100%;
text-align: center;
}
/*=======================================================
COMPANY INFORMATION
========================================================*/
.company-info li {
margin-top: 30px;
}
.company-info li .inner {
background: rgba(255, 255, 255, 0.3);
padding: 30px;
}
.company-info li .inner h3 {
margin: 0px;
color: #fff;
font-weight: 400;
margin-bottom: 13px;
}
.company-info li .inner p {
color: #fff;
font-size: 14px;
font-weight: 300;
}
.company-info li .inner li {
margin-top: 0px;
font-size: 16px;
color: #fff;
font-weight: 300;
line-height: 39px;
}
.company-info li .inner li i {
display: inline-block;
margin-right: 10px;
width: 25px;
}
#map {
width: 100%;
}
.contact-map {
position: relative;
overflow: hidden;
}
.contact-map #map {
height: 700px;
}
.contact-map .contactForm {
position: absolute;
top: -700px;
}
.contact-map .contactForm textarea {
min-height: 280px;
}
.contact-map .contactForm {
background: rgba(255, 255, 255, 0.8);
display: inline-block;
width: 100%;
padding: 30px;
margin-top: 0px;
}
.contact-map input[type="text"],
input[type="email"],
input[type="password"],
textarea {}
.contact-map .contactForm .btn {
background: #a50d0c;
width: 100%;
border-radius: 10px;
}
.contact-light input[type="text"] {
background: #fff;
border-radius: 10px;
border: 1px solid #eaedf1;
color: #000;
}
.contact-light input[type="email"] {
background: #fff;
border-radius: 10px;
border: 1px solid #eaedf1;
color: #000;
}
.contact-light .contactForm {
background: rgba(255, 255, 255, 0.6);
}
.contact-light .contactForm textarea {
background: #fff;
border-radius: 10px;
border: 1px solid #eaedf1;
color: #000;
}
.contact-light input[type="text"]:focus {
background-color: #fff;
border-color: #a50d0c;
}
.contact-light input[type="email"]:focus {
background-color: #fff;
border-color: #a50d0c;
}
.contact-light input[type="password"]:focuss {
background-color: #fff;
border-color: #a50d0c;
}
.contact-light textarea:focus {
background-color: #fff;
border-color: #a50d0c;
}
footer {
background: #101010;
padding: 60px 0;
padding-bottom: 0px;
}
footer p {
color: #fff;
}
footer p a {
color: #a50d0c;
font-weight: 600;
}
footer h5 {
font-weight: 600;
font-size: 18px;
margin-bottom: 35px;
}
footer h5 span {
color: #fff;
}
footer .recent-post {}
footer .recent-post li {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
footer .recent-post .img-post {
float: left;
height: 65px;
width: 65px;
overflow: hidden;
position: relative;
margin-right: 13px
}
footer .foot-post {}
footer .foot-post span {
color: #a0a0a0;
margin-top: 10px;
display: inline-block;
}
footer .recent-post .img-post img {
width: 100%;
}
footer .recent-post a {
color: #a6a6a6;
font-weight: normal;
font-size: 14px;
text-decoration: none;
}
footer .recent-post a:hover {
color: #fff;
}
footer .recent-post .img-post .over-post {
position: absolute;
background: #a50d0c;
height: 100%;
width: 100%;
top: 0px;
text-align: center;
line-height: 65px;
opacity: 0;
color: #fff;
font-size: 20px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
footer .recent-post .img-post .over-post a {
color: #fff;
font-size: 20px;
}
footer .recent-post .img-post:hover .over-post {
opacity: 1;
}
footer .about img {
width: 165px;
height: auto;
}
footer .about a {
color: #fff;
margin-top: 20px;
text-decoration: underline;
}
footer .tags {}
footer .tags li {
display: inline-block;
}
footer .tags li a {
font-size: 14px;
display: inline-block;
border: 1px solid #fff;
color: #fff;
float: left;
margin-right: 5px;
line-height: 30px;
padding: 0 10px;
margin-bottom: 5px;
}
footer .tags li a:hover {
background: #a50d0c;
border-color: #a50d0c;
}
.social {
display: inline-block;
}
.social ul {
margin: 0;
padding: 0;
}
.social ul li {
float: left;
list-style: none;
margin-right: 10px;
width: 40px;
height: 40px;
}
.social ul li a {
background: #a50d0c;
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align: center;
padding: 10px 15px;
-webkit-border-radius: 55px;
}
.social fa {
font-size: 18px;
text-align: center;
}
.social ul li a:hover {
color: #a50d0c;
background: #d1d1d1;
}
.rights {
background: #0d0d0d;
padding: 20px 0;
margin-top: 50px;
}
.rights li {
display: inline-block;
padding: 0 5px;
}
.rights a {
color: #fff;
}
.rights a:hover {
color: #a50d0c;
}
/*=======================================================
Light Footer
========================================================*/
.light-footer {
background: #e3e1e0;
}
.light-footer p {
color: #404040;
text-align: justify;
line-height: 22px;
}
.light-footer .recent-post a {
color: #c5ccd4;
}
.light-footer h5 span {
color: #a50d0c;
}
.light-footer .recent-post a:hover {
color: #404040;
}
.light-footer .tags li a {
color: #8d8d8d;
border-color: #b8c5d2;
}
.light-footer .tags li a:hover {
color: #fff;
}
.light-footer .rights {
background: #a50d0c;
}
.light-footer .rights p {
color: #98a4b3;
margin: 0;
}
.light-footer .rights a {
color: #98a4b3;
}
.light-footer .rights a:hover {
color: #fff;
}
/*=======================================================
about
========================================================*/
#about {
padding: 80px 0;
}
#about .tittle h2 {
font-weight: 400;
}
#about .tittle p {
color: #697a8e;
}
#about .over {
padding: 20px;
padding-top: 10%;
text-align: left;
background: rgba(226, 55, 24, 0.8);
}
#about .over p {
color: #fff;
}
#about .over a {
color: #fff;
font-size: 22px;
}
#about .about {
margin-top: 40px;
}
#about .about img {
width: 100%;
}
#about .about .b-inner .b-tittle {
font-size: 25px;
color: #404040;
display: inline-block;
width: 100%;
margin-bottom: 20px;
text-decoration: none;
}
#about .about .b-inner p {
font-size: 14px;
color: #bbc3d4;
}
#about .about .b-inner span {
color: #404040;
font-size: 12px;
display: inline-block;
margin-top: 20px;
}
#about .about .b-inner span a {
color: #404040;
}
#about .about .b-inner .btm-det {
display: inline-block;
width: 100%;
}
#about .about .b-inner span i {
margin-right: 5px;
color: #fd9540;
}
#about .about .b-inner .com {
float: right;
margin-right: 13px;
font-size: 12px;
}
#about .about .b-inner .love {
float: right;
font-size: 12px;
}
#about {
padding: 80px 0;
}
#about .tittle h2 {
font-weight: 400;
}
#about .tittle p {
color: #697a8e;
}
#about .over {
padding: 20px;
padding-top: 10%;
text-align: left;
background: rgba(226, 55, 24, 0.8);
}
#about .over p {
color: #fff;
}
#about .over a {
color: #fff;
font-size: 22px;
}
#about .about {
margin-top: 40px;
}
#about .about img {
width: 100%;
}
#about .about .b-inner {
padding: 0px;
background: #f7f8f9;
}
#about .about .b-inner .b-tittle {
font-size: 25px;
color: #404040;
display: inline-block;
width: 100%;
margin-bottom: 20px;
text-decoration: none;
}
#about .about .b-inner p {
font-size: 14px;
color: #666666;
font-weight: normal;
}
#about .about .b-inner span {
color: #404040;
font-size: 12px;
display: inline-block;
margin-top: 20px;
}
#about .about .b-inner span a {
color: #404040;
}
#about .about .b-inner .btm-det {
display: inline-block;
width: 100%;
}
#about .about .b-inner span i {
margin-right: 5px;
color: #fd9540;
}
#about .about .b-inner .com {
float: right;
margin-right: 13px;
font-size: 12px;
}
#about .about .b-inner .love {
float: right;
font-size: 12px;
}
#about-ricco {
padding: 0px 0px 40px 0px;
}
#about-ricco .tittle h2 {
font-weight: 600;
}
#about-ricco .tittle p {
color: #697a8e;
}
#about-ricco .over {
padding: 20px;
padding-top: 10%;
text-align: left;
background: rgba(226, 55, 24, 0.8);
}
#about-ricco .over p {
color: #fff;
}
#about-ricco .over a {
color: #fff;
font-size: 22px;
}
#about-ricco .about {
margin-top: 40px;
}
#about-ricco .about img {
width: 100%;
}
#about-ricco .about .b-inner {
padding: 20px;
background: #f7f8f9;
}
#about-ricco .about .b-inner .b-tittle {
font-size: 25px;
color: #404040;
display: inline-block;
width: 100%;
margin-bottom: 20px;
text-decoration: none;
}
#about-ricco .about .b-inner p {
font-size: 14px;
color: #bbc3d4;
}
#about-ricco .about .b-inner span {
color: #404040;
font-size: 12px;
display: inline-block;
margin-top: 20px;
}
#about-ricco .about .b-inner span a {
color: #404040;
}
#about-ricco .about .b-inner .btm-det {
display: inline-block;
width: 100%;
}
#about-ricco .about .b-inner span i {
margin-right: 5px;
color: #fd9540;
}
#about-ricco .about .b-inner .com {
float: right;
margin-right: 13px;
font-size: 12px;
}
#about-ricco .about .b-inner .love {
float: right;
font-size: 12px;
}
#about-ricco .tittle-1 hr {
background: #a50d0c;
}
.about-process {
text-align: center;
}
.about-process img {
text-align: center;
margin: 0 auto;
width:95%;
margin-top: -50px;
}
/*=======================================================
PURCHASE NOW
========================================================*/
.purchase {
background: #f7f8f9;
border: 1px solid #eef1f4;
padding: 13px 35px;
margin-bottom: 100px;
}
.purchase h3 {
color: #404040;
}
.purchase p {
font-weight: 300;
color: #404040;
}
.pur-btn {
display: inline-block;
font-size: 14px;
float: right;
padding: 0 40px;
margin-top: 20px;
line-height: 50px;
background: #fff;
border: 1px solid #f0f3f5;
border-radius: 4px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.pur-btn:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
/*=======================================================
TESTIMONIALS
========================================================*/
.parallax-section {
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
position: relative;
}
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#testimonial {
padding: 80px 0 50px;
background-image: url(../images/bg/bg-1_11zon.webp);
}
#testimonial .overlay {
background: rgba(0, 0, 0, 0.5);
}
.ts-testimonial-slide {
text-align: center;
color: #ffffff;
width: 85%;
margin: 0 auto;
}
.ts-testimonial-slide p {
font-size: 18px;
line-height: 36px;
margin-bottom: 35px;
color: #fff;
text-align: center;
}
.ts-testimonial-slide .ts-testimonial-item {
margin-bottom: 10px;
}
.ts-testimonial-slide .ts-testimonial-item .icon-client {
background: #ffffff;
width: 29px;
height: 29px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
text-align: center;
line-height: 29px;
margin-top: 2px;
}
.ts-testimonial-slide .ts-testimonial-item .infor-client {
display: inline-block;
margin: 0 auto;
width: auto;
}
.ts-testimonial-slide .ts-testimonial-item .client-name {
padding-left: 38px;
font-size: 12.8px;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
line-height: normal;
white-space: nowrap;
}
.ts-testimonial-slide .ts-testimonial-item .client-position {
font-size: 12px;
font-style: italic;
line-height: normal;
padding-left: 38px;
display: block;
text-align: left;
}
.ts-testimonial-slide .ts-testimonial-item .client-position a {
color: white;
}
.ts-testimonial-slide .ts-testimonial-item .client-position a:hover {
color: #5ed9e7;
}
#testimonials .testi {
margin-top: 100px;
text-align: center;
padding: 0 5%;
}
#testimonials p {
color: #fff;
font-size: 20px;
}
#testimonials hr {
background: url(../images/texti-hr.png) no-repeat;
width: 305px;
height: 21px;
margin: 25px auto;
border: none;
}
#testimonials .avatr {
display: inline-block;
height: 60px;
width: 60px;
float: left;
overflow: hidden;
}
#testimonials .name {
display: inline-block;
margin-left: 10px;
text-align: left;
margin-top: 4px;
float: left;
}
#testimonials .name h5 {
color: #fff;
margin-top: 0px;
line-height: 10px;
}
#testimonials .name p {
font-size: 14px;
}
#testimonials .author {
display: inline-block;
text-align: center;
width: 280px;
margin: 0 auto;
}
#testimonials .slides {
text-align: center;
}
/*=======================================================
CLIENTS
========================================================*/
#clients {
padding: 20px 0;
}
#owl-client .owl-item .item {
text-align: center;
}
#owl-client .owl-item .item img {
display: inline-block;
}
#clients .owl-buttons div {
border-radius: 50%;
height: 30px;
width: 30px;
top: 5px;
line-height: 30px;
margin: 0 10px;
font-size: 16px;
background: none;
color: #333;
}
#clients a img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
#clients a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
#clients .owl-prev {
left: -40px;
}
#clients .owl-next {
right: -40px;
}
/*=======================================================
PRODUCTS
========================================================*/
.products {}
.products .bnr {
padding: 100px 0px;
}
.products .bnr li .inner {
display: inline-block;
width: 100%;
border-radius: 4px;
overflow: hidden;
position: relative;
padding: 20px;
border: 1px solid #ecf0f4;
}
.products .bnr a {
color: #697a8e;
border: 1px solid #dee7f1;
font-size: 25px;
font-weight: 300;
border-radius: 4px;
padding: 5px 13px;
margin-top: 20px;
display: inline-block;
}
.products .bnr a:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
.featu-products {
background: #f9fafc;
padding: 100px 0;
border-top: 1px solid #e3e7f0;
}
.featu-produ {}
.featu-produ .tittle {
text-align: left;
margin-bottom: 50px;
}
.featu-produ .tittle .btn {
float: right;
}
.featu-produ .tittle p {
color: #697a8e;
}
.featu-produ .product {
border: 1px solid #e0e7ef;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.featu-produ .pro-info {
padding: 20px;
border-top: 1px solid #e0e7ef;
}
.featu-produ .pro-info a {
font-size: 18px;
color: #697a8e;
font-weight: bold;
}
.featu-produ .pro-info h4 span {
color: #b8c2ce;
font-size: 14px;
font-weight: normal;
margin-left: 10px;
text-decoration: line-through;
}
.featu-produ .pro-info {
text-align: left;
background: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.featu-produ .pro-info .stars li {
display: inline-block;
}
.featu-produ .pro-info .stars a {
color: #8290a1;
}
.featu-produ .pro-info .stars a:hover {
color: #a50d0c;
}
.featu-produ .pro-info a.rate {
color: #a50d0c;
}
.featu-produ .chart-icon {
margin-top: 10px;
display: inline-block;
width: 100%;
}
.featu-produ .chart-icon a {
height: 30px;
width: 30px;
margin-right: 10px;
font-size: 13px;
text-align: center;
line-height: 30px;
border-radius: 4px;
color: #fff !important;
display: inline-block;
background: #c1cfde;
}
.featu-produ .chart-icon a:hover {
background: #a50d0c;
}
.featu-produ .btn {
color: #697a8e;
border: 1px solid #dee7f1;
font-size: 25px;
font-weight: 300;
border-radius: 4px;
padding: 0px 13px;
margin-top: 20px;
display: inline-block;
background: none;
margin-left: 20px;
line-height: 50px;
margin-top: 30px;
}
.featu-produ .btn:hover {
background: #fff;
}
.product-item {
background: #fff;
padding: 100px 0;
}
.product-item .product {
margin-bottom: 30px;
text-align: center;
background: #f1f3f8;
}
.product-item .product img {
display: inline-block;
text-align: center;
}
.featu-produ .product:hover {
background: #f1f3f8;
}
.featu-produ .product:hover .pro-info {
background: #f1f3f8;
}
.product-item .nav-tabs {
border: none;
margin-bottom: 30px;
}
.product-item .nav-tabs {
float: right;
}
.grid-view {
float: left;
}
.grid-view li {
display: inline-block;
margin-right: 20px;
}
.grid-view li a {
font-size: 36px;
color: #c1cfde;
}
.grid-view li a.active {
color: #a50d0c;
}
.product-item .nav-tabs>li {
border: none;
}
.product-item .nav-tabs>li a {
border: none;
font-size: 19px;
padding: 5px 20px;
margin-left: 20px;
font-weight: 300;
border: 1px solid #dee7f1 !important;
}
.product-item .nav-tabs>li a:hover {
background: #f7f8f9;
color: #a50d0c;
}
.product-item .ta-pani {
border-bottom: 1px solid #e3e7f0;
margin-bottom: 70px;
display: inline-block;
width: 100%;
}
.product-item .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
background: #f7f8f9;
color: #a50d0c;
}
.featu-produ .bnr {
padding: 0px;
margin-top: 40px;
}
/*=======================================================
PRODUCTS WITH SIDE BAR
========================================================*/
.pro-wth-side .ta-pani {
margin-bottom: 20px;
}
.pro-wth-side select {
background: #f9fafc;
border: 1px solid #dee7f1;
width: 250px;
height: 50px;
border-radius: 4px;
float: left;
font-size: 20px;
color: #697a8e;
padding: 0 10px;
font-weight: 300;
margin-right: 20px;
margin-bottom: 20px;
}
.pro-wth-side .grid-view {
float: right;
}
.pro-wth-side .grid-view li {
margin-right: 0px;
margin-left: 10px;
}
/*=======================================================
SHOP SIDE BAR
========================================================*/
.shop-side-bar {}
.shop-side-bar h5 {
font-weight: bold;
color: #697a8e;
padding-bottom: 20px;
margin-top: 30px;
border-bottom: 1px solid #e3e7f0;
}
.shop-side-bar .cate-side {}
.shop-side-bar .cate-side li {
padding-top: 13px;
display: inline-block;
width: 100%;
}
.shop-side-bar .cate-side li:hover img {
opacity: 0.5;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.shop-side-bar .cate-side li .img-side {
width: 100px;
border: 1px solid #dfe2e9;
position: relative;
overflow: hidden;
float: left;
margin-right: 20px;
}
.shop-side-bar .cate-side li a {
font-weight: bold;
color: #697a8e;
font-size: 14px;
line-height: 25px;
}
.shop-side-bar a:hover {
color: #a50d0c !important;
}
.shop-side-bar .cate-side li span {
color: #a50d0c;
font-size: 16px;
font-weight: bold;
display: inline-block;
width: 50%;
margin-top: 13px;
}
.shop-side-bar .cate-sim a {
display: inline-block;
width: 100%;
color: #adb9c6;
font-size: 15px;
line-height: 25px;
}
.shop-side-bar .cate-sim {
margin-top: 0px;
}
.shop-side-bar .cate-sim li {
border-bottom: 1px solid #eef0f2;
line-height: 52px;
}
.shop-side-bar .cate-sim a span {
font-size: 10px;
background: #adb9c6;
height: 20px;
width: 30px;
border-radius: 4px;
color: #fff;
display: inline-block;
float: right;
margin-top: 5px;
text-align: center;
line-height: 20px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.shop-side-bar .cate-sim li:hover a span {
background: #a50d0c;
}
.pro-filter li {
margin-bottom: 30px;
}
.pro-filter li a:hover img {
opacity: 0.5;
}
.pro-list-v {
background: #f9fafc;
display: inline-block;
width: 100%;
}
.pro-list-v .chart-icon {
margin-top: 20px;
}
.pro-list-v .pro-info {
background: #f9fafc !important;
border: none;
border-left: 1px solid #e0e7ef
}
.pro-list-v:hover .pro-info {
background: #fff !important;
}
.pro-list-v .pro-info .stars {
margin-bottom: 20px;
}
.errow {
width: 100%;
display: inline-block;
text-align: center;
}
.errow li {
display: inline-block;
}
.errow a {
background: #b4c4d7;
height: 50px;
width: 50px;
text-align: center;
color: #fff;
font-size: 30px;
margin-left: 20px;
line-height: 47px;
border-radius: 6px;
display: inline-block;
}
.errow a:hover {
background: #a50d0c;
}
/*=======================================================
PRODUCTS IMFORMATION
========================================================*/
.item-informt {}
.item-informt #imageGallery img {
width: 100%;
}
.item-informt .lSSlideOuter .lSPager.lSGallery {
width: 100% !important;
text-align: center;
}
.item-informt .lSSlideOuter .lSPager.lSGallery li {
width: 95px !important;
margin: 0px 9px 0 0 !important;
border: 1px solid #dee7f1;
}
.item-informt .lSSlideOuter .lSPager.lSGallery li:nth-last-child(1) {
margin: 0px !important;
}
.item-informt .lSSlideOuter .lSGallery li {
float: none;
display: inline-block;
}
.lSSlideOuter .lightSlider>*,
.lSSlideOuter .lSGallery li {}
.colors {
display: inline-block;
width: 100%;
}
.colors ul {
display: inline-block;
float: left;
}
.colors ul li {
display: inline-block;
float: left;
width: auto;
padding: 1px;
background: #fff;
overflow: hidden;
position: relative;
margin-right: 5px;
margin-bottom: 10px;
}
.colors ul li a {
height: 30px;
width: 30px;
float: left;
border-radius: 4px;
}
.choose-clor {
background: #eef1f7;
display: inline-block;
border: 1px solid #d3dae9;
color: #697a8e;
font-size: 12px;
height: 30px;
border: 1px solid #d3dae9;
line-height: 30px;
float: right;
border-radius: 4px;
padding: 0 20px;
}
.choose-clor i {
margin-left: 10px;
}
.colors ul li a.blue {
background: #428bca;
}
.colors ul li a.green {
background: #88c136;
}
.colors ul li a.red {
background: #e54242;
}
.colors ul li a.yellow {
background: #ff9c00;
}
.colors ul li a.brown {
background: #987654;
}
.colors ul li a.cyan {
background: #1ABC9C;
}
.colors ul li a.purple {
background: #c74a73;
}
.colors ul li a.sky-blue {
background: #00cdcd;
}
.colors .gray {
background: #656565;
}
.coupen input {
width: 200px;
border-radius: 4px;
border: 1px solid #d3dae9;
color: #bac3d7;
text-align: center;
height: 30px;
line-height: 30px;
}
.coupen input[type="text"]:focus {
background: #fff;
}
.item-tags {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.item-tags li {
display: inline-block;
}
.item-tags li a {
color: #a50d0c;
}
.item-informt .btn {
background: #f1f3f8;
border: 1px solid #c6cdde;
color: #697a8e;
font-size: 12px;
font-weight: 500;
padding: 0px 13px;
line-height: 40px;
min-width: inherit;
margin: 0px;
margin-top: 20px;
margin-right: 20px;
}
.item-informt .btn:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
.item-informt .btn i {
margin-right: 10px;
}
.item-informt .nav-tabs>li a {
margin: 0px;
margin-right: 10px;
font-size: 14px;
height: 45px;
line-height: 42px;
padding: 0px 30px;
color: #697a8e;
}
.item-informt .tabi-inner {
background: #fff;
padding: 30px;
border: 1px solid #f0f2f5;
margin-top: 10px;
border-radius: 4px;
color: #b1bece;
}
.item-informt .tabi-inner p {
font-style: italic;
}
.item-informt .tabi-inner p a {
font-size: 14px;
display: inline-block;
width: 100%;
color: #a50d0c;
font-weight: bold;
}
.item-informt .tabi-inner p {
color: #b1bece;
}
.item-informt .nav-tabs {
float: none;
margin: 0px;
margin-top: 30px;
}
.item-informt .tab-content {
display: inline-block;
width: 100%;
}
.item-info {
border-bottom: 1px solid #e3e7f0;
padding-bottom: 30px;
}
.item-informt h3 {
color: #697a8e;
padding-bottom: 21px;
border-bottom: 1px solid #e3e7f0;
margin-bottom: 26px;
}
.item-informt .item-info p {
font-style: italic;
}
.item-informt .item-info h3 {
border: none;
margin: 0px;
}
.item-informt .item-info p a {
font-size: 14px;
display: inline-block;
width: 100%;
color: #a50d0c;
font-weight: bold;
border-bottom: 1px solid #e3e7f0;
padding-bottom: 20px;
}
.item-informt .item-info h4 {
margin-top: 0px;
}
.item-informt .item-info .stars li {
display: inline-block;
}
.item-informt .item-info .stars p {
margin-right: 10px;
}
.item-informt .item-info h4 span {
color: #b8c2ce;
font-size: 14px;
font-weight: normal;
margin-left: 10px;
text-decoration: line-through;
}
.item-informt .item-info .stars .rate i {
color: #dde5ef;
}
/*=======================================================
PRICING RANGE
========================================================*/
.sidebar-nav.cost-price {
margin-bottom: 70px;
}
.cost-price-content {
display: inline-block;
position: relative;
margin-bottom: 50px;
margin-top: 20px;
}
.price-min {
left: 0;
}
.price-max {
right: 0;
}
/*=======================================================
SHOP SUB BANNER
========================================================*/
.breadcrumb-banner {
background-size: cover;
padding: 40px 0;
display: inline-block;
width: 100%;
}
.breadcrumb-banner h2 {
font-weight: 600;
color: #fff;
margin-bottom: 0px;
}
.breadcrumb-banner h1 {
font-weight: 600;
color: #fff;
margin-bottom: 0px;
}
.breadcrumb-banner p {
color: #fff;
}
.breadcrumb-banner .menu-sub-small {
background: none;
border: none;
width: auto;
}
.breadcrumb-banner .menu-sub-small {
margin-top: 13px;
}
.breadcrumb-banner .menu-sub-small a {
font-size: 14px;
color: #fff !important;
}
.breadcrumb-banner .menu-sub-small i {
color: #fff;
}
/*=======================================================
SHOP MENU SMALL
========================================================*/
.menu-sub-small {
background: #f9fafc;
height: 50px;
border-bottom: 1px solid #e3e7f0;
}
.menu-sub-small li {
display: inline-block;
line-height: 50px;
}
.menu-sub-small li i {
padding: 0 10px;
}
.menu-sub-small li:nth-child(1) a {
color: #a50d0c;
}
.menu-sub-small li:nth-child(2) a {
color: #697a8e;
}
/*=======================================================
POST INFORMATION
========================================================*/
.post-info {
display: inline-block;
width: 100%;
margin-top: 20px;
border-bottom: 1px solid #e3e7f0;
padding-bottom: 20px;
}
.post-info li {
color: #697a8e;
display: inline-block;
font-weight: bolder;
font-size: 13px;
}
.post-info li span {
margin: 0 10px;
font-size: 30px;
}
.post-info li a {
color: #a50d0c;
}
iframe {
border: none;
}
#about-us {
padding: 40px 0;
}
#about-us.about-pages .b-tittle {
font-size: 21px;
color: #404040;
display: inline-block;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
text-decoration: none;
font-weight: bold;
}
#about-us.about-pages p {
color: #192324;
font-size: 14px;
text-align: justify;
font-weight: 500;
}
#about-us.about-pages .read-more {
border: 1px solid #697a8e;
color: #697a8e;
font-size: 15px;
border-radius: 4px;
padding: 10px 30px;
display: inline-block;
background: #f2f4f7;
margin-top: 30px;
margin-bottom: 50px;
}
#about-us.about-pages .read-more:hover {
background: #a50d0c;
color: #fff;
border-color: #a50d0c;
}
#about-us.about-pages .b-post {}
/*=======================================================
about SIDE BAR
========================================================*/
.about-side-bar h5 {
margin-top: 50px;
margin-bottom: 30px;
}
.about-side-bar .flicker {
margin: 0 -10px;
}
.about-side-bar .flicker li {
padding: 0 10px;
margin-bottom: 20px;
position: relative;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.about-side-bar .flicker li:hover img {
opacity: 0.3;
}
.b-post #owl-single .owl-buttons div {
height: 35px;
width: 35px;
border-radius: 0px;
position: relative;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
text-align: center;
line-height: 35px;
padding: 0px;
font-size: 20px;
position: absolute;
top: 45%;
}
.b-post #owl-single .owl-buttons {}
.b-post #owl-single .owl-buttons .owl-prev {
left: -4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.b-post #owl-single .owl-buttons .owl-next {
right: -4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.b-post .text-post {
border-radius: 4px;
background: #efb413 url(images/tetext-post.png) center center no-repeat;
margin-top: 80px;
margin-bottom: 80px;
}
#about-us .text-post p {
color: #fff;
padding: 20px;
font-size: 14px;
font-weight: bold;
}
#about-us .text-post h4 {
font-weight: normal;
color: #fff;
padding: 20px;
border-top: 1px solid #fff;
}
.about-side-bar .tw-widgets li {
border-bottom: 1px solid #eef0f2;
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.about-side-bar ul.wid-in li {
border: none;
margin-bottom: 0px;
}
.about-side-bar ul.wid-in li:nth-child(1) {
width: 70px;
border-radius: 4px;
position: relative;
overflow: hidden;
float: left;
display: inline-block;
border: none;
}
.about-side-bar ul.wid-in li h5 {
margin: 0px;
padding-bottom: 10px;
border: none;
color: #697a8e !important;
}
.about-side-bar ul.wid-in li:nth-child(2) {
float: right;
width: 75%;
}
.about-side-bar ul.wid-in li span {
color: #c8d1db;
font-size: 15px;
}
.about-side-bar ul.wid-in li a {
color: #a50d0c;
}
.about-side-bar .cate-side li .img-side img {}
.about-side-bar .cate-side li a {
font-size: 20px;
line-height: 30px;
}
.about-side-bar .cate-side li span {
width: 65%;
font-size: 12px;
color: #b7c2cd;
}
.about-side-bar .cate-side li span i {
color: #b7c2cd;
margin: 0 10px;
}
.about-side-bar .search input {
width: 100%;
border: none;
border: 1px solid #e3e7f0;
border-radius: 6px;
height: 60px;
padding: 0 20px;
font-style: italic;
color: #adb9c6;
font-size: 14px;
}
.about-side-bar .search button {
height: 60px;
color: #adb9c6;
font-size: 20px;
background: none;
border: none;
border-left: 1px solid #e3e7f0;
position: relative;
float: right;
margin-top: -60px;
width: 60px;
text-align: center;
}
/*=======================================================
about SINGLE POST
========================================================*/
.single-post {}
.single-post p strong {
color: #9aa8b8;
}
.single-post p span.orange {
color: #a50d0c;
font-style: italic;
}
.single-post .gry-bg {
background: #b2beca;
color: #fff;
padding: 0 10px;
}
.single-post .in-selec {
background: #f9fafc;
border: 1px solid #e3e7f0;
text-align: center;
padding: 20px;
margin-bottom: 30px;
}
.single-post .in-selec a {
color: #a50d0c;
font-style: italic;
}
.single-post .in-selec p {
font-style: italic;
}
.single-post .big-text {
width: 70px;
height: 63px;
display: inline-block;
border-radius: 4px;
background: #b2beca;
line-height: 63px;
text-align: center;
color: #fff;
float: left;
font-size: 30px;
margin-right: 20px;
}
.single-post h6 {
margin: 30px 0;
color: #697a8e;
}
.single-post .post-tags {
border: 1px solid #cad0d9;
border-radius: 6px;
min-height: 50px;
margin-top: 40px;
}
.single-post .post-tags a {
display: inline-block;
line-height: 50px;
color: #bcc6d0;
margin-left: 10px;
}
.single-post .post-tags a:hover {
color: #a50d0c;
}
.single-post .post-tags h4 {
display: inline-block;
margin: 0px;
float: left;
font-weight: normal;
line-height: 50px;
padding: 0 20px;
color: #cad0d9;
margin-right: 20px;
border-right: 1px solid #cad0d9;
}
.single-post .post-tags.share .social_icons {
margin-top: 9px;
}
.single-post .post-tags.share .social_icons li {
background: #c7d0d9;
margin: 0px;
border-radius: 4px;
padding: 0px;
margin-right: 13px;
}
.single-post .post-tags.share .social_icons a {
height: 32px;
width: 32px;
line-height: 30px !important;
font-size: 16px;
margin: 0px;
}
.single-post .auther-info {
border-bottom: 1px solid #e6e7eb;
border-top: 1px solid #e6e7eb;
padding: 20px 0;
display: inline-block;
width: 100%;
margin: 50px 0;
}
.single-post .auther-info li:nth-child(1) {
height: 100px;
width: 100px;
border-radius: 4px;
float: left;
}
.single-post .auther-info li:nth-child(1) img {
width: 100%;
}
.single-post .auther-info li:nth-child(2) {
float: right;
width: 82%;
}
.single-post .auther-info h4 {
margin: 0px;
color: #8198aa;
margin-bottom: 10px;
}
.single-post .comments .comme-peo {
border-bottom: 1px solid #e3e7f0;
padding-bottom: 0px;
margin-bottom: 50px;
}
.single-post .comments h3 {
color: #8198aa;
margin-bottom: 40px;
}
.single-post .comments .reply-p {
padding-left: 135px;
}
.single-post .comments .reply-p-2 {
padding-left: 270px;
}
.single-post .comments li {
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.single-post .coments li h4 {
color: #879cb0;
margin: 0px;
margin-bottom: 10px;
display: inline-block;
}
.single-post .coments li:nth-child(1) {
height: 100px;
width: 100px;
border-radius: 4px;
float: left;
overflow: hidden;
}
.single-post .coments li {
margin-bottom: 0px;
}
.single-post .coments li:nth-child(1) img {
width: 100%;
}
.single-post .coments li:nth-child(2) {
float: right;
width: 82%;
border-radius: 4px;
border: 1px solid #b2beca;
padding: 20px;
padding-bottom: 10px;
}
.single-post .comments .reply-p li:nth-child(2) {
width: 79%;
}
.single-post .coments span {
font-weight: bold;
color: #b2beca;
margin-left: 50px;
font-size: 14px;
}
.single-post .coments span a {
margin-left: 50px;
color: #b2beca;
text-decoration: underline !important;
}
.single-post .coments span a:hover {
color: #a50d0c;
}
.single-post .coments {}
.commnet-form input {
width: 100%;
height: 50px;
box-shadow: none;
font-size: 14px;
padding: 0 20px;
color: #b2beca;
}
.commnet-form textarea {
width: 100%;
box-shadow: none;
font-size: 14px;
padding: 10px 20px;
color: #b2beca;
min-height: 250px;
}
.commnet-form h3 {
color: #8198aa;
margin-bottom: 40px;
}
.commnet-form input[type="email"]:focus {
background: none;
}
.commnet-form textarea:focus {
background: none;
}
.commnet-form li {
margin-bottom: 30px;
}
.commnet-form button {
background: #a50d0c;
border-radius: 4px;
text-align: center;
color: #fff;
font-size: 15px;
line-height: 40px;
height: 50px;
line-height: 50px;
padding: 0 40px;
display: inline-block;
border: none;
font-weight: bolder;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.commnet-form button:hover {
background: #fff;
color: #a50d0c;
}
.full-single-p .auther-info li:nth-child(2) {
width: 88%;
}
.full-single-p .coments li:nth-child(2) {
width: 88%;
}
.full-single-p .comments .reply-p li:nth-child(2) {
width: 87%;
}
.full-single-p .reply-p-2 .coments li:nth-child(2) {
width: 85%;
}
.contact-pages {
margin-top: -5px;
}
.con-info-down {
padding: 40px 0;
}
.con-info-down h3 {
margin-bottom: 15px;
}
.con-info-down .contactForm {
padding: 0px;
}
.con-info-down .contact-light input {
height: 50px;
border: 1px solid #b2beca;
border-radius: 4px;
}
.con-info-down .contact-light textarea {
height: 50px;
border: 1px solid #b2beca;
border-radius: 4px;
}
.con-info-down .contactForm {
margin-top: 0px;
}
.con-info-down .btn {
background: none;
border: 1px solid #a50d0c;
border-radius: 4px;
color: #a50d0c;
line-height: 50px;
padding: 0 40px;
font-weight: 400;
width: 20%;
}
.con-info-down .btn:hover {
border: 1px solid #01AD56;
background: #01AD56;
}
/*=======================================================
SHORTCODES
========================================================*/
.shortcodes {
padding: 80px 0;
}
.shortcodes h2 {
color: #697a8e;
font-weight: bold;
}
.shortcodes p {
color: #697a8e;
font-size: 14px;
}
.shortcodes h3 {
color: #697a8e;
font-weight: normal;
}
.quate {}
.quate {
background: #f9fafc;
border: 1px solid #e3e7f0;
text-align: center;
padding: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
.quate a {
color: #a50d0c;
font-style: italic;
}
.big-text {
width: 70px;
height: 63px;
display: inline-block;
border-radius: 4px;
background: #b2beca;
line-height: 63px;
text-align: center;
color: #fff;
float: left;
font-size: 30px;
margin-right: 20px;
}
.line {
margin: 20px 0;
width: 100%;
height: 1px;
display: inline-block;
background: #cbd1da;
}
.shortcodes #pricing {
background: #fff;
}
/*=======================================================
PORTFOLIO PAGES
========================================================*/
.portfolio-pages {
padding: 80px 0;
}
.portfolio-pages .project-tittle h3 {
color: #7b90a9;
font-weight: normal;
display: inline-block;
}
.portfolio-pages .project-tittle {
display: inline-block;
width: 100%;
border-bottom: 1px solid #bccad9;
padding-bottom: 25px;
margin-bottom: 60px;
}
.portfolio-pages .project-tittle .pro-head {
float: right;
margin-top: 23px;
}
.portfolio-pages .project-tittle .pro-head a {
background: #b4c4d7;
height: 35px;
width: 35px;
text-align: center;
color: #fff;
font-size: 20px;
margin-left: 20px;
line-height: 35px;
border-radius: 6px;
display: inline-block;
}
.portfolio-pages .project-tittle .pro-head a:hover {
background: #a50d0c;
}
.pro-si-info p {
font-size: 16px;
line-height: 32px;
font-weight: normal;
color: #889db5;
}
.pro-si-info h3 {
color: #7b90a9;
margin: 60px 0 30px 0px;
border-bottom: 1px solid #bccad9;
display: inline-block;
padding-bottom: 30px;
}
.pro-si-detail {
margin-bottom: 30px;
}
.pro-si-detail h3 {
margin-top: 20px;
color: #7b90a9;
}
.pro-si-detail p {
font-size: 16px;
line-height: 41px;
color: #889db5;
}
.pro-si-detail li {
display: inline-block;
margin-right: 30px;
}
.pro-si-detail span {
font-weight: bold;
}
.pro-si-wd h3 {
margin-top: 60px;
}
.pro-si-wd li {
display: inline-block;
width: 100%;
margin: 0px;
}
.wi-bor li {
border-bottom: 1px solid #bccad9;
padding: 10px 0;
}
.wi-bor li p {
margin: 0px;
}
.wi-bor h3 {
margin-bottom: 20px;
margin-top: 0px;
}
.chart-table h5 {
text-transform: uppercase;
color: #697a8e;
font-weight: bolder;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.chart-table li {
border: 1px solid;
border-color: transparent;
border-bottom-color: #e3e7f0;
padding: 30px 0;
border-top: none;
position: relative;
}
.chart-table li span:nth-child(1) img {
border: 1px solid #dddde5;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.chart-table li a {
color: #697a8e;
font-size: 20px;
line-height: 33px;
}
.chart-table .closii {
height: 30px;
width: 30px;
border-radius: 50%;
border: 1px solid #c8cfde;
color: #fff;
background: #e3e7f0;
position: absolute;
right: 0px;
top: -13px;
text-align: center;
line-height: 26px;
opacity: 0;
}
.chart-table li:hover {
background: #f7f9fc;
border: 1px solid #e3e7f0;
border-top: none;
}
.chart-table li:hover .closii {
opacity: 1;
}
.chart-table .pric {
color: #a50d0c;
font-size: 30px;
font-weight: normal;
}
.chart-table input {
border-radius: 4px;
background: #f2f4f7;
border: 1px solid #dadfe8;
text-align: center;
height: 40px;
width: 70px;
margin: 0 auto;
}
#portfolio .items ul {
margin: 0px;
}
/*=======================================================
SOCIAL ICONS
========================================================*/
.social_icons {
position: relative;
z-index: 9999;
}
.social_icons ul {
margin: 0;
padding: 0;
text-align: center;
}
.social_icons li {
display: inline-block;
list-style-type: none;
}
.social_icons a {
display: block;
width: 45px;
height: 45px;
margin: 0 0px 0px 0;
font-size: 20px;
line-height: 42px !important;
text-decoration: none;
border-radius: 4px;
text-align: center;
color: #fff !important;
}
.social_icons a:hover i {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 4px;
color: #fff;
-webkit-transition: 0.4s ease-in-out;
}
.social_icons .behance a:hover {
color: #fff;
background-color: #2b9ad2;
border-color: #2b9ad2;
}
.social_icons .aboutger a:hover {
color: #fff;
background-color: #ff6500;
border-color: #ff6500;
}
.social_icons .deviantart a:hover {
color: #fff;
background-color: #536659;
border-color: #536659;
}
.social_icons .dribbble a:hover {
color: #fff;
background-color: #f973a4;
border-color: #f973a4;
}
.social_icons .facebook a:hover {
color: #fff;
background-color: #3b5a9b;
border-color: #3b5a9b;
}
.social_icons .flickr a:hover {
color: #fff;
background-color: #ff0084;
border-color: #ff0084;
}
.social_icons .forrst a:hover {
color: #fff;
background-color: #2f713d;
border-color: #2f713d;
}
.social_icons .googleplus a:hover {
color: #fff;
background-color: #f63d26;
border-color: #f63d26;
}
.social_icons .instagram a:hover {
color: #fff;
background-color: #507ea4;
border-color: #507ea4;
}
.social_icons .lastfm a:hover {
color: #fff;
background-color: #da0019;
border-color: #da0019;
}
.social_icons .linkedin a:hover {
color: #fff;
background-color: #0072b2;
border-color: #0072b2;
}
.social_icons .paypal a:hover {
color: #fff;
background-color: #165c82;
border-color: #165c82;
}
.social_icons .picasa a:hover {
color: #fff;
background-color: #cb2027;
border-color: #cb2027;
}
.social_icons .pinterest a:hover {
color: #fff;
background-color: #cb2027;
border-color: #cb2027;
}
.social_icons .skype a:hover {
color: #fff;
background-color: #00aaf1;
border-color: #00aaf1;
}
.social_icons .soundcloud a:hover {
color: #fff;
background-color: #ff6900;
border-color: #ff6900;
}
.social_icons .stumbleupon a:hover {
color: #fff;
background-color: #eb4823;
border-color: #eb4823;
}
.social_icons .twitter a:hover {
color: #fff;
background-color: #2baae1;
border-color: #2baae1;
}
.social_icons .vimeo a:hover {
color: #fff;
background-color: #40b2dc;
border-color: #40b2dc;
}
.social_icons .youtube a:hover {
color: #fff;
background-color: #ff3330;
border-color: #ff3330;
}
.hide {
display: none;
}
.tittle a {
color: #a50d0c;
}
.panel-body {}
.panel-body ul {
margin: 0;
padding: 0;
}
.panel-body ul li {
float: left;
list-style: none;
width: 100%;
display: block;
}
.panel-body ul li a {
font-size: 14px;
color: #65a91b;
text-decoration: none;
line-height: 22px;
text-align: justify;
}
.panel-body .fa {
font-size: 10px;
color: #ad0102;
margin-right: 5px;
}
.process-dia {
text-align: center;
padding: 20px 0;
}
.process-dia img {
text-align: center;
margin: 0 auto;
}
.fsp-content {
color: #fff;
}
.fsp-close {
color: #fff;
font-size: 30px;
}
.ricco-services {}
.ricco-services .header-coloumn {
text-align: center;
}
.ricco-services .header-coloumn img {
text-align: center;
margin: 0 auto;
}
.ricco-services .project-tittle {}
.ricco-services .project-tittle h1 {
font-size: 18px;
color: #a50d0c;
font-weight: 600;
margin-bottom: 15px;
margin-top: 0;
}
.features {
margin-bottom: 20px;
display: inline-block;
}
.features ul {
margin: 0;
padding: 0;
}
.features ul li {
list-style: none;
float: left;
display: block;
width: 100%;
text-align: left;
}
.features ul li a {
font-size: 14px;
line-height: 24px;
color: #697a8e;
text-align: left;
}
.features .fa {
margin-right: 10px;
color: #ad0102;
}
.features h4 {
font-size: 16px;
margin-bottom: 10px;
margin-top: 0;
color: #697a8e;
text-align: left;
}
.features table {}
.features table tr {
padding: 5px 0;
display: block;
}
.features table tr td {
color: #697a8e;
font-size: 14px;
padding-right: 15px;
text-align: left;
}
.features table tr td:first-child {
width: 200px;
font-weight: 600;
}
.service-nav {
float: right;
}
.service-nav ul {
margin: 0;
padding: 0;
}
.service-nav ul li {
float: left;
list-style: none;
margin-left: 10px;
}
.service-nav ul li a {
font-size: 14px;
color: #01AD56;
padding: 8px 12px;
border: 1px solid #01AD56;
transition: all 0.5s ease-in-out;
animation-fill-mode: both;
}
.service-nav ul li a:hover {
color: #fff;
background: #01AD56;
border: 1px solid #01AD56;
}
.service-nav .fa {
font-size: 16px;
padding: 0 2px;
}
#nri {
padding: 40px 0;
}
#nri .tittle-1 {
text-align: left;
margin-bottom: 20px;
}
#nri .tittle {
text-align: center;
display: inline-block;
width: 100%;
margin-bottom: 30px;
text-align: left;
}
#nri .tittle h1 {
font-weight: 400;
font-size: 28px;
color: #a50d0c;
margin-top: 0px;
font-weight: normal;
text-align: left;
}
#nri a.view-more {
margin-top: 20px;
display: inline-block;
padding: 0px 30px;
line-height: 35px;
background: #fff;
border: 1px solid #01AD56;
color: #01AD56;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
#nri a.view-more:hover {
background: #01AD56;
border-color: #01AD56;
color: #fff;
}
#nri .right-coloumn {}
#nri .right-coloumn img {}
.contact-us {}
.address-tittle {
margin-bottom: 15px;
}
.address-tittle h1 {
font-size: 16px;
color: #a50d0c;
text-align: center;
}
.contact-us p {
color: #697a8e;
font-size: 14px;
line-height: 22px;
text-align: center;
}
.con-info-down .contact-light [type="select"] {
height: 50px;
border: 1px solid #b2beca;
border-radius: 4px;
}
.contact-light select[type="select"] {
background: #fff;
border-radius: 10px;
border: 1px solid #eaedf1;
color: #000;
}
.contactForm select[type="select"] {
background-color: #fff;
border-radius: 0px;
color: #999;
font-size: 16px;
padding: 0px 20px;
border: none;
height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
margin-bottom: 30px;
}
.contactForm [type="file"] {
border-radius: 0px;
color: #999;
font-size: 12px;
border: none;
height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;
margin-bottom: 30px;
}
.contactForm label {
background-color: #fff;
border-radius: 0px;
display: inline-block;
color: #999;
font-size: 16px;
padding: 0px 20px 0 0;
border: none;
line-height: 60px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 30%;
margin-bottom: 30px;
font-weight: normal;
}
.fileInputButton {
float: right;
margin: 0;
padding: 0;
}
input[type="button" i],
input[type="submit" i],
input[type="reset" i],
input[type="file" i]::-webkit-file-upload-button,
button {
border-radius: 0px;
display: inline-block;
color: #fff;
font-size: 14px;
border: none;
line-height: 56px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 60%;
font-weight: normal;
background: #01AD56;
}
.team-info {
background: rgba(255, 255, 255, 0.6);
padding: 5px;
}
.bg-green {
background: #c1f2d8;
}
#sitemap {
background: #f9fafc;
padding: 80px 0;
padding-bottom: 100px;
}
.site-map {}
.site-map ul {
margin: 0;
padding: 0;
}
.site-map ul li {
list-style: none;
line-height: 28px;
}
.site-map ul li>ul li {
margin-left: 20px;
}
.site-map .fa {
margin-right: 10px;
font-size: 10px;
}
.site-map ul li a:hover {
color: #df1b1b;
}
/*new turnkey-service page*/
.turnkey-service-top {
background: #fff;
padding: 50px 0;
}
.turnkey-service-top-heading-p {
text-align: center;
font-size: 16px;
line-height: 26px;
}
.how-it-works-data-a {
margin-top: 40px;
}
.how-it-works-data-a1 {
padding: 16px 26px;
color: #fff;
background-color: #ff5200;
text-align: center;
border-radius: 100px;
font-size: 14px;
transition: 0.3s;
font-weight: 600;
border: 1px solid #ff5200;
}
.how-it-works-data-a1:hover {
border: 1px solid #ff5200;
color: #000;
background-color: #fff;
transition: 0.3s;
}
.turnkey-service-content-sec {
background: #f5f5f8;
padding: 50px;
}
.turnkey-service-content-sec-left-p {
font-size: 16px;
}
.turnkey-service-content-sec-last-para {
/* color: #666; */
font-weight: 400;
font-size: 16px;
text-align: center;
line-height: 26px;
}
.turnkey-service-content-sec-last {
margin-top: 30px;
}
.turnkey-service-content-sec-r2 {
display: flex;
align-items: center;
}
.popular-false-data {
background-color: #fff;
padding: 40px 20px;
min-height: 220px;
border-radius: 20px;
box-shadow: #a2a2a275 0px 0px 0px 0px, #6f6f6f4d 1px 6px 8px 0px;
background-image: linear-gradient(108deg, #eee, #ffffff00 60.01%);
display: flex;
gap: 12px;
align-items: flex-start;
box-shadow: 0 1px 2px #03041c1a;
background: #fff;
margin-top: 30px;
}
.popular-false-data-images-1 {
position: relative;
text-align: center;
padding-bottom: 28px;
z-index: 1;
}
.popular-false-data-images-1::before {
content: '';
position: absolute;
top: -21px;
right: 0;
left: 0;
/* background-color: #f9f9f9; */
background-image: linear-gradient(108deg, #cc000070, #ffffff00 60.01%);
width: 80px;
height: 80px;
border-radius: 100px;
/* margin: 0 auto; */
z-index: 0;
display: none;
}
.popular-false-data-img {
width: 64px;
}
.popular-false-data-text-h2 {
color: #666;
font-weight: 400;
font-size: 16px;
text-align: left;
line-height: 26px;
}
.popular-false-data-text-h3 {
color: #000;
font-size: 22px;
font-weight: 600;
margin-top: 0;
}
.ricco-services .header-coloumn img {
border-radius: 10px;
}
.turnkey-service-content-sec-r1 {
margin-top: 40px;
}
.turnkey-service-top-heading-h2 {
font-size: 30px;
}
.turnkey-service-top-sub-heading-p {
text-align: center;
color: #000;
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
}
.popular-false-data:hover .popular-false-data-img {
animation-duration: .4s;
animation-iteration-count: 1;
animation-name: tpshake;
transition: .2s ease-in-out;
animation-timing-function: ease-in-out;
}
@keyframes tpshake {
10% {
transform: translateY(-10px)
}
50% {
transform: skew(15deg)
}
80% {
transform: rotate(10deg)
}
to {
transform: translate(0)
}
}
/*get-in-touch*/
.get-in-touch {
padding: 50px 0;
background: #FFECE2;
}
.get-in-touch-h3 {
font-weight: 600;
font-size: 26px;
color: #ff5200;
}
.get-in-touch-a1,
.get-in-touch-a2 {
color: #fff;
position: relative;
background-color: #ff5200;
padding: 14px 30px 14px 58px;
font-size: 14px;
border-radius: 100px;
transition: 0.3s;
margin-right: 12px;
border: 1px solid #ff5200;
}
.get-in-touch-a1:hover,
.get-in-touch-a2:hover {
border: 1px solid #ff5200;
color: #ff5200;
background: #fff;
}
.get-in-touch-a1:hover::before,
.get-in-touch-a2:hover::before {
color: #ff5200;
}
.get-in-touch-a1::before {
font-family: "FontAwesome";
content: "\f095";
color: #fff;
font-size: 26px;
position: absolute;
left: 32px;
top: 5px;
}
.get-in-touch-a2::before {
font-family: "FontAwesome";
content: "\f232";
color: #fff;
font-size: 24px;
position: absolute;
left: 31px;
top: 5px;
}
.get-in-touch-p {
margin-top: 10px;
color: #000;
text-align: center;
font-size: 17px;
}
.get-in-touch-a {
margin-top: 42px;
display: flex;
align-items: baseline;
justify-content: center;
}
.turnkey-service-content-sec-righ-img {
width: 100%;
border-radius: 10px;
}
.top-abt-sec-right-img {
width: 80%;
margin: 0 auto;
display: flex;
}
.top-abt-sec {
padding: 50px 0px;
}
.our-journey-sec {
position: relative;
padding: 50px 0;
background: #fff;
}
.our-journey-sec::before {
/*content: '';*/
/*position: absolute;*/
/*background-image: url(../images/our-journey-bg.png);*/
/*background-size: contain;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*width: 646px;*/
/*height: 378px;*/
/*z-index: 1;*/
/*left: 0;*/
/*bottom: 0;*/
}
.our-journey-inner-img {
/* padding: 38px; */
border: 1px solid #E8E2DF;
width: 100px;
border-radius: 100px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100px;
line-height: 100px;
}
.our-journey-inner-text {
margin-top: 30px;
}
.our-journey-inner-text-h3 {
color: #171717;
font-size: 20px;
font-weight: 700;
}
.our-journey-inner-text-p {
margin-top: 20px;
color: #333;
font-size: 17px;
/*font-weight: 400;*/
}
.our-journey-icon-img1 {
width: 46px;
transition: all .4s;
}
.our-journey-inner-img {
transition: all .4s;
}
.our-journey-inner:hover .our-journey-icon-img1 {
filter: invert(1) brightness(2);
transition: all .4s;
}
.our-journey-inner:hover .our-journey-inner-img {
background-color: #192324;
transition: all .4s;
}
.our-journey-inner {
margin-bottom: 35px;
min-height: 310px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
padding: 20px;
border-radius: 10px;
}
.our-journey-left-para1 {
margin-top: 15px;
text-align: center;
width: 67%;
margin: 0 auto;
}
.home-top-head {
text-align: center;
margin-bottom: 30px;
}
.why-choose-us-sec-abt {
padding: 0px 0px 50px 0px;
}
.why-choose-us-sec-abt-a-span {
color: #000;
}
.why-choose-us-sec-abt-ul-li {
display: flex !important;
align-items: baseline;
}
.features-abt-para {
font-size: 16px;
}
.why-choose-us-sec-abt-ul-li a {
font-size: 16px !important;
}
.why-choose-us-sec-abt-img1 {
width: 100%;
border-radius: 10px;
}
.why-choose-us-sec-abt-r1 {
display: flex;
align-items: center;
}
.home-our-process-txt-h2 {
color: #000;
text-align: left;
font-size: 30px;
font-weight: 600;
}
.home-our-process-txt-h21 {
color: #000;
font-size: 30px;
}
.static-three-cont {
position: relative;
padding-bottom: 60px;
background: #fff;
padding-top: 60px;
}
.stat-second-cont {
position: relative;
box-shadow: 0 4px 30px 0 rgb(0 0 0 / 12%);
background-color: #fff;
padding: 20px;
border: 1px solid #ddd;
min-height: 500px;
margin-bottom: 30px;
}
.stat-second-cont img {
margin-bottom: 25px;
}
.stat-second-cont h3 {
font-size: 20px;
margin: 0;
line-height: 35px;
margin-bottom: 15px;
color: #000;
}
.stat-second-cont p {
font-size: 16px;
line-height: 28px;
margin-bottom: 35px;
color: #555C62;
}
.transform-your-living-space-left-img {
width: 100%;
}
.location-title {
font-size: 28px;
margin-bottom: 25px;
color: #ff5200;
}
.location-container {
margin-top: 0;
margin-bottom: 0;
background: #fff;
padding-bottom: 50px;
}
.transform-your-living-space-left-img {
border-radius: 10px;
width: 100%;
}
.home-sec-top-para-a {
margin-top: 40px;
text-align: center;
}
.home-sec-top-para-a1 {
padding: 16px 26px;
color: #fff;
background-color: #ff5200;
text-align: center;
border-radius: 100px;
font-size: 14px;
transition: 0.3s;
font-weight: 600;
border: 1px solid #ff5200;
}
.home-sec-top-para-a1:hover {
border: 1px solid #ff5200;
color: #000;
background-color: #fff;
transition: 0.3s;
}
.home-sec-top-para-sec {
background: #f9f9f9;
padding: 50px 0;
}
.amenities-list-sec {
padding: 50px 0;
background: #1A1A1A;
}
.amenities-inner-modal-data-r1-details {
text-align: center;
padding: 36px 20px;
border: 1px solid #ff5200;
margin-bottom: 30px;
border-radius: 10px;
min-height: 237px;
transition: transform 0.3s, border 0.3s;
}
.amenities-inner-details-h3 {
margin-top: 18px;
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.amenities-inner-modal-data-r1-details:hover .amenities-inner-modal-icon-img {
transition: transform 0.3s, border 0.3s;
transform: translateY(-4px);
}
.amenities-top-sec-details-h2 {
font-size: 32px;
margin: 0 0 40px 0;
text-align: center;
color: #ff5200;
font-weight: 500;
}
.about-section {
position: relative;
padding: 0px 0px 60px 0px;
}
.about-section .about-shape img {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.about-section .image-effect {
transition: all 0.3s;
overflow: hidden;
border-radius: 12px;
}
.about-section .image-effect img {
transition: all 0.3s;
width: 100%;
}
.vision-mission {
padding: 60px 0px 0px 0px;
background: linear-gradient(180deg, #192324 60%, #ffffff 40%);
}
.vision-mission-box {
background-color: #f8f8f8;
padding: 45px 60px;
display: flex;
flex-wrap: wrap;
gap: 30px 150px;
}
title.dark-section h3 {
color: #fff;
}
.section-title h3 {
display: inline-block;
position: relative;
font-size: 16px;
font-weight: 500;
line-height: 1.6em;
text-transform: capitalize;
color: #7c877f;
padding-left: 35px;
margin-bottom: 20px;
color: #fff;
}
.section-title .text-anime-style-2 {
font-size: 46px;
font-weight: 700;
letter-spacing: -0.02em;
margin-bottom: 0;
cursor: none;
color: #fff;
}
.section-title h3::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: url(../images/icon-sub-heading.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
width: 24px;
height: 5px;
}
.section-title-content.dark-section p,
.section-title.dark-section p,
.section-title.dark-section h2,
.section-title.dark-section h3 {
color: #fff;
}
.section-row {
margin-bottom: 50px;
}
.vision-mission-item {
position: relative;
width: calc(50% - 75px);
}
.vision-mission-item .icon-box {
position: relative;
width: 95px;
height: 95px;
background: #eaf0ec;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.vision-mission-item .icon-box:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
background: #192324;
border-radius: 50%;
width: 100%;
height: 100%;
transform: scale(0);
transition: all 0.4s ease-in-out;
z-index: 0;
}
.vision-mission-item .icon-box img {
position: relative;
max-width: 36px;
z-index: 1;
transition: all 0.4s ease-in-out;
}
.vision-mission-item:hover .icon-box img {
filter: brightness(0) invert(1);
}
.vision-mission-item:hover .icon-box:before {
transform: scale(1);
}
.vision-mission-content h3 {
font-size: 20px;
text-transform: capitalize;
margin-bottom: 20px;
}
.vision-mission-content p {
margin: 0;
}
.features-abt-h3 {
font-size: 24px !important;
color: #a50d0c !important;
font-weight: 600 !important;
}
/* Godwin new design code home page st */
a{
text-decoration: none;
}
p{
font-family: "Manrope", sans-serif;
}
h1,h2,h3,h4,h5,h6,div{
font-family: "Dosis", sans-serif;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding: 0px;
margin: 0px;
}
/* hero section */
.we-are-dec-re-section .row{
display: flex;
align-items: center;
}
:root {
--primary-color: #8B4513;
--secondary-color: #D2691E;
--accent-color: #F4A460;
--text-dark: #333333;
--text-light: #666666;
--bg-light: #F9F9F9;
}
.new-ricko-int-design-hero {
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg/bacl-re_11zon.webp') !important;
background-size: cover !important;
background-position: center !important;
color: white;
padding: 90px 0;
text-align: center;
/* https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80 */
}
.new-ricko-int-design-hero h1 {
font-size: 38px !important;
font-weight: 700;
margin-bottom: 20px;
}
.new-ricko-int-design-hero p {
font-size: 18px !important;
max-width: 800px;
color:#fff;
margin: 0 auto 30px;
padding-top:20px;
}
.new-ricko-int-design-btn {
display: inline-block;
padding: 12px 30px;
background-color: var(--primary-color);
color: white;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: all 0.3s ease;
border: none;
}
.new-ricko-int-design-btn:hover {
background-color: var(--secondary-color);
color: white;
transform: translateY(-2px);
}
/* we are inspires section */
.we-are-dec-re-section-left-h3{
font-size: 32px;
margin-bottom: 20px;
color:#0B0B0B;
}
.we-are-dec-re-section{
margin-top: 60px;
}
.we-are-dec-re-section-left-p{
color: #697a8e;
}
.we-are-dec-re-section-right-img{
width: 90%;
margin: 0 auto;
display: flex;
}
.rico-scon-ro-imdiv{
margin-top: 60px;
}
.rico-scon-ro-imdiv-1{
margin-top: 60px;
}
.rico-scon-ro-imdiv-2{
margin-top: 60px;
}
/* cta section */
/* CTA Section */
.ricco-cta-main-section {
padding: 70px 50px;
background: #271313 !important;
color: white;
text-align: center;
position: relative;
overflow: hidden;
}
.ricco-cta-main-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('../images/bacl-re.webp') center/cover;
opacity: 0.1;
}
.ricco-cta-content {
position: relative;
max-width: 800px;
margin: 0 auto;
}
.ricco-cta-main-section h2 {
font-size: 38px;
margin-bottom: 30px;
color: white;
}
.ricco-cta-main-section p {
font-size: 18px;
margin-bottom: 40px;
opacity: 0.9;
color:#fff;
}
.ricco-cta-main-section .ricco-btn {
background: #a50d0c;
font-size: 18px;
padding: 15px 35px;
color: #fff;
border: 1px solid #a50d0c;
transition: 0.4s;
}
.ricco-cta-main-section .ricco-btn:hover{
border: 1px solid #a50d0c;
background: transparent;
transition: 0.4s;
}
/* bedroom icon back main section */
.rec-icon-main-section-h3{
font-size: 32px;
color: #fff;
font-weight: 600;
}
.rec-icon-main-section{
background-color:#0B0B0B;
padding: 60px 0px;
margin-top: 60px;
}
.reco-icon-secon-roe-div{
margin-top: 40px;
}
.rec-icon-main-sectioncol{
background-color: #fff;
padding: 18px;
min-height: 315px;
}
.rec-icon-main-sectioncol-h5{
color: #000;
margin-top: 15px;
margin-bottom: 10px;
font-size:20px;
}
.rec-icon-main-sectioncol-p{
color: #697a8e;
}
.rec-icon-main-section-p{
margin-bottom: 50px;
color: #fff;
}
.rec-icon-main-sectioncol-img{
/* make the image fully black */
filter: brightness(0) saturate(80%);
-webkit-filter: brightness(0) saturate(80%);
/* preserve image crispness */
}
/* div hover animation */
.rec-icon-main-sectioncol {
position: relative;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
transition: all 0.5s ease;
overflow: hidden;
}
/* Gradient hover animation */
.rec-icon-main-sectioncol::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(135deg, #ff5200,#d6632d);
transform: rotate(45deg) translate(-100%, -100%);
transition: all 0.8s ease;
z-index: 0;
opacity: 0;
}
/* Hover effect – background animates diagonally */
.rec-icon-main-sectioncol:hover::before {
transform: rotate(45deg) translate(0, 0);
opacity: 1;
}
/* Make sure content stays above background */
.rec-icon-main-sectioncol * {
position: relative;
z-index: 1;
transition: color 0.5s ease;
}
/* Image default */
.rec-icon-main-sectioncol-img {
transition: filter 0.5s ease;
}
/* On hover – image becomes white */
.rec-icon-main-sectioncol:hover .rec-icon-main-sectioncol-img {
filter: brightness(0) invert(1);
}
/* On hover – text turns white */
.rec-icon-main-sectioncol:hover .rec-icon-main-sectioncol-h5,
.rec-icon-main-sectioncol:hover .rec-icon-main-sectioncol-p {
color: #fff;
}
/* responsive css */
@media screen and (max-width:1199px) and (min-width:992px){
.rec-icon-main-sectioncol{
min-height: 367px;
}
}
@media screen and (max-width:991px) and (min-width:768px){
.new-ricko-int-design-hero{
padding: 80px 0px;
}
}
@media screen and (max-width:767px){
.rec-icon-main-sectioncol{
margin-bottom: 35px;
}
.reco-icon-secon-roe-div{
margin-top: 0px;
}
.new-ricko-int-design-hero h1{
font-size: 32px;
}
.new-ricko-int-design-hero{
padding: 65px 0px;
}
.rico-scon-ro-imdiv .row{
display: flex;
flex-direction: column-reverse;
}
.rico-scon-ro-imdiv-2 .row{
display: flex;
flex-direction: column-reverse;
}
}
/* Godwin new design code home page end */
.privacy-policy-h1 {
font-size: 28px;
color: #a50d0c;
margin-top: 0px;
font-weight: 600;
}