/* CSS Document */
@charset "utf-8";

 

*{
margin: 0;
padding: 0;
list-style:none;
text-decoration: none;
box-sizing:border-box;
}


.gf_ms{
font-family: 'Montserrat', sans-serif;
}
.gf_rc{
font-family: 'Righteous', cursive;
letter-spacing:1px;
}
.gf_rs{
font-family: 'Roboto', sans-serif;
}
.gf_twc{
font-family: 'Trade Winds', cursive;
}

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Righteous', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Trade Winds', cursive;
*/


/*start custom class */
.test{
border:1px solid lime;
}
.test2{
border:1px solid red;
}
.my-bg1{
background-color:#6D0EB1;
}
.my-bg2{
background-image: linear-gradient( 105.7deg,  rgba(0,238,179,1) 23.2%, rgba(49,100,255,1) 100.5% );
}
.my-bg3{
background-color:#00FF7F;
}
.my-bg-skin{
background-color:#F08080;
}
.my-bg-red{
background-color:#FF0000;
}
.my-bg-brown{
background-color:#B22222;
}
.my-bg-white{
background-color:white;
}
.my-bg-black{
background-color:#000016;
}
.my-bg-g1{
background-image: linear-gradient( 105.5deg,#537895,#09203F);
}
.text-white{
color: White;
}
.text-black{
color: black;
}
.text-yellow{
color:#1E90FF;
}
.text-orange{
color:orange;
}
.text-grey{
color:#F8F8FF;
}
.text-shadow{
 text-shadow:0px 0px 1px black;
}
.zero-shadow{
 box-shadow:0px 0px 3px black;
}
.small-text{
 font-size:15px;
 font-weight:400;
 color:rgba(0,0,0,0.7);
}
.small-text-white{
 font-size:15px;
 font-weight:400;
 color:rgba(255,255,255,0.9);
}
.header-text{
 font-size:25px;
 font-weight:400;
 letter-spacing:1px;
 color:#000;
}
.border-line{
 width:130px;
 height:5px;
 border-radius:5px;
 opacity:0.5;
 box-shadow:0px 0px 2px black;
 background-image: linear-gradient( 105.7deg,  rgba(0,238,179,1) 23.2%, rgba(49,100,255,1) 100.5% );
}
.page-btn{
 border-radius:19px;
 letter-spacing:1px;
 color:white;
 box-shadow:0px 1px 3px rgba(0,0,0,0.5);
}
.bold-header{
 font-size:25px;
 line-height:35px;
 font-weight:bold;
}
.mt-full{
margin-top:100px;
}
.pb-full{
padding-bottom:100px
}
.call-btn-color{
background:#FF3D00;
font-weight:bold;
font-size:16px;
letter-spacing:1px;
}
/*end custom class */




.top-notice{
font-size: 30px;
}


/*start top brand content */
.top-header{
width: 100%;
background: black;
border-bottom:3px solid orange;
}
#brand-logo{
margin:0 auto;
width:200px;
height:80px;
margin-top:15px;
margin-bottom:20px;
padding:5px;
border-top-left-radius:25px;
box-shadow:0px 0px 3px white;
}
#brand-logo #logo{
width:100%;
height:100%;
background:url(../../images/top-logo.png);
background-size:100% 100%;
}
#brand-name{
font-size:18px;
text-align: center;
text-shadow: 0px 0px 1px black;
margin-bottom:5px;
}
#brand-tagline{
width:90%;
font-size:14px;
color:white;
text-align: center;
font-weight:300;
text-shadow: 0px 0px 1px black;
}
/*end top brand content */



/*start about header coding*/
.about-header{
 height:250px;
 background:white;
}
.about-header h3{
color:red;
margin-bottom:10px;
}
.border-line{
 display: block;
 width:40%;
 height:3px;
 margin:0 auto;
}
.welcom-line{
font-size:22px;
word-spacing: 1px;
color:#673AB7;
font-weight:bold;
}
/*end about header coding*/


