/* ========================== */
/*    yNexus Digital Tribe    */
/* ========================== */

/* White frame on pages
.line-top {
    top: 0;
}
.line-bottom {
    bottom: 0;
}
.line-left {
    left: 0;
}
.line-right {
    right: 0;
}
.line-top, .line-bottom {
    position: fixed;
    left: 0;
    right: 0;
    display: block;
    height: 30px;
    background: #fff;
    z-index: 999999;
}
.line-left, .line-right {
    position: fixed;
    top: 0;
    bottom: 0;
    display: block;
    width: 30px;
    background: #fff;
    z-index: 999999;
}
 */ 
 
/* Generic styles */
body {
    font-family: 'Montserrat', sans-serif;
	color: #0d1218;
	font-weight: 200;
    padding-bottom: 50px;   /* Height of the footer */
}
h1 {
	font-weight: 500;
	color: #fff;
	margin:0;
}
h2 {
	font-weight: 500;
	color: #fff;
	margin:0;
}
.section {
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;
	text-align:center;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #ff4c00;
}
.ynexus_logo {
  position:absolute;
  left:35px;
  top:35px;
  z-index:2;
 }
 .padb25 {
  padding-bottom:25px;
 }
.out_border {
	outline: 20px solid white;
    outline-offset: -20px;
}

/* ============= */
/*     PAGE 1    */
/* ============= */

.home_title {
	font-size: 2rem;
	font-weight: 300;
	line-height: 3rem;
	letter-spacing: 1rem;
	opacity: 0.9;
	color: #ffffff;
	text-align: left;
    padding-left: 50px;
	padding-right: 35px;
}

/* ============= */
/*     PAGE 2    */
/* ============= */

.services p {
	font-size: 1.2rem;
}
.services h2 {
	font-size: 1.6rem;
	color: #000000;
}
.services h1 {
	font-size: 1.8rem;
	color: #000000;
}
.services {
	text-align: left;
	padding-top: 15px;
} 

.dot  {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}
.blue_dot {
	background-color: #00bfd7;
}
.green_dot {
	background-color: #00c797;
}
.orange_dot {
	background-color: #ff4c00;
}
.yellow_dot {
	background-color: #ffaf25;	
}
.box_1 {
		padding: 35px 15px 15px 35px;
}
.padtst {
	padding: 0 40px;
}
.padtst2 {
	padding: 0 60px 0 40px;
}
/*.heading {
	padding-top: 20px;
}*/

/* ============= */
/*     PAGE 3    */
/* ============= */

.about_us_title {
	font-size: 1.5rem;
    padding: 50px 25px 15px 25px;
}

.about_us {
	padding-top: 40px;
	color: #ffffff;
	padding: 0 45px;
    font-size: 1.2rem;
    line-height: 2.2rem;
	letter-spacing: 2px;
}

/* ============= */
/*     PAGE 4    */
/* ============= */

.contact_title {
	font-size: 1.8rem;
	color: #ffffff;
	font-weight: 400;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contact_us_title {
	font-size: 1.8rem;
	text-align: left;
	font-weight: 300;
	padding-bottom: 15px;
}
.contact_subtitle {
	text-align: left;
	font-size: 1.8rem;
    padding-left: 20px;
	padding-right: 20px;
}
.dot_final {
	color: #ffaf25;
	font-size: 2rem;
    line-height: 0.5rem;
}
.love {
    word-spacing: 1rem;
    padding-top: 45px;
}
.linkpro {
	font-size: 3rem;
    font-weight: 700;
    color: #00b4cd!important;
    text-decoration: underline;
}
.linkedin {
	color: #ffffff;
}
.copyright {
	color: #ffffff;
}
/* Footer css */
.foob {
   position:absolute;
   bottom:0;
   width: 100%;
   height: 90px;   /* Height of the footer */
   font-size: 1.2rem;
}
.foob_txt {
   font-size: 1rem;
}
/*.circle1 {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #ffffff;
  padding-top: 5px;
  padding-left: 8px;
}*/
.circle1 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #ffffff;
  padding-top: 5px;
  padding-left: 5px;
}
.social {
  font-size: 1.8rem;
  text-align: left;
  padding-left: 20px;
  padding-top: 15px;
}
.email_txt {
   font-size: 2rem;
}
.showd {
    display: none;
}
/* Form css */ 
 .form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 1.3rem;
    line-height: 1.42857143;
    color: #333333;
    background-color: #0d1720;
	border-color: #ffffff;
    background-image: none;
    border: 1px solid #999999;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#contact-form {
    padding: 0 25px;
}
textarea.form-control {
    min-height: 125px;
}
input.form-control {
	height: 30px;
}
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
.btn-primary {
    color: #ffffff;
    background-color: #00c797;
    border-color: #ffffff;
}
.btn {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    padding: 6px 12px;
    font-size: 1.2rem;
	font-weight: 700;
    line-height: 1.42857143;
    border-radius: 0;
}
.btn-block {
    display: block;
	height: 30px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	background-color: #ffffff;
	color: #000000;
    border-color: #389985;
	text-decoration: none;
}


