body,html {
overflow-x:hidden;
}
#pd22{
padding-top: 150px;
}
.h12{
margin: 0px 10px;
font-size: 70px;
line-height: 70px;
}
#CK{
padding-left: 50px;
}
#pd23{
padding-top: 150px;
padding-bottom: 50px;
}
#pd21{
margin-top: 250px;
}
#wtu{
font-size: 80px;
}
#navcol{
display: none;
}
#jccl{
display: none;
}
#boxx{
height: 525px;
}
#jccimg{
height: 150px;
}
#pd15{
padding-top: 150px;
height: 400px;
}
#img9{
height: 220px;
}
#pd14{
padding-top: 100px; padding-bottom: 100px;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
* {
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body {
font-family:"Open Sans", Helvetica, Arial, sans-serif;
font-weight:300;
font-size: 12px;
line-height:30px;
color:#777;
background:#0CF;
}
.container {
max-width:400px;
width:100%;
margin:0 auto;
position:relative;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }
#contact {
background:#F9F9F9;
padding:25px;
margin:50px 0;
}
#contact h3 {
color: #F96;
display: block;
font-size: 30px;
font-weight: 400;
}
#contact h4 {
margin:5px 0 15px;
display:block;
font-size:13px;
}
fieldset {
border: medium none !important;
margin: 0 0 10px;
min-width: 100%;
padding: 0;
width: 100%;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
width:100%;
border:1px solid #CCC;
height: 40px;
background:#FFF;
margin:0 0 5px;
padding:10px;
outline:none;
}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
-webkit-transition:border-color 0.3s ease-in-out;
-moz-transition:border-color 0.3s ease-in-out;
transition:border-color 0.3s ease-in-out;
border:1px solid #AAA;
outline:none;
}
#contact textarea {
height:150px;
max-width:100%;
resize:none;
outline:none;
}
#contact button[type="submit"] {
cursor:pointer;
width:100%;
border:none;
background-color:#FFF;
border-radius: 50px;
color:#ffa500;
margin:0 0 5px;
padding:10px;
font-size:15px;
border: #ffa500 2px solid;
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size:20px;
outline:none;
}
#contact button[type="submit"]:hover {
background: #FFa500;
color:#fff;
-webkit-transition:background 0.3s ease-in-out;
-moz-transition:background 0.3s ease-in-out;
transition: 0.3s;
}
::-webkit-input-placeholder {
color:#888;
}
:-moz-placeholder {
color:#888;
}
::-moz-placeholder {
color:#888;
}
:-ms-input-placeholder {
color:#888;
}
.imgs{
margin-left: 50px;
height:400px;
}
#row6{
height: 1000px;
background-color: white;
}
#row3{
padding-top: 50px;
height: 600px;
}
#row4{
padding-top: 50px;
height: 700px;
}
@media (max-width:1400px){
.imgs{
margin-left: 0px;
}
#row6{
height: 1400px;
background-color: white;
}
#row3{
height: 1100px;
}
#row4{
height: 1000px;
}
#kys{display: none;}
#pd15{
padding-top: 0;
}
#pd22{
padding-top: 0;
}
.txt3{
margin: 0px 30px;
}
}
.site-footer
{
background-color:#26272b;
padding:45px 0 20px;
font-size:15px;
line-height:24px;
color:#737373;
}
.site-footer hr
{
border-top-color:#bbb;
opacity:0.5
}
.site-footer hr.small
{
margin:20px 0
}
.site-footer h6
{
color:#fff;
font-size:16px;
text-transform:uppercase;
margin-top:5px;
letter-spacing:2px
}
.site-footer a
{
color:#737373;
}
.site-footer a:hover
{
color:#3366cc;
text-decoration:none;
}
.footer-links
{
padding-left:0;
list-style:none
}
.footer-links li
{
display:block
}
.footer-links a
{
color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
color:#3366cc;
text-decoration:none;
}
.footer-links.inline li
{
display:inline-block
}
.site-footer .social-icons
{
text-align:right
}
.site-footer .social-icons a
{
width:40px;
height:40px;
line-height:40px;
margin-left:6px;
margin-right:0;
border-radius:100%;
background-color:#33353d
}
.copyright-text
{
margin:0
}
@media (max-width:991px)
{
.site-footer [class^=col-]
{
margin-bottom:30px
}
}
@media (max-width:767px)
{
.site-footer
{
padding-bottom:0
}
.site-footer .copyright-text,.site-footer .social-icons
{
text-align:center
}
}
.social-icons
{
padding-left:0;
margin-bottom:0;
list-style:none
}
.social-icons li
{
display:inline-block;
margin-bottom:4px
}
.social-icons li.title
{
margin-right:15px;
text-transform:uppercase;
color:#96a2b2;
font-weight:700;
font-size:13px
}
.social-icons a{
background-color:#eceeef;
color:#818a91;
font-size:16px;
display:inline-block;
line-height:44px;
width:44px;
height:44px;
text-align:center;
margin-right:8px;
border-radius:100%;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
color:#fff;
background-color:#29aafe
}
.social-icons.size-sm a
{
line-height:34px;
height:34px;
width:34px;
font-size:14px
}
.social-icons a.facebook:hover
{
background-color:#3b5998
}
.social-icons a.twitter:hover
{
background-color:#00aced
}
.social-icons a.linkedin:hover
{
background-color:#007bb6
}
.social-icons a.dribbble:hover
{
background-color:#ea4c89
}
@media (max-width:767px)
{
.social-icons li.title
{
display:block;
margin-right:0;
font-weight:600
}
}
.numb{
color: #ffa500;
font-size: 70px;
font-weight: 700;
}
.lsth{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 50px;
}
.lst{
font-family: 'Cairo', sans-serif;
font-weight: 300;
margin-left: 90px;
margin-top: 20px;
font-size: 25px;
}
@media (max-width:1260px){
.lst{
font-family: 'Cairo', sans-serif;
font-weight: 300;
margin-left: 90px;
margin-top: 20px;
font-size: 25px;
margin-right: 90px;
padding: 0px 40px;
}
}
.REF{
font-weight: 300;
font-size: 30px;
font-family: 'Cairo', sans-serif;
}
#MGN{
color: white;
font-weight: 500;
}
.navbarr{
display: none;
}
#Txtp{
font-size: 30px;
}
#Txtl{
font-size: 30px;
}
#mgn11{
margin-top: 100px;
}
#pd11{
padding-top: 5px;
height: 700px;
}
.h11{
margin: 10px 20px;
font-size: 70px;
line-height: 70px;
font-family: 'Cairo', sans-serif;
}
@media (max-width:1000px){
.navbarr{
background-color: #10121b;
display: flex;
height: 100px;
justify-content: space-around;
align-items: center;
overflow: hidden;
position: fixed;
width: 100%;
}
.h11{
margin: 10px 20px;
font-size: 60px;
line-height: 60px;
font-family: 'Cairo', sans-serif;
}
}
.Textus{
border: #ffa500 2px solid; border-radius: 5rem 5rem 5rem 0; padding:15px 25px; color: #ffa500; text-decoration: none; font-weight: 500;
transition: .3s;
}
.Textus:hover{
background-color: #ffa500;
color: white;
transition: .3s;
text-decoration: none;
}
.Textusr{
border: red 2px solid; border-radius: 5rem 5rem 5rem 0; padding:15px 25px; color: red; text-decoration: none; font-weight: 500;
transition: .3s;
}
.Textusr:hover{
background-color: red;
color: white;
transition: .3s;
text-decoration: none;
}
.txt3{
margin-top: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 25px;
}
@keyframes readmore{
from{
transform: translateX(0px);
}
to {
transform: translateX(8px);
}
}
@keyframes endanim{
from{
transform: translateX(8px);
}
to {
transform: translateX(0px);
}
}
.rmarr{
animation-duration: 0.4s;
animation-name: endanim;
animation-iteration-count: 1;
animation-direction: alternate;
}
#boxx:hover .rmarr{
animation-duration: 0.4s;
animation-name: readmore;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#boxx:hover{
box-shadow: 0 -10px 30px 0 rgba(0,0,0,.06);
transition: 0.3s;
}
#boxx:hover #VImg{
width: 130px;
height: 130px;
transition: 0.3s;
}
#VImg{
width: 120px;
height: 120px;
transition: 0.3s;
}
#boxx{
box-shadow: 0 0 1px 0 rgba(0,0,0,.06);
transition: box-shadow .3s;
}
.CarTxt{
opacity: 0.9;
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 10em;
color: white
}
#mrg{
margin-bottom: 50px;
}
#MGN{
font-size: 20px;
font-weight: 300;
font-weight: 500;
transition: .3s;
position: relative;
}
a#MGN:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #FFF;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
a#MGN:hover:before {
visibility: visible;
transform: scaleX(1);
}
#MGNN{
font-size: 20px;
font-weight: 300;
font-weight: 500;
transition: .3s;
position: relative;
}
a#MGNN:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #FFF;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
a#MGNN:hover:before {
visibility: visible;
transform: scaleX(1);
}
#CK{
text-decoration: none;
font-weight: 500;
color: #10121b;
position: relative;
}
a#CK:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -5px;
left: 0;
background-color: black;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
a#CK:hover:before{
visibility: visible;
transform: scaleX(1);
}
#CKO{
text-decoration: none;
font-weight: 500;
color: #10121b;
position: relative;
font-size: 40px;
}
a#CKO:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 10px;
left: 0;
background-color: #ffa500;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
a#CKO:hover:before{
visibility: visible;
transform: scaleX(1);
}
#CKR{
text-decoration: none;
font-weight: 500;
color: #10121b;
position: relative;
}
a#CKR:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 20px;
left: 0;
background-color: red;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
a#CKR:hover:before{
visibility: visible;
transform: scaleX(1);
}
#MGNK{
font-size: 20px;
font-weight: 300;
background-color: #10121b;
color: white;
transition: 0.3s;
}
#MGNK:hover{
background-color: white;
color: black;
transition: 0.3s;
}
.navr{
margin: auto;
width: 1000px;
height: 10%;
display: flex;
justify-content: space-around;
}
div h1{
font-family: 'Cairo', sans-serif;
}
.ctar{
background-color: red;
border-radius: 100%;
border: red 1px solid;
width: 100px;
height: 100px;
margin: 0px 40% 0px 0%;
}
.cta{
background-color: #ffa500;
border-radius: 100%;
border: #ffa500 1px solid;
width: 100px;
height: 100px;
margin: 0px 40% 0px 0%;
}
.arrw{
font-size: 65px;
font-weight: 700;
color: white;
user-select: none;
}
.lnk{
margin: 1% 50px 3% 300px;
font-size: 50px;
}
.lnkd{
display: flex;
align-content: center;
}
.cta:hover{
transform: rotate(-25deg);
transition: transform 0.3s;
}
.ctar:hover{
transform: rotate(-25deg);
transition: transform 0.3s;
}
#arrow:hover{
margin: 5px;
background-color: transparent;
color: transparent;
transition: margin 0.3s;
}
#RM
{
color: white;
text-decoration: none;
margin: 0px;
transition: 0.3s;
}
#pd13{
padding-top: 150px;
}
#RM:hover ~ #arrow{
margin: 5px;
background-color: transparent;
color: transparent;
transition: 0.3s;
}
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
display: none;
}
.CRTxt{
margin: 15px 0% 400px 8px;
font-size: 30px;
}
.HeaderCR{
font-size: 60px;
}
#CR{
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
justify-content: space-evenly;
}
#navb{
padding: 0px;
margin: 0px 15%;
}
.img7{
height: 500px;
}
.navbar .dropdown-menu .dropdown-item:hover{ background-color: #24282c;}
.ND{
text-align: center;
margin-top: 50px;
font-weight: 500;
margin-top: 80px;
font-family: 'Cairo', sans-serif;
font-size: 35px;
}
.ND2{
text-align: center;
font-weight: 500;
margin-top: 80px;
font-family: 'Cairo', sans-serif;
}
#ImgCR{
object-fit: cover !important;
width: 100%;
height: 480px !important;
}
body + html{
overflow-x: hidden;
max-width: 100%;
}
.RM{
font-size: 25px;
font-weight: 500;
font-family: 'Cairo', sans-serif;
color: #ffa500;
}
.RMR{
font-size: 25px;
font-weight: 500;
font-family: 'Cairo', sans-serif;
color: #ff0000;
}
.RM:hover{
color: #ffa500;
}
#row2{
background-color: white;
margin: 0;
}
#Ajc{
justify-content: flex-end;
}
#kh{
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 500;
display:block;
text-align: center;
}
#kht{
color: #565656;
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-weight: 300;
display:block;
text-align: center;
line-height: 50px;
}
#imgk{
height: 110px;
display:block;
}
#imgk2{
height: 92px;
width: 110px;
display:block;
}
#jsk{
display:flex;
justify-content: center;
}
@media all and (min-width: 1200px) {
.navbar .nav-item .dropdown-menu{ display:block; opacity: 0; visibility: hidden; transition:.3s; margin-top:0; background-color: #10121b; }
.navbar .nav-item:hover .nav-link{color: #fff; }
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:180%; }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); background-color:#10121b; }
.navbar .dropdown-menu .dropdown-item:hover{ background-color: #ededed;}
.navbar .dropdown-menu {background-color: #10121b;}
}
@media (min-width:650px){
.ND{
padding-left: 0;
text-align: center;
margin-top: 50px;
font-weight: 500;
margin-top: 80px;
font-family: 'Cairo', sans-serif;
}
#Txtp{
padding:0px 10px;
;
font-family: 'Cairo', sans-serif;
text-align: center;
}
}
@media (min-width:800px){
#ImgCR{
object-fit: cover !important;
width: 100%;
height: 480px !important;
}
#Txtp{
padding:0px 10px;
font-family: 'Cairo', sans-serif;
text-align: center;
}
.ND{
text-align: center;
font-size: 45px;
font-weight: 500;
margin-top: 80px;
font-family: 'Cairo', sans-serif;
}
}
@media (min-width:1000px){
#ImgCR{
object-fit: cover !important;
width: 100%;
height: 480px !important;
}
#Txtp{
padding:0px 10px;
font-family: 'Cairo', sans-serif;
text-align: left;
}
#Txtl{
padding:0px 10px;
text-align: left;
font-family: 'Cairo', sans-serif;
}
}
@media (min-width:1920px){
#ImgCR{
width: 100%;
height: 480px;
}
}
@media (max-width:1000px){
#list2{
display: none !important;
}
#list1{
display: none !important;
}
.navr{
width: 100%;
height: 10%;
margin: 0;
display: none;
justify-content: flex-start;
}
#MGN{
margin-left: 0;
}
}
@media (max-width:1400px){
.CarTxt{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 6.5em;
color: rgba(255, 255, 255, 0.767);
}
#mrg{
margin-bottom: 80px;
}
}
@media (max-width:1200px){
.CarTxt{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 6em;
color: rgba(255, 255, 255, 0.767);
}
#mrg{
margin-bottom: 85px;
}
}
@media (max-width:1400px){
#Txtp{
padding:0px 10px;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
#Txtl{
font-family: 'Montserrat', sans-serif;
padding-right: 0%;
text-align: center;
margin: 0px 15px;
padding:0px 10px;
}
.ND{
text-align: center;
}
.ND2{
text-align: center;
}
.RM{
text-align: center;
font-weight: 500;
}
}
#pdd{
margin-top: 160px;
}
@media (min-width:1400px){
#Txtp{
padding:0px 10px;
font-family: 'Montserrat', sans-serif;
text-align: center;
}
#Txtl{
font-family: 'Montserrat', sans-serif;
padding:0px 10px;
text-align: center;
}
}
#HY{
display: none;
}
#HYC{
display: block;
}
.txt3{
text-align: left;
}
#pdd{
padding-left: 100px;
margin-top: 160px;
}
#row2{
height: 800px;
}
@media (max-width:1401px){
.numb{
color: #ffa500;
font-size: 70px;
font-weight: 700;
margin-left: 90px;
}
.imgo{
margin-top: 50px;
}
#pdd{
padding: 0px;
margin-top: 1px;
}
.txt3{
text-align: center;
}
#row2{
background-color: white;
margin-top: 550px;
height: 1400px;
}
#HY{
display: flex;
justify-content: center;
}
#HYC{
display: none;
}
}
@media (max-width:820px){
.CarTxt{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 4.5em;
color: rgba(255, 255, 255, 0.767);
}
#mrg{
margin-bottom: 105px;
}
}
@media (max-width:725px){
.RM{
font-size: 25px;
font-weight: 500;
font-family: 'Cairo', sans-serif;
color: #ffa500;
display: none;
}
.RMR{
font-size: 25px;
font-weight: 500;
font-family: 'Cairo', sans-serif;
color: #ff0000;
display: none;
}
}
@media (max-width:640px){
.navbarr{
display: none;
}
#NavBar{
display: none;
}
#navcol{
display: flex;
}
.img7{
height: 250px;
}
}
@media (max-width:620px){
.CarTxt{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 4em;
color: rgba(255, 255, 255, 0.767);
}
#CarTxt{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 5em;
margin-bottom: 75px;
color: rgba(255, 255, 255, 0.767);
}
}
@media (max-width:600px){
#CKO{
text-decoration: none;
font-weight: 500;
color: #10121b;
position: relative;
font-size: 30px;
}
.CarTxt{
font-family: 'Cairo', sans-serif;
font-weight: 500;
font-size: 5em;
margin-bottom: 0px;
opacity: 0.9;
color: rgba(255, 255, 255, 0.767);
}
#mgn11{
margin-top: 50px;
}
#pd11{
padding-top: 0px;
height: 900px;
}
.h11{
margin: 0px 0px;
font-size: 35px;
line-height: 40px;
}
.h12{
margin: 0px 10px;
font-size: 50px;
line-height: 50px;
}
.txt3{
font-size: 20px;
margin: 40px 5px;
}
#Txtl{
font-size: 20px;
}
.ND{
font-size: 30px;
}
#Txtp{
font-size: 20px;
}
#row2 {
background-color: white;
margin-top: 10px;
height: 800px;
}
#pd13{
padding-top: 0;
}
#pd14{
padding-top: 80px; padding-bottom: 50px;
}
#boxx{
height: 400px;
}
.img7{
height: 200px;
}
#VImg {
height:80px ;
width: 80px;
}
#jccimg{
height: 100px;
}
#CR{
height: 400px;
}
.lsth{
margin-left: 0;
text-align: center;
font-size: 40px;
}
.lst{
margin: 20px 5px;
text-align: center;
}
.numb{
font-size: 40px;
margin: 0;
}
.imgs {
height:200px;
}
#pd15{
padding-top: 0px;
height: 300px;
}
#CK{
margin-left: 10px;
}
#row4{
height: 750px;
}
#row3{
height: 700px;
}
#img9{
height: 120px;
}
#CK{
padding-left: 0px;
}
#wtu{
font-size: 50px;
}
#ImgCR{
height: 500px;
}
#CR{
height: 400px;
}
#pd21{
margin-top: 100px;
}
#pd22{
height: 300px;
padding-top: 0px;
}
#pd23{
padding-top: 0px;
padding-bottom: 0px;
height: 450px;
}
#hght{
height: 0px;
}
#pd22{
padding: 0;
}
#pd15{
padding: 0;
}
#row6{
height: 800px;
}
.txt3{
margin-top: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 17px;
}
}