/*start about us section*/
.about-section1{
background:url(../../images/about-bg1.png);
background-size:100% 100%;
padding-bottom:100px;
}
.text-slim{
 font-weight:300;
 font-size:15px;
}
.ceo-tag{
font-size:30px;
font-weight:bold;
text-shadow:0px 0px 1px black;
}
.ceo-message{
 text-align:left;
}
.email{
font-size:12px;
}
.email i{
font-size:20px;
color:red;
}
/*end about us section*/




/*start contact form section  */
.contact-all-cont{
max-width:360px;
height:450px;
font-family: sans-serif;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
width:100%;
box-shadow:0px 0px 4px rgba(0,0,0,0.5);
position: relative;
overflow: hidden;
border:5px solid white;
}
.top-btn-bg{
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.5);
 display: grid;
 place-content: center;
 position:absolute;
 top:0px;
 z-index:1;
}

#contact-form{
 width:100%;
 height:100%;
 font-weight:300;
 background:rgba(0,0,0,0.7);
 position:absolute;
 top:0%;
}
.contact-all-cont .field-one{
 width:100%;
 height:40px;
 color:rgba(0,191,255);
 margin-bottom:15px;
 border-radius:50px;
 border:none;
 outline:none;
 background: transparent;
 letter-spacing:1px;
 border:1px solid rgba(255,255,255,0.5);
 padding-left:12px;
}
#contact-form::placeholder{
font-weight:300;
color:rgba(255,255,255,0.7);
}

.contact-all-cont .field-one:hover{
transition:0.5s;
border:1px solid rgba(0,191,255);
border-radius:3px;
box-shadow:0px 0px 5px rgba(0,191,255);
}
#message-text{
width:100%;
height:60px;
color:rgba(0,191,255);
border-radius:5px;
border:none;
outline:none;
background: transparent;
border:1px solid rgba(255,255,255,0.5);
padding:7px;
font-size:14px;
letter-spacing:1px;
}
#message-text:hover{
transition:0.5s;
border:1px solid rgba(0,191,255);
border-radius:3px;
box-shadow:0px 0px 5px rgba(0,191,255);
}
#contact-form-submit{
width:100px;
padding:5px;
background:transparent;
color:white;
border:none;
outline:none;
margin-top:10px;
margin-bottom:10px;
border-radius:20px;
box-shadow:0px 0px 3px white;
}
#contact-form-submit:hover{
background:rgba(0,191,255,0.6);
box-shadow:0px 0px 8px rgba(0,191,255,0.6);
}
.bottom-notice{
 font-size:14px;
 color: orange;
 font-weight:300;
 letter-spacing:1px;
 word-spacing:1px;
}
.bottom-notice:hover{
 transition:0.5s;
 color:rgba(0,191,255);
}
.contact-form-bg{
	background: url(../../images/contact.jpg);
	background-size:cover;
}
/*end contact form section  */



/*start let's create something together section coding */
 #l-c-s{
 background-image:url(../../images/l-c-s.jpg);
 background-size:100% 100%;
 background-repeat: no-repeat;
 }
 #l-c-s p{
  font-size:15px;
 }
/*end let's create something together section coding */




/*start menu notice modal */
#menu-modal{
position: absolute;
z-index:10000000;
}
#modal-close{
color:red;
text-shadow:0px 0px 1px black;
font-size:25px;
display: block;
position: absolute;
top:15px;
right:15px;
}
/*end menu notice modal */

.desktop-margin{
	margin-top:35px;
}


/*start table and mobile responsive coding*/
@media(max-width:1024px)
{    
    .welcom-line{
	font-size:16px;
	word-spacing: 1px;
   }
   .desktop-margin{
	margin-top:5px;
   }
}





/*start only mobile and portrait view */
@media(max-width:480px)
{    
		.top-notice{
		font-size:22px;
		}
}
/*end only mobile and portrait view */