/* @media sh*t */
@media (min-width: 576px) { 
.services {
	padding-top: 25px;
}
.box_1 {
    padding-bottom: 35px;
}
.showd {
    display: none;
}
/*h2.home_title {
	text-align: left;
    padding-left: 50px;
	font-size: 2rem;
} */
}
@media (min-width: 768px) { 
.services {
	padding-top: 0px;
} 
.home_title {
	text-align: center;
	font-size: 1.5rem;
}
.dot  {
    height: 50px;
    width: 50px;
}
.services h1 {
    font-size: 2.5rem;
}
.services h2 {
    font-size: 2rem;
    line-height: 4.3rem;
    padding-left: 20px;
}
.services p {
    font-size: 1.9rem;
    padding-left: 20px;
}
.about_us_title {
    font-size: 3rem;
    padding: 0px 50px 25px;
}
.about_us {
	font-size: 2rem;
    line-height: 2.5rem;
}
.foob {
   height: 60px;   /* Height of the footer */
}
textarea.form-control {
    min-height: 175px;
}
input.form-control {
	height: 49px;
}
.btn-block {
    display: block;
	height: 50px;
}
.showd {
    display: block;
}
.showm {
    display: none;
}
}
@media (min-width: 992px) { 
.services {
	padding-top: 100px;
}
.box_1 {
	text-transform: uppercase;
	padding-top: 0px;
}
.services h1 {
    font-size: 3rem;
} 
.home_title {
	padding: 0 25px;
	font-size: 2.8rem;
}
.contact_title {
	font-size: 3rem;
}
.contact_us_title {
	font-size: 3rem;
	text-align: left;
	font-weight: 300;
	padding-bottom: 25px;
}
.contact_subtitle {
	text-align: left;
	font-size: 3rem;
    padding: 0 20px 25px 20px;
}
.social {
  font-size: 3rem;
}
.circle1 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #ffffff;
  padding-top: 5px;
  padding-left: 10px;
}
}
@media (min-width: 1200px) { 
.services {
	padding-top: 100px;
}
.services h1 {
    font-size: 4rem;
}
.services h2 {
    font-size: 2.5rem;
    line-height: 4.3rem;
    padding-left: 20px;
}
.services p {
    font-size: 2.3rem;
    padding-left: 20px;
}
.box_1 {
    padding: 0px 0px 20px 35px;
}
}
@media (min-width: 1900px) { 

.home_title {
	padding: 0 25px;
	font-size: 4rem;
}
.services_col_r
{
	padding-left: 35px; 
}
.services h1 {
    font-size: 5rem;
}
.services h2 {
    font-size: 4rem;
    line-height: 4.3rem;
    padding-left: 0px;
}
.services p {
    font-size: 3rem;
    padding-left: 0px;
}
.about_us {
    font-size: 3rem;
    line-height: 5rem;
}
.about_us_title {
    font-size: 5rem;
}
}


/*.padt25 {
  padding-top:25px;
 }*/
 
/* .ynexus_logo {
  position:absolute;
  left:50px;
  top:50px;
  z-index:2;
 }
 
 
 .heading {
    padding-top: 20px;
}*/