/* Theme Name: Estandards Author: PK @ SX */
 .clear {
     clear: both;
     padding: 0 !important;
     margin: 0 !important;
}
 .align-left {
     text-align: left;
}
 .align-center {
     text-align: center;
}
 .align-right {
     text-align: right;
}
 .bs-md, .bs-sm, .bs-xs {
     display: none !important;
}
 .bs-md-inline, .bs-sm-inline, .bs-xs-inline {
     display: none;
}
 .bs-dt-md, .bs-dt-sm {
     display: block;
}
 .bs-dt-md-inline, .bs-dt-sm-inline {
     display: inline;
}
 .bs-ut-sm, .bs-ut-md, .bs-ut-md-inline, .bs-ut-sm-inline {
     display: none;
}
 .desktop {
     display: block;
}
 .desktop-inline {
     display: inline;
}
/*desktop navigation*/
a.nav-link{
	font-size:18px;
	margin-left:20px;
	margin-right:0;
}

a {
  color: #00a2b7;
}
a:hover {
  color: #2b395f;
  text-decoration: none;
}

h1{
  color: #00a2b7;
}

/* start style */
 section.front-page {
     position: relative;
     /*height: 450px;*/
     height: 540px;
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
     /*left:2%;*/
}
 .front-page .container-fluid {
     height: 100%;
     /*background: #ffffffba;*/
     position: absolute;
}

.triangle {
  width: 0;
  height: 100%;
  border-style: solid;
  border-width: 45vh 0 45vh 95vh;
  border-color: transparent transparent transparent #ffffff;
  opacity: 0.8;
  margin-left: -15px;
  margin-top: -50px;
}
 .hero .container-fluid {
    /* -webkit-clip-path: polygon(43% 47%, 0 0, 0 100%);
     clip-path: polygon(40% 50%, 0% -5%, 0% 105%);*/
}
 .hero .content {
    position: absolute;
    top: 33%;
    left:2%;


}
 .hero p {
     font-size: 22px;
     margin-bottom:35px;
}
 .hero .btn {
     border-radius: 0;
     border: 0;
     background-color: #1b2a53;
}

.intro-headline p{
	font-size:35px;
	line-height:40px;
	color:#1b2a53;

}

 .btn-primary {
 	font-size:22px;
 	padding:5px 40px 5px 40px;
 }

 nav.navbar.navbar-light li.active>.nav-link {
     color: #00a2b7;
}
 .about_title {
     color: #000;
     font-size: 41px;
     margin-bottom:30px;
}
 .about .container-fluid {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     min-height:447px;
}
 section.about .content {
     background-color: #fff;
     height: 100%;
     -webkit-clip-path: polygon(0 0%, 100% -5%, 50% 50%, 100% 105%, 0% 100%);
     clip-path: polygon(0 0%, 100% -5%, 50% 50%, 100% 105%, 0%);
}
 .about .content .info {
     position: absolute;
     top: 25%;
     left:2%;
}

body {

     margin-left: 3rem !important;
     margin-right: 3rem !important;

}
 .services {
     background-color: #f6f6f6;
}
 .service {
     height: 200px;
     padding: 20px;
}
 .service .text {
     text-align: right;
}
 .service .text p {
    /* width: 50%;
     */
     float: right;
     font-size: 22px;
     padding-right: 10px;
     margin-top:15%;
}
 .service div {
     height: 100%;
     float: left;
     width: 50%;
}
 .service .counter {
     position: relative;
     top:20px;
     font-size: 32px;
     /*
     background-position: center left;
     background-repeat: no-repeat;
     background-size: contain;.
	*/
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 100px;
	border-color: transparent transparent transparent #00a2b7;

}
 .counter span.number {
    position: absolute;
    /*
    left: 5%;
    top: 30%;
    */
    margin-left: -88px;
    margin-top: -25px;
    color: white;
    z-index:10000;
    /*background:#00a2b7;*/
}

