961 lines
16 KiB
CSS
961 lines
16 KiB
CSS
|
|
|
|
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/
|
|
|
|
|
|
/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/
|
|
|
|
|
|
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,bold,italic,bolditatic&subset=Latin');
|
|
|
|
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
|
|
2) font-family: 'Poppins', sans-serif;
|
|
----------------------------------------*****/
|
|
|
|
|
|
/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/
|
|
|
|
|
|
@import url(normalize.css);
|
|
@import url(owl.carousel.min.css);
|
|
@import url(github-ribbon.css);
|
|
/*
|
|
@import url(font-awesome.min.css);
|
|
@import url(normalize.css);
|
|
|
|
@import url(meanmenu.css);
|
|
@import url(icomoon.css);
|
|
@import url(animate.min.css);
|
|
|
|
|
|
|
|
|
|
@import url(owl.carousel.min.css);
|
|
@import url(swiper.min.css);
|
|
@import url(slick.css);
|
|
@import url(jquery.fancybox.min.css);
|
|
@import url(jquery-ui.css);
|
|
@import url(nice-select.css);*/
|
|
|
|
/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/
|
|
|
|
* {
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
color: #666666;
|
|
font-size: 14px;
|
|
font-family: 'Ubuntu', sans-serif;
|
|
line-height: 1.80857;
|
|
font-weight: normal;
|
|
}
|
|
|
|
a {
|
|
color: #1f1f1f;
|
|
text-decoration: none !important;
|
|
outline: none !important;
|
|
-webkit-transition: all .3s ease-in-out;
|
|
-moz-transition: all .3s ease-in-out;
|
|
-ms-transition: all .3s ease-in-out;
|
|
-o-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
letter-spacing: 0;
|
|
font-weight: normal;
|
|
position: relative;
|
|
padding: 0 0 10px 0;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
color: #111111;
|
|
margin: 0
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 22px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 16px
|
|
}
|
|
|
|
h5 {
|
|
font-size: 14px
|
|
}
|
|
|
|
h6 {
|
|
font-size: 13px
|
|
}
|
|
|
|
*,
|
|
*::after,
|
|
*::before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
h1 a,
|
|
h2 a,
|
|
h3 a,
|
|
h4 a,
|
|
h5 a,
|
|
h6 a {
|
|
text-decoration: none!important;
|
|
opacity: 1
|
|
}
|
|
|
|
button:focus {
|
|
outline: none;
|
|
}
|
|
|
|
ul,
|
|
li,
|
|
ol {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
p {
|
|
margin: 0px;
|
|
font-weight: 500;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
a {
|
|
color: #5856D6;
|
|
text-decoration: none;
|
|
outline: none !important;
|
|
}
|
|
|
|
a,
|
|
.btn {
|
|
text-decoration: none !important;
|
|
outline: none !important;
|
|
-webkit-transition: all .3s ease-in-out;
|
|
-moz-transition: all .3s ease-in-out;
|
|
-ms-transition: all .3s ease-in-out;
|
|
-o-transition: all .3s ease-in-out;
|
|
transition: all .3s ease-in-out;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.btn-custom {
|
|
margin-top: 20px;
|
|
background-color: transparent !important;
|
|
border: 2px solid #ddd;
|
|
padding: 12px 40px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.lead {
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
color: #767676;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #ffffff !important;
|
|
box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
|
|
}
|
|
|
|
.navbar-form input {
|
|
border: none !important;
|
|
}
|
|
|
|
.badge {
|
|
font-weight: 500;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 20px 0 20px;
|
|
padding: 30px;
|
|
}
|
|
|
|
button {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.full {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.layout_padding {
|
|
padding-top: 90px;
|
|
padding-bottom: 90px;
|
|
}
|
|
|
|
.layout_padding_2 {
|
|
padding-top: 75px;
|
|
padding-bottom: 75px;
|
|
}
|
|
|
|
.light_silver {
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.theme_bg {
|
|
background: #38c8a8;
|
|
}
|
|
|
|
.margin_top_30 {
|
|
margin-top: 30px !important;
|
|
}
|
|
|
|
.full {
|
|
width: 100%;
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/**-- heading section --**/
|
|
|
|
|
|
|
|
/*-- menu_sitbar--*/
|
|
|
|
.menu_sitbar {
|
|
float: left;
|
|
width: 120px;
|
|
height: 100vh;
|
|
background: #0808ff;
|
|
border-right: #fff solid 7px;
|
|
padding: 33px;
|
|
}
|
|
|
|
|
|
a[data-toggle="collapse"] {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-toggle::after {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
ul ul a {
|
|
font-size: 0.9em !important;
|
|
padding-left: 30px !important;
|
|
background: #6d7fcc;
|
|
}
|
|
|
|
ul.CTAs {
|
|
padding: 20px;
|
|
}
|
|
|
|
ul.CTAs a {
|
|
text-align: center;
|
|
font-size: 0.9em !important;
|
|
display: block;
|
|
border-radius: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
a.download {
|
|
background: #fff;
|
|
color: #7386D5;
|
|
}
|
|
|
|
a.article,
|
|
a.article:hover {
|
|
background: #6d7fcc !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
|
|
/*--end menu_sitbar--*/
|
|
|
|
ul.btn {
|
|
float: right;
|
|
padding-right: 100px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
ul.btn li {
|
|
display: inline-block;
|
|
padding: 0 25px;
|
|
}
|
|
|
|
ul.btn li a {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
|
|
ul.btn li:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.down_btn {
|
|
padding-left: 50px;
|
|
}
|
|
ul.btn li.down_btn a {
|
|
color: #010a05;
|
|
}
|
|
ul.btn li.down_btn:hover a {
|
|
color: #fff;
|
|
}
|
|
|
|
.down_btn, a.read_more {
|
|
background-color: #fff;
|
|
display: inline-block;
|
|
padding: 7px 35px;
|
|
border-radius: 10px;
|
|
color: #010a05 !important;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.down_btn:hover, a.read_more:hover {
|
|
color: #fff !important;
|
|
background: #000;
|
|
}
|
|
|
|
|
|
/*-- header area --*/
|
|
|
|
|
|
/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/
|
|
|
|
|
|
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
|
|
/*
|
|
.header::after {
|
|
background: url(../images/cross_top.png);
|
|
content: "";
|
|
position: absolute;
|
|
width: 440px;
|
|
height: 180px;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
background-size: contain;
|
|
}*/
|
|
|
|
.header {
|
|
width: 100%;
|
|
background: #5e548e;
|
|
padding: 30px 30px 0px 30px;
|
|
position: relative;
|
|
z-index: 960;
|
|
}
|
|
.logo a img {
|
|
margin-right: 10px;
|
|
}
|
|
.logo a {
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
/*text-transform: uppercase;*/
|
|
color: #fff;
|
|
display: flex;
|
|
flex-direction: row;
|
|
/*justify-content: center;*/
|
|
margin-left: 10px;
|
|
}
|
|
|
|
|
|
/** banner section **/
|
|
|
|
.banner_main {
|
|
background: #5e548e;
|
|
padding: 0 0 90px 0;
|
|
}
|
|
|
|
#myCarousel .row {
|
|
/*padding-left: 50px ;*/
|
|
margin: 0 !important;
|
|
}
|
|
.text-bg {
|
|
text-align: left;
|
|
float: right;
|
|
width: 100%;
|
|
padding-left: 50px ;
|
|
/*max-width: 500px;*/
|
|
}
|
|
|
|
.text-bg h1 {
|
|
color: #fff;
|
|
font-size: 28px;
|
|
line-height: 32px;
|
|
padding-top: 20px;
|
|
padding-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.text-bg p {
|
|
font-size: 17px;
|
|
display: block;
|
|
color: #fff;
|
|
line-height: 25px;
|
|
padding-bottom: 50px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/*
|
|
.text-bg .read_more {
|
|
border: #fff solid 5px;
|
|
}
|
|
|
|
.text-bg .read_more:hover {
|
|
background: #000;
|
|
}
|
|
*/
|
|
.images_box figure {
|
|
margin: 0px;
|
|
}
|
|
|
|
.images_box figure img {
|
|
width: 100%;
|
|
}
|
|
|
|
.carousel-indicators li {
|
|
background: #000;
|
|
width: 38px;
|
|
height: 8px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.carousel-indicators {
|
|
bottom: 45px;
|
|
}
|
|
|
|
.carousel-caption {
|
|
position: inherit;
|
|
padding-top: 10;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.carousel-control-next,
|
|
.carousel-control-prev {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/** banner section **/
|
|
|
|
.titlepage {
|
|
text-align: center;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.titlepage h2 {
|
|
font-size: 36px;
|
|
color: #382d3c;
|
|
line-height: 55px;
|
|
padding: 0;
|
|
}
|
|
|
|
.d_flex {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.blu {
|
|
color: #0eadef;
|
|
}
|
|
/*
|
|
.read_more {
|
|
font-size: 17px;
|
|
background-color: transparent;
|
|
border: #00aeef solid 5px;
|
|
color: #010a05 !important;
|
|
padding: 13px 0px;
|
|
width: 100%;
|
|
max-width: 210px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
transition: ease-in all 0.5s;
|
|
border-radius: 40px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.read_more:hover {
|
|
background: #00aeef;
|
|
color: #fff !important;
|
|
transition: ease-in all 0.5s;
|
|
}
|
|
*/
|
|
/** about section **/
|
|
|
|
.about {
|
|
background: #fafafa;
|
|
padding: 50px 0;
|
|
}
|
|
|
|
.about .titlepage {
|
|
text-align: left;
|
|
padding: 0;
|
|
/*max-width: 669px;*/
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.titlepage {
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.about .titlepage h2 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.about .titlepage p {
|
|
color: #010a05;
|
|
font-size: 17px;
|
|
line-height: 35px;
|
|
font-weight: 400;
|
|
padding: 0 20px;
|
|
max-width: 669px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
/*text-align: left;*/
|
|
}
|
|
.about .titlepage p a {
|
|
display: block;
|
|
text-align: center; margin-right: 20px;
|
|
}
|
|
.about .titlepage p span{
|
|
display: block;
|
|
}
|
|
.about .titlepage .read_more {
|
|
float: right;
|
|
}
|
|
|
|
.about_img figure {
|
|
margin: 0;
|
|
}
|
|
|
|
/*
|
|
.about_img figure img {
|
|
width: 100%;
|
|
}*/
|
|
|
|
|
|
/** end about section **/
|
|
|
|
|
|
/** choose section **/
|
|
|
|
.blu2 {
|
|
color: #3a3aff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.choose_bg {
|
|
background: url(../images/why.jpg);
|
|
padding: 120px 0;
|
|
}
|
|
|
|
.choose .choose_box {
|
|
background: #fff;
|
|
padding: 35px 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
.choose .choose_box span {
|
|
color: #141629;
|
|
display: block;
|
|
font-size: 70px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.choose .choose_box h3 {
|
|
color: #00aeef;
|
|
font-size: 25px;
|
|
line-height: 28px;
|
|
font-weight: 500;
|
|
padding-bottom: 10px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.choose .choose_box p {
|
|
color: #010a05;
|
|
font-size: 17px;
|
|
line-height: 30px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.padding_right0 {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.padding_left0 {
|
|
padding-left: 0;
|
|
}
|
|
|
|
ul.easy li a {
|
|
font-size: 27px;
|
|
padding: 18px 21px;
|
|
width: 100%;
|
|
line-height: 36px;
|
|
margin-bottom: 35px;
|
|
display: block;
|
|
}
|
|
|
|
ul.easy li:last-child a {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
ul.easy li.active a {
|
|
background: #060505;
|
|
color: #fff;
|
|
}
|
|
|
|
ul.easy li a:hover {
|
|
background: #060505;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/** end choose section **/
|
|
|
|
|
|
/** work section **/
|
|
|
|
.work {
|
|
background: #5e548e;
|
|
padding: 50px 0;
|
|
}
|
|
.work a{
|
|
color: #D69856;
|
|
}
|
|
|
|
|
|
.work .titlepage {
|
|
text-align: left;
|
|
padding: 0;
|
|
max-width: 648px;
|
|
width: 100%;
|
|
}
|
|
.work .left
|
|
{
|
|
padding-left: 20px;
|
|
float: right;
|
|
}
|
|
.work .right {
|
|
padding-right: 20px;
|
|
float: left;
|
|
}
|
|
|
|
.work .titlepage h2 {
|
|
margin-bottom: 40px;
|
|
color: #fff;
|
|
}
|
|
|
|
.work .titlepage p {
|
|
color: #fff;
|
|
font-size: 17px;
|
|
line-height: 35px;
|
|
font-weight: 400;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.work_img {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.work_img figure {
|
|
margin: 0;
|
|
}
|
|
|
|
.work_img figure img {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/** end work section **/
|
|
|
|
|
|
/** request section **/
|
|
|
|
.request {
|
|
background: #0192c8;
|
|
padding: 90px 0px;
|
|
}
|
|
|
|
.request .titlepage {
|
|
text-align: left;
|
|
}
|
|
|
|
.white {
|
|
color: #fff;
|
|
}
|
|
|
|
.main_form .contactus {
|
|
border-radius: 35px;
|
|
padding: 0px 30px;
|
|
margin-bottom: 30px;
|
|
width: 100%;
|
|
height: 60px;
|
|
background: #fff;
|
|
color: #777977;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
border: inherit;
|
|
}
|
|
|
|
.main_form .textarea {
|
|
padding: 8px 30px;
|
|
padding-top: 63px;
|
|
margin-bottom: 30px;
|
|
width: 100%;
|
|
background: #fff;
|
|
color: #777977;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
border: inherit;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.main_form .send_btn {
|
|
font-size: 17px;
|
|
transition: ease-in all 0.5s;
|
|
background-color: #fff;
|
|
color: #000;
|
|
padding: 13px 0px;
|
|
max-width: 200px;
|
|
width: 100%;
|
|
display: block;
|
|
border-radius: 30px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.main_form .send_btn:hover {
|
|
background-color: #191e20;
|
|
transition: ease-in all 0.5s;
|
|
color: #fff;
|
|
}
|
|
|
|
#request *::placeholder {
|
|
color: #777977;
|
|
opacity: 1;
|
|
}
|
|
|
|
#map {
|
|
height: 425px;
|
|
overflow: hidden;
|
|
padding-bottom: 22.25%;
|
|
padding-top: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
/** end request section **/
|
|
|
|
|
|
/** footer **/
|
|
|
|
.footer {
|
|
background: #212120;
|
|
padding-top: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer .titlepage {
|
|
text-align: left;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.footer .titlepage h2 {
|
|
color: #fff;
|
|
}
|
|
.footer .row
|
|
{
|
|
justify-content: center;
|
|
}
|
|
|
|
.footer .address {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.footer .address h3 {
|
|
color: #fff;
|
|
font-size: 26px;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
padding: 0;
|
|
line-height: 35px;
|
|
}
|
|
|
|
ul.location_icon li {
|
|
font-size: 17px;
|
|
text-align: left;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
ul.Menu_footer li {
|
|
display: block;
|
|
color: #3e7f21;
|
|
position: relative;
|
|
}
|
|
|
|
ul.Menu_footer li:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 20px;
|
|
background: #fff;
|
|
margin-top: 9px;
|
|
left: 0;
|
|
}
|
|
|
|
ul.Menu_footer li a {
|
|
display: block;
|
|
color: #fcfbfb;
|
|
font-size: 17px;
|
|
padding-left: 30px;
|
|
text-align: left;
|
|
}
|
|
|
|
ul.Menu_footer li a:hover {
|
|
color: #0eadef;
|
|
}
|
|
ul.social_icon{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
ul.social_icon li {
|
|
display: block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
ul.social_icon li a {
|
|
font-size: 18px;
|
|
color: #fff;
|
|
display: inherit;
|
|
}
|
|
|
|
ul.social_icon li a:hover {
|
|
color: #0eadef;
|
|
}
|
|
|
|
ul.social_icon li a i {
|
|
background: #fff;
|
|
width: 37px;
|
|
height: 37px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 22px;
|
|
border-radius: 30px;
|
|
color: #000;
|
|
}
|
|
|
|
ul.social_icon li a i:hover {
|
|
color: #0eadef;
|
|
}
|
|
|
|
.bottom_form h3 {
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
text-align: left;
|
|
color: #fff;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.bottom_form .enter {
|
|
border: inherit;
|
|
padding: 0px 19px;
|
|
width: 100%;
|
|
height: 53px;
|
|
background: #fff;
|
|
color: #828282;
|
|
font-size: 17px;
|
|
border-radius: 10px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.sub_btn {
|
|
font-size: 19px;
|
|
transition: ease-in all 0.5s;
|
|
background-color: #0192c8;
|
|
color: #fff;
|
|
padding: 11px 0px;
|
|
max-width: 175px;
|
|
width: 100%;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
border-radius: 10px;
|
|
border: inherit;
|
|
box-shadow: inherit;
|
|
}
|
|
|
|
.sub_btn:hover {
|
|
background-color: #0156ed;
|
|
transition: ease-in all 0.5s;
|
|
color: #fff;
|
|
}
|
|
|
|
.copyright {
|
|
margin-top: 30px;
|
|
padding: 15px 0;
|
|
background: #5e548e;
|
|
}
|
|
|
|
.copyright p {
|
|
color: #fff;
|
|
font-size: 17px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.copyright a {
|
|
color: #fff;
|
|
}
|
|
|
|
.copyright a:hover {
|
|
color: #212120;
|
|
}
|
|
|
|
|
|
/** end footer **/
|
|
|