footer {
  margin: 20px;
  color: #969696;
  font-size: 14px;
}

.about .info_text{
    font-size:20px;
    padding-right: 20%;
}

@media only screen and (max-width:1200px) {

  .about .info_text {
      font-size: 18px;
      padding-right: 20%;

  }
}

 @media only screen and (max-width:767px) {

 	.navbar-brand {
 		margin:0 auto;
 	}
     .hero .container-fluid {
        /* -webkit-clip-path: polygon(100% 47%, 0 0, 0 100%);
         clip-path: polygon(100% 50%, 0% -5%, 0% 105%);*/
    }
     body {
        /* margin: 0 !important;*/
        margin-left: 1rem !important;
   	 	margin-right: 1rem !important;
    }

    .intro-headline p {
    	font-size: 30px;
    	line-height: 35px;
    }
     .service .text p {
         float: none;
         margin-top:25%;
    }

     .menu {
         width: 100%;
    }
     .about .content .info{
         top: 10%;
    }

    .about_title {
    	margin-bottom:20px;
    }
     .about .info_text{
         width: 100%;
         font-size:16px;
    	}


    .counter span.number {
    	margin-left:-85px;
    }

    .btn-primary {
    	padding :5px 10px 5px 10px;
    }

    .services {
    	margin-top:30px;
    }

    footer {
		text-align:center;
		margin-bottom:20px;
	}
}

@media only screen and (max-width:376px) {
    .triangle {
        border-width: 36vh 0vh 48vh 45vh;


        }
    }
@media only screen and (max-width:321px) {
    .triangle {

    border-width:46vh 0vh 48vh 46vh;

    }
}
@media only screen and (max-width:330px) {

	.about .info_text{
		font-size:15px;
	}
}

/*mobile nav*/

.mobile-logo {
    max-width:280px;
    margin-top: -15px;

}

@media only screen and (max-width:320px) {
    .mobile-logo {
        max-width:240px;

    }

}

.navbar-toggler {
    position:absolute;
    right:0;
}


.top-block {
    width: 0;
    /* height: 50%; */
    border-style: solid;
    border-width: 30vh 0vh 0vh 111vh;
    border-color: transparent transparent transparent #ffffff;
    opacity: 1;
    margin-left: -155px;
    position: absolute;
    top: 178px;
    z-index: 10000;

    /*width:100%;
    height:20px;
    background-color: red;
    opacity:0.8;*/
}

.bottom-block {
    /*
    width:100%;
    height:20px;
    background-color: red;
    opacity:0.8;
    position: absolute;
    top: 447px;
    */
    width: 0;
    /* height: 50%; */
    border-style: solid;
    border-width: 0vh 0vh 30vh 100vh;
    border-color: transparent transparent transparent #fff;
    opacity: 1;
    margin-left: -20px;
    position: absolute;
    top: 0;
    z-index: 10000;
}


.col-md-6.col-sm-12.img-tri-block{
  padding-right: 0px;
}
.img-bg-tri {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 447px;
  padding-right: 0px;
}

.about-section {

    left:2%;
    margin-top: 30px;
}

.navbar-brand {
    padding: 15px;
}

#menu-primarymenu {
    position: absolute;
    right:0;
    padding: 15px;
}

@media only screen and (max-width:768px) {
    #menu-primarymenu {
        position: relative;

    }
}

.services {
    margin-top:-94px;
}

@media only screen and (max-width:768px) {
    .services {
            margin-top: -50px;
        }
    nav.navbar {
        display: block;
    }
}

@media only screen and (max-width:320px) {
    .img-bg-tri {
        min-height:195px;
    }
    nav.navbar {
        display: block;
    }
}

@media only screen and (max-width:376px) {

    .img-bg-tri {
        min-height:230px;
    }

}

/* PG */

nav.navbar {
    padding: 25px 0 22px 0;
}